Auteur LARDOUX Guillaume Contact Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA

Dimension: px
Commencer à balayer dès la page:

Download "Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA"

Transcription

1 Auteur LARDOUX Guillaume Contact Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA

2 Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2

3 1. Introduction C'est Quoi? Cordova est un framework permettant de construire des applications pour des systèmes embarqués Smartphone, Tablette, Montre etc. Sa particularité est qu'il offre la possibilité de programmer ses propres applications de la même manière que le «Front» d'un Site Internet, c'est-à-dire avec la triple association HTML/CSS/JS! Pourquoi? Il s'agit d'une excellente passerelle pour les développeurs souhaitant s'initier à la création d'applications mobiles sans avoir à étudier d'autres langages comme le JAVA, l'objective C ou le C#, respectivement utilisés sur Android/BlackBerry, iphone et Windows Phone. Possibilités? Cordova offre autant de possibilité qu'un langage natif grâce à ses API, si ce n'est qu'il sera dépendant d'un Web Service pour la mise en place de certaines actions. La raison est que les langages HTML/CSS/JS n'ont pas été conçu à la base pour interagir avec du matériel de ce type, mais pour interagir avec les navigateurs web, leur but reste l'affichage formaté de données. Quand? Cordova n'est pas la réponse ultime à tous les problèmes de développement mobile, il faudra parfois programmer dans le langage natif de l'appareil cible pour avoir accès à des fonctionnalités non encore intégrées à Cordova. Mais il faut tout de même comprendre que ce framework résoudra un nombre conséquent de problèmes grâce à l'utilisation de plugins. Vous avez une procédure de choix stratégique à la page suivante, pour vous permettre de comprendre comment choisir entre un développement natif, hybride via Cordova, ou web pour votre application mobile. 3

4 Source : 4

5 2. Installation Théorie? La procédure d'installation est facile sur le papier, tout le monde parle de «apt-get install» suivi du joli «npm install» sauf qu'en fonction des systèmes il faut installer un nombre affolant de dépendance, ajouter des PPA, changer des permissions... on ne suivra donc pas la documentation officielle, ni même aucune documentation! On va cependant s'en inspirer pour définir un modèle d'installation standard, qui fonctionnera partout. NodeJS NPM Cordova Voici le schéma d'installation ; Cordova repose sur NPM Node Package Manager qui lui-même repose sur NodeJS. Pratique? Passer 'root' Se placer dans /root Télécharger NodeJS Extraire l'archive Se placer dans le dossier Compiler pour sa plateforme Se placer dans /root Télécharger NPM Se placer dans le dossier Compiler pour sa plateforme Installer Cordova Installer le générateur d'icône Test de version su root cd /root wget tar xzvf node-v tar.gz cd node-v /configure && make && make install cd /root git clone https://github.com/npm/npm.git cd npm./configure && make && make install npm install -g cordova npm install -g cordova-gen-icon cordova --version Si vous suivez cette procédure, il n'y aura normalement pas de problème sous Linux, si il y'en a cela pourrait venir de vos versions de GCC ou de MAKE. Le 32 bits étant de plus rétro-compatible, cela ne devrait pas poser de souci sur les OS 64 bits. Je ne garantie cependant pas que cette procédure fonctionne sur Mac. 5

6 3. Fonctionnement Documentation? Prenez toujours pour référence la documentation de la version sur laquelle vous travaillez, à savoir celle de Commandes? Version de Cordova Créer un projet Ajouter un plugin Ajouter une plateforme Android Lister les plateformes disponibles Compiler le projet cordova version cordova create Nom_Dossier Nom_ID Nom_Projet cordova plugin add https://url_du_depot_git cordova platform add android cordova plateform list cordova build Arborescence?. platforms Contient la build pour chaque plateforme android Build Android ant-build Contient la build compilée assets Contient les fichiers du projet www Contient le code du projet plugins Contient les plugins ajoutés au projet www Répertoire de travail contenant le code du projet Pour votre projet, il faudra absolument définir un fichier «index.html» en tant que point d'entré d'application, comme pour un site Internet. Un message «File Not Found» apparaîtra lors de l'exécution sur l appareil si ce n'est pas le cas. 6

7 Déploiement? Généralement il suffit de récupérer le fichier généré par Cordova APK, XAP, BAR etc. et le glisser sur la carte SD de l'appareil cible. Il suffira ensuite d'aller chercher le fichier avec l'appareil, le sélectionner et se laisser guider pour finalement lancer l'installation. Il faudra peut-être activer l'installation de programme non signé. Notez également que pour Android, à défaut d'un vrai fichier APK, les fichiers «unaligned *.apk» sont fonctionnels pour les tests, il s agit juste d un fichier intermédiaire. 7

