TOP Contributors

  1. MIKROE (2650 codes)
  2. Alcides Ramos (350 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 (136551 times)
  2. FAT32 Library (69746 times)
  3. Network Ethernet Library (55849 times)
  4. USB Device Library (46189 times)
  5. Network WiFi Library (41811 times)
  6. FT800 Library (41001 times)
  7. GSM click (28930 times)
  8. PID Library (26386 times)
  9. mikroSDK (26289 times)
  10. microSD click (25303 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 embedded WEBGL with PIC micro (3D animation)

0

The first two examples in the world to demonstrate how to load a WEBGL animation using a PIC microcontroller. Release date: April, 28 2013

[Learn More]

WIFI HTTP + javaScript file loading from microSD card (Hello world! example)

0

The intent of this example is to show how to merge the mikroElektronica's wifi http demo with the microSD demo so that the web page can grow bigger due to the ROM space of the MCU can be saved utilizing the microSD as storage of external files.

[Learn More]

WIFI HTTP + image loading from PIC ROM

0

Simple example to demonstrate how an image (or probably almost any binary file) can be encoded in base64 format and loaded into the PIC ROM as long as the ROM space allows it.

[Learn More]