background preloader

Real-Time Geolocation Service with Node.js

Real-Time Geolocation Service with Node.js

Géolocalisation en HTML5 Tutoriel issu de ma présentation à la KiwiParty 2011. La géolocalisation fait partie des API gravitant autour de HTML5 (Geolocation API Specification) et des nouvelles fonctionnalités introduites par la mobilité. Ses usages sont nombreux et souvent corrélés avec des bases de données de renseignements géographiques : Plans/cartes, calculs de position et d'itinéraires Renseignements locaux en mobilité (points d'intérêts proches) Résultats contextualisés sur les moteurs de recherche Méta-informations jointes aux photos/vidéos De quelles informations a-t-on besoin pour se géolocaliser ? Dans l'espace, trois coordonnées sont nécessaires : Une quatrième coordonnée peut être prise en compte pour les puristes : le temps. L'API donne aussi accès lorsqu'il y a déplacement à la vitesse et à la direction (en ° par rapport au nord géographique). De quels moyens dispose un navigateur pour se géolocaliser ? Disponibilité de l'API ? L'API repose sur l'objet geolocation membre de navigator. Confidentialité <!

Hosting a Node app on Heroku Note: I apologise for the lack of updates on JS Playground recently, but happy to announce the site is now returning to at least one post per week. Any requests for content, please get in touch. Today I want to look at using the popular Heroku to host a simple Node app. I got asked recently if I had any suggestions on hosting a small Node app, and Heroku's free plan is usually more than enough for little side projects, or to show off something you're working on. Heroku is heavily used to run Ruby / Rails apps but recently added Node.js support and it's a really great way to quickly and easily get something running online. If you haven't already, you'll need to sign up to Heroku, which is completely free. For the app, I'm going to use the small Express server example I introduced in my Beginning Node tutorial. var app = require('express').createServer(); app.get('/', function(req, res) { res.send("Hello World"); }); app.listen(3000, function() { console.log("listening on 3000"); });

Photoshop Tutorials - PSDTUTS Stootie : [La Start-Up française de la Semaine] Chaque jeudi à 11h, une nouvelle start-up française vous sera présentée dans le cadre du concours Start-Up Presse-Citron 2013. Thème du mois de Janvier : la Géolocalisation.  Que fait Stootie ? Stootie est une plateforme de services entre particuliers. Plus concrètement, l’application vous affichera immédiatement une carte recouverte de symboles représentant les lieux où ont été géolocalisées des missions. Vous pouvez ensuite proposer très rapidement vos services et empocher la somme fixée pour la mission en question ou proposer votre prix si vous considérez que le montant est sous-évalué. De même, vous pouvez en quelques clics signifier votre recherche de cours de salsa par exemple, en précisant que vous êtes prêt à rémunérer cela 50€.   Qui est derrière Stootie ? Stootie, avec deux «o» comme dans Google. L’histoire de Stootie prend un nouveau tournant l’été dernier lorsqu’un entrepreneur expérimenté rejoint l’équipe pour prendre le poste de directeur général. Carte d’identité Nom : Stootie

Meet the Connect Framework Newcomers to NodeJS typically find its API difficult to grasp. Luckily, many developers have created frameworks that make it easier to work with Node. Connect is one such framework. It sits on top of Node's API and draws the line between comfort and control. Think of Connect as a stack of middleware. Filters process the request, but they do not respond to it (think of server logging). The other type is a provider, which responds to the request. Basic Syntax First, you need to install the Connect package through npm: Now create a server.js file, and add the following code: The connect variable is a function that returns a new Connect application. You don't need to create an app variable for most of your applications. The use() function adds a layer of middleware to the application, and the listen() function tells our application to begin accepting connections on the specified port (3000 in this example). Let's start with something simple: logging. Parsing Request Bodies The Request Object

Pushing Photoshop to the Limit: 13 Most Advanced tutorials | Nou Nov 26 2008 Adobe Photoshop is probably one of the most popular graphic editing program used extensively. There is one simple reason for that. Photoshop is easy to learn and offer a variety of advanced tools to optimize and emphasize some impressive results. That’s why many designers use it to compliment other programs like Flash, Illustrator, Cinema 4D and After Effects. This article provides 13 Advanced Adobe Photoshop tutorials which can enrich your design skills and improve the quality of your works whether you are using Flash, Illustrator, After Effects or Web design. Photoshop wih Cinema 4D 1. In this tutorial you will learn how to create a nice ghost using Photoshop mixing an image created in Cinema 4D with some photos. 2. “In this tutorial I will walk through the steps I used to create this illustration to bring alive the word “collide.” Photoshop wih Flash 3. In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. 4. 5. 6. 7. 8. 9. 10. 11. 12.

OnSpot : [La Start-Up française de la Semaine] OnSpot est une application iPhone qui propose des vidéos à 360° qui sont géolocalisées pour venir augmenter la réalité. Chaque jeudi à 11h, une nouvelle start-up française vous sera présentée dans le cadre du concours Start-Up Presse-Citron 2013.Thème du mois de Janvier : la Géolocalisation. Que fait OnSpot ? Plus concrètement, l’application vous présentera une liste des « spots » les plus proches. OnSpot vous invite ensuite à diriger votre iPhone dans une direction pour que la vidéo puisse commencer. Prenons l’exemple d’une vidéo géolocalisée au pied de la basilique du Sacré-Coeur. A l’instant où vous dirigez votre iPhone en direction du point vert que l’application vous présente vers la fontaine, la vidéo débute. A peine lancée sur l’App Store, l’application ne compte pour l’instant que 2 vidéos. OnSpot souhaite d’ailleurs apporter des éléments de gamification en invitant les utilisateurs à débloquer le maximum de vidéos pour atteindre le palmarès des meilleurs chasseurs de spots.

How Firm is Your Node.JS Foundation? Tim Caswell June 1, 2012 What is Node? Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. Node Foundations I/O: Non-Blocking Network (UDP, TCP, HTTP) Disk State: Objects and Closures Control: Callbacks, Events, and Streams Organization: Interface Oriented Modules I/O Latency Compared Waiting Rooms - An Analogy What if node was modeled after CGI and used blocking I/O? Pros to blocking CGi style Simple: You can assume it's an HTTP request. Cons to blocking CGI style It's not flexible at all. What node code really looks like State Basic Objects In any node program there is the concept of state. JavaScript has objects that are used for storing internal state in named properties accessible via this. Object Prototypes Object Constructors Closure Objects Control

Create an Animated Gif in CS3. Hi all, Ever since the demise of imageready which was part of CS2, I have wondered how to create animated Gif images using CS3 Photoshop. I have figured it out and below is a basic tutorial, enjoy - First step is to load up all the seperate images in your animation as layers, in order, with the first image in the animation at the bottom. Next, hold down the Alt key and click on the "EyeCon" of the first image or layer at the bottom, this will show just that layer and this is our first frame of the sequence. Now go up to "Window" in the menu bar and open the "Animation" window, after the window has opened you should see your first layer you have visible loaded as the first frame. Above you can see the animation window open, and the first frame of the sequence has loaded using the layers that were selected. The time for this frame will be copied over from the first frame, but it can be changed individually if you like.

Related: