
![]() |
This page is a basic introduction to widgets. Step 1: What are widgets and what can we do with them? Step 2: What is a widget made of? Step 3: How are widgets displayed? |
Step 1: What are widgets and what can we do with them?
A widget is a small self-contained application that is often designed with a simple function in mind. However, widgets can be as complicated or simple as you choose to make them.
1.1 You can create simple programs which run on the mylo® device.
The term widget refers to a very small application which is written in a scripted language. Previously, widgets were known for being run exclusively on a PC, but now mylo® widgets give you that same freedom on a small handheld mobile device. This ability to create widgets enables us to perform concurrent tasks such as "checking the online status of our instant message contacts while checking the news" or "listening to Internet radio while checking tomorrow's weather report."
The term widget refers to a very small application which is written in a scripted language. Previously, widgets were known for being run exclusively on a PC, but now mylo® widgets give you that same freedom on a small handheld mobile device. This ability to create widgets enables us to perform concurrent tasks such as "checking the online status of our instant message contacts while checking the news" or "listening to Internet radio while checking tomorrow's weather report."


1.2 mylo® Widgets can display images and RSS information.
Like other widgets, mylo® Widgets can display images and acquire RSS information. Since RSS information is delivered by Web pages, you can display the information by entering the URL for the RSS feed into the RSS widget and the widget will automatically deliver only the news that you want in real time. The photo album widget can play a slideshow of your photos, and the YouTube widget can keep you up to date with videos on the Internet. These are just a few examples, but the possibilities are limited only by your imagination.
Like other widgets, mylo® Widgets can display images and acquire RSS information. Since RSS information is delivered by Web pages, you can display the information by entering the URL for the RSS feed into the RSS widget and the widget will automatically deliver only the news that you want in real time. The photo album widget can play a slideshow of your photos, and the YouTube widget can keep you up to date with videos on the Internet. These are just a few examples, but the possibilities are limited only by your imagination.


1.3 "Your mylo® Widget does not have to be useful to everyone".
Because of how easy they are to create, mylo® Widgets can be built to suit your own personal needs and don't need to be something that every mylo® user would be interested in. There is a widget gallery on this Web site where we encourage widget developers to showcase their ideas and share them for download, but you are free to choose whether or not to post them there. Even if 99 out of 100 people do not have any interest in your idea, the widget is worth creating. Create your original and personalized widget to match your needs and your lifetstyle.
Because of how easy they are to create, mylo® Widgets can be built to suit your own personal needs and don't need to be something that every mylo® user would be interested in. There is a widget gallery on this Web site where we encourage widget developers to showcase their ideas and share them for download, but you are free to choose whether or not to post them there. Even if 99 out of 100 people do not have any interest in your idea, the widget is worth creating. Create your original and personalized widget to match your needs and your lifetstyle.
Step 2: What is a widget made of?
Go back to the top of the pageLet's talk about the programming languages and technical knowledge involved in creating your own mylo® Widget. The process is actually much easier than it may seem.
2.1 mylo® Widgets are written in JavaScript and HTML.
Most mylo® Widgets are comprised of JavaScript, HTML, and images, so anyone with experience in Web design or development should find mylo® Widgets very easy to understand.
Most mylo® Widgets are comprised of JavaScript, HTML, and images, so anyone with experience in Web design or development should find mylo® Widgets very easy to understand.
2.2 mylo® Widgets can be written by using other widgets as an example.
The technical information that we provide on this Web site includes many sample widgets for you to learn from. By using these sample widgets as a guide, you should be able to build your own widgets using the same concepts. In the last part of the widget development tutorial, we will introduce how to create a widget by walking you through the process that results in a fully-functional sample widget that you can use a reference.
The technical information that we provide on this Web site includes many sample widgets for you to learn from. By using these sample widgets as a guide, you should be able to build your own widgets using the same concepts. In the last part of the widget development tutorial, we will introduce how to create a widget by walking you through the process that results in a fully-functional sample widget that you can use a reference.
Step 3: How are widgets displayed?
Go back to the top of the pageThere are three different modes or "states" for a mylo® device.
3.1 Displaying the widget screen.
When you press the "mylo" button, the mylo® Screen will be displayed as shown below.

The following is the widget select screen.
When you press the "mylo" button, the mylo® Screen will be displayed as shown below.

The following is the widget select screen.
3.2 Widget modes
* Active mode
In Active mode, multiple widgets are displayed and are all running simultaneously.

* Focus mode
In Focus mode, even though multiple widgets are displayed simultaneously, only the selected widget is highlighted. However, all of the widgets on the screen are still running simultaneously.

* Settings mode
* Installer mode
This is the mode for installing, copying, and maintaining your widgets. You can install, uninstall, and keep your widgets updated in this mode. To display the installed widget on the mylo® Screen, you have to add it while in Setting mode.

* Active mode
In Active mode, multiple widgets are displayed and are all running simultaneously.

Select a widget with 【↑】 【↓】 【←】 【→】or by using the 4-way button.
Focus the widget by pressing 【ENTER】or by pressing the ORANGE/EXECUTE button.
End the mylo® Screen by clicking【BACK】 【mylo】.
Enter the Setting mode from the OPTION menu, 【Widget Setting Mode】.
Enter the Installer mode from the OPTION menu, 【Widget Installer】.
Return to Active mode with 【BACK】
Focus the widget by pressing 【ENTER】or by pressing the ORANGE/EXECUTE button.
End the mylo® Screen by clicking【BACK】 【mylo】.
Enter the Setting mode from the OPTION menu, 【Widget Setting Mode】.
Enter the Installer mode from the OPTION menu, 【Widget Installer】.
Return to Active mode with 【BACK】
* Focus mode
In Focus mode, even though multiple widgets are displayed simultaneously, only the selected widget is highlighted. However, all of the widgets on the screen are still running simultaneously.

Return to Active mode with 【Back】
* Settings mode
Widgets are automatically arranged to not overlap, but can be changed to overlapping positions. However, settings for overlapping widgets cannot be saved. Valid settings are automatically saved when the setting dialog is closed.
This is the mode for widget settings. For the most part, widgets on the screen are not actively running. Using the icons on the four corners of each widget, you can move, resize, adjust settings, and disable each widget. To add a widget, either select "Add Widget" from the OPTION menu or tap on an empty position on the screen that does not contain a widget..

Return to Active mode with 【BACK】
* Installer mode
This is the mode for installing, copying, and maintaining your widgets. You can install, uninstall, and keep your widgets updated in this mode. To display the installed widget on the mylo® Screen, you have to add it while in Setting mode.

Operate the installer with 【↑】 【↓】
Return to Active mode with 【BACK】
Return to Active mode with 【BACK】
Go back to the top of the page

