Here is is gadget GUI for Industrial Process control, WebApps. The buttons make a sound and Light up internal LED lamps. Power On-Off control, Digital Timer; Start, Reset Scroll and Select are the controls.
An Image ScreenShot is above.
A Web Widget which is a Preset Timer. This can be Programmed from any Browser. It can also be modified to control external outputs. This project will only be a Web Gadget for Education, it will not have any external interface.
Live Gadget that can be Operated
I will first make some simple examples with this UI. Then i will try to interface the javascript with PHP-MYSQL Application. I am just Thinking Loud. This makes a Globally Distributed Process Control Possible. :~) . You can Use html-js-php-msql. You can use ajax-python-perl too.
Dual Digital Dice Gadget - Click the Dice Cube, Wait, It will Display a Random Result, A random generation for rolling and one for showing value. Screenshot of Widget above. Dual Digital Dice Cube, It will Display a Random Result for the 6 faces of the Dice, It has both a Cube Animation and Digital Readout for Two Dice.
Live Dice you can Operate
Dual Digital Dice Widget Cube, It will Display a Random Result for the 6 faces of the Dice. Electronics Dice gadgets can be built in the same way. The JavaScript for the Digital Readout is written in the way you would write code for a embedded system project. You can try it out on a Tiny chip. Do not use a Big Powerful and Fast Processor for a Small Job. It is like Transporting a bag of Potato Chips in a Nuclear Submarine across the Pacific Ocean.
Description of Gadget - This can be used to preset Five Alarms with a small text memo, The Alarm will remind after set time elapses with musical sounds. It also shows the Time and date. The Alarms once set, repeat every day.
When the user visits the page containing this gadget, it reminds him of
the missed memos for the past three hours. Web Gadget for Google
Homepage or Website. A study of the Alarm Clock Instructions Video may
help understand points below.
Controls and Display
A - Buttons
Select Alarm - Click this to start the setting of the Alarm Clock, The button lights up green and remains lit for two minutes, this is the set mode (Figure-2). This button will scroll the Alarm Number on the left of this button from 1-5 as you click repeatedly. Select the Alarm you want to set. After two minutes the setting mode ends automatically and the changes you made are saved. You can continue setting or modifying the alarms by clicking this button again.
Select Digit - Once an Alarm Number is selected, set the Alarm Timefor that, Click this button to Select a Digit you want to set, A Grey Arrow (Figure-2) will appear on the top of the digits, it will move left till the end and then move right as you click more.
Scroll Value - Now that the Grey Arrow is above a particular Digit or the AM-PM indicator in Alarm Time, Click this button to Increment or change the value. Now repeat this for every Digit and the AM-PM, for setting the Alarm Time you want. Do this by using the Select Digit and Scroll Value Buttons as explained.
Save Memo - This Save button and Enter Memo in Figure-2 come to view only when you are setting the alarm, Key the text into Enter Memo box and press the Save Memo button. When the Alarm goes off on a later visit to the page (within 3hrs of set time) or on the Desktop at exactly the alarm time. The memo and time will remind you the task.
Enter Memo - When alarm is being set, this Text Edit Box Appears along with the a Save Memo button, Enter a short memo of Task to remind on Alarm.This is a memo to remind you what this alarm is for, like "Go to the Market".
Music - This comes up, as soon as you have saved the Memo (Figure 3), there are 10 short tunes, 0-9, which can be played and chosen by pressing the button beside the tune number.
Ok Done - This button is pressed to stop the Alarm sound after you see the message or Hear the sound, it will not sound again on that day. But if you make any new settings the Alarms within the last three hours will sound again. This happen in Normal run mode.
B - Outputs
Time Display - This shows the time, the hours and minutes as per your computer clock, The AM-PM indication too.
Alarm Time - This displays the Alarm Time that is being set with four small orange digits and a small yellow AM-PM display. In the Run mode it comes up, when alarm sounds.
Alarm Number - This shows the Alarm number Being Set, When an alarm sounds this will show the alarm that is playing.
Seconds - This is the seconds display of the Actual time on your Computer,
Memo - This Show the Task or To-Do that the alarm was set for, like "Visit Dentist" , this will show with the Alarm Time and Alarm Number.
Sound - The Music or Sound set, will be played when Alarm turns on at the set Alarm Time.
Working
After Starting up, The Alarm Clock Time Display shows the time Hours, Minutes and the Seconds display the seconds. (Figure-4). The Set Mode is not active. A Text display show the Day, Weekday, Month and Year.
The Week Number of the year also is shown. If the Alarm was set and cookies enabled in your browser, the Alarm sounds at the set time, even if you visit the Homepage within three hours of the set time, the Alarm sounds. If an alarm has been set at 1.00 PM and you visit the HomePage at 2.00PM it will Sound. Alarms cannot be deleted, if you do not want an alarm set it for sometime in the Night when you have the computer off. New settings overwrite old.
Requirements
If Sound is enabled in your system, with System Volume and External Volume Controls at Medium and the browser plugin for your browser set correctly, the alarm music sounds will be Audible. The computer Clock should be set correctly and the Small Battery in the Computer must be replaced when this clock stops. This is a Hardware requirement and is not a problem most computers.
Computer's clock can be set accurate using an atomic clock server. All Alarm and note settings are lost when cookies are deleted from your browser, the settings you made are on your own computer browser. Cookies Issue - This gadget uses 18 Cookies nearing the Limit of 20 per Domain for IE and others also have limits.
If the gadget says "On Cookies", for Firefox go to Tools->Options->Privacy, Check Mark the "Keep until they Expire" In Internet Explorer Tools;Internet Options-;Privacy, set it to "Accept all Cookies" or "Low"
Bugs
The three hours of alarm remind duration works oddly at the 12.00AM and 12.00PM vicinity, i am setting this right later. That means if you set the Alarm for Night 10.00 PM or 11.00 PM it will sound when you visit the page at 12.10 Noon.
The Cookies 18 will be brought down to Five or less in my next improvement, this way it will not use much Cookie space which is sparse.
The next update will take time, it may not be visible to you, you may not need to make any changes or upgrade, it will happen in the background.
User Feedback
Suggestion - Get rid of the number "shadows" in the background of the clock. Put in colored skins, colored lettering [red, lavender, green, orange, purple], colored borders, background, etc. for us to adjust the clock. Allow us to CHOOSE these elements of design for our desktop. -- EA -US
Complaint - The alarm clock is keeping correct time, but it doesn't sound off an alarm after being set. Do you have a tutorial for users? - COG - US
Answer - Enable cookies, read this page cookies enabled. If you still have problems i suggest you use the Firefox Browser.
Question - How do i delete an alarm? - AP
Answer - Just set a new alarm in its place, it will overwrite. In case you dont want to use an alarm, out of the five available, set it to 00.00 PM or any time at night. The set mode turns off after 3 minutes automatically, just press select again to start setting.
Suggestion - Thanks, I'm checking out your alarm., why don't you post the User Manual address and the youtube video example in the description of your gadget? You will get a lot more users if you do. I will tell you how it works for me. - AL
This is a demo of the popular 555 timer. you can try out the project on this page by a javascript simulation. Press the Red button below to turn on the circuit press it again to turn off. The 555 can source (LED2) or Sink (LED1) upto 200mA. If you are starting with electronics, this is the first step. So do it now ! Do-It-Yourself.
It can even drive a small motor or lamp with diodes added to protect from inductive kickback.Vary Ra, Rb and Ct with the controls given and see the change of frequency, period and duty cycle.
Screenshot
These are the formulae used by 555 and same is used in javascript without any change.
T1 = 0.693 (Ra + Rb) * Ct charge time of Ct
T2 = 0.693 (Rb * Ct) discharge time of Ct
T = T1 + T 2 total period in seconds
F = 1 / T = 1.44 / ((Ra + (2 * Rb)) * Ct) Frequency in Hertz
D = T 2 / T duty cycle, multiply by 100 to get %.
Ct in farads and Ra-Rb in ohms.
Press the Red button below to turn on the circuit press it again to turn off. The 555 can source (LED2) or Sink (LED1) upto 200mA. It can even drive a small motor or lamp with diodes added to protect from inductive kickback.
This is a tutorial with calculator to help learn the application of 555 which is a very rare chip innovation. It is simple, versatile, flexible and programmable (by tweaking of pots)
The max power dissipation of 555 is 700mW so overload of more than 200mA will damage the device, connecting the battery in the reverse or wrong polarity will also damage device, ensure also Ra and Rb do not go less than 2.2K (use 4.7K minimum) as it may damage the discharge transistor at pin 7. The supply voltage can go upto 18V. For CMOS 555 like 7555 see the datasheet they are different.
Vary Ra, Rb and Ct with the controls given and see the change of frequency, period and duty cycle.
The basic digital circuits are Flip Flop and Counter, both are simulated here for you to try out. This circuit can be cascaded to make even a 6 digit event counter, even a simple frequency counter can be made.
These are best done with microcontrollers today. Then what if you have to design your own microcontroller on a FPGA, so the basics have to be sound, hence you have to know what gates, flip flops and counters are.
Counter Lab - The Counter can be tested by clicking the buttons given below, Watch the LEDs and seven segment display. Inc, Dec, and Set buttons are momentary acting and Clk Button is latching type. The Dip Switch in the Left also can be set by clicking on each of them, watch the switch and LEDs after a click.
a. Set the DIP Switch as you like and then Press the Set button. Now you will see the BCD value in the yellow LEDs named 4029 output. The Decimal value will be seen in the seven segment Display. Now try for different dip switch settings and see the BCD LEDs and Decimal output.
b. Now Press The Inc and Dec pushbuttons and See the corresponding green LEDs which indicate the state of the Nand gate 4093 Flip Flop. Set it to Increment up-count or Decrement which is down-count.
c. Now Click the Clk - clock or count button, the switch will latch, press it again to release. If you toggle it once the counter will get a single pulse and it will count it, see the BCD and decimal displays. Now you turn it on and leave it, the counter will keep counting one per second till you turn it off, the clock nand gate is wired to be an oscillator.
