Main Menu

From Openmoko

Jump to: navigation, search

Contents

Overview

This article defines the Main Menu Application, an application designed for the OpenMoko platform. The Main Menu application provides both a finger-friendly and a stylus-driven interface to launch all installed applications.

Use Cases

Here are some possible use cases:

  • I want to be able to launch an application
  • I want to rearrange applications in the menu

Layout Components

Application Area

Finger Mode

Scroll List Control

Activated by pressing the auxilary key. This is the base layout:

http://people.openmoko.org/sean/specifications/images/main_menu.png

  • 1) Section Name -- The name of the current section.
  • 2) List scrolling -- Will scroll through the list of icons. While scrolling, 3) will show how many items exist in this list.
  • 3) Control Button -- Tapping cycles through the following controls {Scroll List Control, Back}. Currently at Scroll List Control. The List is broken up into sections of applications.

Image:Screen main menu back.png


  • 4) History Applications -- Are the last 3 applications launched.
  • 5) Item / Total -- Displays the current selected item number along side the number of items.
  • 6) Sections or Applications -- Tapping on a section will lead to subgroups of applications. Tapping on an application will launch that application.
NOTE: The call list slides behind the scrolling widget. The scrolling widget and horizontal bar are 80% transparent.
NOTE: Need to make sure that while using scrolling widget the apps close to it will not launch accidentally. Possibly meaning that once you start using it, its "active" area will be slightly larger and will not return to normal until a brief delay (ie finger picked up for a second).

Stylus Mode

Activated by tapping on the Main Menu icon in the Main Menu Launcher Area. This is a list of the installed applications using a Popup Menu.

Key Features

On Tap

  • launch application

On Tap with Hold

  • Changes to Today application

Footer Area

Status Bar

  • Name of current selected application.

Constraints

(TBD)

Sessions

(TBD)

Architectural Details

  • Technically, it will be a panel application residing in the upper left corner of the Top Panel
  • The actual applications are parsed from the desktop entry files. (see this for more information).


TODO: Define the sections. These should be redefinable by the end user. (See: To-Do List)


Implementation Recommendations

  • use list of applications mapped to grid. scrolling advances though list

UI Icons

  • Download the appliction 32x32 pixel icons:click here
  • Download the appliction 48x48 pixel icons:click here
  • Download the appliction 128x128 pixel icons:click here
  • Application Manager.png -- Application Manager
  • Calendar.png -- Calendar
  • Call Preview.png -- Call Preview
  • Clock.png -- Clock
  • Contacts.png -- Contacts
  • Date & Time.png -- Date & Time
  • Dialer.png -- Dialer
  • Edit.png -- Edit
  • File Management.png -- File Management
  • GPS.png -- GPS
  • Help.png -- Help
  • Main Menu.png -- Main Menu
  • Media.png -- Media
  • Message.png -- Message
  • Preferences.png -- Preferences
  • Photo Album.png -- Photo Album
  • Picture Preview.png -- Picture Preview
  • RSS.png -- RSS
  • Screen Saver.png -- Screen Saver
  • Search.png -- Search
  • SketchBook.png -- Sketch Book
  • Terminal.png -- Terminal
  • Today.png -- Today
  • Accessories.png -- Accessories
  • Game.png -- Games
  • Internet.png -- Internet
  • Office.png -- Office
  • System tools.png -- System tools
  • Other.png --Other
  • Programming.png--Programming
  • Sound and Video.png --Sound and Video
  • System default.png--System default

UI Position

  • Application icon position

Image:Finger 05 main menu.png

  • Main menu -- size is 480x640

Image:Finger 05 main menu p2.png

  • Main menu -- size is 480x560
  • Menu press and text area position

Image:Finger 05 main menu press p1.png

  • Main menu press area -- Size is 480x640

Image:Finger 05 main menu press p2.png

  • Main menu press area -- Size is 480x560

Interactions

Unresolved Issues

(None)

Questions and Answers

(see Talk:Main Menu)

Personal tools