ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah"

Transcription

1 ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah

2 SOMMAIRE Sujet Android Ionic Comparaison Conclusion

3 Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation liste Formulaire d ajout d un livre 3 sur 26

4 Android

5 Android Outils et langages 5 sur 26

6 Android Constat Avantages Performances optimales Possibilité de faire du Material design Accès aux éléments du téléphone tel que le GPS ou l appareil photo Documentation Google assez fournie Inconvénients Coût d apprentissage élevé Importantes modifications des méthodes à chaque version d API Difficile à adapter aux différents écrans Demande un bon niveau en programmation Java 6 sur 26

7 Android Plusieurs tailles d écran? Téléphones Par défaut Position des éléments et taille en dp XML - > Layout - > Frame Tablettes Refaire fichier XML Ré étalonner les marges et padding Nouvelles images correspondant aux tailles d écran 7 sur 26

8 Android Démonstration Portrait ou Paysage 8 sur 26

9 Android Difficultés rencontrées + = 9 sur 26

10 Ionic Framework

11 Ionic Qu est- ce que Ionic? 11 sur 26

12 Ionic Choix d adaptation Formulaire : faciliter la saisie données sur petit écran (Smartphone) Un seul champ par ligne occuper un maximum l espace sur grands écrans (Tablette ou plus) Plusieurs champs par ligne Epurer le formulaire (espacements) Fiche details d un livre : Mode paysage - > design orientée horizontale Mode portrait - > design orientée verticale Menu latéral : Visibilité fixe pour écrans larges 12 sur 26

