Showing posts with label User-Interface-Development. Show all posts
Showing posts with label User-Interface-Development. Show all posts

Friday, October 07, 2016

iGoogle Widgets and The First App Store

iGoogle the father of Web 2.0 - iGoogle shaped and inspired many technologies. To name a few, The Web UI Frameworks and the Community App Store Idea. Even though the "Desktop" was just a webpage and the apps were web widgets.

The API access could be any web app or Google Service. I made a Online Desktop in its memory. The Jot Desktop

There are some more gadgets i made and these are at dapj Gadgets. I put a lot of effort into these. My gadgets will be Floating on this Jot Desktop Site. This is a Web Desktop on JavaScript and css.

iGoogle the father of Web 2


The Chumby Device posted earlier had this Chumby ARM Board. You could program the Widgets that could scroll or cycle thru the screen. Like News, Clock or Weather. The App Store was available but the device had to be configured unlike the Apps on the Phone today, which is much easier. This was the first App-Store that worked with a Touch-Screen.

Then ARM core deserves a lot of credit. but the 300MHz board you see below was an early step. The 1GHZ ARM that came a bit later makes the Tablet a powerful Web, Gaming, Office and Utility App Console.

Chumby ARM Board

The Desktop Computer wastes a lot of power but a HandHeld is green, sustainable. A 10" Tablet is the best way. So do not wait buy some Tablets and Netbooks and use your Desktop Computer when necessary.

Tuesday, October 07, 2014

Eco Green Digital Alarm Clock

This is an upgrade of the digital-alarm-clock gadget which used embed for sound. The older version remains intact.

You can set Five Alarms with Ten Selectable Musical Sounds and a small Text memo. Digital Alarm Clock Web Gadget with Musical Alarms. - See the Live demo here - Eco Alarm Clock

This is an Alarm Clock Simulation, Eco Green is to inspire saving energy and keeping earth Green, Clean and last longer.

Eco Green Digital Alarm Clock

This is an experimental gadget, usable but not easy. This gadget can demonstrate how difficult ergonomics is, when you need to press buttons in sequence to get an electronic gadget to perform.

alarm-clock at GitHub

I am still trying to fit the best functionality within the 210px-115px GUI real estate. Now with sound manager which uses flash, alarm sounds may be more consistent. Making various sound/video formats play on all browsers is a messy task. Flash makes it easy but you need a plugin.

Tuesday, July 08, 2014

Electronic organ and Metronome

This is a Beat Box Gadget, Music Companion, Set Sequence of Sounds, Set Tempo and Play a Rhythm.  You will need to get flash player if the music does not play. When Metronome page has loaded, then you will hear a small beat, that means the gadget is loaded. Or Else reload, refresh or visit gadget page again.

Electronic organ and Metronome

A metronome is any device that produces a regulated audible and/or visual pulse, usually used to establish a steady beat, or tempo, measured in beats-per-minute (BPM) for the performance of musical compositions. It is an invaluable practice tool for musicians that goes back hundreds of years.

Idea For Coders is the UI, the Switches, the Scale Sliders, The Flashing LEDs, the compact coding method. The Inline Help, The debug annunciation window (div slot on top) is used for incremental coding, also the Status Indicator while operating this gadget. This slot also shows inline mini-help.

This widget may be a decade old now but has helped many design the UI for gadgets that you see in touchscreen gadgets. These widget creations of mine on this blog have changed the way people think about usability of devices with limited user-interface area.

Like i said before it is easier to operate a Tap than to key in some value and click a menu command before the menu slips away from from your mouse pointer. It was sheer torture, now it is bliss.

Think Euro-Controls' means like a Water Tap or Opening a Box or Sliding the window, think Human.

Electronic organ and Metronome

audio-visual-metronome project page

Audio Visual Metronome xml code Use the iframe part to create a widget in your page or blog

Saturday, May 03, 2014

Digital Alarm Clock Gadget

An Alarm Clock with Musical Alarms. This Web Widget was for the iGoogle Homepage, A Web-page or even a blog.  It was an Experiment in User Interface in small a small Facia or Front Panel.

You can set Five Alarms with Ten Selectable Musical Sounds and a small Text memo.- 2005

Digital Alarm Clock Gadget

The Project Page digital-alarm-clock

The simulation is as close as possible to a uC based Clock which you could build, The GUI is more like a electronic gadget than a Software Application. That should charge you to build your Alarm Clock today.

Eco Green Alarm Clock with Flash Sound

Get news Eco Version above, This page is of the Older Version of Digital Alarm Clock. The reason this is old is it sound integration is not very good.

Digital Alarm Clock Web Gadget with Musical Alarms

Usability and Ergonomics Research

This gadget has established usability problems. The were intended and demonstrated. It was an attempt to show the limits and strain associated with push button and key controls to operate an electronic equipment.

Many Apps, Appliance and Gizmos are constrained with a small control interface size, these pose a challenge for the User Interface design. I myself have problems with the keyboard phones and remote control. This can be seen even in the puzzling Monitor OSD controls in comparison to the easy analog Pot controls of old CGA/EGA Monitors.

Controls should be easy like the water tap or power switch. Not like a Puzzle, Maze or Quiz.

Technology needs to make things simple. Keep controls minimum and Human Friendly means (analog). A human Being is a "Real Time Analog Machine". This gadget is a continuing experiment in ergonomics.

Saturday, April 12, 2014

Pin Note Web Gadget

This is a Tiny memo Pad that will have Sticky Notes on Webpage, saves in cookies. This Web Gadget was for the Google Homepage, Web-page or blog. The project page and the source is at pin-notes.

The inspiration for this has been Stickies. Which i have been using for some time.Add to your Page or Blog - Pin Notes xml code - you need to use only the iframe part.

Screenshot of Gadget

Pin Note Web Gadget

Note - This is toy or fun gadget not for serious note taking, it is more an example of css-dhtml-js for study or learning.

24 March 2010 - Data Freedom in PSV, Pipe Separated like | and ||. Now you can move to a competing Notes Service Provider if you feel our interface or features are not just right. 

Development

This was later enhanced to the Jot a Note gadget. Jot a Note then became Jot Desktop. Now i have made a app site called iDesk a Online Desktop .