8 4. Développement Concept? Concevoir une application mobile avec Cordova peut vite devenir compliqué du fait de l'architecture même de cette application. Il ne s'agit plus de SQL, de PHP ou de Python, ni même de Framework annexe comme Symfony, mais de HTML, de CSS et de Javascript. Votre architecture logicielle devra être complètement repensée pour s'adapter à ce nouveau modèle. Un téléphone reste un téléphone, il n y a pas de liaison directe en fibre optique, les forfaits sont limités en terme de débit, sans parler que la vitesse de téléchargement variera en production à cause du déplacement des utilisateurs. Vous allez devoir construire une application aussi légère que possible tout en allant à l'essentiel. Il faudra utilisez des Web Service pour obtenir des informations ou effectuer des actions lourdes afin de ménager l'appareil, comme générer un PDF par exemple. Comment? Cordova repose sur des langages normalement conçu pour le développement web. Donc, dans les grandes lignes, vous écrirez votre application comme un Site Internet. Outils? L'application devra être ergonomique tout en affichant son contenu de façon identique sur chaque appareil, et il existe une librairie dédiée à ce problème : jquerymobile. Vous allez aussi devoir effectuer des tests d'affichage, vérifier chaque erreur Javascript et CSS. Utilisez simplement votre navigateur préféré pour cela, comme Google Chrome, Opera ou Firefox. 8

9 Certains projets seront plus volumineux que d'autres, et devront avoir une capacité de maintenance facilité. Vous devrez alors exploiter toute la force des «Design Pattern» afin d avoir un code aussi clair et organisé que possible. Backbone.js apporte une réponse architectural en proposant une découpe MVC (Modèle - Vue - Contrôleur) ; il dépend explicitement de underscore.js, vous devrez donc l'ajouter si vous souhaitez l'exploiter. Il se peut également que vous ayez envie de générer des formulaires de manière automatisée, comme c'est souvent le cas avec les CMS, ce qui vous sera possible par l utilisation de Backbone-forms. 9

10 5. Démonstration Nous allons construire une application purement démonstrative grâce à Cordova dans le but de découvrir ce Framework. L'objectif sera de faire un simple programme dans lequel on pourra naviguer dans plusieurs «fenêtres». Techniquement, cela correspond à une navigation entre plusieurs DIV, et pour ce faire nous utiliserons jquerymobile. On commence par créer et configurer notre projet avec Cordova : Créer le projet Ajouter la plateforme Android Générer une icône personnalisée cordova create my_first_app toto my_first_app cordova platform add android cordova-gen-icon L arborescence de notre projet ressemblera à ceci :. img logo.png Icône du programme jquerymobile Répertoire de jquerymobile index.html Le code de notre projet Voici ci-dessous le code HTML de notre première application : <html> <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" href="jquerymobile/jquery.mobile min.css"> <script src="jquerymobile/jquery min.js"></script> <script src="jquerymobile/jquery.mobile min.js"></script> </head> <body> <div data-role="page" id="one"> <div data-role="header"> <h1><center>application Cordova</center></h1> <div data-role="content"> 10

11 Fenêtre 1 <a href="#two" data-role="button"> Suivant </a> <div data-role="footer" data-position="fixed"> <h1><center>un Footer? =)</center></h1> <div data-role="page" id="two"> <div data-role="header"> <h1>application Cordova</h1> <a href="#" data-role="button" data-rel="back" data-icon="back"> Retour </a> <div data-role="content"> Fenêtre 2 <div data-role="footer" data-position="fixed"> <h1><center>un Footer? =)</center></h1> <script type="text/javascript" src="cordova.js"></script> </body> </html> Compilez ensuite le projet avec la commande «cordova build», récupérez le fichier APK comme expliqué plus haut et installez l'application sur l'appareil. L'icône de base est un mouton blanc cubique, mais vous pouvez facilement en changer avec la commande «cordova-gen-icon» si vous modifiez au préalable le fichier «logo.png». 11

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Point sur les solutions de développement d apps pour les périphériques mobiles

Point sur les solutions de développement d apps pour les périphériques mobiles Point sur les solutions de développement d apps pour les périphériques mobiles Par Hugues MEUNIER 1. INTRODUCTION a. Une notion importante : le responsive web design Nous sommes en train de vivre une nouvelle

Plus en détail

Versus Etude Technologique

Versus Etude Technologique VS Versus Etude Technologique 1 VS Contents Introduction... 3 Présentation des technologies... 3 Phonegap... 3... 3 Pour quels besoins?... 4 Comment ça fonctionne? Les models... 4 Phonegap... 5... 6 Comparatif...

Plus en détail

Etude technologique sur Corss-platform Mobil

Etude technologique sur Corss-platform Mobil Etude technologique sur Corss-platform Mobil ADAPTION DES INTERFACES À L ENVIRONNEMENT Date : 11/11/2014 Student : Lifeng TAO I. Introduction RhoMobile RhoMobile est le conteneur de l'application mobile

Plus en détail

DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova

DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova I. Introduction Dans une période où la plasticité peut aider à réduire les coûts de développement de projets comme des applications mobile,

Plus en détail

Installation et prise en main

Installation et prise en main TP1 Installation et prise en main Android est le système d'exploitation pour smartphones, tablettes et autres appareils développé par Google. Pour permettre aux utilisateurs d'installer des applications

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, RhoMobile)

CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, RhoMobile) INGENIEUR EN SCIENCES INFORMATIQUES RAPPORT D ETUDE TECHNOLOGIQUE SUR LES SOLUTIONS WEB CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, ) Student : Jiachen NIE Parcours: IHM Subject : Adaptation des Interfaces

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 Environnement : Ce projet a été réalisé en deuxième année de BTS, il s'agit d'un travail de groupe

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

NOTE GENERALE... 2 ANDROID (SMARTPHONES ET TABLETTES)... 3 IOS (IPHONE ET IPAD)... 5 MAC OS X... 6 MAC OS X - ALTERNATIVE PERMANENTE...

NOTE GENERALE... 2 ANDROID (SMARTPHONES ET TABLETTES)... 3 IOS (IPHONE ET IPAD)... 5 MAC OS X... 6 MAC OS X - ALTERNATIVE PERMANENTE... Installation NOTE GENERALE... 2 ANDROID (SMARTPHONES ET TABLETTES)... 3 IOS (IPHONE ET IPAD)... 5 MAC OS X... 6 MAC OS X - ALTERNATIVE PERMANENTE... 7 WINDOWS... 8 Note générale Si après installation et

Plus en détail

Démonstration de la mise en cache via HTML 5 sur iphone

Démonstration de la mise en cache via HTML 5 sur iphone Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent

Plus en détail

Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully

Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully Les grandes facettes du développement Web Qui sommes nous? Nicolas Thouvenin Stéphane Gully Projets Web depuis 2000 LAMP, NodeJS HTML, CSS, jquery

Plus en détail

Un serveur web, difficile?

Un serveur web, difficile? Un serveur web, difficile? Belle question, mais d'abord qu'est-ce qu'un serveur web et à quoi cela peut-il servir? C'est un ensemble de programmes qui sont installés sur un ordinateur et qui servent à

Plus en détail

DÉVELOPPEMENT MOBILE AVEC JQUERY MOBILE. Christelle Scharff et Landry Hospice AHOUANSOU mobilesenegal@gmail.com landry.hospice@gmail.

DÉVELOPPEMENT MOBILE AVEC JQUERY MOBILE. Christelle Scharff et Landry Hospice AHOUANSOU mobilesenegal@gmail.com landry.hospice@gmail. DÉVELOPPEMENT MOBILE AVEC JQUERY MOBILE Christelle Scharff et Landry Hospice AHOUANSOU mobilesenegal@gmail.com landry.hospice@gmail.com http://mobilesenegal.org http://senmobile.com MobileSenegal est un

Plus en détail

Séance Android n 1 : Installation de l environnement, création de projets et déploiement d applications

Séance Android n 1 : Installation de l environnement, création de projets et déploiement d applications Programmation Android Juin 2014........................................................................... Séance Android n 1 : Installation de l environnement, création de projets et déploiement d applications

Plus en détail

GUIDE D INSTALLATION ET D UTILISATION PI AUTHENTICATOR

GUIDE D INSTALLATION ET D UTILISATION PI AUTHENTICATOR GUIDE D INSTALLATION ET D UTILISATION PI AUTHENTICATOR APPLICATION pi AUTHENTICATOR 1. Entrez dans l App Store de votre iphone ou Android 2. Cherchez l application PI AUTHENTICATOR 3. Cliquez sur OBTENIR,

Plus en détail

CAHIER DES CHARGES. -Solution applicatives de gestion de ressources humaines. -Site intranet de notation de repas et d hôtels

CAHIER DES CHARGES. -Solution applicatives de gestion de ressources humaines. -Site intranet de notation de repas et d hôtels CAHIER DES CHARGES -Solution applicatives de gestion de ressources humaines -Site intranet de notation de repas et d hôtels Sommaire Contexte... 4 Maitrise d ouvrage... 4 Maitre d œuvre... 4 Présentation...

Plus en détail

Environnements de développement

Environnements de développement 4 Environnements de développement Au sommaire de ce chapitre UU Mettre en place un environnement de développement UU Environnement de production Contrairement au développement web de bureau, dans lequel

Plus en détail

Ateliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le RaspberryPi?

Ateliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le RaspberryPi? Ateliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le RaspberryPi? par X. HINAULT www.mon-club-elec.fr Tous droits réservés 2013. Document gratuit. Ce support

Plus en détail

Recommandations techniques

Recommandations techniques Recommandations techniques Sage 30 Génération i7 Sage 100 Génération i7 Version 1.0 1 I Recommandations techniques pour Sage 30 Windows Génération i7 Sage 100 Windows Génération i7 2 1.1 Configuration

Plus en détail

Caméra IP DIGITUS Plug&View

Caméra IP DIGITUS Plug&View Caméra IP DIGITUS Plug&View Guide d'installation rapide Contenu du coffret 1 X caméra IP Plug&View 1 X adaptateur d'alimentation avec câble 1 X câble Ethernet 1 X guide d'installation rapide 1 X CD d'utilitaires

Plus en détail

développeur web principal

développeur web principal FRANCIS McGUIRE développeur web principal A: 103 rue Hyman, Dollard-des-Ormeaux, Qc C: fr@ncismcguire.com T: +1.5144675737 W: www.guire.ca À PROPOS DE MOI Mon nom est Francis McGuire et je suis un passionné

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

