8,288
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − + − + − + Line 22:
Line 22: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Line 30:
Line 104: − + Line 45:
Line 119: − +
Human Interface Guidelines/The Sugar Interface/Input Systems (view source)
Revision as of 01:50, 31 October 2011
, 01:50, 31 October 2011use latest keyboard image
<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=====
* [[:Image:Keyboard_layout.jpg|US International]]
* [[:Image:Keyboard_layout.jpg|US International]]
=====Description of Keys=====
{|border=1 cellpadding=3 cellspacing=3 style="margin: 1em auto 1em auto; border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
!style="background:#cccccc;"|Key!!style="background:#cccccc;"|Function
|-style="background: #e9e9e9;"
|colspan="2"|'''View Keys'''
|-
|[[Image:Key_zoom.jpg|right]]
|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]]
|Toggles visibility of the [[Human Interface Guidelines/The Laptop Experience/Bulletin Boards|Bulletin Board]] for the current view
|-
|[[Image:Key_frame.jpg|right]]
|Toggles visibility of the [[Human Interface Guidelines/The Laptop Experience/The Frame|Frame]]
|-style="background: #e9e9e9;"
|colspan="2"|'''Hardware Controls'''
|-
|[[Image:Key_search.jpg|right]]
|This key will invoke a Journal search.
|-
|[[Image:Key_brightness-volume.png|right]]
|This slider key functions as controls for both the display backlight (left two buttons) and the speaker volume (right two buttons).
|-
|-style="background: #e9e9e9;"
|colspan="2"|'''Special Functions'''
|-
|[[Image:Key_viewsource.png|100px|right]]
|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]]
|Grab Keys are for panning/scrolling; they are used in conjunction with the touchpad.
|-
|[[Image:Key_slider.png|313px|right]]
|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;"
|colspan="2"|'''Editing Keys'''
|-
|[[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.
|-
|[[Image:Key_esc.jpg|right]]
|The Escape Key has a visual indicator that maps directly to the screen graphics, complementing the Enter Key.
|-
|[[Image:Key_erase.jpg|right]]
|We've replaced the Backspace and Delete Keys with an Erase Key. This new term more accurately describes its functionality both for erasing a few characters of text, but also for erasing drawings, sounds, and other objects. (Fn-Erase deletes beneath the cursor.)
|-
|[[Image:Key_tab.jpg|right]]
|The Tab Key differs little from those on modern keyboards. Shift-Tab functions as a reverse tab, as visually indicated on the key.
|-style="background: #e9e9e9;"
|colspan="2"|'''Modifier Keys'''
|-
|[[Image:Key_ctrl.png|68px|right]]
|The Control Key is the primary modifier for keyboard shortcuts on the laptops. Note that the control key takes the place of the nominally useful caps lock key on the OLPC keyboards. The removal of caps lock was a design decision on the part of the OLPC team, however placement of the control key in its location followed naturally, since this was its original placement prior to the PS/2, and is still widely accepted among many communities.
|-
|[[Image:Key_shift.jpg|right]]
|The Shift Key is used as a modifier for typing capital letters and other "upper" characters.
|-
|[[Image:Key_alt.png|68px|right]]
|The Alt Key is a multipurpose modifier. The Alt Key is typically used to provide a related but alternative functionality (often increased scope) to a Control Key. For example, Ctrl-C is copy; Alt-C is copy and erase.
|-
|[[Image:Altgr.jpg|right]]
|The Alternate Graphics Key (alt gr) is used to select the alternate (additional) characters printed on the right half of the key caps. A common use is the Unicode combining characters used for inserting accent characters. (On some keyboards, there are two separate sets of symbols printed, e.g., Thai, Arabic, Urdu, Ethiopic, etc. In these cases, the Language Key, described below, switches the entire keyboard between languages.)
|-
|[[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.
|-
|[[Image:Key_fn.jpg|right]]
|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;"
|colspan="2"|'''Navigation Keys'''
|-
|[[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.
|}
=====Softkey Sliders=====
=====Softkey Sliders=====
=====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 a complete list of agreed upon keyboard shortcuts in the Sugar environment, at both system and activity levels, please refer to the [[Keyboard Shortcuts]] page. Following is a high level description of the types of shortcuts the available keys should pertain to.
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.
* ◆ '''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.
* ◆ '''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.
Only the center region of the trackpad has capacitance, responding to a finger.
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.