Android workshop - Bootcamp du Mauriapp Challenge 2016Hadina RIMTIC
Présentation Android lors du Bootcamp de formation organisé pour les startupers participants à la deuxieme edition du Mauriapp Challenge.
All right reserved to @hadinarimtic
Android workshop - Bootcamp du Mauriapp Challenge 2016Hadina RIMTIC
Présentation Android lors du Bootcamp de formation organisé pour les startupers participants à la deuxieme edition du Mauriapp Challenge.
All right reserved to @hadinarimtic
El documento describe el modelo entidad-relación para el diseño de bases de datos. Este modelo conceptual representa los datos mediante entidades y relaciones entre ellas. El resumen conceptual incluye entidades como empleados y departamentos, y las relaciones trabaja_en que conectan estas entidades.
Intervention de Vincent Chappuis (Université de Strasbourg, coordinateur du projet Libqual+ en Alsace) lors de la journée Libqual-fr 2010 (8 juin 2010)
Este documento presenta una guía para community managers. Explica la función de un community manager y algunos conceptos clave relacionados como redes sociales, reputación online, métricas, entre otros. También describe información importante que un community manager debe conocer sobre la marca a la que representa, como su objetivo en redes sociales y la importancia de escuchar a los clientes.
El documento describe el modelo entidad-relación para el diseño de bases de datos. Este modelo conceptual representa los datos mediante entidades y relaciones entre ellas. El resumen conceptual incluye entidades como empleados y departamentos, y las relaciones trabaja_en que conectan estas entidades.
Intervention de Vincent Chappuis (Université de Strasbourg, coordinateur du projet Libqual+ en Alsace) lors de la journée Libqual-fr 2010 (8 juin 2010)
Este documento presenta una guía para community managers. Explica la función de un community manager y algunos conceptos clave relacionados como redes sociales, reputación online, métricas, entre otros. También describe información importante que un community manager debe conocer sobre la marca a la que representa, como su objetivo en redes sociales y la importancia de escuchar a los clientes.
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...
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...Microsoft
Les différences entre les Silverlight apps et Universal apps sont grandes et vous avez peur de repartir de zéro ? Venez découvrir les astuces et les outils indispensables pour faciliter cette migration et passer d'une technologie à l'autre rapidement tout en préparant vos applications à Windows 10!
Human Talks Grenoble 08/09/2015 - AngularJS et Cordova = applications WEB et ...Xavier NOPRE
Slides de ma présentation aux Human Talks Grenoble du 08/09/2015, avec un REX sur mon usage de AngularJS et Cordova pour générer simplement une application WEB et une application mobile
Développer une application Chrome avec AngularJs (Google Développers Group Sa...DEFO KUATE Landry
La présentation que j'ai donné lors des GDG Salé 2014.
J'introduits l'importance des développements sur la plateforme Chrome.
Ensuite j'explique pourquoi selon moi c'est mieux d'utiliser AngularJs pour réaliser es types d'application.
Je termine en montrant sur l'exemple gContacts (https://github.com/defus/gcontacts) comment faire !
Construire une PWA connectée à WordPressBenjamin LUPU
Support des ateliers donnés à l'occasion du WordCamp Paris 2018 et du WPTech Lyon 2018.
Description de l'atelier : Depuis deux ans, un nouvel acteur du monde mobile est arrivé : les progressive web apps (PWA). Ces applications mettent à profit les dernières évolutions des navigateurs internet (local storage, service workers, notifications web, JavaScript avancé…) pour proposer une expérience utilisateur qui se rapproche des applications mobiles (rapidité, mode hors ligne, animations, notifications…). Durant cet atelier, nous vous proposons d’explorer comment créer une PWA qui a WordPress comme back office. L’atelier s’appuiera sur une PWA réelle et des démonstrations de code. Ça sera l’occasion de peser le pour et le contre des PWA et d’échanger sur des cas d’utilisation. L’atelier est plutôt destiné aux développeurs ayant une bonne connaissance de WordPress et de JavaScript.
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
Retour d'expérience sur le Responsibe Web Design par l'agence Backelite: spécificités et enjeux du RWD, les best practices, étapes clés d'un projet, approche content first, framework, cas pratique et témoignages des Galeries Lafayette
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...Owlie
Comment créer une application mobile cross-platforme (android & iOS) en utilisant le framework client Vue.js ?
Workshop présenté à GEN6 le 13/09/2018 par Jordan Matejicek CTO / Associé @Owlie et Joffrey Da Rocha Développeur JavaScript @Owlie.
Developpement mobile hybride avec Visual Studio, Apache CordovaMicrosoft
Session Ebiznext : Développer une application mobile nécessite des efforts importants en termes de coûts et de compétences. Apache Cordova résout ce problème en permettant de développer des applications multiplateformes: iOS, Windows Phone, Android. Visual Studio intègre désormais les outils nécessaires au développement d’applications mobiles hybrides fournis par Cordova. Les applications hybrides permettent au développeur d’accéder aux fonctionnalités natives des téléphones en utilisant HTML5/Javascript. Durant cette session, nous aborderons les concepts fondamentaux d’une application hybride Cordova et nous présenterons l’extension Visual Studio Tools for Apache Cordova permettant de développer, déboguer, et déployer une application mobile au travers de Visual Studio.
L'histoire d'HTML5 pour les développeurs Windows Phone 8Microsoft
Dans cette session, nous parcourons ensemble l’histoire HTML5 pour les développeurs Windows Phone 8. Nous verrons d’abord comment utiliser des morceaux d’HTML5 dans certaines applications natives, ce qui peut s’avérer dans certains cas exceptionnels être assez pratique. Ensuite, grâce aux possibilités d’IE10, nous verrons qu’il est également possible de créer de vraies applications vivant uniquement dans le navigateur. Pour finir, nous jetterons un œil aux possibilités d’intégration dans l’OS grâce au template de projet HTML5 de Visual Studio 2012 ou grâce à des frameworks comme PhoneGap ou Sencha Touch 2.
Similaire à JavaScript Open Day - Migration Web To App (20)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Laurent Speyser
(Conférence dessinée)
Vous êtes certainement à l’origine, ou impliqué, dans un changement au sein de votre organisation. Et peut être que cela ne se passe pas aussi bien qu’attendu…
Depuis plusieurs années, je fais régulièrement le constat de l’échec de l’adoption de l’Agilité, et plus globalement de grands changements, dans les organisations. Je vais tenter de vous expliquer pourquoi ils suscitent peu d'adhésion, peu d’engagement, et ils ne tiennent pas dans le temps.
Heureusement, il existe un autre chemin. Pour l'emprunter il s'agira de cultiver l'invitation, l'intelligence collective , la mécanique des jeux, les rites de passages, .... afin que l'agilité prenne racine.
Vous repartirez de cette conférence en ayant pris du recul sur le changement tel qu‘il est généralement opéré aujourd’hui, et en ayant découvert (ou redécouvert) le seul guide valable à suivre, à mon sens, pour un changement authentique, durable, et respectueux des individus! Et en bonus, 2 ou 3 trucs pratiques!
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...OCTO Technology
Par Nicolas Bordier (Consultant numérique responsable @OCTO Technology) et Alaric Rougnon-Glasson (Sustainable Tech Consultant @OCTO Technology)
Sur un exemple très concret d’audit d’éco-conception de l’outil de bilan carbone C’Bilan développé par ICDC (Caisse des dépôts et consignations) nous allons expliquer en quoi l’ACV (analyse de cycle de vie) a été déterminante pour identifier les pistes d’actions pour réduire jusqu'à 82% de l’empreinte environnementale du service.
Vidéo Youtube : https://www.youtube.com/watch?v=7R8oL2P_DkU
Compte-rendu :
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...OCTO Technology
par Claude Camus (Coach agile d'organisation @OCTO Technology) et Gilles Masy (Organizational Coach @OCTO Technology)
Les équipes infrastructure, sécurité, production, ou cloud, doivent consacrer du temps à la modernisation de leurs outils (automatisation, cloud, etc) et de leurs pratiques (DevOps, SRE, etc). Dans le même temps, elles doivent répondre à une avalanche croissante de demandes, tout en maintenant un niveau de qualité de service optimal.
Habitué des environnements développeurs, les transformations agiles négligent les particularités des équipes OPS. Lors de ce comptoir, nous vous partagerons notre proposition de valeur de l'agilité@OPS, qui embarquera vos équipes OPS en Classe Business (Agility), et leur fera dire : "nous ne reviendrons pas en arrière".
L'IA connaît une croissance rapide et son intégration dans le domaine éducatif soulève de nombreuses questions. Aujourd'hui, nous explorerons comment les étudiants utilisent l'IA, les perceptions des enseignants à ce sujet, et les mesures possibles pour encadrer ces usages.
Constat Actuel
L'IA est de plus en plus présente dans notre quotidien, y compris dans l'éducation. Certaines universités, comme Science Po en janvier 2023, ont interdit l'utilisation de l'IA, tandis que d'autres, comme l'Université de Prague, la considèrent comme du plagiat. Cette diversité de positions souligne la nécessité urgente d'une réponse institutionnelle pour encadrer ces usages et prévenir les risques de triche et de plagiat.
Enquête Nationale
Pour mieux comprendre ces dynamiques, une enquête nationale intitulée "L'IA dans l'enseignement" a été réalisée. Les auteurs de cette enquête sont Le Sphynx (sondage) et Compilatio (fraude académique). Elle a été diffusée dans les universités de Lyon et d'Aix-Marseille entre le 21 juin et le 15 août 2023, touchant 1242 enseignants et 4443 étudiants. Les questionnaires, conçus pour étudier les usages de l'IA et les représentations de ces usages, abordaient des thèmes comme les craintes, les opportunités et l'acceptabilité.
Résultats de l'Enquête
Les résultats montrent que 55 % des étudiants utilisent l'IA de manière occasionnelle ou fréquente, contre 34 % des enseignants. Cependant, 88 % des enseignants pensent que leurs étudiants utilisent l'IA, ce qui pourrait indiquer une surestimation des usages. Les usages identifiés incluent la recherche d'informations et la rédaction de textes, bien que ces réponses ne puissent pas être cumulées dans les choix proposés.
Analyse Critique
Une analyse plus approfondie révèle que les enseignants peinent à percevoir les bénéfices de l'IA pour l'apprentissage, contrairement aux étudiants. La question de savoir si l'IA améliore les notes sans développer les compétences reste débattue. Est-ce un dopage académique ou une opportunité pour un apprentissage plus efficace ?
Acceptabilité et Éthique
L'enquête révèle que beaucoup d'étudiants jugent acceptable d'utiliser l'IA pour rédiger leurs devoirs, et même un quart des enseignants partagent cet avis. Cela pose des questions éthiques cruciales : copier-coller est-il tricher ? Utiliser l'IA sous supervision ou pour des traductions est-il acceptable ? La réponse n'est pas simple et nécessite un débat ouvert.
Propositions et Solutions
Pour encadrer ces usages, plusieurs solutions sont proposées. Plutôt que d'interdire l'IA, il est suggéré de fixer des règles pour une utilisation responsable. Des innovations pédagogiques peuvent également être explorées, comme la création de situations de concurrence professionnelle ou l'utilisation de détecteurs d'IA.
Conclusion
En conclusion, bien que l'étude présente des limites, elle souligne un besoin urgent de régulation. Une charte institutionnelle pourrait fournir un cadre pour une utilisation éthique.
OCTO TALKS : 4 Tech Trends du Software Engineering.pdfOCTO Technology
En cette année 2024 qui s’annonce sous le signe de la complexité, avec :
- L’explosion de la Gen AI
-Un contexte socio-économique sous tensions
- De forts enjeux sur le Sustainable et la régulation IT
- Une archipélisation des lieux de travail post-Covid
Découvrez les Tech trends incontournables pour délivrer vos produits stratégiques.
OCTO TALKS : 4 Tech Trends du Software Engineering.pdf
JavaScript Open Day - Migration Web To App
1. Migration Web to App
JavaScript Open Day
19 Mars 2015
Sébastien OLLIVIER – TechLead WebApps
sollivier@infinitesquare.com
@SebastienOll
2. JavaScript Open Day – Migration Web to App – page 2
8
Sommaire
Contexte
Création de l’application Web
Création de l’application mobile
Conclusion
3. JavaScript Open Day – Migration Web to App – page 3
8
Jeu concours - Gagnez deux livres AngularJS
Retweetez pour participer :
• 1er tirage : fin de session
• 2ème tirage : Lundi 22 Mars
@SebastienOll
5. JavaScript Open Day – Migration Web to App – page 5
Contexte
Elior souhaite fournir, aux parents d’élèves, une application pour :
Voir le menu d’un cantine
Payer ses factures
Inscrire / Désinscrire son enfant de la cantine pour un ou
plusieurs jours
Etc.
Objectifs :
V1 : Site Web (cible: IE8+)
V2 : Applications mobiles iOS, Android, Windows Phone
6. JavaScript Open Day – Migration Web to App – page 6
Solution technique
Objectif : 1 code = 4 applications
8. JavaScript Open Day – Migration Web to App – page 8
Une application et non un site
Un utilisateur est plus exigeant avec une application qu’avec
un site
Chargement rapide
Feedbacks visuels
Transitions
Une application doit fonctionner sans connexion
Cache HTML 5
Storage HTML 5 (LocalStorage / IndexedDb)
Une application mobile doit gérer le touch (pas de :hover)
Nécessité d’avoir un contenu adaptatif / responsive
9. JavaScript Open Day – Migration Web to App – page 9
AngularJS pour du développement mobile
Support du touch : ngTouch
Suppression des 300ms d’attente sur le ngClick
Ajout de la gesture de type swipe
Pour plus de gestures, angular-gestures (basé sur hammerjs)
Supprimer le zoom natif
TypeScript pour gagner en productivité et en robustesse
Optimisations
Limiter le nombres de watch
Précharger les templates
Privilégier les transitions CSS aux animations jQuery
(+ autres optimisations classiques)
11. JavaScript Open Day – Migration Web to App – page 11
Setup de l’environnement de développement
Cordova command-line (CLI)
Basé sur Node.js
Nécessite l’installation de l’environnement (Android / iOS / WP)
PhoneGap Build
Service de Build dans le Cloud
Possibilité de debug avec Weinre
Visual Studio 2013 & Extension Multi-Device Hybrid App
Visual Studio 2015
12. JavaScript Open Day – Migration Web to App – page 12
Multi-Device Hybrid App
Installation automatisé de l’environnement de développement
Expérience de développement riche
Templates de projet
Compilation du projet pour générer les apps
Debug de l’application directement depuis Visual Studio
Ripple
Android
Windows Phone
iOS
Emulateur Android
13. JavaScript Open Day – Migration Web to App – page 13
Adaptation de l’application web
Qu’est-ce qui a du être changé ?
Désactivation du mode de navigation HTML 5
Autorisation des url Windows Phone
Téléchargement de PDF
Application Web : ouverture d’un lien dans le navigateur
Application mobile : sauvegarde du PDF sur le device
Règles CSS
Dossier merges de Cordova : contient le code exclusif à une plateforme
14. JavaScript Open Day – Migration Web to App – page 14
Interagir avec le device
Mécanisme de plugins
Permet la communication entre l’application web et du code natif
1 plugin = 1 ou plusieurs implémentations (iOS, WP, Android, etc.)
1 plugin = 1 contrat JavaScript
Cordova injecte la bonne implémentation à la création de l’app
Module Angular ngCordova encapsule les API Cordova
Repository de plugins (> 800) : http://plugins.cordova.io
Plugin CORDOVA (JS)
Code WP Code Android Code iOS
15. JavaScript Open Day – Migration Web to App – page 15
Conclusion et tirage au sort…
Objectif initial réussi
1,1 code = 4 applications
90% de code commun
AngularJS + Cordova = Combo-Gagnant
Tester sur mobile tout au long du projet
Détecter rapidement les ajustements (graphismes et
performances)
Garder au maximum un seul et même code
Notes de l'éditeur
11h32
Décrire rapidement ce qu’est AngularJS et Cordova
AngularJS : Framework JavaScript permettant de créer des applications web de type SPA (Single Page Application), par Google
Cordova : Framework permettant de créer des applications mobiles à partir d’application Web, par Apache depuis 2011
11h38
Démo de l’application en mode desktop & mobile : https://bonapp.elior.com/gonesse/menus
Retours visuels => page de recherche d’un établissement
Offline => stockage des menus dans le localStorage
Responsive => page de recherche et page de menu
Autres optimisations :
Respecter les contraintes du langages JavaScript
Limiter l’usage des filtres
Manipuler le DOM dans les directives
TypeScript : Langage qui se transcompile en JavaScript (avantages : compilation / typage statique)
11h48
Démo :
Montrer Visual Studio 2015 avec le template de projet
L’émulateur Android
Ripple
Compilation génère un projet
Accéder à la caméra en HTML 5 :
http://caniuse.com/#search=camera
Démo App’Exposants