Solve your Health Problem. Use X2o. Share the benefit you get, with your friends and Earn Handsome Income. Financial Freedom at your Hand. For any query contact loveindia4u@gmail.com
"Double recordman du monde du score le plus bas sur un et deux tours (59+63), je cherche actuellement des sponsors afin de poursuivre mon rêve et de relancer ma carrière aux USA." -Adrien Mörk
Solve your Health Problem. Use X2o. Share the benefit you get, with your friends and Earn Handsome Income. Financial Freedom at your Hand. For any query contact loveindia4u@gmail.com
"Double recordman du monde du score le plus bas sur un et deux tours (59+63), je cherche actuellement des sponsors afin de poursuivre mon rêve et de relancer ma carrière aux USA." -Adrien Mörk
Le support introduit et compare les différents systèmes d'exploitation mobile, les types d'applications mobiles et les différents outils de développement d'applications.
Développement d'applications mobiles hybrides avec IONIC 2 et Angular 2. Depuis l'installation jusqu'à l'utilisation de plugins natifs tels que stockage de données, géolocalisation, liaison serveur API Rest...
Vous démarrez sur Windows 8 et vous ne savez pas par où commencer ? Vous souhaitez mettre vos idées en application ? Nathalie Belval, experte Soat, vous a concocté une présentation pour vous permettre de comprendre les interfaces Microsoft Design Langage par un tour d'horizon sur les guidelines orientées UI et de découvrir les spécificités de Windows 8 pour les mettre à profil dans vos applications.
Pour bien démarrer votre projet, Nathalie vous explique comment identifier le contenu à mettre en avant (pour une nouvelle application, une migration d'un site web ou d'une application mobile existante) et découvrir les outils à votre disposition afin de prototyper votre application (SketchFlow et Templates dans PowerPoint).
Et enfin, Nathalie terminera sa présentation par le développement de l'application avec quelques astuces pour être productif dans le développement de vos interfaces modernes grâce à Expression Blend !
Tirer parti des périphériques mobiles dans une application web : qui a dit qu...Christophe Porteneuve
Le web mobile est en train d’exploser, d’autant que les principaux périphériques proposent désormais de « vrais » navigateurs, de l’iPhone à Androïd, de Mimo à PalmOS, et même les nouveaux Blackberry.
S’il est déjà bien d’exploiter des feuilles de style mobiles pour adapter l’expérience utilisateur, on souhaite souvent accéder aux capacités du périphérique (géolocalisation, vibreur, accéléromètre…) et offrir une expérience globale aussi « native » que possible.
Il n’est pas pour autant nécessaire de développer des versions natives distinctes ! Des frameworks existent pour un déploiement universel, et cerise sur le gâteau : ça se passe en JavaScript !
Cet atelier vous fera faire un tour d’horizon des principaux frameworks actifs, exemples et démonstrations à l’appui.
Un hackaton est un événement où des développeurs, designers et geeks se réunissent pour faire de la programmation modulaire-collaborative, sur un ou plusieurs jours. Le terme provient de la concaténation des mots « hack » et « marathon ».
Actionscript. Language de programmation utilisé pour le développement de jeux, d'applications web, de lecteurs vidéo et de sites web.
Il est maintenant possible de l'utiliser pour le développement pour les mobiles et les tablettes. Que ça soit pour la plate-forme Android, iOS ou pour la tablette Blackberry Playbook, un projet en actionscript peut être utilisé pour tous.
Une code pour les développer tous.
Cette présentation montrera la situation réel de l'actionscript dans l'éco-système du développement mobile actuel.
Ce qui sera couvert:
Quels sont les avantages et les désavantages de cette technologie?
Un exemple réel svp!
Mon équipe web peut-il développer mon application? Oui, mais... voici mes conseils.
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
"It's an App World", nous disait Flurry (solution de mobile analytics) en 2014. Pourtant, les marques font face à des coûts de déploiement et de maintien des applications souvent élevés. Pire encore, selon Google, seules 3 applications - sur la moyenne de 15 qu'en compte un smartphone en France - seraient régulièrement utilisées par un mobinaute. Alors avec ses 20% de temps passé sur mobile, le navigateur web présente-t-il une alternative efficace aux stores ? Etat des lieux des usages, des solutions techniques, des expériences créatives et des enjeux marketing que le Mobile Web permet encore d'adresser. Avec beaucoup d'exemples concrets à la clé !
Le support introduit et compare les différents systèmes d'exploitation mobile, les types d'applications mobiles et les différents outils de développement d'applications.
Développement d'applications mobiles hybrides avec IONIC 2 et Angular 2. Depuis l'installation jusqu'à l'utilisation de plugins natifs tels que stockage de données, géolocalisation, liaison serveur API Rest...
Vous démarrez sur Windows 8 et vous ne savez pas par où commencer ? Vous souhaitez mettre vos idées en application ? Nathalie Belval, experte Soat, vous a concocté une présentation pour vous permettre de comprendre les interfaces Microsoft Design Langage par un tour d'horizon sur les guidelines orientées UI et de découvrir les spécificités de Windows 8 pour les mettre à profil dans vos applications.
Pour bien démarrer votre projet, Nathalie vous explique comment identifier le contenu à mettre en avant (pour une nouvelle application, une migration d'un site web ou d'une application mobile existante) et découvrir les outils à votre disposition afin de prototyper votre application (SketchFlow et Templates dans PowerPoint).
Et enfin, Nathalie terminera sa présentation par le développement de l'application avec quelques astuces pour être productif dans le développement de vos interfaces modernes grâce à Expression Blend !
Tirer parti des périphériques mobiles dans une application web : qui a dit qu...Christophe Porteneuve
Le web mobile est en train d’exploser, d’autant que les principaux périphériques proposent désormais de « vrais » navigateurs, de l’iPhone à Androïd, de Mimo à PalmOS, et même les nouveaux Blackberry.
S’il est déjà bien d’exploiter des feuilles de style mobiles pour adapter l’expérience utilisateur, on souhaite souvent accéder aux capacités du périphérique (géolocalisation, vibreur, accéléromètre…) et offrir une expérience globale aussi « native » que possible.
Il n’est pas pour autant nécessaire de développer des versions natives distinctes ! Des frameworks existent pour un déploiement universel, et cerise sur le gâteau : ça se passe en JavaScript !
Cet atelier vous fera faire un tour d’horizon des principaux frameworks actifs, exemples et démonstrations à l’appui.
Un hackaton est un événement où des développeurs, designers et geeks se réunissent pour faire de la programmation modulaire-collaborative, sur un ou plusieurs jours. Le terme provient de la concaténation des mots « hack » et « marathon ».
Actionscript. Language de programmation utilisé pour le développement de jeux, d'applications web, de lecteurs vidéo et de sites web.
Il est maintenant possible de l'utiliser pour le développement pour les mobiles et les tablettes. Que ça soit pour la plate-forme Android, iOS ou pour la tablette Blackberry Playbook, un projet en actionscript peut être utilisé pour tous.
Une code pour les développer tous.
Cette présentation montrera la situation réel de l'actionscript dans l'éco-système du développement mobile actuel.
Ce qui sera couvert:
Quels sont les avantages et les désavantages de cette technologie?
Un exemple réel svp!
Mon équipe web peut-il développer mon application? Oui, mais... voici mes conseils.
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
"It's an App World", nous disait Flurry (solution de mobile analytics) en 2014. Pourtant, les marques font face à des coûts de déploiement et de maintien des applications souvent élevés. Pire encore, selon Google, seules 3 applications - sur la moyenne de 15 qu'en compte un smartphone en France - seraient régulièrement utilisées par un mobinaute. Alors avec ses 20% de temps passé sur mobile, le navigateur web présente-t-il une alternative efficace aux stores ? Etat des lieux des usages, des solutions techniques, des expériences créatives et des enjeux marketing que le Mobile Web permet encore d'adresser. Avec beaucoup d'exemples concrets à la clé !
Similaire à Développement Windows 8 METRO App (20)
4. Introduction (de l’introduction)
Full screen (plus de chrome)
Touch (nativement)
Metro = guidelines graphique
Metro = typographie et iconographies fortes permettant une
utilisation simple et intuitive
Metro = fast&fluid ( donc utilisation des API asynchrones)
6. API asynchrones ?
• Processus lancé en parallèle de l'exécution de
l’appli
• Tant que l’appli n’a pas recu de réponse du
processus terminé, elle continue à s’executer.
• Exemple : pour un envoi de gros fichier, l’utilisateur
n’attendra pas la fin de l’envoi pour pouvoir
continuer à travailler sur l’app
7. Windows RT
Pour Windows Runtime
Des API’s créer pour les app METRO.
API’s utilisables depuis plusieurs langages / technos
différentes :
• XAML / C# ou VB .NET
•XAML + C++
•HTML5 / CSS / JS
9. Windows RT
App’s sandboxées
Privillèges restreints, capabilities possibles pour les
étendre
Pour les habitués du dev .NET, les classes du
Framework ne seront pas accesiles pour des raisons
de sécurité (et accesoirement cette utilisation illéale
bloquera la publication de l’app sur le store)
10. SandBox?
• Moins de risque
• Environnement autonome,
cloisonné
• Une VM est donc une sandbox
11. Let’s create it
Vous aurez besoin de W8, et de VS 2012 avec
Blend.
Présence de templates :
•Blank app : projet vide avec le minimum pour faire une app METRO
•Grid app : proet avec 3 pages : item groupés, détails d’un groupe et détail d’un item
•Split app : projet avec 2 pages : groupe d’item, détails du groupe avec une vue maître/détails
•Class Library : permet de créer une librairie WinRT-compliant
•Windows Runtime Component : pour créer une librairie WinRT utilisable avec n’importe quelle techno
•Unit Test Iibrary : projet de test unitaires pour les app’s METRO
13. Let’s create a blank app
• Blank app
• Properties : metadatas de l’assembly
• Assets : logos de l’applications et l’image SplashScreen
• Common : contient une ressource dictionary avec plusieurs styles et templates réutilisables
• App.xaml : La logique de l’application. Affiche l’UI et gère le cycle de vie de l’application
• MainPage.xaml : Page affichée au lancement de l’application
• Package.appxmanifest : Fichier contenant les metadata de l’application. Il permet de définir les
orientations supportées par l’app, son logo, ses capabilities.
14. Package.appxmanifest
• Quatre onglets :
• Application UI : nom de l’app, description, orientation, logos, couleur de
bg, splashscreen, (dés)activation des toast
• Capabilities : séléctionner les privillèges de l’application
(Internet, Location, Microphone, Picture Library, Webcam, …)
• Declarations : permet d’ouvrir son application à d’autres app METRO.
Exemple : partages de fichiers, résultats de recherche parmis plusieurs
applications.
• Packaging : informations pour le déploiement et la publication de l’app
15. Hello World !
• MainPage.xaml
• Code-behind (MainPage.xaml.cs (car lié aux composant du XAML) )
17. Hello World !
• Vu que l’app est destinée à pleins d’appareils
différents, présence d’un émulateur pour la tester sous
différents affichages, orientation, …
• A droite de la fenêtre de l’émulateur, des outils pour simuler le
touch, le pinch, le zoom, es résolutions, orientations, la
géolocalisation, et pour prendre un screenshot (utile pour la
publication sur le store)