Code Categories

TOP Contributors

MIKROE (2784 codes)
Alcides Ramos (405 codes)
Shawon Shahryiar (307 codes)
jm_palomino (133 codes)
Bugz Bensce (97 codes)
S P (73 codes)
dany (71 codes)
MikroBUS.NET Team (35 codes)
NART SCHINACKOW (34 codes)
Armstrong Subero (27 codes)

Most Downloaded

Timer Calculator (141936 times)
FAT32 Library (75086 times)
Network Ethernet Library (59382 times)
USB Device Library (49373 times)
Network WiFi Library (45195 times)
FT800 Library (44755 times)
GSM click (31329 times)
mikroSDK (30291 times)
microSD click (27699 times)
PID Library (27584 times)

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

Ajax WIFI HTTP demo with ROM storage

Rating:

Author: Wilson A. Gan Cuba

Last Updated: 2013-07-20

Package Version: 1.0.0.2

Example: 1.0.0.0

Category: WiFi

Downloaded: 1670 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

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 All [29.51KB]

[older versions]

DOWNLOAD LINK	RELATED COMPILER	CONTAINS
1367973926_ajax_wifi_http_d_mikroc_pic.rar [29.37KB]	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.

Ajax WIFI HTTP demo with microSD (NEW)

Original WIFI HTTP demo

Network Wifi libraries required

Easy PIC v7

WIFI Plus Click

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

Serial Port Utility

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

[Learn More]

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

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 + multi file loading from PIC ROM ( .html, .css, .js)

The purpose of this project is to demonstrate in a simplified manner, how add multiple files to Mikroelektronika's WIFI HTTP demo, which will be stored in the PIC ROM but could be requested through the main web page as external files, all to be included in the same web page.

[Learn More]