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

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

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

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

Plus en détail

Développement d'une application Android avec PhoneGap

Développement d'une application Android avec PhoneGap Développement d'une application Android avec PhoneGap Olivier Dommange Avant-propos PhoneGap permet le développement d'applications pour plusieurs systèmes d'exploitations de smartphones et tablettes (ios,

Plus en détail

Tutoriel Ionic framework

Tutoriel Ionic framework INGÉNIEURS EN SCIENCES INFORMATIQUES ADAPTATION DES INTERFACES A L ENVIRONNEMENT Tutoriel Ionic framework Tutoriel et présentation du framework IONIC : technologie permettant la réalisation d applications

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

Projet Web. Tim Burton. Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript...

Projet Web. Tim Burton. Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript... Projet Web Tim Burton Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript... Par Omar EDDASSER L3 ISC parcours MIAGE Sous l enseignement

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

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

Utiliser NDK dans un projet Android

Utiliser NDK dans un projet Android Introduction NDK est une suite d outils permettant de compiler puis d utiliser du code natif dans une application Android. Ce code natif est ensuite appelé via JNI (Java Native Interface), fournissant

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

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 programmation sous Android : Quels sont les moyens disponibles?

La programmation sous Android : Quels sont les moyens disponibles? La programmation sous Android : Quels sont les moyens disponibles? Cet article présente plusieurs manières, plusieurs méthodes pour arriver à coder pour Android. Nous commencerons par la programmation

Plus en détail

BLANCHON Enzo et GRIMAUD Bastien INSTALLATION LOGICIEL SOUS LINUX

BLANCHON Enzo et GRIMAUD Bastien INSTALLATION LOGICIEL SOUS LINUX BLANCHON Enzo et GRIMAUD Bastien INSTALLATION LOGICIEL SOUS LINUX Sommaire Installation depuis un dépôt (P 3-4) 1 Qu est-ce que c est un dépôt? (P 3) 2 Procédure d installation (P 3-4) 1 Rendre accessible

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

DOCUMENTATION MISE A JOUR ANTIBIOGARDE. V4.0 en v4.1

DOCUMENTATION MISE A JOUR ANTIBIOGARDE. V4.0 en v4.1 DOCUMENTATION MISE A JOUR ANTIBIOGARDE V4.0 en v4.1 Version d Antibiogarde 4.1 Version du document 1.0 Date dernière mise à jour du document 15/06/2010 Retrouvez cette doc à jour sur : http://www.antibiogarde.org/activation/

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

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

INTRODUCTION CHAPITRE 1

INTRODUCTION CHAPITRE 1 CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9

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

Créer une icône pour son programme

Créer une icône pour son programme Créer une icône pour son programme Lorsque vous créez un programme, Windows attribue une icône par défaut à l'exécutable : Auteur : M@teo21 Créé le : 14/04/2006 à 19h33 Modifié le : 14/04/2006 à 20h55

Plus en détail

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

La MEAN stack. Qu'est-ce qu'une stack?

La MEAN stack. Qu'est-ce qu'une stack? La MEAN stack Jean-Philippe FORESTIER (jpf@osyx.com) http://www.mean-stack.info Qu'est-ce qu'une stack? Une stack est une pile de technologies utilisée pour développer une application web. Une stack peut

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

Spécifications techniques. Analyse d une solution de gestion des processus

Spécifications techniques. Analyse d une solution de gestion des processus ACube : module workflow Spécifications techniques Analyse d une solution de gestion des processus Mise en place côté Framework Ergonomique d un composant permettant de piloter l ergonomie selon l avancement

Plus en détail

APPLICATIONS JAVA. 1. Android. Android Partie I. Développement d'activités Java sous Android

APPLICATIONS JAVA. 1. Android. Android Partie I. Développement d'activités Java sous Android APPLICATIONS JAVA Android Partie I Ivan MADJAROV - 2014 Applications Java sous Android IvMad, 2011-2014 2 1. Android Développement d'activités Java sous Android L'objectif principal de ce cours est de

Plus en détail

Qlik Sense Desktop. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Tous droits réservés.

Qlik Sense Desktop. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik Sense Desktop Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik, QlikTech, Qlik Sense, QlikView,

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

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

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body.

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body. A/ Utilisation de Javascript UE Libre : Internet et composition de pages Web TP n 3 Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage

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

Guillaume MONTAVON Benoît MEILHAC. Rapport Technique du projet. Gestionnaire de tâches pour Android

Guillaume MONTAVON Benoît MEILHAC. Rapport Technique du projet. Gestionnaire de tâches pour Android Guillaume MONTAVON Benoît MEILHAC Rapport Technique du projet Gestionnaire de tâches pour Android Sommaire 1. Introduction... 3 2. Outils utilisés... 3 2.1. Android SDK... 3 2.2. Android dans Eclipse...

Plus en détail

I N F O R M A T I O N S G É N É R A L ES D O M A I N E S D E C O M P É T E N C E S T E C H N O L O G I E S [DÉVELOPPEUR WEB] MAALEJ Nassim, 25 ans

I N F O R M A T I O N S G É N É R A L ES D O M A I N E S D E C O M P É T E N C E S T E C H N O L O G I E S [DÉVELOPPEUR WEB] MAALEJ Nassim, 25 ans , 25 ans Ingénieur étude et développement informatique Concepteur fonctionnel Assistant chef de projet I N F O R M A T I O N S G É N É R A L ES Titre Ingénieur étude et développement informatique Ecole

Plus en détail

Programme HTML5 / CSS3 Professionnel

Programme HTML5 / CSS3 Professionnel Programme HTML5 / CSS3 Professionnel Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique

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

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

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

2. Développement d'applications mobiles (hybrides et Android natives en Java)

2. Développement d'applications mobiles (hybrides et Android natives en Java) ADAM CHERTI Développeur de logiciels Principales compétences 1. Développement web front-end (côté client) et back-end (côté serveur) 2. Développement d'applications mobiles (hybrides et Android natives

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

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

Repérage dans le support de cours. D3.js ~ Data Driven Document. Notes. Notes

Repérage dans le support de cours. D3.js ~ Data Driven Document. Notes. Notes Visualisation interactive de données sur le web Présentation Généralités Repérage dans le support de cours Sur les slides projetés, le numéro de page entre parenthèse correspond à celui de votre support

Plus en détail

Introduction. 1. Pourquoi utiliser un outil multiplateforme pour la programmation mobile?

Introduction. 1. Pourquoi utiliser un outil multiplateforme pour la programmation mobile? Introduction 1. Pourquoi utiliser un outil multiplateforme pour la programmation mobile? Depuis la sortie de l iphone, les smartphones sont devenus des ordinateurs à part entière. Et même si avant leur

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

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

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah SOMMAIRE Sujet Android Ionic Comparaison Conclusion Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation

Plus en détail

CHARLOIS SIGAUD AGNAN Nils Vincent Diane PROJET 04 - PLATEFORME DE PROJET ZEND ET SYMFONY

CHARLOIS SIGAUD AGNAN Nils Vincent Diane PROJET 04 - PLATEFORME DE PROJET ZEND ET SYMFONY CHARLOIS SIGAUD AGNAN Nils Vincent Diane PROJET 04 - PLATEFORME DE PROJET ZEND ET SYMFONY Installation de Symfony : Paquet à installer : - php5 - php5-pgsql - postgresql - apache2 Prérequis au niveau

Plus en détail

Création d un site web de vente en ligne

Création d un site web de vente en ligne Création d un site web de vente en ligne 1 Généralités Le projet sera réalisé par binôme. Date limite de remise du projet : 02/02/2007 2 Sujet 2.1 But Développer un site web dynamique permettant la gestion

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

Solutions de Mobilité pour IBM i SystemObjects Europe. Modernisation IBM i Mai 2015

Solutions de Mobilité pour IBM i SystemObjects Europe. Modernisation IBM i Mai 2015 Solutions de Mobilité pour IBM i SystemObjects Europe Modernisation IBM i Mai 2015 Quelques Dates 1991 : Création de la Société TCIS devenue SystemObjects Europe en 2000. 1995 : Première version de notre

Plus en détail

Sujets de projets de fin d études 2016. Copyright Valomnia 2015 - All Rights Reserved

Sujets de projets de fin d études 2016. Copyright Valomnia 2015 - All Rights Reserved Sujets de projets de fin d études 2016 Copyright Valomnia 2015 - All Rights Reserved Sujets de projets de fin L Entreprise d études 2016 Copyright Valomnia 2015 - All Rights Reserved Valomnia : L Entreprise

Plus en détail

Rendu multi-support DOCUMENTATION

Rendu multi-support DOCUMENTATION DOCUMENTATION Rendu multi-support Jahia, le CMS open source de nouvelle génération apportant à vos projets la convergence applicative (web, document, social, recherche et portail) unifiée par la simplicité

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

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

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

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

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

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

Installer, configurer et personnaliser Joomla

Installer, configurer et personnaliser Joomla Installer, configurer et personnaliser Joomla Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l adresse

Plus en détail

Travaux Pratiques Illustrtion Linux li04. Travaux pratiques 04

Travaux Pratiques Illustrtion Linux li04. Travaux pratiques 04 Travaux pratiques 04 1 Avertissement Le CD téléchargé est une copie de la distribution Linux SuSE Liveeval 8.0. Ce CD est à usage de démonstration et n'installe rien sur le disque dur (ce n'est PAS une

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

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

LEADER T ECHNIQUE - DÉVELOPPEUR SENIOR PHP - HT ML - CSS. 32 ans - 8 ans d'expérience

LEADER T ECHNIQUE - DÉVELOPPEUR SENIOR PHP - HT ML - CSS. 32 ans - 8 ans d'expérience C0094 LEADER T ECHNIQUE - DÉVELOPPEUR SENIOR PHP - HT ML - CSS 32 ans - 8 ans d'expérience Expert ises mét iers : Langues : Editeur de logiciels Roumain (Langue maternelle), Anglais (Avancé), Français

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

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

ECOSERRE Guide d installation

ECOSERRE Guide d installation ECOSERRE Guide d installation 1. Configuration nécessaire pour installer ecoserre. Pour installer ecoserre sur votre machine, il faut au préalable vérifier que votre système d'exploitation vous donne accès

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

Cahier de Charge. Master I Informatique parcours Ingénierie Logiciels. E-Service Système d information web «Gestion des services ensignants

Cahier de Charge. Master I Informatique parcours Ingénierie Logiciels. E-Service Système d information web «Gestion des services ensignants Master I Informatique parcours Ingénierie Logiciels Projet : E-Service Gestions des Enseignements Groupe 06 Cahier de Charge E-Service Système d information web «Gestion des services ensignants 2011-2012

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

Guide d installation de Gael

Guide d installation de Gael Guide d installation de Gael Outil web libre de gestion des élèves du premier degré, complément naturel d Iconito documentation version 1.2 juillet 2007 Gael version 0.5 Table des matières Objet... 3 Support...

Plus en détail

SOMMAIRE. I. Introduction 02. II. Glossaire 03 a. Glossaire technique 03 b. Glossaire fonctionnel 04

SOMMAIRE. I. Introduction 02. II. Glossaire 03 a. Glossaire technique 03 b. Glossaire fonctionnel 04 SOMMAIRE I. Introduction 02 II. Glossaire 03 a. Glossaire technique 03 b. Glossaire fonctionnel 04 III. Présentation de l'association 05 a. Présentation juridique et géographique 05 b. Présentation de

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

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

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

La Programmation Web avec PHP

La Programmation Web avec PHP Nouvelle page 1 La Programmation Web avec PHP Qu'est-ce que php? Menu Qu'est ce que php? Les scripts PHP Installation de PHP Configuration d'un serveur IIS Mohamed SIDIR PHP est un langage de script HTML,

Plus en détail

SQL Server Management Studio Express

SQL Server Management Studio Express SQL Server Management Studio Express L'outil de gestion gratuit des bases Microsoft SQL Suite à mon précédent article, Microsoft a mis à disposition du public d'un outil gratuit de gestion des bases de

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 2 Applications Web Dynamiques Auteurs: Raphaël Fournier-S niehotta et Philippe Rigaux (philippe.rigaux@cnam.fr,fournier@cnam.fr) Département d informatique Conservatoire

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

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

Manuel d installation. Projet Rallye, partie site web Sujet proposé par M. Maillot et M. Cordier dans le cadre du M1 MIAGE.

Manuel d installation. Projet Rallye, partie site web Sujet proposé par M. Maillot et M. Cordier dans le cadre du M1 MIAGE. Manuel d installation Projet Rallye, partie site web Sujet proposé par M. Maillot et M. Cordier dans le cadre du M1 MIAGE. Jean-Marc GROSS, Xavier FREYBURGER, Gauthier SCAMPINI, Franck PARRA, Thomas KIRBIHLER

Plus en détail

Cher(e)s ami(e)s Olympiennes et Olympiens,

Cher(e)s ami(e)s Olympiennes et Olympiens, Cher(e)s ami(e)s Olympiennes et Olympiens, Les vacances sont à présent terminées et bien que l'activité informatique ne reprenne que le 22 septembre prochain, il m'a semblé opportun d'apporter quelques

Plus en détail

Java pour le Web. Cours Java - F. Michel

Java pour le Web. Cours Java - F. Michel Java pour le Web Cours Java - F. Michel Introduction à JEE 6 (ex J2EE) Historique Qu'est-ce que JEE JEE : Java Entreprise Edition (ex J2EE) 1. Une technologie outils liés au langage Java + des spécifications

Plus en détail

TP2 : Initiation à la Programmation avec Android

TP2 : Initiation à la Programmation avec Android TP2 : Initiation à la Programmation avec Android 1 TP2 : Initiation à la Programmation avec Android Programmation Mobile Objectifs du TP Ce TP est une initiation à Android. Nous allons réaliser les premiers

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

WinTask : Automatisation de sites Web

WinTask : Automatisation de sites Web WinTask : Automatisation de sites Web Introduction Ce document a pour but de vous faire découvrir WinTask, le logiciel d'automatisation de tâches pour Windows et sites Web. WinTask vous permet d'automatiser

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

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter INTRODUCTION À l origine, projet interne lancé au sein de l entreprise Twitter Août 2011 Bootstrap V1, Janvier 2012 Bootstrap V2, Août 2013 Bootstrap V3 Bootstrap est un frameworks HTML/CSS Bibliothèque

Plus en détail

Installer, configurer et personnaliser DotNetNuke

Installer, configurer et personnaliser DotNetNuke Installer, configurer et personnaliser DotNetNuke Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l

Plus en détail

Fonctionnement du Site Web Dynamique:

Fonctionnement du Site Web Dynamique: Fonctionnement du Site Web Dynamique: Site Web Dynamique: Un site Web dynamique est en faite un site Web dont les pages qu'il contient peuvent être générées dynamiquement, c'est à dire à la demande de

Plus en détail

Bien débuter avec le CMS libre Wordpress

Bien débuter avec le CMS libre Wordpress Bien débuter avec le CMS libre Wordpress 1 / 17 Sommaire. Présentation Préparation Installation Configuration de base Quelques plugins utiles Wordpress et référencement La sécurité Pour finir Bibliographie

Plus en détail

LE COMPILATEUR EN LIGNE DE FAUST : UN IDE EN LIGNE POUR LE LANGAGE DE PROGRAMMATION FAUST

LE COMPILATEUR EN LIGNE DE FAUST : UN IDE EN LIGNE POUR LE LANGAGE DE PROGRAMMATION FAUST LE COMPILATEUR EN LIGNE DE FAUST : UN IDE EN LIGNE POUR LE LANGAGE DE PROGRAMMATION FAUST Romain MICHON et Yann ORLAREY GRAME, Centre national de création musicale 9 rue du Garet 69202 Lyon, France, rmnmichon@gmail.com

Plus en détail

DUT Informatique Module JAVA Apprentis Département Informatique 2008 / 2009. Travaux Pratiques n o 1 : Eclipse

DUT Informatique Module JAVA Apprentis Département Informatique 2008 / 2009. Travaux Pratiques n o 1 : Eclipse iut ORSAY DUT Informatique Département Informatique 2008 / 2009 Travaux Pratiques n o 1 : Eclipse Nom(s) : Groupe : Date : Objectifs : Apprendre à se servir du logiciel Eclipse pour le développement d

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

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