Mobilité Comment Drupal peut-il nous aider? Jean-Baptiste Guerraz - jbguerraz@gmail.com
|
|
- Jean-Baptiste Leclerc
- il y a 8 ans
- Total affichages :
Transcription
1 Mobilité Comment Drupal peut-il nous aider? Jean-Baptiste Guerraz - jbguerraz@gmail.com
2 Jean-Baptiste Guerraz Directeur de projet / Adyax Je gère des projets Drupal majeurs pour des comptes tels que Société Générale, Le musée du Louvres, Slate, Orange, Le Quotidien du médecin, Groupe Moniteur... Dans le domaine de la mobilité, j ai eu entre autres la charge du site mobile institutionnel de la Société Générale, de l application IPad "Société Générale - Review", de la version mobile du site Slate.fr... Jean-Baptiste Guerraz - jbguerraz@gmail.com
3 C est 40 gros sites Drupal en 2011
4 1 internaute sur 3 est un mobinaute! > Source «Médiamétrie 2ème trimestre 2011» FRANCE 2011
5 Les Français, connectés & mobiles! +62 % en 4 ans +37 % en 4 ans > Source «Médiamétrie» FRANCE
6 M-Commerce, de belles perspectives! 500 Millions d 13 Milliards d > Sources «Le marché des contenus mobiles à l horizon 2015 Xerfi» FRANCE
7 Usage : plus, mais surtout, plus vite! > Sources «Xiti Monitor» FRANCE 2011
8 Connexion : un débit 3 fois plus lent! Et instable > Sources «Baromètre des connexions fixes et mobiles - DegroupTest» FRANCE 2010
9 Constructeurs & parts de marché > Sources «Etude IDC» FRANCE 2011
10 La diversité des résolutions 960 x 640 (Iphone) 40 0x x x x 480 (Dell Streak) (Galaxy ) 640 X x x x x 768 (Ipad) 1366 x X x 800 (Galaxy Tab) Mobiles Tablettes BB Curve Nokia C2 > Sources «Top des ventes (Orange, Bouygues, Phone House, Institut GFK) & spécifications constructeurs» FRANCE 2011
11 Autant d OS que de différences! > Sources «Smartphones dans l Europe des 5 Comscore» EUROPE 2011
12 Plus de navigateurs que d OS > Sources «Statcounter Global Stats (Janvier à Septembre)» FRANCE
13 3 groupes de navigateur, que choisir? Passé --Support Support CSS & JS passable ou inéxistant --Support Support HTML3 -Moteurs de rendu peu rapides Présent -Bon support CSS & JS --Support Support HTML 5 partiel (vidéo & audio) --Moteurs Moteurs de rendu rapides -Très bon support CSS (3) & JS -Support HTML 5 avançé (Cache, DB, ) -Moteurs de rendu performants > Sources «Mobile market overview QuirksMode» Futur MONDE 2011
14 Comment diffuser large? > Sources «Google ;)» FRANCE 2011
15 Market places, où en sommes-nous? > Sources «ABI research Business Wire» MONDE 2011
16 Usage : App ou Web (-app)? > Sources «Flurry Comscore» USA 2011
17 On conclut? Le mobile, faut y aller! (et même pensez m-commerce) Le mobinaute est un boulimique hyperactif! : Droit au but et vite! Une connexion lente (et pas permanente) pour un hyperactif : 3 groupes de résolutions : pensez adaptif, flexible! Responsive! 2 versions c est assez! : un thème «futur» et probablement un Pourquoi choisir?! Une App et une Web-App = Hybride
18 Quel socle architectural pour Drupal? Module «MobileTools» Module «Domain» («Domain Access» & «Domain Theme»)
19 Plan de redirection : Drupal or Not? Qui peut implémenter le plan de redirection? Le serveur «load-balancer» Le serveur «proxy-cache» Le serveur «HTTP» L applicatif «Drupal», via le module «MobileTools» «Device detection» (CF «WURFL») et «Browser detection» (CF «BrowserCap») peuvent vous aider. N oubliez pas de cacher la redirection! Vary : User-Agent Cache-Control : private Expires : Sat, 21 Aug :00:00 GMT
20 Plan de redirection : Drupal or Not? when HTTP_REQUEST { log local0. "[IP::client_addr]:[TCP::client_port]: UA: [ "User-Agent"]" if {[matchclass [ "User-Agent"] contains $::MobileUserAgents] } { " log local0. "[IP::client_addr]:[TCP::client_port]: UA: [ "User-Agent"], redirecting" } } Dès que possible! Minimiser le temps de connexion au serveur applicatif, redirigez dès que possible et cachez la redirection! Mais pas Drupal! Si vous ne disposez que d un serveur web, privilégié l usage du serveur HTTP (début de chaine) à Drupal.
21 Multi-site avec Drupal? Create a new domain record : easy!
22 Sélection du thème? Domain Theme = Click & Play!
23 Sélection du thème? Click & Play!
24 Sélection du thème? L alternative «Mobile Tools» Mobile Tools : Un seul thème mobile. Peux convenir à une implémentation minimale d un site mobile.
25 Publication multi-sites? «Domain Access» = Un contrôle fin sur la publication multi-device (node/add node/edit form alter)
26 Sélection du contenu? «Views» + «Domain Views» = Du contenu «sur mesure»
27 Sélection du gabarit? «Domain Ctools» + «Panels» = Une ergonomie dédiée & évolutive!
28 Sélection du gabarit? Click
29 Sélection du gabarit? Alternative «Mobile Tools» Click
30 Sélection du gabarit? & Play!
31 Création du thème? «Mobilize, Don t Miniaturize» (Bob Miller). Pensez «responsive», ou à minima «fluid». Utilisez l argument «media» de la balise «link» pour Minimiser l arbre DOM = aussi peu de HTML que possible. N incluez que les fichiers JavaScript et CSS nécessaires (pensez Responsive Design = Parcimonie! (Masquer 50% des éléments
32 Un thème «Fluid»? m.slate.fr sur iphone
33 Un thème «Fluid»? m.slate.fr sur ipad
34 Un thème «Responsive»? b r o
35 «Fluid»? «Responsive»? «Fluid» = Tout en pourcentage! «Responsive» = Media queries, une CSS par groupe d écran! (En cascade plutôt qu en remplacement). Le thème «AdaptiveTheme» (et compatible avec Panel Everywhere) est une bonne base! Ou encore le thème «OmegaTheme». Le module «tinysrc» est une bonne solution aux problèmes d images. Type d appareil Propriétés de l appareil. Nous pourrions ajouter : and (orientation: landscape)
36 Animations & CSS3 Animations Pas de manipulation DOM (element.top & element.left) CSS 3 : Pas de Translate, TranslateX, TranslateY CSS 3 : Translate3D (GPU ) Pas de Jquery DOM Selector API : document.queryselectorall() Ou bien, JQuery Mobile
37 Les formulaires & HTML5 Formulaires Pas de plugin JQuery / custom JS-CSS HTML5 Forms ( , url, tel, couleur, range, search, nombres, dates)
38 Fonctionnalités HTML5? Audio <audio src= drupagora.mp3" controls> </video> Vidéo <video src= drupagora.mp4" controls> </video> La lecture automatique n est pas supportée par IOS. L audio n est pas supporté par les premières versions d Android. Cela étant une solution de contournement existe : <video src= drupagora.mp3" onclick="this.play();"> </video>
39 Fonctionnalités HTML5? Géolocalisation Permet de localiser l utilisateur navigator.geolocation.getcurrentposition(success_callback,error_callback,p arameters); Success_callback : La fonction appelée en cas de géolocalisation réussie (la position sera alors passée en argument) Error_callback : La fonction appelée en cas d échec. Parameters : «{enablehighaccuracy : true}» pour activer le GPS par exemple.
40 Fonctionnalités HTML5? Session storage Permet de stocker des données localement pour la durée de la visite sur le site (une fois fermé, les données sont perdues) La mémoire utilisée pour stocker les données est limitée (selon les navigateurs) à quelques mégaoctets // Sauvegarde de la donnée sessionstorage.setitem( Drupagora', Drupal pour les DSI et chefs de projets ); // Lecture de la donnée sauvegardée alert("drupagora, c est : " + sessionstorage.getitem( Drupagora')); // Suppression de la donnée sessionstorage.removeitem( Drupagora');
41 Fonctionnalités HTML5? Local storage Permet de stocker des données localement pour une durée indéterminée La mémoire utilisée pour stocker les données est limitée (selon les navigateurs) à quelques mégaoctets // Sauvegarde de la donnée localstorage.setitem( Drupagora', Drupal pour les DSI et chefs de projets ); // Lecture de la donnée sauvegardée alert("drupagora, c est : " + localstorage.getitem( Drupagora')); // Suppression de la donnée localstorage.removeitem( Drupagora');
42 Fonctionnalités HTML5? Permet de stocker des données localement pour une durée indéterminée.
43 Fonctionnalités HTML5? Cac he Les applications «offline» utilisent «l application cache» du navigateur, qui permet : D utiliser une application web ou de naviguer sur un site sans connexion internet. D améliorer la vitesse de chargement des pages puisque les fichiers sont présents en local. De réduire la charge du serveur, puisqu en effet, il n enverra que les fichiers qui auront changés depuis le dernier passage de l utilisateur. Attention : le cache d une application est limité à 5Mo.
44 Fonctionnalités HTML5? Cache Un petit exemple Déclaration de l usage du cache application : Version <html manifest="site.manifest > Le mime-type Sa mise à jour du fichier Structure du fichier manifest : entraine une mise manifest doit à jour du cache CACHE MANIFEST être par le navigateur CACHE text/cache# v0.1 manifest Le liste des CACHE: fichiers a placer en index.html cache css/style.css FALLBACK img/logo.png Liste des fichiers FALLBACK: a remplacer par / /offline.html d autre si offline NETWORK Liste des fichiers NETWORK: disponibles * uniquement si online
45 Optimisations de performances? Aussi peu d éléments HTML que possible Un design simple Du contenu adapté au mobile (pas de romans avec 15 photos) Aussi peu de Javascript que possible Des comportements simples Se décharger sur le navigateur HTML5 (form, cache,...) autant que possible CSS3 (Translate3D, Gradient, ) autant que possible Cache, cache, et encore cache Varnish, Redirections, HTML, JS, CSS, Images,
46 Drupal-App-ify? Une application native : une connexion à Drupal via le module Services! Une application hybride : un site web consulté via une application native qui embarque la version API du navigateur mobile (Safari Mobile, etc..) Attention, la version API ne réagit pas exactement comme la version navigateur. L usage du HTML5 et du CSS3 est indispensable pour une fluidité similaire à une applicaton native. Le support du mode offline est aussi indispensable.
47 Drupal-App-ify : Native, comment? Concept Créer une application native. Utiliser Drupal comme source de données via le module Services. Implémentation Titanium! Supporte 2 plateformes (IOS, Android) Rendu natif des éléments HTML/CSS (convertion)
48 Drupal-App-ify : Hybride, comment? Concept Embarquer un navigateur dans une application. Exposer en JavaScript les fonctions native (photo, vidéo, acceleromètre, contacts, stockages, notifications, ). Implémentation PhoneGap! Supporte 7 plateformes (IOS, Android, RIM, WebOS, Symbian, Bada, Windows Phone) Fondé sur un socle HTML5/CSS3/JS
49 SocieteGenerale.com Un bel exemple! Un site, un site mobile, une application IPad : L ensemble entièrement généré par (le même) Drupal, et publiant, en partie, les mêmes articles
50 To be continued
51 Le premier CMS Open Source pour les tablettes. Disponible en téléchargement Q Beta privée en cours
52 Merci pour l écoute! A mon tour Des questions? Jean-Baptiste Guerraz - jbguerraz@gmail.com
53 Pour aller plus loin, retrouver cette présentation sur «SlideShare» Cherchez «jbguerraz» Jean-Baptiste Guerraz - jbguerraz@gmail.com
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étailApp 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étailLe touristonaute en mobilité
COMPÉTENCES TOURISME 2011-2012 Les Rencontres Le touristonaute en mobilité Pierre Croizet Objet de l intervention Contexte de la mobilité en tourisme Benchmark des bonnes pratiques Recommandations stratégiques
Plus en détailSpétechs Mobile. Octobre 2013
Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling
Plus en détailStratégies opérationnelles d APPS-CRM pour smartphones et tablettes
1/213 3/213 6/213 9/213 12/213 3/214 5/214 Stratégies opérationnelles d APPS-CRM pour smartphones et tablettes Le marché pour les smartphones et les tablettes En 213, on a dénombré plus de 24,1 millions
Plus en détailOptimiser 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étailTechnologies 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étailSpétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014
Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact
Plus en détailSolution de Mobilité SAP SUP & AFARIA. Meltz Jérôme
Solution de Mobilité SAP SUP & AFARIA Meltz Jérôme 01 Agenda PRÉSENTATION D AUGUSTA REEVES Augusta Reeves Création en 1998 Société de service d Intégration SAP fondé en 1998 CA 2011 : 14,8 M Effectif :
Plus en détailLe baromètre trimestriel du Marketing Mobile en France
Le baromètre trimestriel du Marketing Mobile en France // 3 ème édition // T2 2013 En collaboration avec Introduction & Crédits Cette présentation a été conçue et réalisée par la Mobile Marketing Association
Plus en détail12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES
12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES POURQUOI LA MOBILITÉ? ÉVOLUTIONS SOCIÉTALES DES MIGRATIONS QUOTIDIENNES RESTER RELIÉ À SES COMMUNAUTÉS L INSTANTANÉITÉ ÉVOLUTIONS TECHNOLOGIQUES
Plus en détailCOMMENT CRÉER UNE APPLICATION MOBILE?
COMMENT CRÉER UNE APPLICATION MOBILE? Application web vs. native Application mobile web Application mobile native Créer une application Pourquoi développer une appli? Quelles questions se poser? Concevoir
Plus en détailLe baromètre trimestriel du Marketing Mobile en France
Le baromètre trimestriel du Marketing Mobile en France // 6 ème édition // Juin 2014 Données à fin mars 2014 En collaboration avec Introduction & Crédits Cette présentation a été conçue et réalisée par
Plus en détailPoste 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étailAPPLICATIONS MOBILES Catalogue de services Econocom-Osiatis 21.01.2014
APPLICATIONS MOBILES Catalogue de services 21.01.2014 Sommaire 1 2 Catalogue d applications mobiles types Organisation (5) Communication & Collaboration (3) Gestion d activités de services (3) CRM / B2C
Plus en détailCHOIX ET USAGES D UNE TABLETTE TACTILE EN ENTREPRISE
Tablette tactile, ardoise électronique 1 ou encore tablette PC, ce terminal mobile à mi-chemin entre un ordinateur et un smartphone a d abord séduit le grand public avant d être adopté par les entreprises.
Plus en détailIPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION
IPHONE BANNIÈRE CLASSIQUE DIMENSIONS Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION Format publicitaire très répandu et simple Permet une présence
Plus en détailCREER UNE APPLICATION MOBILE
Le cap des 1 million d applications pour Smartphones et tablettes numériques a été franchi en décembre 2011. La boutique en ligne d applications d Apple a quant à elle enregistré 25 milliards de téléchargements
Plus en détailLes 7 facteurs clés de succès de votre stratégie marketing mobile
Les 7 facteurs clés de succès de votre stratégie marketing mobile www.myfangroup.com 1 Transformez vos clients en Fans de votre marque Les 7 facteurs clés de succès de votre stratégie marketing mobile
Plus en détailTigerPro 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étailt 23 MAI 2013 DIGITAL DAY FIGARO + 1
t 23 MAI 2013 DIGITAL DAY FIGARO + 1 HELLO HOLA BONJOUR CIAO BOM DIA HALLO t 23 MAI 2013 DIGITAL DAY FIGARO + 2 t 23 MAI 2013 DIGITAL DAY FIGARO + 3 NURUN MONDE 2 2 t 23 MAI 2013 DIGITAL DAY FIGARO + 4
Plus en détailAtelier numérique. Développement économique de Courbevoie. Internet / Extranet / Mobilité : Prospection et Support d'aide à la vente
Atelier numérique Développement économique de Courbevoie Jeudi 21 mars 2013 Internet / Extranet / Mobilité : Prospection et Support d'aide à la vente Actualités et Informations juridiques Atelier numérique
Plus en détailSpétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4
Spétechs Mobile D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail
Plus en détailLes tablettes. Présentation tablettes Descriptif Fournisseurs Caractéristiques Comparatifs Conseils Perspectives Démonstration
Les Tablettes Les tablettes Présentation tablettes Descriptif Fournisseurs Caractéristiques Comparatifs Conseils Perspectives Démonstration Les tablettes Description: Appareil mobile positionné entre smartphone
Plus en détailApplications smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique. Application Smartphone 1
Applications Smartphone Applications smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique Application Smartphone 1 Patrice de Saint Stéban Ingénieur en Informatique École EPITA
Plus en détailMobilitics : Saison 1 : résultats iphone. Conférence de presse du 9 avril 2013
Mobilitics : Saison 1 : résultats iphone + Conférence de presse du 9 avril 2013 1 Smartphone, un ami qui vous veut du bien... 24 millions de smartphones en France (médiamétrie, Septembre 2012) Près d 1
Plus en détailDEVELOPPEMENT MOBILE - ETAT DE L ART DES SOLUTIONS
SI 2.0 DEVELOPPEMENT MOBILE - ETAT DE L ART DES SOLUTIONS REF : SIMO002 DUREE : 2 JOURS TARIF : 1 450 HT Public DSI, responsables informatiques et études, Architectes, responsables de projets, chefs de
Plus en détailDevenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Plus en détailWebinar. Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL. avec la participation de
En partenariat avec Webinar Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL avec la participation de 19 mars 2013 Qui sommes-nous? INTRODUCTION
Plus en détailLOGO Smartphones, tablettes, et autres gadgets quel impact sur notre métier d ASR
LOGO Smartphones, tablettes, et autres gadgets quel impact sur notre métier d ASR Stéphane Aicardi, Sylvain Ferrand, Danh Pham Kim Les différents types d appareils mobiles Smartphone, tablette, appareils
Plus en détailHYPERDRIVE iusbport Guide d utilisation
HYPERDRIVE iusbport Guide d utilisation L iusbport met le système de Cloud à portée de tous! Ce mini adaptateur permet de partager en wifi le contenu audio, vidéo, photo et documents de n importe quel
Plus en détailRECORD BANK RECORD BANK MOBILE
RECORD BANK RECORD BANK MOBILE 1 1. INTRODUCTION Vous possédez un iphone ou un ipad? Une tablette ou un smartphone sous Android? Effectuez vos opérations bancaires où et quand vous le voulez, grâce à Record
Plus en détailCortado Corporate Server
Cortado Corporate Server La recette du succès pour la mobilité d entreprise En bref : Solution «MDM» de pointe Sécurité et contrôle maximal Des fonctionnalités «Cloud Desktop» impressionnantes pour la
Plus en détailAppsByStore démocratise les applications m-commerce
AppsByStore démocratise les applications m-commerce Passer du e-commerce au m-commerce devient désormais facile et accessible à tous les commerçants grâce à AppsByStore. Développée par APPS PANEL, cette
Plus en détailLA 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étailL AMPHI #2 LA REVOLITION MOBILE EST EN MARCHE. #Amphi2GIW
L AMPHI #2 LA REVOLITION MOBILE EST EN MARCHE #Amphi2GIW Tendances & Usages du Mobile en France et en Europe Blandine Silverman bsilverman@comscore.com Panorama des équipements mobiles Des Smartphones
Plus en détailChapitre 1 Retour en arrière
Chapitre 1 : Retour en arrière 1 Chapitre 1 Retour en arrière Chapitre 1 : Retour en arrière 2 1. Difficultés de développer pour les systèmes embarqués Quelques contraintes à prendre en compte : - Mémoire:
Plus en détailS7 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étailMailStore Server 7 Caractéristiques techniques
MailStore Server 7 Caractéristiques techniques MailStore Server La référence en matière d archivage d e-mails La solution MailStore Server permet aux entreprises de toutes tailles de bénéficier des avantages
Plus en détailPlateforme PAYZEN. Intégration du module de paiement pour la plateforme Magento version 1.3.x.x. Paiement en plusieurs fois. Version 1.
Plateforme PAYZEN Intégration du module de paiement pour la plateforme Magento version 1.3.x.x Paiement en plusieurs fois Version 1.4a Guide d intégration du module de paiement Multiple Magento 1/24 SUIVI,
Plus en détailAPPS PANEL. Lyon Paris www.appspanel.com
APPS PANEL APPS PANEL Lyon Paris www.appspanel.com Ce document contient des informations confidentielles qui sont la propriété de la société APPS PANEL. Il ne peut être diffusé ou transféré en dehors de
Plus en détailPrésentation de l application Smartphone «Risques Nice»
Présentation de l application Smartphone «Risques Nice» Dans le cadre de sa politique de gestion des risques, la ville de Nice a souhaité mettre les nouvelles technologies de l information au service des
Plus en détailwww.keosu.com AGENCES DIGITALES PME AMÉLIOREZ LA PERFORMANCE DE VOS ÉQUIPES AVEC DES APPLIS MÉTIERS : FLEXIBLES, PEU COUTEUSES, R.O.
éjouissez-vous www.keosu.com AGENCES DIGITALES CONSTRUISEZ DES OFFRES PLUS COMPETITIVES PME AMÉLIOREZ LA PERFORMANCE DE VOS ÉQUIPES AVEC DES APPLIS MÉTIERS : FLEXIBLES, PEU COUTEUSES, R.O.I RAPIDE STARTUPS
Plus en détailFiche produit. Important: Disponible en mode SaaS et en mode dédié
Fiche produit Important: Disponible en mode SaaS et en mode dédié La plate-forme étant enrichie en permanence, la liste des fonctionnalités présentées n est pas exhaustive. Nous vous invitons donc à nous
Plus en détailIBM Endpoint Manager for Mobile Devices
IBM Endpoint Manager for Mobile Devices Basé sur la technologie BigFix Vue d ensemble Les smartphones basés sur Google Android et Apple ios ont rapidement investi les entreprises, apportant des gains de
Plus en détailAvec l application Usnap la suite de nos affiches sur votre smartphone!
Avec l application Usnap la suite de nos affiches sur votre smartphone! Usnap? Usnap est une application de mobile scanning Le mobile scanning, c est l acte de scanner un élément avec son smartphone pour
Plus en détailRecommandations 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étailWINDOWS Remote Desktop & Application publishing facile!
Secure Cloud & Solutions Accès BOYD CLOUD acces informatiques & BYOD sécurisé MYRIAD-Connect facilite votre travail en tous lieux et à tous moments comme si vous étiez au bureau. Conçu pour vous simplifier
Plus en détailMDM : Mobile Device Management
articlemai 2011 MDM : Mobile Device Management > Objectifs Cet article aura pour but : de décrire ce qu est le MDM ; donner un aperçu des acteurs majeurs sur le marché ; de fournir des données chiffrées
Plus en détailComprendre les outils mobiles
Les RDV etourisme de Cornouaille Un programme organisé et financé par Avec le partenariat Et le soutien de l Etat Atelier Juin 2014 Comprendre les outils mobiles Au menu 1 Définitions 2 Quelques chiffres
Plus en détailDossier de presse. Nouveau site Internet
Dossier de presse Nouveau site Internet SOMMAIRE PREAMBULE 1 PRESENTATION DU NOUVEAU SITE INTERNET : 1 UNE WEBAPPLI POUR SMARTPHONES ET TABLETTES 4 PREAMBULE Créé en 2005, l ancien site Internet de la
Plus en détailWINDEV 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étailMise en route de votre collier GPS Pet Tracker
Mise en route de votre collier GPS Pet Tracker www.jelocalise.fr 1 Prérequis : Avant de procéder à l allumage de votre collier GPS, vous devez le laisser charger au moins 3 heures en le branchant sur le
Plus en détailAuteur 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étailFonctions. Solution professionnelle pour le stockage de données, la synchronisation multi- plateformes et la collaboration
Fonctions Synchronisation dynamique des fichiers : mise à jour automatique des documents sur tous les équipements Partage et collaboration : partage simple des fichiers entre employés, clients et partenaires
Plus en détailLes 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étailPlate 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étailMarketing - Sept 2011 APPLICATION IPHONE
APPLICATION IPHONE L INTERNET MOBILE Des internautes toujours plus mobiles 25%des internautes sont des «Mobinautes» APPLICATION IPHONE (Source IPSOS PROFILING : Juin 2010) Des internautes toujours plus
Plus en détailWEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
Plus en détailSÉMINAIRES RÉGIONAUX 2012
SÉMINAIRES RÉGIONAUX 2012 SÉMINAIRES RÉGIONAUX 2012 1 Le PI System à l heure de la mobilité et de l infonuagique. Présenté par : Laurent Garrigues Directeur de produits [mɔbilite] nom féminin 1. Capacité
Plus en détailSOMMAIRE. 1. Paysage actuel 1. Chiffres clés et tendances 2. Fragmentation toujours élevée 3. Synthèse. 2. Démarche: pourquoi et quoi faire?
Préambule D'abord considéré comme un simple support de communication, le mobile est devenu en 5 ans un canal d accès privilégié au web, contenus et services. A ce titre, les enjeux du mobile ont considérablement
Plus en détailDA 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étaildomovea Portier tebis
domovea Portier tebis SOMMAIRE SOMMAIRE Page 1. INTRODUCTION... 2 1.1 OBJET DU DOCUMENT... 2 2. VIDEO UNIQUEMENT (SANS SON), BASE SUR CAMERA IP... 3 2.1 ARCHITECTURE... 3 2.2 CONFIGURATION... 4 2.2.1 Creation
Plus en détailnetplus TV Mobile Guide d utilisateur
netplus TV Mobile Guide d utilisateur netplus TV Mobile vous permet de regarder vos programmes favoris en déplacement ou à la maison sur ios (iphone, ipad, ipod Touch), Androïd, PC et MAC! Accès au service
Plus en détailModules InnovationCRM
Modules InnovationCRM Introduction Le but de ce document est de référencer les bonnes pratiques et premières astuces en cas de soucis de fonctionnement, permettant de balayer une grande partie des soucis
Plus en détailTA/UTAX Mobile Print L impression mobile TA Triumph Adler pour Androïd et ios
TA/UTAX Mobile Print L impression mobile TA Triumph Adler pour Androïd et ios TA Triumph Adler lance l application d impression mobile «TA/UTAX Mobile Print», disponible gratuitement sur les plateformes
Plus en détailLes nouveaux comportements... 9
Sommaire Du téléphone portable au smartphone... 4 L apparition du smartphone... 4 Le marché français des smartphones... 6 Le smartphone vs. l ordinateur... 7 Les familles des périphériques... 8 Les nouveaux
Plus en détailLes usages associés aux tablettes tactiles. 29 mars 2012
Les usages associés aux tablettes tactiles 29 mars 2012 Des internautes, des mobinautes et désormais des «tablonautes» 39,9 millions 19 millions 1,7 millions d internautes de mobinautes + 23% en 1 an Sources
Plus en détail1 Actuate Corporation 2012. + de données. + d analyses. + d utilisateurs.
1 Actuate Corporation 2012 + de données. + d analyses. + d utilisateurs. Actuate et BIRT Actuate est l Editeur spécialiste de la Business Intelligence et le Reporting qui a créé le projet Open Source BIRT
Plus en détailWordPress, thèmes et plugins : mode d'emploi
WordPress, thèmes et plugins : mode d'emploi Sommaire 01 Faisons connaissance 1.1 Qui suis-je? 1.2 WordPress en 2 mots 1.3 Thème et plugin 02 Si je veux 03 Quelques extensions utiles 04 Comment chercher
Plus en détailFirefox pour Android. Guide de l utilisateur. press-fr@mozilla.com
Firefox pour Guide de l utilisateur press-fr@mozilla.com Table des matières À propos de Mozilla Firefox pour... 3 Prise en main... 4 Mise à niveau de la navigation mobile... 5 Déplacez-vous à la Vitesse
Plus en détailPerspectives 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étailFiche Technique Windows Azure
Le 25/03/2013 OBJECTIF VIRTUALISATION mathieuc@exakis.com EXAKIS NANTES Identification du document Titre Projet Date de création Date de modification Fiche Technique Objectif 25/03/2013 27/03/2013 Windows
Plus en détailPrésentation de l entreprise. et de son innovation
Présentation de l entreprise et de son innovation Ubidreams propose a ses clients une usine logicielle clé en main leur permettant de développer des applications mobiles crossmédia, compatibles avec l
Plus en détailDé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étailGuide d utilisation. Version 1.1
Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com
Plus en détailProgramme de formations 2012-S1
Programme de formations 2012-S1 WAGA4 sprl / bvba Avenue Victor Hugo 7 B-1420 Braine-l Alleud Belgium Tél. : +32 2 888 72 78 Fax : +32 2 888 72 79 contact@waga4.com - www.waga4.com BNP Paribas Fortis 001-6252703-62
Plus en détailCapacité de mémoire Tablettes
Capacité de mémoire Tablettes Les fabricants de tablettes et de smartphones donnent plusieurs indications sur les differentes capacites de stockage de leurs appareils : La mémoire RAM : La mémoire RAM
Plus en détailAjax, RIA et HTML5. 9.1 Prise en charge d Ajax
9 Ajax, RIA et HTML5 Au soaire de ce chapitre UU Prise en charge d Ajax UU Bibliothèques JavaScript UU Extensions CSS de WebKit UU Applications Internet riches mobiles UU HTML5 Ajax, HTML5 et RIA, coent
Plus en détailACCEDER A SA MESSAGERIE A DISTANCE
Pour garder le contact avec leur entreprise, de plus en plus de collaborateurs ont besoin d accéder à leurs emails lorsqu ils sont en déplacement ou à domicile. Cet accès distant est facilité si la messagerie
Plus en détailTravaux 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étailResponsive Web design, périphériques mobiles et accessibilité
Responsive Web design, périphériques mobiles et accessibilité Qui suis-je? Victor Brito Situé près de Paris, dans la France non voisine Intégrateur HTML / CSS freelance Expert Accessiweb en évaluation
Plus en détailSynchroniser ses photos
Synchroniser Avec l'arrivée des smartphones et tablettes équipés de fonctions «appareils photos», nous réalisons de plus en plus de photos avec ceux-ci. Soucis, la mémoire de ces outils n'est pas aussi
Plus en détailACCÉDER A SA MESSAGERIE A DISTANCE
ACCÉDER A SA MESSAGERIE A DISTANCE Lorraine Pour garder le contact avec leur entreprise, de plus en plus de collaborateurs ont besoin d accéder à leurs emails lorsqu ils sont en déplacement ou à domicile.
Plus en détailCONFÉRENCE WEB 2.0. UPDATE ASBL Michaël Barchy 23 janvier 2013
CONFÉRENCE WEB 2.0 UPDATE ASBL Michaël Barchy 23 janvier 2013 POINTS ABORDÉS Qu est-ce que le Web 2.0? Introduction Différents aspects du Web 2.0 Aspects techniques Syndication et agrégation de contenu
Plus en détailtestgratuit@empreinte.com
LIVE TV RIA MOBILE Avant propos page 2 Composantes de l offre page 3 Web TV page 4 Visualisation page 5 Live enrichi page 6 Hébergement page 7 Compatibilité page 8 Offre budgétaire page 9 Conditions Générales
Plus en détailNFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailLIVRE BLANC. L histoire du e-commerce bouleversée par la mobilité.
LIVRE BLANC L histoire du e-commerce bouleversée par la mobilité. SOMMAIRE Introduction Apparition du mobile dans l environnement e-commerce Historique du e-commerce Parallèle du e-commerce avec le m-commerce
Plus en détailLe Web de A à Z. 1re partie : Naviguer sur le Web
1re partie : Naviguer sur le Web D abord, vous devez être connectés à l Internet : abonnement auprès d un fournisseur borne publique Wi-Fi via un réseau de téléphonie (3G, 4G, LTE) À la Grande Bibliothèque,
Plus en détailLa mesure de la consommation des Applications mobiles
La mesure de la consommation des Applications mobiles Différentes solutions: mesure des pages mesure du Proposer streaming une mesure fiable adaptée mesure des applications mobiles mesure à l expérience
Plus en détailPanorama de l offre et des usages des tablettes
Panorama de l offre et des usages des tablettes Sommaire Présentation Quels usages questions à se poser Les types de tablette Présentation des systèmes d exploitation Acteurs majeurs pour Océanis et les
Plus en détailL email responsive. Optimisez vos campagnes pour les smartphones Guillaume Fleureau»
L email responsive Optimisez vos campagnes pour les smartphones Guillaume Fleureau» Sarbacane Software Editeur de solutions e-marketing Implantée à Lille et à Barcelone Société créée en 2001 40 collaborateurs
Plus en détailLes tablettes numériques en EPS. Repères. Les différents types de tablettes et leurs caractéristiques.
Les tablettes numériques en EPS Repères. Les différents types de tablettes et leurs caractéristiques. Document actualisé le 17 Mars 2013 Repères L objectif de cet article est de donner des repères quand
Plus en détailPage : N 1. Guide utilisateur Ma Banque
Page : N 1 Guide utilisateur Ma Banque Ma Banque : présentation générale Ma Banque est l application de gestion bancaire du Crédit Agricole. Cette application vous permet de consulter vos comptes, en tant
Plus en détailEmprunter et lire un livre numérique sur FRe BOOKS en français
Emprunter et lire un livre numérique sur FRe BOOKS en français Choisissez votre appareil de lecture : Ordinateur Mac ou PC 2 Liseuse (Pocketbook, Bookeen, Tolino) 6 Appareil ios (ipad, iphone) 11 Appareil
Plus en détailINTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Plus en détailJean-Pierre VINCENT Consultant indépendant
Techniques d accélération des pages Web Jean-Pierre VINCENT Consultant indépendant @theystolemynick Braincracking.org Bonjour, je m appelle Jean-Pierre 13 ans de Web PHP, JavaScript, HTML5, CSS Ex : startups,
Plus en détailManuel de Documents. Introduction... 2. Format des fichiers lus... 2. Fonctions supplémentaires... 2. Copier et partager des fichiers...
Manuel de Documents Table des matières Introduction... 2 Format des fichiers lus... 2 Fonctions supplémentaires... 2 Copier et partager des fichiers... 3 Transfert de données par USB... 3 Plateforme de
Plus en détailEnvironnement 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