Avant-Propos Sencha Touch

Avant-Propos Sencha Touch Avant-Propos Développeurs web, vous qui souhaitez vous diversifier et appréhender simplement le développement mobile, mais redoutez un apprentissage long d un langage que vous ne connaissez pas, vous allez

Plus en détail

Développement Web pour mobiles

Développement Web pour mobiles Développement Web pour mobiles Les bases du HTML par Eric Sarrion Date de publication : 11/08/2010 Dernière mise à jour : Le langage HTML est le langage de base permettant de construire des pages web,

Plus en détail

Développer de nouvelles fonctionnalités

Développer de nouvelles fonctionnalités 19 Développer de nouvelles fonctionnalités Chaque site e-commerce est unique. Bien que Magento soit une application riche, des besoins spécifiques apparaîtront et l ajout de modules deviendra nécessaire.

Plus en détail

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com Guide de l utilisateur pour Firefox 4 Contact us: press@mozilla.com Sommaire À propos de Mozilla 1 Lancez-vous! 2 Tapez Moins, Surfez Plus! 3 Emportez votre Firefox partout avec vous 5 Personnalisez votre

Plus en détail

Manuel de déploiement sous Windows & Linux

Manuel de déploiement sous Windows & Linux Manuel de déploiement sous Windows & Linux 18/11/2013 Page 1/6 Prérequis Vous devez consulter la spécification technique dénommée «caractéristiques techniques des serveurs et stations» afin de connaître

Plus en détail

NOTICE D INSTALLATION DU PLUG-IN JAVA (Mise à jour le 31/03/08)

NOTICE D INSTALLATION DU PLUG-IN JAVA (Mise à jour le 31/03/08) NOTICE D INSTALLATION DU PLUG-IN JAVA (Mise à jour le 31/03/08) Important Le «plug-in» Java est un composant nécessaire au bon fonctionnement de la télédéclaration du dossier surface sur TelePac. Ce composant

Plus en détail

Tutoriel Drupal version 6 :

Tutoriel Drupal version 6 : 1 Tutoriel Drupal version 6 : Installation en local sous Windows et traduction 2 1. Installation de Drupal en local (sur votre pc) 1.1. Logiciels nécessaires Drupal fonctionne dans un environnement nécessitant

Plus en détail

Dossier. Développer en Java sur téléphone mobile. Benjamin Damécourt benjamin.damecourt@me.com. UFR SITEC Master 2 EESC 11 janvier 2012

Dossier. Développer en Java sur téléphone mobile. Benjamin Damécourt benjamin.damecourt@me.com. UFR SITEC Master 2 EESC 11 janvier 2012 Dossier Développer en Java sur téléphone mobile Benjamin Damécourt benjamin.damecourt@me.com UFR SITEC Master 2 EESC 11 janvier 2012 Table des matières Introduction 2 Pré-requis 3 Hello World! 5 Installation

Plus en détail

[Serveur de déploiement FOG]

[Serveur de déploiement FOG] 2012 Yann VANDENBERGHE TAI @ AFPA Lomme [Serveur de déploiement FOG] Procédure d'installation d'un serveur FOG pour la création et le déploiement d'images disques. 1.1 Introduction : Malgré le développement

Plus en détail

Tutoriel Drupal version 7 :

Tutoriel Drupal version 7 : Tutoriel Drupal 7: Installation en local sous Windows 1 Tutoriel Drupal version 7 : Installation en local Sous Windows Tutoriel Drupal 7: Installation en local sous Windows 2 1. Logiciels nécessaires Drupal

Plus en détail

opengeophone Documentation

opengeophone Documentation opengeophone Documentation Version 1.0.0 openmairie 28 June 2013 Table des matières 1 Manuel de l utilisateur 3 1.1 installation................................................ 3 1.2 Utilisation................................................

Plus en détail

Outils d automatisation de tests d interfaces Web. David GERBAULT Ingénieurs 2000 Xposé 2010-2011

Outils d automatisation de tests d interfaces Web. David GERBAULT Ingénieurs 2000 Xposé 2010-2011 Outils d automatisation de tests d interfaces Web 1 David GERBAULT Ingénieurs 2000 Xposé 2010-2011 WEBOGRAPHIE http://seleniumhq.org/ http://www.clever-age.com/ http://watir.com/ 2 Pourquoi ce sujet? 3

Plus en détail

TD1. Installation de Symfony 2 et Netbeans

TD1. Installation de Symfony 2 et Netbeans I - Introduction : TD1 Installation de Symfony 2 et Netbeans L objet de ce TP est d installer l environnement de travail. Nous commençons par définir des notions de base nécessaires pour comprendre la

Plus en détail

Utiliser Freemind à l'école

Utiliser Freemind à l'école Utiliser Freemind à l'école Cette notice est une rapide introduction au mind maping, que nos amis québecois appelent les «schémas de réseaux conceptuels» ou encore idéacteur. En d'autres termes c'est l'organisation

Plus en détail

Développement mobile «cross-platform»

