1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
<head><title></title>
<META NAME="AUTHOR" CONTENT="Main.WalterBender"/><META NAME="COPYRIGHT" CONTENT=""/><META NAME="DOCNUMBER" CONTENT="r1.15 - 05 Sep 2008"/><META NAME="GENERATOR" CONTENT="TWiki TWiki-4.2.0, Tue, 22 Jan 2008, build 16278"/><META NAME="KEYWORDS" CONTENT=""/><META NAME="SUBJECT" CONTENT=""/></head>
<body><a name="Interface"> </a><html>
<head>
<title>Sugar</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" href="TWiki/FlossSkin2/fl2.ico" type="image/x-icon" /> <link rel="shortcut icon" href="TWiki/FlossSkin2/fl2.ico" type="image/x-icon" />
<link rel="StyleSheet" href="style.css" type="text/css" media="screen"//>
<style id="mystyle" class="mystyle"></style>
</head>
<body >
<p />
<div id="index">
<div class="topics">
<ul><li class="heading">INTRODUCTION</li><li><a href="XO_Introduction.html">INTRODUCTION</a></li><li><a href="XO_AboutOLPC.html">ABOUT OLPC</a></li><li><a href="Sugar_Introduction.html">WHAT IS SUGAR</a></li><li><a href="XO_HowToVolunteer.html">HOW TO VOLUNTEER</a></li><li class="heading">GETTING STARTED</li><li><a href="XO_GettingStarted.html">GETTING STARTED</a></li><li><a href="XO_OpeningTheXO.html">OPENING THE XO</a></li><li><a href="XO_Ports.html">PORTS</a></li><li><a href="XO_ChargingBattery.html">BATTERY CHARGING</a></li><li><a href="XO_Starting.html">STARTING THE XO</a></li><li><a href="XO_Keyboard.html">KEYBOARD</a></li><li class="heading">INTERFACE</li><li><a href="Sugar_Interface.html">ABOUT THE USER INTERFACE</a></li><li><a href="Sugar_HomeView.html">HOME VIEW</a></li><li><a href="Sugar_ActivityView.html">ACTIVITY VIEW</a></li><li><a href="Sugar_NeighbourhoodView.html">NEIGHBOURHOOD VIEW</a></li><li><a href="Sugar_GroupView.html">GROUP VIEW</a></li><li><a href="Sugar_TheFrame.html">THE FRAME</a></li><li><a href="Sugar_TheJournal.html">THE JOURNAL</a></li><li class="heading">ACTIVITIES</li><li><a href="Sugar_WhatIsAnActivity.html">WHAT IS AN ACTIVITY</a></li><li><a href="Sugar_LaunchingActivities.html">LAUNCHING ACTIVITIES</a></li><li><a href="Sugar_SwitichingActivities.html">SWITCHING ACTIVITIES</a></li><li><a href="Sugar_Collaborating.html">COLLABORATING</a></li><li><a href="Sugar_ExitingActivities.html">EXITING ACTIVITIES</a></li><li><a href="Sugar_InstallingActivities.html">INSTALLING ACTIVITIES</a></li><li><a href="Sugar_FindingActivities.html">ACTIVITY SAMPLER</a></li><li class="heading">NETWORK</li><li><a href="XO_GiveMeTheInternet.html">GIVE ME THE INTERNET</a></li><li><a href="Sugar_ConnectingNetwork.html">CONNECTING</a></li><li><a href="XO_RouterTable.html">WIRELESS DEVICES</a></li><li><a href="XO_ExternalHardware.html">NETWORKING HARDWARE</a></li><li><a href="XO_Troubleshooting.html">TROUBLESHOOTING</a></li><li class="heading">RECORD ACTIVITY</li><li><a href="Record_Introduction.html">INTRODUCTION</a></li><li><a href="Record_StartingRecord.html">STARTING RECORD</a></li><li><a href="Record_Pictures.html">PHOTOS</a></li><li><a href="Record_Video.html">VIDEO</a></li><li><a href="Record_Audio.html">AUDIO</a></li><li><a href="Record_ShareMedia.html">SHARING MEDIA</a></li><li><a href="Record_MoreIdeas.html">THINGS TO TRY</a></li><li><a href="Record_UploadToWikimedia.html">WIKIMEDIA COMMONS</a></li><li class="heading">BROWSE ACTIVITY</li><li><a href="Browse_Introduction.html">INTRODUCTION</a></li><li><a href="Browse_WhatIsTheWeb.html">WHAT IS THE WEB</a></li><li><a href="Browse_StartingBrowse.html">STARTING BROWSE</a></li><li><a href="Browse_BrowsingWeb.html">BROWSE WEB</a></li><li><a href="Browse_Bookmarks.html">BOOKMARKS</a></li><li><a href="Browse_ChangingView.html">CHANGING THE VIEW</a></li><li><a href="Browse_SharingLinks.html">SHARING LINKS</a></li><li><a href="Browse_TheArtInAllOfUs.html">COUNTRY QUIZ</a></li><li><a href="Browse_Search.html">SEARCH THE WEB</a></li><li><a href="Browse_UsingWikipedia.html">USING WIKIPEDIA</a></li><li><a href="Browse_ContributeToWikipedia.html">CONTRIBUTE TO WIKIPEDIA</a></li><li><a href="Browse_Email.html">USING EMAIL</a></li><li class="heading">WRITE ACTIVITY</li><li><a href="Write_Introduction.html">INTRODUCTION</a></li><li><a href="Write_Starting.html">STARTING WRITE</a></li><li><a href="Write_Collaborating.html">COLLABORATING</a></li><li><a href="Write_PeerEditing.html">PEER EDITING</a></li><li><a href="Write_Basics.html">THE BASICS</a></li><li><a href="Write_GroupStoryTelling.html">GROUP STORY TELLING</a></li><li><a href="Write_LetterToTheEditor.html">LETTER TO THE EDITOR</a></li><li><a href="Write_EmailingADocument.html">EMAILING A DOCUMENT</a></li><li class="heading">TURTLE ART</li><li><a href="TurtleArt_Introduction.html">INTRODUCTION</a></li><li><a href="TurtleArt_TurtleArtGetStart.html">GETTING STARTED</a></li><li><a href="TurtleArt_StarterCommands.html">STARTER COMMANDS</a></li><li><a href="TurtleArt_PenColors.html">PEN COLORS</a></li><li><a href="TurtleArt_PenCommands.html">PEN COMMANDS</a></li><li><a href="TurtleArt_TryTurtleArt.html">TRY TURTLE ART</a></li><li><a href="TurtleArt_TurtleArtLetters.html">TURTLE ART LETTERS</a></li><li><a href="TurtleArt_RepeatingCommands.html">REPEATING COMMANDS</a></li><li><a href="TurtleArt_NumbersandCommands.html">NUMBERS AND COMMANDS</a></li><li><a href="TurtleArt_ShapesandSpectrum.html">SHAPES AND SPECTRUM</a></li><li class="heading">SUPPORT</li><li><a href="XO_HowToFlash.html">HOW TO REFLASH</a></li><li><a href="XO_AdvancedPower.html">POWERING OF YOUR LAPTOP</a></li><li><a href="XO_ReplacingBattery.html">REPLACING</a></li><li><a href="Sugar_BackingUp.html">BACKING UP</a></li><li><a href="XO_GettingSupport.html">GETTING SUPPORT</a></li><li class="heading">APPENDICES</li><li><a href="XO_KeyboardShortcuts.html">KEYBOARD SHORTCUTS</a></li><li><a href="Sugar_Personalising.html">PERSONALISING SUGAR</a></li><li><a href="Sugar_Glossary.html">GLOSSARY</a></li><li><a href="XO_Credits.html">CREDITS</a></li><li><a href="Sugar_Credits.html">CREDITS</a></li><li><a href="TurtleArt_Credits.html">CREDITS</a></li><li><a href="Browse_Credits.html">CREDITS</a></li><li><a href="Record_Credits.html">CREDITS</a></li><li><a href="Write_Credits.html">CREDITS</a></li><li><a href="Main_Credits.html">CREDITS</a></li></ul>
</div>
</div>
<div id="content">
<h1> The Sugar User Interface
</h1>
<p>The Sugar platform encourages learning through personal expression.
</p>
<p>The user interface differs from the traditional Desktop metaphor. It uses a "zooming" metaphor—each view represents a different scale of interaction. You move between a view of the network "neighborhood", your "friends", your "home page", and your currently open application ("Activity"). Each view occupies the entire screen. There are no overlapping windows to deal with.
</p>
<p><img title="zoom" alt="zoom" src="Sugar/Interface/zoom.png" width="600" height="166" />
<br />With Sugar, you zoom between views: from your network neighborhood to your current Activity.
</p>
<p><span class="mw-headline">Sugar supports sharing and collaboration by default.</span> Sugar brings many of the rich collaboration mechanisms we are accustomed to from the Internet directly into the user interface. Sharing a file, starting a chat, collaborating in a writing exercise, or playing a game with other people are never more than a single click away.
</p>
<p>Sugar incorporates a Frame around the border of the screen; the Frame holds status information, such as alerts, a clipboard, open activities, and your current collaborators.
</p>
<p>Sugar maintains a Journal (or diary) of everything you do; it is a place for reflection. You do not need to save files or create folders; Activities automatically save your work to the Journal.
</p>
<p>Sugar emphasizes discovery. Every object in the interface has a menu that reveals more details and options for action. Many Activities include a "view source" option; for example, the Browse activity lets you examine the HTML code that reveals how a web page is created. Most Activities are written in the Python scripting language. You can see how they work, and make changes to them.
</p>
<p>Sugar has clarity of design. There is no need to "double click". There are no overlapping windows. Sugar uses color and shape throughout the interface to provide a fun, expressive, approachable platform for computing.
<br />
</p>
<h2>For parents and teachers
</h2>
<p><strong>Activities, not Applications</strong>
<br /> Sugar does not have applications in the traditional sense. Activities are distinct from applications in what they focus on (collaboration and expression) and in their implementation (journaling and iteration). This is more than a new naming convention; it represents an intrinsic quality of the learning experience we hope the children will have when using Sugar.
</p>
<p><strong>Presence is always Present</strong>
<br />Everyone has the potential for learning and teaching. Sugar puts collaboration at the core of the user experience in order to realize this potential. The presence of other learners encourages children to take responsibility for others' learning as well as their own. The exchange of ideas amongst peers makes the learning process more engaging and stimulates critical thinking skills. Sugar encourages these types of social interaction with the laptops.
</p>
<p>Most activities have the potential to become network enabled. For example, consider the Browse activity. With typical computer interfaces, you browse in isolation. In Sugar, sharing links is an integral part of Browse, transforming web-surfing into a group collaboration.
</p>
<p><strong>Tools of Expression</strong>
<br />Sugar emphases thinking, expressing, and communicating using technology. Sugar starts from the premise that we want to use what people already know in order to make connections to new knowledge. Computation is a "thing to think with". Sugar makes the primary activity of the children one of creative expression, in whatever form that might take. Most activities focus on the creation of some type of object, be it a drawing, a song, a story, a game, or a program. In another language shift describing the user experience, we refer to objects rather than files as the primary stuff of creative expression.
</p>
<p>As most software developers would agree, the best way to learn how to write a program is to write one, or perhaps teach someone else how to do so. Studying the syntax of the language is useful, but it doesn't teach one how to code. We apply the principle of "learning through doing" to all types of creation. For example, we emphasize composing music over downloading music. We also encourage the children to engage in the process of collaborative critique of their expressions and to iterate upon this expression as well.
</p>
<p>Turning the traditional file system into objects speaks more directly to real-world metaphors: instead of a sound file, we have an actual sound; instead of a text file, a story. In order to support this concept, activity developers can define object types and associated icons to represent them.
</p>
<p><strong>Journaling</strong>
<br />The concept of the Journal, a written documentation of everyday events, is generally understood, albeit in various forms across cultures. A journal typically chronicles the Activities one has done throughout the day. We have adopted a journal metaphor for the file system as our approach to file organization. The underlying implementation of the journal does not differ significantly from file systems in contemporary operating systems. The file system layout is less important than the journal itself.
</p>
<p>The journal embodies the idea of storing a history of the things a child has done and the activities a child has participated in. The child, parent, and teacher can reflect on the journal to assess progress.
</p>
<p>The Journal stores objects created while the student runs an Activity. This function is secondary, although important. The Journal naturally lends itself to a chronological organization. Objects in the Journal can be tagged, searched, and sorted by a variety of means. The Journal records what a child has <em>done</em>, not just what the child has <em>saved</em>. The Journal is a portfolio or scrapbook history of the child's interactions with the machine and also with peers.
</p>
<p> The Journal includes entries explicitly created by the children with entries that are implicitly created through the child's participation in an Activities. Developers must think carefully about how an activity integrates with the Journal more so than with a traditional file system that functions independently of an application. The Activities, the objects, and the means of recording all tightly integrate to create a different kind of computer experience.
</p>
<p />
<p />
<p>
Author : <i>Interface</i> <br/>© Walter Bender 2008<br/>Modifications:<br/>adam hyde 2008<br/>Brian Jordan 2008<br/>David Farning 2008<br/>Janet Swisher 2008<br/>Rob Mason 2008<br/><hr/><br>License : General Public License
</p>
<p>Produced in FLOSS Manuals (<a href='http://www.flossmanuals.net'>http://www.flossmanuals.net</a>)
</p>
</div>
</body>
</html></body>
|
