BoardOS

Board Of Supervision (Operational Dashboarding)

Technos

BOSS utilise les technos suivantes pour fonctionner correctement :

BackEnd

• node.js - evented I/O for the backend
• MongoDB - open-source document database, and the leading NoSQL database

FontEnd

• [Twitter Bootstrap] - great UI boilerplate for modern web apps
• AngularJS - Superheroic JavaScript MVW Framework

Installation au niveau système

A faire une fois par PC

• Installer Node.js
• Installer MongoDB
• Installer Grunt sur le système (-g) via une fenetre DOS

npm install -g grunt-cli

• Installer Bower sur le système (-g)

npm install -g bower

npm install -g --production windows-build-tools

Installation des dépendances au niveau de l'application

• Ouvrir une fenetre DOS au niveau du répertoire ou les fichiers ont été téléchargés, on va installer en local (donc pas de -g dans les lignes de commandes) les modules nodejs et dependances.

npm install

Cela va créer un repertoire node_modules et télécharger tous les modules dont nous avons besoin. Cela marche grace au fichier package.json

• Installer en local (donc pas de -g dans les lignes de commandes) les dépendances référencées grace à bower. Cela marche grace au fichier bower.json

bower install

Cela va créer un repertoire bower_components au niveau du repertoire app. Si bower pose des questions, il faut les réponses qui contiennent le mot "WorlProno2014"

Lancement de l'application en mode developpement

après c'est magique, on tape

grunt serve

et ca lance tout

Annexes

Yeoman:

Il s'agit d'une application basée sur AngularJS Full Stack : Yeoman generator for creating MEAN stack applications, using MongoDB, Express, AngularJS, and Node. Featuring:

• Express server integrated with grunt tasks
• Livereload of client and server files - toute modification sur un fichier recharge la page web instantanément
• Support for Jade and CoffeeScript
• Easy deployment workflow.
• Optional MongoDB integration
• Optional Passport integration for adding user accounts

Vidéos de formations:

Retrouver des vidéos de formation super bien faites et en francais sous Graphikart

• AngularsJS
• Nodejs chat
• Bower
• Grunt
• Yeoman

Editeur de code html/js/css:

• Atom pour coder avec plein de plugins, très sympa.

Have fun!