Difference between revisions of "Tutorials/Introduction to the Sugar Interface"

From Sugar Labs
Jump to navigation Jump to search
m (→‎Modem Configuration: add screen-shot)
 
(103 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<div style="border-top:1px solid #888888; border-bottom:1px solid #888888; margin:0px;">
+
<noinclude>[[Category:Tutorial|Sugar]]</noinclude>__TOC__
−
{| width="100%" cellpadding="0" cellspacing="0"
+
* You can run Sugar in several ways:
−
|-
+
*: See [[Supported systems|Ways to run Sugar]].
−
|width=25% align=left bgcolor=#C3D9FF| '''[[User:inkyfingers/Getting_Started(1)|Getting Started - Explore]]''' &larr;
 
−
|width=50% align=center bgcolor=#C3D9FF|'''[[Sugar_Creation_Kit|Sugar Creation Kit]]'''
 
−
|width=25% align=right bgcolor=#C3D9FF| '''[[Sugar_Creation_Kit/sck/Connecting to the Internet|Connecting to the Internet]]''' &rarr;
 
−
|}
 
−
</div>
 
  
−
==Introduction to the Sugar Interface==
+
* Read the [[Sugar_Labs/FAQ|'''FAQ's on Sugar''']] (Listed on the sidebar of all wiki pages.)
  
−
{{Under construction|unknown estimated finish. --[[User:Satellit|satellit_]] 7 December 2011 }}
+
{{Note/note|Note for all screenshots below:|Click on the screenshot to to see an enlarged version, then use your browser's back arrow to return here.}}
 +
===First Start screens===
 +
:When Sugar is started for the first time it boots to a screen that shows:
 +
;First screen, where you enter a name:
  
−
*A Booted Trisquel 5.0-sugar CD was used for these examples
+
*   NAME:(_____________)
−
::Note these screen-shots were Drag-Dropped to a 2nd USB-stick
 
−
::Copied from the USB to another Computer and uploaded to the Sugarlabs.wiki
 
−
::Where it was inserted into this page
 
  
−
:'''Note:For All Screen-shots:'''
+
_________________________(=>Next)
−
:'''Click on Screen-shot to enlarge it'''
+
* Click on '''(=>Next)''' and Sugar goes to the
−
:'''Use your Browsers <== Back arrow to return'''
+
;Second screen where you choose your XO "avatar" colors
  
−
===f3 Boot Screen===
+
*_______Click to change color:
−
*Sugar boots to this Screen:
+
*______________XO
−
:It contains a circle of activities
+
−
:: and is reached with the f3 key
+
*(<= Back)____________(=>Done)
−
*Click on Any of the Activities in the circle and the activity will start
+
{{:Nav-Tutorials}}
 +
::(The color of the central XO avatar changes each time it is clicked.)
 +
:These screens set the name and color of your XO "avatar" and '''generate a unique ssh user key for this Sugar instance.'''
 +
*These screens run only one time and do not repeat on next boot if there is data persistence (changes can be saved).
 +
*Click on '''(=>Done)''' and Sugar goes to the '''Home view'''.
 +
 
 +
===Home (F3) view screen===
 +
;Sugar boots to this screen:
 +
:It contains a ring of Activities icons.
 +
::It becomes a spiral if a large number of Activities are designated as "Favorites".
 +
:: It is reached by pressing the '''Home''' key (F3) or clicking its icon in the Frame.
 +
;Click on any of the [[Activities|'''Activities''']] in the circle and the Activity will start.
 +
::This links to the Sugar Labs wiki page listing information and descriptions on most Sugar Activities and how to download them.
 +
: Also look at the [http://wiki.laptop.org/index.php?title=Category:Activities '''OLPC Activities List'''] (outdated, for reference only).
 +
::: You will leave this Introduction if you click these links above ^.
 +
:::'''To return to the tutorial, click the <== back arrow on your browser.
 
[[File:Screenshot_of_f3_Drop-Down.png|700px]]
 
[[File:Screenshot_of_f3_Drop-Down.png|700px]]
−
:On the top right bar are 2 icons
+
: If you hover over the round icon, in the top Frame bar, it will show a drop-down menu palette (Not shown)
−
::You are using the circular one
+
:: With 2 icons:
−
:Click on the one with horizontal lines (The list view)
+
# '''Stack of 3 boxes in a triangle''' - (changes the Home view display to a random one. You can drag the Activity icons into an arrangement you prefer.)
 +
# '''Circle with dot in center''' - (Ring/Spiral view)
 +
* Hover over the center XO avatar and a pop-up menu palette appears (shown above).
 +
'''
 +
:On the top right of the upper Frame bar there are 2 icons.
 +
;Click on the one with horizontal lines (the Home list view).
 
[[File:Screenshot_of_f3_list_view.png|700px]]
 
[[File:Screenshot_of_f3_list_view.png|700px]]
−
;Click on Any of the Activities in the list and the activity will start.
+
;Click on any of the Activities in the list and the Activity will start.
−
:Click on the circular figure on the top bar
+
::Click on the "star" to the left of the Activity on the list view;
−
::You switch back to the f3 circular view
+
::It will alternate as a colored or outlined star.
−
::In the Center is the users XO figure
+
::If the star is colored, it becomes a "Favorite" Activity and  will be listed in the Activity ring/spiral on the regular Home view.
−
:Hover over the XO figure and a Drop Down Box Appears
+
;Click on the circular icon on the top bar
 +
:You switch back to the regular '''Home''' view.
 +
::In the center of the screen is the Learners XO figure.
 +
:Hover over the XO figure and a pop-up menu palette appears.
 
[[File:Screenshot_of_f3_Drop-Down.png|700px]]
 
[[File:Screenshot_of_f3_Drop-Down.png|700px]]
−
===Control Panel(My Settings)===
+
 
−
*Select the "My Settings"
+
===My Settings===
−
:You switch to the :Control Panel"
+
: (This is a "Control Panel" page where you set the configuration of Sugar.)
 +
* Select the "My Settings" menu option.
 +
: You switch to the "Control Panel"
 
[[File:Screenshot_of_Control_Panel.png|700px]]
 
[[File:Screenshot_of_Control_Panel.png|700px]]
−
:Here you can click on each of the items to make changes to how Sugar Works
+
: Here you can click on each of the items to make changes to how Sugar works.
 
:Like Language or Keyboard setting
 
:Like Language or Keyboard setting
 +
::Also look at [[olpc:Sugar_Control_Panel |'''OLPC Sugar Control Panel''']].
 +
::: You will leave this Introduction if you click this link above ^.
 +
:::'''To return to this tutorial, click the <== back arrow on your browser.
 +
:::This is a very complete description - (Important Information)
 +
:::Slightly out of date as it covers an older version of Sugar for the OLPC XO-1.
 +
 +
 
====About Me====
 
====About Me====
−
:Change the color of your XO identiy (Click on it)
+
 
−
:Change your name (edit it)
+
[[File:Screenshot_of_About_Me_.png|700px]]
−
*You will have to restart Sugar after these changes
+
:(From Fedora 16 Sugar on a Stick Pineapple)
 +
;Change the color of your XO identity figure.
 +
:This will vary with the version of Sugar you are using.
 +
:: Row of 5 avatars: Click on any version of the XO except the center one, which shows your current colors.
 +
:: 1 avatar: Click on the XO "avatar", if there is only one shown.
 +
:: Colors change with each click.
 +
;Change your name (edit it)
 +
;Click (check mark), to save, Click (X), to escape with no changes.
 +
* You will have to restart Sugar after these changes.
 +
 
 
====About My Computer====
 
====About My Computer====
−
:Shows Sugar Version and Operating system information
+
: Shows Sugar Version and operating system information.
−
====Accessability====
+
[[File:Screenshot_of_My_Computer.png|700px]]
−
:Not present in most sugar versions
+
 
−
: (This is Trisquel 5.0- which has some Dextrose3 features)
+
====Accessibility====
 +
:Not present in most Sugar versions
 +
: (This is Trisquel 5.0, which has some [[Dextrose|'''Dextrose''']] 3 features.)
 +
[[File:Screenshot_of_Accessability.png|700px]]
 +
 
 
====Date & Time====
 
====Date & Time====
−
:set your Time Zone
+
:Set your Timezone.
 
====Frame====
 
====Frame====
−
:sets the corner and edge sensitivity of the frame to the cursor
+
:Sets the corner and edge sensitivity of the Frame to the cursor.
 +
[[File:Screenshot_of_Frame.png|700px]]
 +
* Move the bottom slider fully left to have instantaneous Frame activation, or
 +
* Select an intermediate delay setting, or
 +
* Fully right to never activate the Frame when touching the screen edge with the pointer.
 +
 
 +
 
 
====Keyboard and Language====
 
====Keyboard and Language====
−
:Use to set these up in sugar
+
[[Talk:Tutorials/Introduction_to_the_Sugar_Interface#Language_and_Keyboard_Settings|Language and Keyboard Settings]]
 +
:Requires a reboot after changes are made.
 +
 
 
====Modem Configuration====
 
====Modem Configuration====
−
:Set up GSM modem
+
:Set up mobile broadband connection to a cellular (3G) network.
 
[[File:Screenshot_of_modem.png|700px]]
 
[[File:Screenshot_of_modem.png|700px]]
  
 
====Network====
 
====Network====
 
:Shows the Jabber Connection Information
 
:Shows the Jabber Connection Information
−
:: fill in the field of the jabber server:
+
[[File:Screenshot_of_Network.png|700px]]
−
::'''(Jabber.sugarlabs.org)'''
+
:: Fill in the field of the jabber server to test with our unsafe [[Service/jabber|development jabber server]]:
−
:::The normal one used
+
::'''jabber.sugarlabs.org'''
 +
:::This field is normally blank.
 +
::[[Community_Jabber_servers|Community Jabber Servers]] Listing of other jabber servers. (They may not always be working.)
 +
 
 
====Software Update====
 
====Software Update====
−
: Updates the applications installed in your sugar
+
: Updates the applications installed in your instance of Sugar.
−
::Can be customized for use with a School server in deployments
+
[[File:Screenshot_of_Software_Update.png|700px]]
−
:To exit the control-panel hit the (X) or (check mark if it appears :it saves changes) in the frame bar right corner
+
:Check the Activities you want to upgrade.
 +
::This will only upgrade Activities that you have installed.
 +
::(Some versions of Sugar may allow you to install new ones.)
 +
::This may be customized in deployments with a School server.
 +
:To '''exit''' the "Control Panel" hit the '''(X)''' or (check mark if it appears; it saves changes) in the header bar's right corner.
 +
 
 
===Network Neighborhood===
 
===Network Neighborhood===
−
*Hit F1 key and you switch to the Jabber Network Neighborhood View
+
;Click [[File:Mesh_key_f1_small.png]] in the Frame or hit '''F1''' key and you switch to the Neighborhood view.
 +
:Move the mouse pointer to any corner of the screen to expose the Frame.
 +
::(Wait a couple of seconds for it to appear as there is a time delay.)
 +
:The delay and sensitivity of this is set in the "Control Panel".
 +
::See the section on the [[#Frame|Frame]] discussed above.
 +
[[File:Screenshot_of_f1_with_frame_showing.png|700px]]
 +
* This is a description of what is showing in this Frame:
 +
::Starting in the top right corner and moving clockwise ===>
 +
;Right side
 +
# The Learner's XO avatar - (The same pop-up palette menu will be shown here as in the Home view. Any other Learners you are [[The_Undiscoverable/Collaboration|Collaborating]] with will be shown below the Learner's avatar.)
 +
;Bottom
 +
#Battery indicator (% Charge Level)
 +
#Speaker - (Set Volume and Mute)
 +
#Wired Network - (Connection and Speed and IP Address.)
 +
#Wireless or Ad hoc Network Connection - (Connected-disconnect Channel IP Address)
 +
#System Resources - (CPU and Memory Usage in % ) - ''on Trisquel and Dextrose3 only''
 +
#Feedback - (Submit comments) - ''on Trisquel and Dextrose3 only''
 +
;Left Side
 +
# Will contain icons of clippings.
 +
;Top
 +
# F1 '''Neighborhood''' view
 +
# F2 '''Group''' view - (See the avatars of your friends. This view has not yet been exploited very much in Sugar.)
 +
# F3 '''Home''' view - (Ring/Spiral Favorites and List views)
 +
# F4 '''Activity''' view
 +
# F5 '''Journal''' view - (Display the Journal) - Hover drop down: Show contents and  xxx MB Free storage space
 +
* '''Move the mouse pointer away from the screen or window edge to retract the Frame.'''
 
[[File:Screenshot_of_f1_Network-Neighborhood_on_jabber.png|700px]]
 
[[File:Screenshot_of_f1_Network-Neighborhood_on_jabber.png|700px]]
−
:You are the XO in the center.
+
:You are represented by the XO figure in the center.
−
::Hover on it and the same drop-down menu will appear as in f3
+
::Hover on it and the same pop-up menu palette will appear as its version in the Home view.
−
:All the other XO figures are other users on the jabber network
+
::All the other XO figures are other Learners on the network.
−
*hit f3 and return to the main screen
+
:::Hover the pointer over any other XO figure and a pop-up palette will give their name.
 +
:::NOTE: '''icons''' of shared Activities may appear here.
 +
:::Hover over the Activity icon and click "Join" on the pop-up palette menu to begin [[The_Undiscoverable/Collaboration|Collaboration]] (working with the other Learner) in the Activity.
 +
::::(There are no shared Activities shown in the screenshot.)
 +
;Hit '''Home''' view and return to the Home view screen.
  
−
===TO Shutdown Sugar===
+
===Shutdown Sugar===
−
:Choose shutdown on the dropdown box
 
−
[[File:Screenshot_of_f3_Drop-Down.png|700px]]
 
  
−
<div style="border-top:1px solid #888888; border-bottom:1px solid #888888; margin:0px;">
+
[[File:Screenshot_of_f3_Drop-Down.png|700px|link=]]
−
{| width="100%" cellpadding="0" cellspacing="0"
+
;Choose '''Shutdown''' on the pop-up palette menu.
−
|-
+
{{Note/important|Important|With Sugar on a Stick, wait until Sugar shuts down completely before removing the USB stick.  If you just pull it out without waiting after shutdown, you will corrupt the USB stick filesystem and it will never start again. It needs to write information about your Journal before it shuts down. (Notice, if there is an LED on the USB stick, it flashes for a while after shutdown.)}}
−
|width=25% align=left bgcolor=#C3D9FF| '''[[User:inkyfingers/Getting_Started(1)|Getting Started - Explore]]''' &larr;
+
=====Re-login to Trisquel after restart=====
−
|width=50% align=center bgcolor=#C3D9FF|'''[[Sugar_Creation_Kit|Sugar Creation Kit]]'''
+
: If you encounter a re-start of the Trisquel 5.0 Sugar live CD
−
|width=25% align=right bgcolor=#C3D9FF| '''[[Sugar_Creation_Kit/sck/Connecting to the Internet|Connecting to the Internet]]''' &rarr;
+
:: caused by a color/name change or other change in '''My Settings''' that requires a restart,
−
|}
+
:: (NOT the same as the central figure's drop-down menu selection '''Restart''' on the Home view, which shuts down the CD and ejects it.)
−
</div>
+
: It will come up on a login screen:
 +
*
 +
*(other) <===Click on it
 +
*[_______]<==Enter trisquel here
 +
*
 +
*
 +
*Password:        (leave it blank)
 +
*hit (Login)
 +
* Sugar will restart with the changes.
 +
===[[Tutorials|More tutorials]]===

Latest revision as of 23:09, 13 August 2017

35px-Activity-write.png
Note for all screenshots below:
Click on the screenshot to to see an enlarged version, then use your browser's back arrow to return here.

First Start screens

When Sugar is started for the first time it boots to a screen that shows:
First screen, where you enter a name
  • NAME:(_____________)

_________________________(=>Next)

  • Click on (=>Next) and Sugar goes to the
Second screen where you choose your XO "avatar" colors
  • _______Click to change color:
  • ______________XO
  • (<= Back)____________(=>Done)
Tutorials
Screenshots
Introduction to the Sugar Interface
Connecting to the Internet
Chatting with the Chat Activity
Chatting with the IRC Activity
Copy with drag & drop
Send a file to a friend
Backup & restore Journal
Capturas de pantalla
Introducción a la interfaz de Azúcar
Conexión a Internet
Charlando con la Actividad Chat
Charlando con la Actividad IRC
Copia con un simple arrastrar y soltar
Installation
Install SoaS in VirtualBox
Install SoaS in VMware Player
Import a VirtualBox Appliance
Importar un aparato de VirtualBox
Install with liveinst
Instalar con liveinst
Install & use liveusb-creator
Netinstall Fedora with Sugar Desktop
Burn a CD.iso on a Mac
Videos
(The color of the central XO avatar changes each time it is clicked.)
These screens set the name and color of your XO "avatar" and generate a unique ssh user key for this Sugar instance.
  • These screens run only one time and do not repeat on next boot if there is data persistence (changes can be saved).
  • Click on (=>Done) and Sugar goes to the Home view.

Home (F3) view screen

Sugar boots to this screen
It contains a ring of Activities icons.
It becomes a spiral if a large number of Activities are designated as "Favorites".
It is reached by pressing the Home key (F3) or clicking its icon in the Frame.
Click on any of the Activities in the circle and the Activity will start.
This links to the Sugar Labs wiki page listing information and descriptions on most Sugar Activities and how to download them.
Also look at the OLPC Activities List (outdated, for reference only).
You will leave this Introduction if you click these links above ^.
To return to the tutorial, click the <== back arrow on your browser.

Screenshot of f3 Drop-Down.png

If you hover over the round icon, in the top Frame bar, it will show a drop-down menu palette (Not shown)
With 2 icons:
  1. Stack of 3 boxes in a triangle - (changes the Home view display to a random one. You can drag the Activity icons into an arrangement you prefer.)
  2. Circle with dot in center - (Ring/Spiral view)
  • Hover over the center XO avatar and a pop-up menu palette appears (shown above).

On the top right of the upper Frame bar there are 2 icons.
Click on the one with horizontal lines (the Home list view).

Screenshot of f3 list view.png

Click on any of the Activities in the list and the Activity will start.
Click on the "star" to the left of the Activity on the list view;
It will alternate as a colored or outlined star.
If the star is colored, it becomes a "Favorite" Activity and will be listed in the Activity ring/spiral on the regular Home view.
Click on the circular icon on the top bar
You switch back to the regular Home view.
In the center of the screen is the Learners XO figure.
Hover over the XO figure and a pop-up menu palette appears.

Screenshot of f3 Drop-Down.png

My Settings

(This is a "Control Panel" page where you set the configuration of Sugar.)
  • Select the "My Settings" menu option.
You switch to the "Control Panel"

Screenshot of Control Panel.png

Here you can click on each of the items to make changes to how Sugar works.
Like Language or Keyboard setting
Also look at OLPC Sugar Control Panel.
You will leave this Introduction if you click this link above ^.
To return to this tutorial, click the <== back arrow on your browser.
This is a very complete description - (Important Information)
Slightly out of date as it covers an older version of Sugar for the OLPC XO-1.


About Me

Screenshot of About Me .png

(From Fedora 16 Sugar on a Stick Pineapple)
Change the color of your XO identity figure.
This will vary with the version of Sugar you are using.
Row of 5 avatars: Click on any version of the XO except the center one, which shows your current colors.
1 avatar: Click on the XO "avatar", if there is only one shown.
Colors change with each click.
Change your name (edit it)
Click (check mark), to save, Click (X), to escape with no changes.
  • You will have to restart Sugar after these changes.

About My Computer

Shows Sugar Version and operating system information.

Screenshot of My Computer.png

Accessibility

Not present in most Sugar versions
(This is Trisquel 5.0, which has some Dextrose 3 features.)

Screenshot of Accessability.png

Date & Time

Set your Timezone.

Frame

Sets the corner and edge sensitivity of the Frame to the cursor.

Screenshot of Frame.png

  • Move the bottom slider fully left to have instantaneous Frame activation, or
  • Select an intermediate delay setting, or
  • Fully right to never activate the Frame when touching the screen edge with the pointer.


Keyboard and Language

Language and Keyboard Settings

Requires a reboot after changes are made.

Modem Configuration

Set up mobile broadband connection to a cellular (3G) network.

Screenshot of modem.png

Network

Shows the Jabber Connection Information

Screenshot of Network.png

Fill in the field of the jabber server to test with our unsafe development jabber server:
jabber.sugarlabs.org
This field is normally blank.
Community Jabber Servers Listing of other jabber servers. (They may not always be working.)

Software Update

Updates the applications installed in your instance of Sugar.

Screenshot of Software Update.png

Check the Activities you want to upgrade.
This will only upgrade Activities that you have installed.
(Some versions of Sugar may allow you to install new ones.)
This may be customized in deployments with a School server.
To exit the "Control Panel" hit the (X) or (check mark if it appears; it saves changes) in the header bar's right corner.

Network Neighborhood

Click Mesh key f1 small.png in the Frame or hit F1 key and you switch to the Neighborhood view.
Move the mouse pointer to any corner of the screen to expose the Frame.
(Wait a couple of seconds for it to appear as there is a time delay.)
The delay and sensitivity of this is set in the "Control Panel".
See the section on the Frame discussed above.

Screenshot of f1 with frame showing.png

  • This is a description of what is showing in this Frame:
Starting in the top right corner and moving clockwise ===>
Right side
  1. The Learner's XO avatar - (The same pop-up palette menu will be shown here as in the Home view. Any other Learners you are Collaborating with will be shown below the Learner's avatar.)
Bottom
  1. Battery indicator (% Charge Level)
  2. Speaker - (Set Volume and Mute)
  3. Wired Network - (Connection and Speed and IP Address.)
  4. Wireless or Ad hoc Network Connection - (Connected-disconnect Channel IP Address)
  5. System Resources - (CPU and Memory Usage in % ) - on Trisquel and Dextrose3 only
  6. Feedback - (Submit comments) - on Trisquel and Dextrose3 only
Left Side
  1. Will contain icons of clippings.
Top
  1. F1 Neighborhood view
  2. F2 Group view - (See the avatars of your friends. This view has not yet been exploited very much in Sugar.)
  3. F3 Home view - (Ring/Spiral Favorites and List views)
  4. F4 Activity view
  5. F5 Journal view - (Display the Journal) - Hover drop down: Show contents and xxx MB Free storage space
  • Move the mouse pointer away from the screen or window edge to retract the Frame.

Screenshot of f1 Network-Neighborhood on jabber.png

You are represented by the XO figure in the center.
Hover on it and the same pop-up menu palette will appear as its version in the Home view.
All the other XO figures are other Learners on the network.
Hover the pointer over any other XO figure and a pop-up palette will give their name.
NOTE: icons of shared Activities may appear here.
Hover over the Activity icon and click "Join" on the pop-up palette menu to begin Collaboration (working with the other Learner) in the Activity.
(There are no shared Activities shown in the screenshot.)
Hit Home view and return to the Home view screen.

Shutdown Sugar

Screenshot of f3 Drop-Down.png

Choose Shutdown on the pop-up palette menu.
Notification.png
Important
With Sugar on a Stick, wait until Sugar shuts down completely before removing the USB stick. If you just pull it out without waiting after shutdown, you will corrupt the USB stick filesystem and it will never start again. It needs to write information about your Journal before it shuts down. (Notice, if there is an LED on the USB stick, it flashes for a while after shutdown.)
Re-login to Trisquel after restart
If you encounter a re-start of the Trisquel 5.0 Sugar live CD
caused by a color/name change or other change in My Settings that requires a restart,
(NOT the same as the central figure's drop-down menu selection Restart on the Home view, which shuts down the CD and ejects it.)
It will come up on a login screen:
  • (other) <===Click on it
  • [_______]<==Enter trisquel here
  • Password: (leave it blank)
  • hit (Login)
  • Sugar will restart with the changes.

More tutorials

Retrieved from "https://wiki.sugarlabs.org/index.php?title=Tutorials/Introduction_to_the_Sugar_Interface&oldid=100576"