Développement mobile «cross-platform» Développement mobile «cross-platform» Polytech Nice Vendredi 9 novembre 2012 11.11.13 1 / 24 Au programme 1. A chaque projet sa techno 2. 1 code Plusieurs plateformes 3. La puissance de jquery sur mobile

Plus en détail

Offres de stages Adeneo Embedded

Offres de stages Adeneo Embedded Offres de stages Adeneo Embedded Postes: Stages de fin d etude Société: Adeneo Embedded. Postes ouverts sur: Ecully (69), France Massy (91), France Type: Stages de 4 à 6 mois pour 1 à 2 étudiants Aperçu

Plus en détail

Dans la série Les tutoriels libres présentés par le site FRAMASOFT. FreeMind. Editeur de cartes heuristiques. http://freemind.sourceforge.

Dans la série Les tutoriels libres présentés par le site FRAMASOFT. FreeMind. Editeur de cartes heuristiques. http://freemind.sourceforge. Dans la série Les tutoriels libres présentés par le site FRAMASOFT FreeMind Editeur de cartes heuristiques Logiciel: FreeMind Auteur: Joerg Mueller Plateforme: Windows, Mac OS, Linux Version: 0.8.0 Licence:

Plus en détail

Activité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données

Activité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données Activité sur Meteor Annexe 1 : notion de client-serveur et notion de base de données Notion de client-serveur Que se passe-t-il lorsque vous tapez dans la barre d'adresse de votre navigateur «http://www.google.fr»?

Plus en détail

Tutorial Ophcrack. I) Ophcrack en API. (ou comment utiliser Ophcrack pour recouvrir un mot de passe sous Windows XP et Windows Vista)

Tutorial Ophcrack. I) Ophcrack en API. (ou comment utiliser Ophcrack pour recouvrir un mot de passe sous Windows XP et Windows Vista) Tutorial Ophcrack (ou comment utiliser Ophcrack pour recouvrir un mot de passe sous Windows XP et Windows Vista) Ophcrack est un utilitaire gratuit permettant de cracker les mots de passe des sessions

Plus en détail

HTML5 Quels enjeux pour la mobilité et le RIA?

HTML5 Quels enjeux pour la mobilité et le RIA? HTML5 Quels enjeux pour la mobilité et le RIA? Julien Roche Philippe Guédez Ludovic Garnier 2 Sommaire Evolution des usages du Web Applications mobiles multiplateformes Contributions d HTML5 au RIA Conclusion

Plus en détail

Retour sur Devoxx. Les tendances

Retour sur Devoxx. Les tendances Retour sur Devoxx Devoxx, c est la plus grosse conférence de développeurs Java en Europe qui existe depuis 2002 (auparavant connue sous le nom de Javapolis). Elle se déroule tous les ans à Anvers (Belgique)

Plus en détail

MANUEL UTILISATEUR KIWI BACKUP V 3

MANUEL UTILISATEUR KIWI BACKUP V 3 Révision Mai 2012 MANUEL UTILISATEUR KIWI BACKUP V 3 Sommaire PREMIERE PARTIE : INSTALLATION DE KIWI BACKUP... 3 INSTALLATION SOUS WINDOWS... 3 INSTALLATION SOUS LINUX DEBIAN / UBUNTU... 6 Installation

Plus en détail

Dropbox. Classes de 2nde SI-CIT et de première SI

Dropbox. Classes de 2nde SI-CIT et de première SI Dropbox Table des matières 1. Présentation du service Dropbox...2 2. La sécurité...2 3. Ouvrir un compte Dropbox...2 4. Créer et partager un dossier...3 5. Installer Dropbox sur votre SmartPhone...5 DropBox

Plus en détail

Tizen SDK et TizenPC* @ #SolutionsLinux2013

Tizen SDK et TizenPC* @ #SolutionsLinux2013 Tizen SDK et TizenPC* @ #SolutionsLinux2013 Dominig ar Foll (Intel Open Source Technology Centre) Présentation : Mai 2013 Eurogiciel Intégrateur

Plus en détail

Réinvestir les bénéfices dans le développement des applications mobiles

Réinvestir les bénéfices dans le développement des applications mobiles Réinvestir les bénéfices dans le développement des applications mobiles Fonctions ios et Android Tablettes et smartphones Un seul développement pour deux OS Utilisation intuitive Widgets natifs SQLite

Plus en détail

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE 11/02/14 CONTEXTE SITE WEB RÉACTIFS S. LANQUETIN ENVIRONNEMENT Clavier (standard, mini, virtuel) Souris / doigt / stylet Rotation de l écran Performances CPU et GPU Capacité de stockage GPS Mobile/fixe

Plus en détail

VIDEO RECORDING Accès à distance

VIDEO RECORDING Accès à distance ENREGISTREUR DIGITAL VIDEO (DMR): Accès à Distance (adresses données par S & P) Internet Explorer Ordinateur Chrome ou Firefox Windows Programme NON RECOMMANDE: avec ActiveX (fonction aléatoire) Ordinateur

Plus en détail

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

Plus en détail

petites explications pour l'iinstallation de logiciels sur Linux ( Ubuntu )