13 Ionic Adaptation : Media queries Adapter dynamiquement le design, en fonction de la largeur de l écran d un appareil, à l aide du CSS Media (min- (min- (min- (min- (min- (min- width:1281px) Cibles Smartphones portrait Smartphones paysage Tablettes portrait Tablettes paysage PC Grandes surfaces 13 sur 26

14 Ionic Adaptation : Grilles responsives Une ligne de colonnes se superposes lorsque la propriété est verifiée Propriétés responsive- sm responsive- md responsive- lg Largeur d écran inférieure à Smartphone paysage Tablette portrait Tablette paysage 14 sur 26

15 Ionic Formulaire d ajout d un livre Smartphone Tablette VS 15 sur 26

16 Ionic Formulaire d ajout d un livre <form ng- submit="submit()" ng- controller="bookadd"> <div class="row responsive- md"> // mes lignes et colonnes </div> </form> Largeur de l appareil est inférieure à celle d une tablette en mode portrait? - Oui : les colonnes d une ligne se superposes - Non : le design ne change pas. 16 sur 26

17 Ionic Fiche details : mode portrait Smartphone Tablette VS 17 sur 26

18 Ionic Fiche details : mode paysage Smartphone Tablette VS 18 sur 26

19 Ionic Fiche details : procédé HTML <div class="row"> // mes lignes et colonnes </div> <div class="row responsive- lg"> // mes lignes et colonnes </div> Cacher Cacher (PORTRAIT) {. (PAYSAGE) { } 19 sur 26

20 Ionic Visibilité du menu latéral Tablette portrait Tablette paysage VS <ion- side- menu (..) expose- aside- when="(min- width:961px) > </ion- side- menu> 20 sur 26

21 Ionic Accès fonctionnalités natives Librairie ngcordova +70 plugins accès fonctionnalités natif (Géolocalisation, Camera, Notifications ) utilisation relativement simple bonne documentation 21 sur 26

22 Ionic Deploiement 22 sur 26

23 Ionic Constat Avantages Développement multiplateforme Bonne documentation Accès aux fonctionnalités natif Ajout d une cible (1 ligne de code) Déploiement sur appareil (1 ligne de code) Interface graphique proche du natif Inconvénients (Dans le cadre du projet aucun) 23 sur 26

24 Ionic Framework VS Android

25 Comparaison Android natif Coût d apprentissage élevé Ciblé uniquement sur Android Accessibilité des périphériques Couteux en temps de développement Ionic Coût d apprentissage modéré Application multiplateforme Déploiement sur appareil ultra simpliste (1 ligne de code) 25 sur 26

26 Avez- vous des questions?

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

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

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com ADOBE DREAMWEAVER Public : Webmasters, créateur de sites Internet, maquettistes, infographistes, responsables communication, chefs de projet. Pré-requis : Bonne connaissance de l environnement Mac ou Windows).

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

Iphone vs. Android. Mardi 17 Novembre 2009 Paris, la Défense. Xavier PARADON, Directeur Technique Valtech Training xavier.paradon@valtech-training.

Iphone vs. Android. Mardi 17 Novembre 2009 Paris, la Défense. Xavier PARADON, Directeur Technique Valtech Training xavier.paradon@valtech-training. Mardi 17 Novembre 2009 Paris, la Défense Iphone vs. Android Xavier PARADON, Directeur Technique Valtech Training xavier.paradon@valtech-training.fr Anthony DAHANNE, Consultant Valtech Technology Consulting

Plus en détail

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

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

Formation développer une application mobile multi plates-formes avec GWT Mobile

Formation développer une application mobile multi plates-formes avec GWT Mobile Objectifs de la formation GWT Mobile A la fin de cette formation GWT Mobile vous saurez développer des applications natives ou web pour mobiles et tablettes en GWT. Programme de la formation GWT Mobile

Plus en détail

Y COMMERCE. Nuit de l info 2013. Torchon Rises. Compte de test : User : demo@ycommerce.eu Pass : demo

Y COMMERCE. Nuit de l info 2013. Torchon Rises. Compte de test : User : demo@ycommerce.eu Pass : demo Y COMMERCE Nuit de l info 2013 Torchon Rises Compte de test : User : demo@ycommerce.eu Pass : demo Le thème Le thème de cette année est centrée sur le client et non le produit. Lors du premier brainstorming

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

Programmation Android Ce que vous devez savoir. Cours Android - F. Michel 1 / 18

Programmation Android Ce que vous devez savoir. Cours Android - F. Michel 1 / 18 Programmation Android Ce que vous devez savoir 1 / 18 Plan 1 Connaissances essentielles 2 Définition d une GUI et adaptation au contexte 3 L objet Intent 2 / 18 Connaissances essentielles Sur la plate-forme

Plus en détail

HTML5 et CSS3 pour des sites Responsive Web Design

HTML5 et CSS3 pour des sites Responsive Web Design Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur

Plus en détail

Android 4 Les fondamentaux du développement d'applications Java

Android 4 Les fondamentaux du développement d'applications Java La plateforme Android 1. Présentation 13 2. Historique 14 3. Google Play 15 3.1 Création d'un compte développeur 16 3.2 Publication d'une application 16 3.3 Suivi et mise à jour d'une application 18 Environnement

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...

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

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

Formation Android développement

Formation Android développement Objectif Android (prononcé androïde) est un système d'exploitation open source pour smartphones, PDA et terminaux mobiles conçu par Android, une startup rachetée par Google. D'autres types d'appareils

Plus en détail

L écran d accueil se compose de 4 «Widgets» et d un «dock» où sont regroupées 8 applications ou «apps»

L écran d accueil se compose de 4 «Widgets» et d un «dock» où sont regroupées 8 applications ou «apps» L écran d accueil se compose de 4 «Widgets» et d un «dock» où sont regroupées 8 applications ou «apps» Une pression du doigt sur le groupe de petits carrés en haut et à droite de l écran d accueil ouvre

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

Le développement multiplateforme sur mobile, réalité ou fiction?

Le développement multiplateforme sur mobile, réalité ou fiction? Le développement multiplateforme sur mobile, réalité ou fiction? Cyril Cathala 20 Septembre 2014 SOMMAIRE L avenir de la mobilité : natifvs web... 3 L explosion du marché des mobiles... 3 Entre coût et

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

Android 5 Les fondamentaux du développement d'applications Java

Android 5 Les fondamentaux du développement d'applications Java La plateforme Android 1. Présentation 13 2. Historique 14 3. Google Play 15 3.1 Création d'un compte développeur 16 3.2 Publication d'une application 17 3.3 Suivi et mise à jour d'une application 18 Environnement

Plus en détail

Formation Responsive Web Design

Formation Responsive Web Design L institut de formation continue des professionnels du Web Formation Responsive Web Design Référence formation : Durée : Prix conseillé : RESPWD 3 jours (21 heures) 1 500 HT (hors promotion ou remise particulière)

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

4. Personnalisation du site web de la conférence

4. Personnalisation du site web de la conférence RTUTORIEL Prise en main de la plateforme 1. Création de l espace conférence Connectez- vous sur le portail http://test- www.sciencesconf.org avec le compte : - Identifiant : «admin1» - Mot de passe «1234»

Plus en détail

Développement tablette Android. SophiaConf2011 Par Arnaud FARINE

Développement tablette Android. SophiaConf2011 Par Arnaud FARINE Développement tablette Android SophiaConf2011 Par Arnaud FARINE Parts de marché Android en 2011 1er OS vendu aux EU fin 2010 24% des smartphones en France (35% ios, 11% Blackberry) 3,6 millions de smartphones

Plus en détail

Découvrir Drupal. Les meilleurs thèmes et modules Drupal (présenta5on démo)

Découvrir Drupal. Les meilleurs thèmes et modules Drupal (présenta5on démo) Découvrir Drupal Les meilleurs thèmes et modules Drupal (présenta5on démo) Tour d horizon des principales fonc5onnalités de Drupal au travers de la présenta5on de quelques- uns de ses principaux modules

Plus en détail

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Introduction Wethere est une application météorologique basé sur un support smartphone (mobile first). Elle

Plus en détail

WINDEV MOBILE. ios SMARTPHONE SUPPORT: IOS, ANDROID, WINDOWS PHONE 8.

WINDEV MOBILE. ios SMARTPHONE SUPPORT: IOS, ANDROID, WINDOWS PHONE 8. WINDEV MOBILE ios SMARTPHONE SUPPORT: IOS, ANDROID, WINDOWS PHONE 8. WINDOWS Mobile permet de créer des applications pour les smartphones, les tablettes et les terminaux mobiles. Les applications sont

Plus en détail

Formation Développement d'applications mobiles multiplateformes

Formation Développement d'applications mobiles multiplateformes L institut de formation continue des professionnels du Web Formation Développement d'applications mobiles multiplateformes Référence formation : Durée : Prix conseillé : MO00015 5 jours (35 heures) 2 320

Plus en détail

V3 une nouvelle approche de la gestion de flotte orientée web service. 09/05/2014 Document confidentiel 7

V3 une nouvelle approche de la gestion de flotte orientée web service. 09/05/2014 Document confidentiel 7 V3 une nouvelle approche de la gestion de flotte orientée web service 09/05/2014 Document confidentiel 7 Vision stratégique La gestion de flotte est partie prenante dans les systèmes d information et les

Plus en détail

Cours Android. Développement et API

Cours Android. Développement et API Cours Android Développement et API Principaux OS orienté mobile ios ~ 12.1% Android ~ 81.9% Microsoft ~ 3.6% Historique Octobre 2003 : conception d'un OS mobile par Android Inc. (co-fondé par Andy Rubin)

Plus en détail

Spécifications techniques

Spécifications techniques Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables

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

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

Responsive Web Design. La Rochelle, Avril 2014

Responsive Web Design. La Rochelle, Avril 2014 Responsive Web Design La Rochelle, Avril 2014 Mohamed Belmokhtar Université de La Rochelle Germain Souquet Université de La Rochelle Sommaire Qu est-ce que le responsive web design? Les différentes approches

Plus en détail

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus + + Points importants n Marché des mobiles très porteur n Grande diversité des appareils IHM Mobiles, web, multimédia Caroline Essert Université de Strasbourg - 2013 Enquête Doodle avril 2011 + Marché

Plus en détail

Une interface moderne et multi devices avec Drupal Focus sur Omega

Une interface moderne et multi devices avec Drupal Focus sur Omega Une interface moderne et multi devices avec Drupal Focus sur Omega Romain Jarraud Formateur / consultant Drupal Anne- Sophie Picot Chef de projets Publier du contenu aujourd hui > Plateformes de consultation

Plus en détail

Technologies du Web. Technologies avancées côté serveur. Mastère spécialisé Management et nouvelles technologies, 7 décembre 2009

Technologies du Web. Technologies avancées côté serveur. Mastère spécialisé Management et nouvelles technologies, 7 décembre 2009 Publication XML Technologies du Web Technologies avancées côté serveur Pierre Senellart (pierre.senellart@telecom-paristech.fr) Mastère spécialisé Management et nouvelles technologies, 7 décembre 2009

Plus en détail

Internet ne se résume plus àunseulsiteweb

Internet ne se résume plus àunseulsiteweb Internet ne se résume plus àunseulsiteweb et cela devient de plus en plus difficile pour chaque Société d assurer tout seul sa visibilité. Vous devez être visible, référencer votre activité dans les premières

Plus en détail

Cursus Sage ERP X3 Outils & Développement. Le parcours pédagogique Sage ERP X3 Outils et Développement

Cursus Sage ERP X3 Outils & Développement. Le parcours pédagogique Sage ERP X3 Outils et Développement Cursus Outils & Développement Vous êtes Consultant, Chef de Projets, Directeur des Systèmes d Information, Directeur Administratif et Financier, Optez pour les «formations Produits» Nous vous proposons

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

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR V 1.0 mai 2013 Table des matières Introduction 3 Prérequis 3 Connexion au système

Plus en détail

PROTECTION DES PÉRIPHÉRIQUES MOBILES ET GESTION DE FLOTTE MOBILE (Kaspersky MDM licence Advanced)

PROTECTION DES PÉRIPHÉRIQUES MOBILES ET GESTION DE FLOTTE MOBILE (Kaspersky MDM licence Advanced) PROTECTION DES PÉRIPHÉRIQUES MOBILES ET GESTION DE FLOTTE MOBILE (Kaspersky MDM licence Advanced) Mis à jour le 19 mai 2015 EVOLUTION DU NOMBRE DE MALWARES LES TROJANS BANCAIRES Alors qu'au début de l'année

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

Programmation Android I. Introduction. Cours Android - F. Michel 1 / 57

Programmation Android I. Introduction. Cours Android - F. Michel 1 / 57 Programmation Android I. Introduction 1 / 57 Plan 1 Introduction 2 La plate-forme Android 3 Programmation Android 4 Hello World 2 / 57 Introduction Application mobile wikipédia Caractéristiques Cible :

Plus en détail

App vs. WebApp Best Of Mobile 5 avril 2012

App vs. WebApp Best Of Mobile 5 avril 2012 App vs. WebApp Best Of Mobile 5 avril 2012 La question! App ou Web App? APP versus WEBAPP Constats du marché 2. Modifiez le style du titre Marketing 3. Modifiez le style du titre Compatibilité Experience

Plus en détail

FORMATION KAWET. Formation : Créer une appli mobile avec Kawet

FORMATION KAWET. Formation : Créer une appli mobile avec Kawet FORMATION KAWET Formation : Créer une appli mobile avec Kawet Document réalisé par : Kawet 12 septembre 2014 Page 1! sur 10! SOMMAIRE Introduction page 3 Créer une appli mobile : découverte page 4 Créer

Plus en détail

Technologies mobiles & Tourisme: la révolution? Denis Genevois Marche-en Janvier 2011

Technologies mobiles & Tourisme: la révolution? Denis Genevois Marche-en Janvier 2011 Technologies mobiles & Tourisme: la révolution? Denis Genevois Marche-en en-famenne Janvier 2011 Centre de compétence Programme Introduction Technologies mobiles: le contenant Tactile non, multitouch oui!

Plus en détail

Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes. Cas client Séminaire OD

Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes. Cas client Séminaire OD Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes Cas client Séminaire OD Les exigences Speedinfo Technologie demandée Aucune Architecture requise Une architecture évolutive qui permette facilement

Plus en détail

Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik 01/04/2014

Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik 01/04/2014 Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik SOMMAIRE #Quelques chiffres sur le mobile #Les différentes solutions : - Le responsive Design - Les versions séparées (thème mobile

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

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

Android, introduction

Android, introduction Android, introduction Sébastien Jean IUT de Valence Département Informatique v1.1, 7 novembre 2012 Android en bref Android est un système d exploitation développé depuis 2003, apparu officiellement en

Plus en détail

Cursus Sage ERP X3 Outils & Développement. CURSUS Sage ERP X3 Outils & Développement ADVANCED. Outils avancés. 2 jours X3A-ADM. Développement 1 &2

Cursus Sage ERP X3 Outils & Développement. CURSUS Sage ERP X3 Outils & Développement ADVANCED. Outils avancés. 2 jours X3A-ADM. Développement 1 &2 Cursus Outils & Développement Vous êtes Consultant, Chef de Projets, Directeur des Systèmes d Information, Directeur Administratif et Financier, Optez pour les «formations Produits» Nous vous proposons

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

Séminaire Partenaires Esri France 7-8 juin 2011 - Paris Les APIs Web ArcGIS

Séminaire Partenaires Esri France 7-8 juin 2011 - Paris Les APIs Web ArcGIS Séminaire Partenaires Esri France 7-8 juin 2011 - Paris Les APIs Web ArcGIS Gaëtan LAVENU Les nouveautés des API ArcGIS Les API Web ArcGIS - L API Flex - L API Silverlight/WPF - L API JavaScript Les APIs

Plus en détail

Plate formes mobiles. Utilisation. Contexte 9/29/2010 IFC 2. Deux utilisations assez distinctes :

Plate formes mobiles. Utilisation. Contexte 9/29/2010 IFC 2. Deux utilisations assez distinctes : Plate formes mobiles IFC 2 Markus Jaton Utilisation Deux utilisations assez distinctes : Téléphones évolués (Nokia, Motorola) Smartphones (Apple,, Windows) La téléphonie est en stagnation, alors que les

Plus en détail

Technologie SAFE* X3 - Outils et Développement. Développement, Fonction de base 2 e partie 3 jours. Web Services. 2 jours

Technologie SAFE* X3 - Outils et Développement. Développement, Fonction de base 2 e partie 3 jours. Web Services. 2 jours - Vous êtes consultant, chef de projets, acteur clé au sein de votre entreprise et vous intervenez en phase de déploiement ou de paramétrage d un logiciel Sage, Optez pour les formations «Produits» : Nous

Plus en détail

Partner Entreprise. Modules de cours pour la formation continue Offre IFAPME Verviers

Partner Entreprise. Modules de cours pour la formation continue Offre IFAPME Verviers Partner Entreprise Modules de cours pour la formation continue Offre IFAPME Verviers Module Business Intelligence avec PowerPivot d Excel 2013 Il n est pas nécessaire de travailler avec des logiciels onéreux

Plus en détail

Les fondamentaux du développement d applications Java

Les fondamentaux du développement d applications Java Android 5 Les fondamentaux du développement d applications Java Nazim BENBOURAHLA Table des matières 1 Les éléments à télécharger sont disponibles à l'adresse suivante : http://www.editions-eni.fr Saisissez

Plus en détail

GUIDE D UTILISATION. Novembre 2014. www.cote-azur-ecobiz.fr 1

GUIDE D UTILISATION. Novembre 2014. www.cote-azur-ecobiz.fr 1 GUIDE D UTILISATION Novembre 2014 www.cote-azur-ecobiz.fr 1 ECOBIZ, une plate-forme adaptative «La plate-forme Côte d'azur Ecobiz a été conçue pour une consultation agréable et optimisée sur Ordinateur,

Plus en détail

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Modernisation IBM i Nouveautés 2014-2015 IBM Power Systems - IBM i 19 et 20 mai 2015 IBM Client Center, Bois-Colombes S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Mardi

Plus en détail

QPC Informatique vous propose d apporter la mobilité à vos applications de gestion d entreprise sans changer votre outil de gestion interne!

QPC Informatique vous propose d apporter la mobilité à vos applications de gestion d entreprise sans changer votre outil de gestion interne! Ce mois-ci : dossier complet sur l application Nuxidev La mobilité! QPC Informatique vous propose d apporter la mobilité à vos applications de gestion d entreprise sans changer votre outil de gestion interne!

Plus en détail

Solution de publication digitale sur smartphones et tablettes pour tous vos documents. Document édité par Forecomm - Avril 2013

Solution de publication digitale sur smartphones et tablettes pour tous vos documents. Document édité par Forecomm - Avril 2013 2013 Solution de publication digitale sur smartphones et tablettes pour tous vos documents Document édité par Forecomm - Avril 2013 sommaire Découvrir la solution Qu est-ce que mymozzo? Processus de création

Plus en détail

Applications Smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique. Application 1 Smartphone

Applications Smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique. Application 1 Smartphone Applications Smartphone Applications Smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique Application 1 Smartphone 23/01/2011 Patrice de Saint Steban École EPITA Ingénieur en

Plus en détail

SOLUTION D INTELLIGENCE ET DE VISUALISATION SOCIALE

SOLUTION D INTELLIGENCE ET DE VISUALISATION SOCIALE SOLUTION D INTELLIGENCE ET DE VISUALISATION SOCIALE OUIBEAT EST UNE SOLUTION D INTELLIGENCE ET DE VISUALISATION SOCIALE 100% PERSONNALISABLE qui intègre les réseaux sociaux et la publicité pour concevoir

Plus en détail

Mobile App pour BSU. Professeur. Rédacteur. Prof. Stefan Hüsemann Université de Fribourg, Suisse Département d informatique. Travail de séminaire

Mobile App pour BSU. Professeur. Rédacteur. Prof. Stefan Hüsemann Université de Fribourg, Suisse Département d informatique. Travail de séminaire Prof. Stefan Hüsemann Université de Fribourg, Suisse Département d informatique Travail de séminaire Mobile App pour BSU Professeur Stefan Hüsemann Rédacteur Diego Meschini Route des Vieux-Chênes 7 1700

Plus en détail

Comment accéder à distance à ces données grâce aux dernières technologies. france.ni.com

Comment accéder à distance à ces données grâce aux dernières technologies. france.ni.com Comment accéder à distance à ces données grâce aux dernières technologies Croissance spectaculaire du marché des appareils mobiles : 400 Projections du nombre de tablettes (en millions) Projections du

Plus en détail

TELEGESTION. l outil indispensable des intervenants à domicile. Maison de l Emploi de Paris Plateforme RH 21 Mai 2015

TELEGESTION. l outil indispensable des intervenants à domicile. Maison de l Emploi de Paris Plateforme RH 21 Mai 2015 TELEGESTION l outil indispensable des intervenants à domicile Maison de l Emploi de Paris Plateforme RH 21 Mai 2015 Télégestion Fixe / Mobile Plateforme d échange Couplage logiciel Couplage logiciel Fonctionnalités

Plus en détail

Android - Les fondamentaux

Android - Les fondamentaux Android - Les fondamentaux Jérémy S. Cochoy INRIA Paris-Saclay jeremy.cochoy@u-psud.fr Octobre 2015 Android - Les fondamentaux Octobre 2015 1 / 19 1 Applications 2 Le manifest 3 L hello world Android 4

Plus en détail

Environnement Zebra Link-OS version 2.0

Environnement Zebra Link-OS version 2.0 Environnement Zebra Link-OS version 2.0 Pour répondre aux nouvelles attentes et à une demande croissante en appareils à la fois mobiles, intelligents et connectés au Cloud, Zebra Technologies a créé un

Plus en détail

Messagerie Étudiante

Messagerie Étudiante Messagerie Étudiante Accès Web... 3 Présentation de Outlook Web... 4 Envoi de message... 6 Transfert... 7 Configurer Outlook sur ses périphériques... 9 Android... 9 Smartphone Android... 9 Tablette Android...

Plus en détail

Camping, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet

Camping, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet Camping, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet appyourself répond à tous vos besoins de communication sur Internet Votre Client Vous Nous Quelles sont ses habitudes?

Plus en détail

REQUEA. v 1.0.0 PD 20 mars 2008. Mouvements d arrivée / départ de personnels Description produit

REQUEA. v 1.0.0 PD 20 mars 2008. Mouvements d arrivée / départ de personnels Description produit v 1.0.0 PD 20 mars 2008 Mouvements d arrivée / départ de personnels Description produit Fonctionnalités L application Gestion des mouvements d arrivée / départ de Requea permet la gestion collaborative

Plus en détail

Développement d applications mobiles Intégrateur de réseaux Wifi

Développement d applications mobiles Intégrateur de réseaux Wifi Développement d applications mobiles Intégrateur de réseaux Wifi Qui sommes-nous? Créée en 2006, Luxgateway est une agence spécialisée dans le développement d applications mobiles multiplateformes (Android,

Plus en détail

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

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2

Plus en détail

Solution de publication digitale sur smartphones et tablettes pour tous vos documents

Solution de publication digitale sur smartphones et tablettes pour tous vos documents 2013 Solution de publication digitale sur smartphones et tablettes pour tous vos documents Document édité par Forecomm - Août2013 SOMMAIRE Découvrir la solution Qu est-ce que mymozzo? Processus de création

Plus en détail

TUTORIEL - GESTION DU BLOG

TUTORIEL - GESTION DU BLOG Pierre A. Martin 1920 Martigny pierremartin.ch@gmail.com web project manager community manager consultant social media webmaster/designer TUTORIEL - GESTION DU BLOG Document confidentiel à l intention

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

Table des matières Introduction... 1 1. Démarrage... 8 2. Les composants graphiques... 26

Table des matières Introduction... 1 1. Démarrage... 8 2. Les composants graphiques... 26 Table des matières À propos de l'auteur... x Préface... xi Avant-propos... xiv 1. Public visé et prérequis... xiv 2. Sources des exemples... xv 3. Accès aux vidéos... xv 4. URL raccourcies... xv 5. Remerciements...

Plus en détail

Le marché des périphérique mobiles

Le marché des périphérique mobiles MaaS360 Mobile Device Management AGENDA Introduction Le marché des périphériques mobiles Présentation Fiberlink / Maas360 Fonctionnement de la solution MaaS 360 Modèle de vente Démonstration Introduction

Plus en détail

Modernisation, développement d applications et DB2 sous IBM i Technologies, outils et nouveautés 2012-2013

Modernisation, développement d applications et DB2 sous IBM i Technologies, outils et nouveautés 2012-2013 Modernisation, développement d applications et DB2 sous IBM i Technologies, outils et nouveautés 2012-2013 8 et 9 avril 2013 IBM Client Center Paris, Bois-Colombes S16 - Le développement d'applications

Plus en détail

Perspectives en matière de portails géographiques et de 3D

Perspectives en matière de portails géographiques et de 3D Perspectives en matière de portails géographiques et de 3D version du Géoportail de l IGN Aurélien Barbier-Accary (Atos Worldline) et Frédéric Rouas (Diginext) Un groupement d expertises Depuis 2006 et

Plus en détail

Démarrer. Agenda. Constats et enjeux Terminaux Mobiles Architecture Étude de cas

Démarrer. Agenda. Constats et enjeux Terminaux Mobiles Architecture Étude de cas Démarrer La Mobilité David Hernie Division Mobilité Entreprises EZOS s.a. Juin 2006 Nouveau Contacts Agenda Constats et enjeux Terminaux Mobiles Architecture Étude de cas 1 Problématique Renouvellement

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

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

Créateur de sites Internet. Développeur de logiciels. www.logipro.com

Créateur de sites Internet. Développeur de logiciels. www.logipro.com Créateur de sites Internet Développeur de logiciels Logipro, partenaire de vos «e projets» depuis 1997 Fort d une dizaine d années d expériences dans le développement de solutions Internet globales, Logipro

Plus en détail

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail. Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge

Plus en détail

Version d évaluation

Version d évaluation WinDev Mobile 19 Express Documentation version 19-1 - 0614 Version d évaluation Diffusion interdite sans l accord écrit de PC SOFT Visitez régulièrement le site www.pcsoft.fr, espace actualités pour vérifier

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

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

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

MANUEL UTILISATEUR. Application 4trip

MANUEL UTILISATEUR. Application 4trip * MANUEL UTILISATEUR Application 4trip Table des matières 1. Introduction... 1 1.1. Description globale du produit... 1 1.2. Description de la finalité du manuel... 1 2. Manuel d utilisation... 2 2.1.

Plus en détail

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement p.11 On site / Off site MyAppli pour les restaurants p.14 http5000 u création de site internet

Plus en détail

Vanilla. Open Source Business Intelligence. Présentation de la plateforme

Vanilla. Open Source Business Intelligence. Présentation de la plateforme Vanilla Open Source Business Intelligence Présentation de la plateforme Novembre 2008 Patrick Beaucamp BPM Conseil Contact : patrick.beaucamp@bpm-conseil.com Table des matières Introduction...3 Portail

Plus en détail

LA GÉOLOCALISATION. Sans abonnement : 109 - Prix variable pour les abonnements

LA GÉOLOCALISATION. Sans abonnement : 109 - Prix variable pour les abonnements ALERTE EMISE VERS ENTOURAGE PORT NON SÉCURISABLE Bien vivre à domicile!... Et se déplacer en sécurité Fiche Produits BAZILE PHOTO De Bazile Telecom Téléphone mobile simplifié, de très petite taille, avec

Plus en détail

Environnement Zebra Link-OS version 2.0

Environnement Zebra Link-OS version 2.0 Environnement Zebra Link-OS version 2.0 Pour répondre aux nouvelles attentes et à une hausse de la demande en appareils à la fois mobiles, intelligents et connectés au Cloud, Zebra Technologies a créé

Plus en détail