think-cell technical report TC2003/01 A GUI-based Interaction ...

More documents

Recommendations

Info

4.1 A New Approach to Slide Layout INTERACTION CONCEPT User User interface (focus of this work) Constraint specification Constraint solver Layout specification Create constraints Read constraints Finished slide Knowledge base Update layout General layout rules Create solution Figure 11: The focus of this work in the context of the <strong>think</strong>-<strong>cell</strong> application Container Smart Element Anchorpoint Gridline (a) The user’s view (“from above”) Smart Element Binding Container Gridline Gridline (b) The programmer’s view (“side view”) Figure 12: Schematic interaction between smart elements and smart gridlines The notion of the smart grid refers to the entirety of horizontal and vertical gridlines plus certain constraints induced by the contained elements plus constraints explicitly specified by the user. The smart grid instantiates a system of numeric inequalities that represent the constraint specification (an example is provided in Fig. 13). The system of numeric inequalities is taken as input by the constraint solver subsystem. Constraints are weighted and thus the inequality system can always be solved, to a more or less satisfying degree. The solution is then imposed on the layout by moving the gridlines; any shapes bound to those gridlines are implicitly moved along with them. When gridlines are moved, sizes and positions of the bound shapes may change, but spatial relations and alignments are implicitly maintained. Smart elements replace the templates that are traditionally used to quickly set up a slide. The complexity of the templates and the smart elements, respectively, ranges from simple arrows of a certain shade to difficult arrangements such as Gantt charts. Ordinary templates simply consist of a prearranged group of PowerPoint shapes that is very fragile and easily distorts when it is adapted for a specific slide. On the contrary, smart elements serve the same purpose but have a hard- coded internal structure. Smart elements cannot be torn apart by mistake. They also actively rearrange their internal layout according to the conditions of their requirements, such as size, proportions and text length. 36
4.1 A New Approach to Slide Layout INTERACTION CONCEPT h1 h2 h3 h4 h5 h6 h7 v1 v2 v3 h: horizontal gridline v: vertical gridline s: shape v4 v5 v6 v7 s17 s18 v8 v9 v10 (a) Shapes and gridlines as seen by the user (life screenshot from my prototype with additional annotations) ... v5 - v4 = v6 - v5 v5 - v4 = v7 - v6 v4 - v3 = v8 - v7 v3 - v1 = v10 - v8 ... v9 - v2 ≥ minWidth(s17) v9 - v2 ≥ minWidth(s18) v4 ≥ v2 v9 ≥ v7 minimize( v9 - v2 ) ... v4 - v3 > minGap v8 - v7 > minGap min(v) - leftBorder = rightBorder - max(v) ... h5 - h4 > minGap h2 - h1 = fixed min(h) - topBorder ≥ titleHeight ... (b) A system of constraints as it is sent to the solver Figure 13: The layout of a slide can be determined by solving a constraint system for relations between gridlines. 37
Page 1 and 2: think-cell technical report TC2003/
Page 3 and 4: Contents List of Figures 5 1 Introd
Page 5 and 6: List of Figures 1 The consultant’
Page 7 and 8: 1 Introduction INTRODUCTION “Layo
Page 9 and 10: 2 Field Study FIELD STUDY Jeff Hawk
Page 11 and 12: 2.1 Qualitative Aspects FIELD STUDY
Page 19 and 20: 2.2 Quantitative Aspects FIELD STUD
Page 25 and 26: 3 State of the Art STATE OF THE ART
Page 27 and 28: 3.1 User Interfaces for Layout Spec
Page 29 and 30: 3.2 Computer Supported Layout STATE
Page 31 and 32: 3.2 Computer Supported Layout STATE
Page 33 and 34: 3.3 State of the Art - Résumé STA
Page 35: 4.1 A New Approach to Slide Layout
Page 39 and 40: 4.1 A New Approach to Slide Layout
Page 41 and 42: 4.1 A New Approach to Slide Layout
Page 43 and 44: 4.2 Interaction Toolbox INTERACTION
Page 53 and 54: 4.3 Specifying the User Interface I
Page 69 and 70: 5 Implementation IMPLEMENTATION The
Page 71 and 72: 5.1 Program Architecture IMPLEMENTA
Page 77 and 78: 5.2 An Application of Dynamic Progr
Page 83 and 84: 6 Evaluation EVALUATION In this cha
Page 85 and 86: 6.2 Case Study EVALUATION presented
Page 87 and 88:
6.2 Case Study EVALUATION AÖGHKÖ
Page 89 and 90:
7.2 Résumé CONCLUSION User Studie
Page 91 and 92:
References REFERENCES [Adoa] Adobe
Page 93 and 94:
REFERENCES [Hur78] A. Hurlburt. The
show all

think-cell technical report TC2003/01 A GUI-based Interaction ...

Create successful ePaper yourself

Delete template?

Save as template?