petites explications pour l'iinstallation de logiciels sur Linux ( Ubuntu ) Ratata / LaSourisVerte petites explications pour l'iinstallation de logiciels sur Linux ( Ubuntu ) 1. Introduction : Dans ce TP, nous allons expliquer les différentes méthodes pour installer des logiciels

Plus en détail

25 mars. Tutoriel sur Laravel. Préparé par : Lydiane Beaulne-Bélisle. Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel.

25 mars. Tutoriel sur Laravel. Préparé par : Lydiane Beaulne-Bélisle. Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel. 25 mars Tutoriel sur Laravel Préparé par : Lydiane Beaulne-Bélisle Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel. Créé pour le cours de Projet de fin d étude Collège de

Plus en détail

Hadoop / Big Data. Benjamin Renaut MBDS 2014-2015

Hadoop / Big Data. Benjamin Renaut <renaut.benjamin@tokidev.fr> MBDS 2014-2015 Hadoop / Big Data Benjamin Renaut MBDS 2014-2015 TP 1 Méthodologie Map/Reduce - programmation Hadoop. 1 Installer VirtualBox (https://www.virtualbox.org/). Importer la machine

Plus en détail

ETUDE SALARIALE DES PROFILS TECHNIQUES PAR TECHNOLOGIE DANS LE SECTEUR INTERNET EN IDF

ETUDE SALARIALE DES PROFILS TECHNIQUES PAR TECHNOLOGIE DANS LE SECTEUR INTERNET EN IDF ETUDE SALARIALE DES PROFILS TECHNIQUES PAR TECHNOLOGIE DANS LE SECTEUR INTERNET EN IDF En 3 ans d activité et 279 recrutements réalisés auprès de 155 clients du monde du digital, Urban Linker a pu identifier

Plus en détail

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C#

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# CHAPITRE 1 Introduction aux web services Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# NetBeans JavaScript Eclipse Objective C Xcode PHP HTML Objectifs du chapitre : Ce

Plus en détail

Wifi Display Dongle. Guide d utilisateur. Ver 1.1. Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs.

Wifi Display Dongle. Guide d utilisateur. Ver 1.1. Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs. Wifi Display Dongle Guide d utilisateur Ver 1.1 Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs. Introduction Le Dongle MD01X envoie le contenu du Smartphone

Plus en détail

LA MOBILITE : ACTEURS, OUTILS,

LA MOBILITE : ACTEURS, OUTILS, LA MOBILITE : ACTEURS, OUTILS, DEVELOPPEMENT, CONCEPTION, GESTION DE PROJET INTERVENTION MASTER DILIPEM Pascal Moutet, iseeds Software, 02/02/2012 PARCOURS ET FONCTIONS OCCUPEES Parcoursuniversitaire Parcoursprofessionnel

Plus en détail

GWT Développement d'applications clientes en Java. Introduction prise en main

GWT Développement d'applications clientes en Java. Introduction prise en main GWT Développement d'applications clientes en Java Introduction prise en main 1 Pourquoi GWT? GWT est un framework, conçu par Google, pour programmer des applications web en Java ; Il permet de programmer

Plus en détail

Environnements de développement (intégrés)

Environnements de développement (intégrés) Environnements de développement (intégrés) Introduction aux EDI, la plateforme Eclipse Patrick Labatut labatut@di.ens.fr http://www.di.ens.fr/~labatut/ Département d informatique École normale supérieure

Plus en détail

Interface ERNMT Distotablet Préventimmo

Interface ERNMT Distotablet Préventimmo Interface ERNMT Distotablet Préventimmo Version du document : 1.1 du 25-05-2015 Rédaction : Stéphane Gressani 1 - Description Le but de l interface est d automatiser la liaison entre le dossier client

Plus en détail

Formation GWT. www.objis.com - Formation GWT 1

Formation GWT. www.objis.com - Formation GWT 1 Formation GWT www.objis.com - Formation GWT 1 Sommaire Formation GWT Introduction Qu'est ce qu'une application GWT? Méthodologie et étapes clés gestion projet GWT Interface utilisateur : widgets, panels,

Plus en détail

1 / Introduction. 2 / Gestion des comptes cpanel. Guide débuter avec WHM. 2.1Créer un package. 2.2Créer un compte cpanel

1 / Introduction. 2 / Gestion des comptes cpanel. Guide débuter avec WHM. 2.1Créer un package. 2.2Créer un compte cpanel Guide débuter avec WHM 1 / Introduction WHM signifie Web Host Manager (ou gestionnaire d'hébergement web). WHM va donc vous permettre de gérer des comptes d'hébergement pour vos clients. (création de compte,

Plus en détail

Procédure d'installation complète de Click&Decide sur un serveur

Procédure d'installation complète de Click&Decide sur un serveur Procédure d'installation complète de Click&Decide sur un serveur Prérequis du serveur : Windows 2008 R2 or greater (64-bits) Windows 2012 (64-bits) - Le composant IIS (Internet Information Services) de

Plus en détail

Prérequis installation

Prérequis installation Prérequis installation Version 3.7.0 TELELOGOS - 3, Avenue du Bois l'abbé - Angers Technopole - 49070 Beaucouzé - France Tel. +33 (0)2 4 22 70 00 - Fax. +33 (0)2 4 22 70 22 Web. www.telelogos.com - Email.

Plus en détail

Poste virtuel. Installation du client CITRIX RECEIVER

Poste virtuel. Installation du client CITRIX RECEIVER SITEL Poste virtuel Installation du client CITRIX RECEIVER DOCUMENTATION UTILISATEUR Service informatique et télématique E-mail: hotline.sitel@unine.ch Téléphone : +41 32 718 20 10 www.unine.ch/sitel Table

Plus en détail

Introduction MOSS 2007

Introduction MOSS 2007 Introduction MOSS 2007 Z 2 Chapitre 01 Introduction à MOSS 2007 v. 1.0 Sommaire 1 SharePoint : Découverte... 3 1.1 Introduction... 3 1.2 Ce que vous gagnez à utiliser SharePoint... 3 1.3 Dans quel cas

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Architecture de la plateforme SBC

Architecture de la plateforme SBC Simple Business Connector Architecture de la plateforme SBC Titre Projet Description Architecture de la plateforme SBC Plateforme SBC Ce document reprend toutes les étapes de l'installation du serveur

Plus en détail

Vous pouvez toujours lancer un programme ou une application en tapant les premières lettres de son nom à partir du menu démarrer.

Vous pouvez toujours lancer un programme ou une application en tapant les premières lettres de son nom à partir du menu démarrer. Après un Windows 8 qui a déconcerté plus d'un et sa mise à jour Windows 8.1 qui n'a pas convaincu voici le dernier né du système d'exploitation de Microsoft. Le retour du menu démarrer 20 ans après son

Plus en détail

Tuto 2 : Configuration Virtual box, Configuration et installation du serveur XiBO

Tuto 2 : Configuration Virtual box, Configuration et installation du serveur XiBO Tuto 2 : Configuration Virtual box, Configuration et installation du serveur XiBO Dans Virtual box, la machine virtuelle xibo éteinte, sélectionner la et cliquer sur l icône configuration : Dans la fenêtre

Plus en détail

TigerPro CRM Application mobile

TigerPro CRM Application mobile TigerPro CRM Application mobile Mise à jour : 8 août 2014 Table des matières INTRODUCTION 3 INSTALLATION 4 STRUCTURE D APPLICATION 5 MENU 5 LA BARRE DES ACTIONS 6 LA BARRE DES MODULES LIES 6 LA VUE INDEX

Plus en détail

Ateliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le pcduino?

Ateliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le pcduino? Ateliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le pcduino? par X. HINAULT www.mon-club-elec.fr Tous droits réservés 2013. Document gratuit. Ce support PDF

Plus en détail

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web 52 Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web D'où proviennent ces données qui permettent de vous localiser? Pour les smartphones, deux procédés peuvent être utilisés

Plus en détail

JET CLOUDING WEBACCESS

JET CLOUDING WEBACCESS JET CLOUDING WEBACCESS permet à un utilisateur de se connecter à partir de n'importe quel PC: Windows, MAC ou Linux et depuis n'importe quel navigateur Web: Internet Explorer, Google Chrome, Netscape,

Plus en détail

Conception et développement des plates-formes webs, de services et des applications mobiles des clients Entreprise: Yaal

Conception et développement des plates-formes webs, de services et des applications mobiles des clients Entreprise: Yaal Université Bordeaux 1 Master Informatique spécialité Système et Réseaux parcours Réseaux Conception et développement des plates-formes webs, de services et des applications mobiles des clients Entreprise:

Plus en détail

Fabien Nicollet / @fnicollet / fnicollet@gmail.com flex-tutorial.fr / html5-tutorial.fr

Fabien Nicollet / @fnicollet / fnicollet@gmail.com flex-tutorial.fr / html5-tutorial.fr Fabien Nicollet / @fnicollet / fnicollet@gmail.com flex-tutorial.fr / html5-tutorial.fr Intro Cartographie et jargon Démos Tour d horizon CartoDB LeafletJS Dev chez Business Geografic (Villeurbanne) :

Plus en détail

Présentation et traitement d information sur le Web Présentation du WWW (architectures web)

Présentation et traitement d information sur le Web Présentation du WWW (architectures web) Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Présentation et traitement d information sur le Web Présentation du WWW (architectures web) Jean-Michel Follin jean-michel.follin@univ-lr.fr

Plus en détail

Livre Blanc WebSphere Transcoding Publisher

Livre Blanc WebSphere Transcoding Publisher Livre Blanc WebSphere Transcoding Publisher Introduction WebSphere Transcoding Publisher vous permet d'offrir aux utilisateurs des informations Web adaptées à leurs besoins. Il vous permet, par exemple,

Plus en détail

Déployer des Ressources et des Applications sous Android.

Déployer des Ressources et des Applications sous Android. Déployer des Ressources et des Applications sous Android. Maj 24 avril 2013 Préambule Pour déployer des ressources et des applications sur des Appareils Android en établissement scolaire, plusieurs solutions

Plus en détail

Sommaire. Présentation... 2 ipad / iphone... 3 Thunderbird... 9 Outlook... 14 Google Agenda... 23 Android Agenda... 33 O2S 1

Sommaire. Présentation... 2 ipad / iphone... 3 Thunderbird... 9 Outlook... 14 Google Agenda... 23 Android Agenda... 33 O2S 1 BIG 1 Sommaire Présentation... 2 ipad / iphone... 3 Thunderbird... 9 Outlook... 14 Google Agenda... 23 Android Agenda... 33 O2S 1 Présentation Vous trouverez ci-après la description de la mise en œuvre

Plus en détail

APPLICATIONS JAVA. 2. Android. Android Partie II. Développement sous Eclipse avec SDK Android

APPLICATIONS JAVA. 2. Android. Android Partie II. Développement sous Eclipse avec SDK Android APPLICATIONS JAVA Android Partie II Ivan MADJAROV - 2014 Applications Java sous Android IvMad, 2011-2014 2 2. Android Développement sous Eclipse avec SDK Android L'objectif principal de ce cours est de

Plus en détail

Je vous invite à visiter mon portfolio pour avoir une meilleur compréhension de mes compétences et expériences à ce jour: http://jeremiemora.

Je vous invite à visiter mon portfolio pour avoir une meilleur compréhension de mes compétences et expériences à ce jour: http://jeremiemora. Jérémie Mora Développeur Web et mobile jeremie.mora@gmail.com Résumé Je vous invite à visiter mon portfolio pour avoir une meilleur compréhension de mes compétences et expériences à ce jour: http://jeremiemora.com/

Plus en détail

L ordinateur et le serveur

L ordinateur et le serveur Rappel : qu'est ce qu'un ordinateur La partie matérielle (hardware) : L ordinateur et le serveur Nous allons éviter le mot dévoyé et tombé dans l'usage courant d'ordinateur au profit de calculateur. En

Plus en détail

Warren PAULUS. Android SDK et Android x86

Warren PAULUS. Android SDK et Android x86 Android SDK et Android x86 2010/2011 Voici un petit tutoriel pour installer Android de façon à ce qu il soit compatible avec NetBeans et Eclipse, ainsi que l utilisation d Android x86. Ce tutoriel a été

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

Plus en détail

SAUVEGARDER SES DONNEES PERSONNELLES

SAUVEGARDER SES DONNEES PERSONNELLES SAUVEGARDER SES DONNEES PERSONNELLES Il est important de sauvegarder son environnement système Windows ainsi que ses données personnelles. Nous verrons dans ce tutorial comment créer un point de restauration

Plus en détail

Nouveautés joomla 3 1/14

Nouveautés joomla 3 1/14 Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes

Plus en détail

Vous y trouverez notamment les dernières versions Windows, MAC OS X et Linux de Thunderbird.

Vous y trouverez notamment les dernières versions Windows, MAC OS X et Linux de Thunderbird. MAIL > configuration de mozilla thunderbird > SOMMAIRE Qu'est ce que Thunderbird? Téléchargement du logiciel Thunderbird Configuration Installation d'un compte POP Installation d'un compte IMAP En cas

Plus en détail

Documentation FOG. Déploiement d images de systèmes d exploitation à travers le réseau.

Documentation FOG. Déploiement d images de systèmes d exploitation à travers le réseau. Documentation FOG Déploiement d images de systèmes d exploitation à travers le réseau. Sommaire 1. Installation et configuration d une distribution Linux 2. Installation de FOG 2.1. Configuration DHCP

Plus en détail

Edutab. gestion centralisée de tablettes Android

Edutab. gestion centralisée de tablettes Android Edutab gestion centralisée de tablettes Android Résumé Ce document présente le logiciel Edutab : utilisation en mode enseignant (applications, documents) utilisation en mode administrateur (configuration,

Plus en détail

Développement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS

Développement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS Avant de commencer 1. Introduction 15 2. HTML5 oui, mais pas que... 15 2.1 HTML5 16 2.2 JavaScript 17 2.3 CSS 18 3. Les outils 18 Préparation des outils et création du projet 1. Introduction 21 2. Team

Plus en détail

Offres de stages 2011/2012

Offres de stages 2011/2012 Offres de stages 2011/2012 RBS LE MEILLEUR DE L INTEGRATION ET DE L EDITION L informatique est devenue un outil stratégique de développement et de différenciation pour les organisations du 21ème siècle

Plus en détail

TD/TP 1 Introduction au SDK d Android

TD/TP 1 Introduction au SDK d Android TD/TP 1 Introduction au SDK d Android Romain Raveaux 1 Introduction Android est un système d'exploitation pour téléphone portable de nouvelle génération développé par Google. Celui-ci met à disposition

Plus en détail

CATALOGUE DES FORMATIONS LANGUES

CATALOGUE DES FORMATIONS LANGUES CATALOGUE DES FORMATIONS LANGUES Présentation Ecole Informatique Jasmin agrée par le Ministère de formation professionnelle et de l emploi sous le n 11-1202-12 le 29/08/2012. Spécialiste en informatique,

Plus en détail