HTML5 indicator off is badHTML5 indicator on is good

Hey

Click me

SKILLS

HTML5, NODE.JS, JAVASCRIPT, PHP, MySQL, WORDPRESS

Custom API frameworks running on Node.js / PHP

NODE in ACTION

NODE.MAP.NEWS.JS

Real Time News & Visitor's Geolocation

Enjoy Geolocation

AIRCODE is going to ask your GPS position for a more interactive map experience.

Your data will remain completely anonymous, thus never shared with third parties.

0newspod
0newspod
0newspod
0newspod
0newspod
0newspod
You are here
Someone is here
WorldMap
 

News

  • info
    Click on the blue pods to see the latest news. News counts update as the news is published.
  • info
    Look for the white dot "." on the map, this is your actual position.

Why?

The need

As with everything I like, I intend to share my enthusiasm with others! Talking about actual client development being excluded, the Node.map.news is a perfect fit for a little demonstration of Node.js capabilities.

In other words, Node has the ability to serve web pages with data in real-time, based on live occurring events. Information is delivered to you, quickly and effortlessly.

Let's cover Node's potential thru the example above: Node.map.news demo.
The idea is to reveal the real-time data delivery strength of Node. A never-ending flow of News seems to be a good fit for that, plus a few extras to spice up our demo.

1. You are asked to allow geolocation, the server will compute your position on the map.

2. The Node server sends you the latest news of the 6 countries spotted on the map.

3. Every pod News is updated as the news are published by their respective owners. You can click each News counters (news pods) and read the details on the News panel.

4. Press the "Previous visitors" button to see all the places where previous visitors were geolocated. No worries, data are stored anonymously, only rounded GPS coordinates and time are stored.

5. If you spend enough time watching the map you will be rewarded with one more example of Node natural key feature: event driven notification in real-time. A little sign will appear as other visitors connect to the application in real-time…
Well if you are in a hurry just ask a friend to connect to the website as well ;-)

How?

The solution

Node.js was created by Ryan Dahl in 2009, written in Javascript and based on Google V8 engine. Node is a Server side software designed for delivering any sort of data in an event-driven, asynchronous I/O fashion, with a minimum overhead and scalability in mind.

For the beauty of the demo the entire website is 100% Node based, no Apache. File compression and file caching are all handled by Node with the help of the famous Express module.

1. We simply take advantage of HTML5 geolocation capabilities, send it to the server (anonymously), coordinates are saved in MySQL. In return the map displays your actual position. Computation is needed in order to convert GPS coordinates to a position on our news map, these calculations happen on the server side.

2. Node fetches the news feeds only once, with one API call for each country, then distributes the news to every connected visitor in real-time. Only last News are stored in Server memory. Minimum server effort for the broadest distribution of data.

3. Not All country news are fetched and send to visitors at the same time, allowing a constant flow of news. Each countrie's news is fetched per its own timetable, thus avoiding any chances of bottlenecks on the server side, and, the application looks more "organic" form outside.

4. Previous visitor's button requests the Node server to retrieve the last saved visitor position and displays the coordinates on the map. Again, all the points positioning on the map are computed on the server side to save the browser some extra work.

5. As new visitors connect everyone else will be notified with their position. Node's aficionados will surely guess the application uses the very convenient broadcast function from the socket.io module.

About

About AIRCODE?

It is all about you!

At AIRCODE we like to think every complex problem is a stack of simple ones, and we like to solve each of them for you.

We believe clients should be provided with tailor made services. We recognise that each and every client’s business is truly unique and should be managed accordingly.

Tell us what you need or even dream of for your business and we will serve you with the right pieces of technology to achieve your goals.

Working with talented people is key to cutting edge project success. We have carefully selected our partners for not only their skills but their motivation to always come up with the best solution and enthusiasm to share knowledge allowed us to team up on a number of projects.

Web Hosting: Bureaucloud

Design Agency: Unique

Contact

Feel free to contact us

We enjoy talking with people, writing articles, working...

Sending your email...

<- Compulsory field? Yes!

<- Yeap, required as well...

<- I'm sure you are not even asking!
I'm just saying, compulsory too, i'm afraid.