Sugar Labs

Changes

Human Interface Guidelines/The Sugar Interface/Input Systems (view source)

Revision as of 00:50, 31 October 2011

424 bytes added ,  00:50, 31 October 2011
use latest keyboard image
Line 1: Line 1:  
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
−
<noinclude>{{Translations}}</noinclude>
+
<noinclude>{{Translations}}
 
{{hig-subnav-inter|p_link=Security|p_label=Security|c_section=The Sugar Interface|c_page=Input Systems|n_link=The Sugar Interface/Layout Guidelines|n_label=Layout Guidelines}}
 
{{hig-subnav-inter|p_link=Security|p_label=Security|c_section=The Sugar Interface|c_page=Input Systems|n_link=The Sugar Interface/Layout Guidelines|n_label=Layout Guidelines}}
−
 
+
</noinclude>
 
===Input Systems===
 
===Input Systems===
 
====Keyboard====
 
====Keyboard====
−
 
+
<!--[[File:Keyboard_layout.jpg|thumb|600px|center|The basic laptop keyboard layout.]] -->
−
[[Image: keyboard_layout.jpg|thumb|600px|center|The basic laptop keyboard layout.]]
+
<span class="plainlinks linkgroup">[{{fullurle:olpc:File:Keyboard_english.png}} http://wiki.laptop.org/images/thumb/1/1b/Keyboard_english.png/600px-Keyboard_english.png]</span><br>The basic laptop keyboard layout.
    
=====Localized Keyboard Layouts=====
 
=====Localized Keyboard Layouts=====
Line 30: Line 30:  
|-
 
|-
 
|[[Image:Key_zoom.jpg|right]]
 
|[[Image:Key_zoom.jpg|right]]
−
|Transitions among [[OLPC Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Neighborhood|Neighborhood]], [[OLPC Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Groups|Groups]], [[OLPC Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Home|Home]], and [[OLPC Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Activity|Activity]] views.
+
|Transitions among [[Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Neighborhood|Neighborhood]], [[Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Groups|Groups]], [[Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Home|Home]], and [[Human Interface Guidelines/The Laptop Experience/Zoom Metaphor#Activity|Activity]] views.
 
|-
 
|-
 
|[[Image:Key_bboard.jpg|right]]
 
|[[Image:Key_bboard.jpg|right]]
−
|Toggles visibility of the [[OLPC Human Interface Guidelines/The Laptop Experience/Bulletin Boards|Bulletin Board]] for the current view
+
|Toggles visibility of the [[Human Interface Guidelines/The Laptop Experience/Bulletin Boards|Bulletin Board]] for the current view
 
|-
 
|-
 
|[[Image:Key_frame.jpg|right]]
 
|[[Image:Key_frame.jpg|right]]
−
|Toggles visibility of the [[OLPC Human Interface Guidelines/The Laptop Experience/The Frame|Frame]]
+
|Toggles visibility of the [[Human Interface Guidelines/The Laptop Experience/The Frame|Frame]]
 
|-style="background: #e9e9e9;"
 
|-style="background: #e9e9e9;"
 
|colspan="2"|'''Hardware Controls'''
 
|colspan="2"|'''Hardware Controls'''
Line 50: Line 50:  
|-
 
|-
 
|[[Image:Key_viewsource.png|100px|right]]
 
|[[Image:Key_viewsource.png|100px|right]]
−
|The [[OLPC Human Interface Guidelines/The Laptop Experience/View Source|View Source]] key (gear) peels away the activity layer, allowing children to view the underlying source code. It is accessed in combination with the Fn and space keys.
+
|The [[Human Interface Guidelines/The Laptop Experience/View Source|View Source]] key (gear) peels away the activity layer, allowing children to view the underlying source code. It is accessed in combination with the Fn and space keys.
 
|-
 
|-
 
|[[Image:Key_grableft.png|right]][[Image:Key_grabright.png|right]]
 
|[[Image:Key_grableft.png|right]][[Image:Key_grabright.png|right]]
−
|Grab keys for panning/scrolling...
+
|Grab Keys are for panning/scrolling; they are used in conjunction with the touchpad.
 
|-
 
|-
 
|[[Image:Key_slider.png|313px|right]]
 
|[[Image:Key_slider.png|313px|right]]
−
|The middle of the three large [[OLPC Human Interface Guidelines/The Sugar Interface/Input Systems#Softkey_Sliders|"slider"]] keys at the top center of the keyboard is available for use by activities.  The slider can be mapped directly to a control in software.
+
|The middle of the three large [[Human Interface Guidelines/The Sugar Interface/Input Systems#Softkey_Sliders|"slider"]] keys at the top center of the keyboard is available for use by activities.  The slider can be mapped directly to a control in software.
 
|-style="background: #e9e9e9;"
 
|-style="background: #e9e9e9;"
 
|colspan="2"|'''Editing Keys'''
 
|colspan="2"|'''Editing Keys'''
 
|-
 
|-
 
|[[Image:Key_enter.jpg|right]]
 
|[[Image:Key_enter.jpg|right]]
−
|We've enlarged the enter key, and given it a visual indicator that maps directly to the graphics used in the UI.  All instances of the confirm and cancel icons within the interface will be selectable directly via the enter and escape keys - a relationship strengthened by this visual mapping.
+
|We've enlarged the Enter Key, and given it a visual indicator that maps directly to the graphics used in the UI.  All instances of the confirm and cancel icons within the interface will be selectable directly via the Enter and Escape Keys &ndash; a relationship strengthened by this visual mapping.
 
|-
 
|-
 
|[[Image:Key_esc.jpg|right]]
 
|[[Image:Key_esc.jpg|right]]
−
|The escape key has a visual indicator that maps directly to the screen graphics, complementing the enter key.
+
|The Escape Key has a visual indicator that maps directly to the screen graphics, complementing the Enter Key.
 
|-
 
|-
 
|[[Image:Key_erase.jpg|right]]
 
|[[Image:Key_erase.jpg|right]]
Line 87: Line 87:  
|-
 
|-
 
|[[Image:Key_arabic.jpg|right]][[Image:Key_thai.jpg|right]]
 
|[[Image:Key_arabic.jpg|right]][[Image:Key_thai.jpg|right]]
−
|The Language Key, found on keyboards that have both full Latin and a second alphabet, e.g., Arabic, THai, Urdu, Ethiopic, etc., is used to toggle the entire keyboard between alphabets.
+
|The Language Key, found on keyboards that have both full Latin and a second alphabet, e.g., Arabic, Thai, Urdu, Ethiopic, etc., is used to toggle the entire keyboard between alphabets.
 
|-
 
|-
 
|[[Image:Key_fn.jpg|right]]
 
|[[Image:Key_fn.jpg|right]]
−
|Fn is the function key. It is used to further modify keys; e.g., it is used to access the microphone; it modifys the arrow keys to home, end, page up, and page down; it is used to enable the analog slider controls; and it is used to convert the number key row from 1&ndash;dash to F1&ndash;F11.
+
|Fn is the Function Key. It is used to further modify keys; it is used to access the View Source Key; it modifies the arrow keys to home, end, page up, and page down; and it is used to enable the analog slider controls.
 
|-style="background: #e9e9e9;"
 
|-style="background: #e9e9e9;"
 
|colspan="2"|'''Navigation Keys'''
 
|colspan="2"|'''Navigation Keys'''
 
|-
 
|-
 
|[[Image:Key_arrows.jpg|right]]
 
|[[Image:Key_arrows.jpg|right]]
−
|The standard arrow keys up, down, left, and right also operate as page up, page down, home and end respectively when used in conjunction with the Fn key.
+
|The standard Arrow Keys &ndash; up, down, left, and right &ndash; also operate as page up, page down, home, and end respectively when used in conjunction with the Fn Key.
 
|}
 
|}
   Line 104: Line 104:  
=====Keyboard Shortcuts=====
 
=====Keyboard Shortcuts=====
   −
For the purposes of development, you may want to review the detailed specifications for keys and their codes on the [[OLPC_Keyboard_layouts|Keyboard Layout]] page.
+
For the purposes of development, you may want to review the detailed specifications for keys and their codes on the [[OLPC:Keyboard_layouts|Keyboard Layout]] page.  For a complete list of agreed upon keyboard shortcuts in the Sugar environment, at both system and activity levels, please refer to the [[olpc:Keyboard shortcuts]] page.  Following is a high level description of the types of shortcuts the available keys should pertain to.
   −
This section should also go into more detail on the global keyboard shortcut tool which allows children to adjust their preferred key bindings, both at the OS level and for individual activities. Again, this is an interface that activities should implement, so there should be an API link.
+
* ◆ '''CTRL''' (U+25C6) will be the main modifier key. It will be used to define "base" shortcuts. For instance, ◆A will "select all" in a text editor.
   −
====Trackpad====
+
* ◇ '''ALT''' (U+25C7) should be used for optional modifications (or ALTernates) to base shortcuts. For instance, ◆S will perform a standard "keep" and ◇S could be "keep as...". ◆V is paste, ◇V is "paste and remove from clipboard."
−
[[Image: Trackpad.png|thumb|320px|left|The dual purpose trackpad supports finger and stylus stimuli.]]
  −
The laptops employ a new development in trackpad technology; it is dual mode: capacitive (finger controlled); and resistive (used with a stylus as in a graphics tablet). With the addition of the stylus mode, children may write and draw directly within an activity, adding a personal touch to chat conversations or a signed email to a friend.  
     −
Only the center region of the trackpad has capacitance, responding to a finger. The entire trackpad responds to a stylus.
+
* ⇧ '''SHIFT''' (U+21E7) can work in two ways. Its primary use would be as an inversion modifier, such that it inverts the meaning of the base shortcut. For instance, ◆Z is undo and ⇧◆Z is redo. ◆TAB is next activity, ⇧◆TAB is previous activity. SHIFT can also be used to create a second set of "base" shortcuts which are less often used.
    +
The FN key is reserved solely for system level operations, and generally for those that map to functions which are printed on the keyboard itself.
    +
====Trackpad====
 +
The laptops employ a capacitive (finger controlled) trackpad.
    +
Only the center region of the trackpad has capacitance, responding to a finger.
 
=====Trackpad as Mouse=====
 
=====Trackpad as Mouse=====
−
The use of the finger on the central trackpad area serves as the primary input device for pointing.  Though external [[USB peripherals|USB mice]] will work seamlessly with the laptops, their availability will be limited, and activity designers should not expect that children will have access to them.  This means that a certain lack of precision can be expected when moving the cursor about the screen, and activities should not require extremely precise motion.  Excessively small controls should also be avoided for similar reasons; details on how to design interface elements reside in the [[OLPC Human Interface Guidelines/The Sugar Interface/Controls|Controls]] section.
+
The use of the finger on the central trackpad area serves as the primary input device for pointing.  Though external [[olpc:USB peripherals|USB mice]] will work seamlessly with the laptops, their availability will be limited, and activity designers should not expect that children will have access to them.  This means that a certain lack of precision can be expected when moving the cursor about the screen, and activities should not require extremely precise motion.  Excessively small controls should also be avoided for similar reasons; details on how to design interface elements reside in the [[Human Interface Guidelines/The Sugar Interface/Controls|Controls]] section.
    
In addition, the laptops have two buttons positioned beneath the trackpad for input. The left button is the primary button with which elements of the interface are selected, pressed, or activated. The right button has secondary functionality.  Typically, the right mouse button invokes contextual menus, the content of which pertains directly to the interface element the mouse is positioned over.
 
In addition, the laptops have two buttons positioned beneath the trackpad for input. The left button is the primary button with which elements of the interface are selected, pressed, or activated. The right button has secondary functionality.  Typically, the right mouse button invokes contextual menus, the content of which pertains directly to the interface element the mouse is positioned over.
    
=====Trackpad as Graphics Tablet=====
 
=====Trackpad as Graphics Tablet=====
−
When used with a stylus (none are included with the laptop; any small blunt utensil&mdash;such as a stick&mdash;will work), the entire sensing area accepts stimuli. The graphics tablet, which matches the width of the screen, uses absolute positioning.
     −
Details...
+
No stylus support is currently planned for the XO.
    
====Microphone and Speakers====
 
====Microphone and Speakers====
Line 173: Line 174:     
{{hig-subnav-inter|p_link=Security|p_label=Security|c_section=The Sugar Interface|c_page=Input Systems|n_link=The Sugar Interface/Layout Guidelines|n_label=Layout Guidelines}}
 
{{hig-subnav-inter|p_link=Security|p_label=Security|c_section=The Sugar Interface|c_page=Input Systems|n_link=The Sugar Interface/Layout Guidelines|n_label=Layout Guidelines}}
 +
</div>
Retrieved from "https://wiki.sugarlabs.org/go/Special:MobileDiff/16856...70560"