TOP Contributors

  1. MIKROE (2653 codes)
  2. Alcides Ramos (351 codes)
  3. Shawon Shahryiar (307 codes)
  4. jm_palomino (112 codes)
  5. Chisanga Mumba (90 codes)
  6. S P (73 codes)
  7. dany (71 codes)
  8. MikroBUS.NET Team (35 codes)
  9. NART SCHINACKOW (34 codes)
  10. Armstrong Subero (27 codes)

Most Downloaded

  1. Timer Calculator (136638 times)
  2. FAT32 Library (69845 times)
  3. Network Ethernet Library (55895 times)
  4. USB Device Library (46230 times)
  5. Network WiFi Library (41867 times)
  6. FT800 Library (41091 times)
  7. GSM click (28947 times)
  8. PID Library (26402 times)
  9. mikroSDK (26320 times)
  10. microSD click (25329 times)
Libstock prefers package manager

Package Manager

We strongly encourage users to use Package manager for sharing their code on Libstock website, because it boosts your efficiency and leaves the end user with no room for error. [more info]

< Back
Example

Ajax WIFI HTTP demo with ROM storage

Rating:

0

Author: Wilson A. Gan Cuba

Last Updated: 2013-07-20

Package Version: 1.0.0.2

Example: 1.0.0.0

Category: WiFi

Downloaded: 1586 times

Not followed.

License: MIT license  

Feel the power of Ajax.

Take a look to the EXAMPLE BLOG, you'll find there a video demonstrating, how it works.

Also as this was mostly JavaScript programming, adapting the code to other compilers should not be too difficult task.

Release date: April, 08 2013

No Abuse Reported

Do you want to subscribe in order to receive notifications regarding "Ajax WIFI HTTP demo with ROM storage" changes.

Do you want to unsubscribe in order to stop receiving notifications regarding "Ajax WIFI HTTP demo with ROM storage" changes.

Do you want to report abuse regarding "Ajax WIFI HTTP demo with ROM storage".

  • Information
  • Comments (0)
DOWNLOAD LINK RELATED COMPILER CONTAINS
mikroC PRO for PIC
  • lib
  • src
  • exa
  • hlp
  • hex
  • sch
  • pcb
  • doc

Example Blog

This along,  with the Ajax WIFI http demo with microSD storage are the only two examples of ajax control with a microcontroller in the world at the time of release to be open sourced, ready to use and WiFi.

Ajax (Asynchronous JavaScript and XML) is a technology that allows to  asynchronously send requests and retrieve data from a server, which results in a minimum change to the viewed page (even though the requests do not necessarily need to be asynchronous), because only the section needed for update can be requested allowing to continue using other parts of the page until the info arrives.

All this translate into an improved experience for the user who won't almost notice the web change, much like a desktop program, reducing reload waiting times and producing a more robust, reliable and efficient system.

It is important to note that the modifications for Ajax were mostly JavaScript programming, specifically using jQuery  library which will load externally through the web page HEAD section (src=//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js), that said, the  client computer requires internet access or modify the jQuery library source to the client local network.

Also as this was mostly JavaScript programming, adapting the code to other compilers should not be too difficult task.

The hardware is the EasyPIC v7 and WIFI Plus Click boards from mikroElektronika. However for the web server only a PIC, oscillator, WIFI plus click board and a power supply are required.

In the following link you could see a simulated version (not connected to a hardware) to have a first preview of the project: http://projects.eovirtual.com

Note that:

This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/3.0/.

Example video

Set it to 720p for better quality.

Watch on YouTube

[ver 1.0.0.2]

-Minor code changes. Could even qualify as an update instead of new version, just didn't want to override the old one.

[ver 1.0.0.1]

 -Fixed bug where only the last checkbox clicked was taken to the last known state (after response failure state triggered) when the system stayed waiting for Ajax response due to server down or network latency. 

-ONLINE and OFFLINE labels added.

-Web page description improved.

- Code clean up.

Lenguaje español

Este  pequeño servidor HTTP WiFi, fue originalmente diseñado por el equipo de mikroElektronika, ahora incluyendo el poder de Ajax.

Ajax (Asynchronous JavaScript and XML) es una tecnología que permite enviar de forma asíncrona peticiones y recuperar datos de un servidor, lo que resulta en un cambio mínimo para la página visualizada (aunque las solicitudes no necesariamente tienen que ser asíncronas), porque sólo la sección necesaria para la actualización puede ser solicitada, permitiendo continuar utilizando las otras partes de la página hasta que la información arrive.

Esto se traduce en una mejor experiencia para el usuario que casi no notará el cambio en la web, semejante a un programa de escritorio, reduciendo los tiempos de espera  por recarga y la producción de un más robusto, fiable y eficaz sistema.

Es importante tener en cuenta que la modificación para Ajax consistió mayormente en programación en JavaScript, específicamente usando la biblioteca jQuery que se carga externamente a través la sección de encabezado de la página web (HEAD). Dicho esto, el equipo cliente requiere de acceso a Internet o modificar la fuente de la biblioteca jQuery para la red local del cliente.

Y como dije anteriormente, como la programación fue mayormente realizada en JavaScript, adaptar el código para otros compiladores no debe ser una tarea muy compleja.

El hardware son las tarjetas EasyPIC v7 y WIFI Plus Click de mikroElektronika. Sin embargo para el servidor web sólo un PIC, oscilador, WIFI plus Click y una fuente de alimentación son obligatorios.

Tenga en cuenta que:

Este trabajo está licenciado bajo Creative Commons Attribution-ShareAlike 3.0 Unported license. Para ver una copia de esta licencia, visite http://creativecommons.org/licenses/by-sa/3.0/.

ALSO FROM THIS AUTHOR

WIFI HTTP + media loading from microSD (image, audio and video) (HTML5 compatible)

0

This projects shows how to read a multimedia file from a microSD an load it into a web page.

[Learn More]

Serial Port Utility

4

Utility to Read/Write the serial port. Useful with projects involving serial communication between microcontroller and PC.

[Learn More]

Ajax WIFI HTTP demo with microSD storage

1

This project is similar in functionality to the original Ajax WIFI HTTP demo with ROM storage, but has been modified in several aspects to make the web page files be stored and served from a microSD card. Release date: May, 07 2013.

[Learn More]