CSS3, qui est parfois assimilé avec le HTML5, est de mieux en mieux pris en charge par les navigateurs Web modernes. Quels sont les nouvelles fonctionnalités de CSS3 et quels stratégies s’offrent à nous pour commencer l’utilisation de celles-ci dès maintenant ? Comment implémenter les fonctionnalités les mieux supportés de CSS3.
Les dernières avancées html5 & css3 en action !davrous
Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l'Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d'illustration ainsi que des sites plus « complexes » les mettant en oeuvre.
Présentation jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=4a174b26-32b7-4d4c-8523-ad3a3228ef53
Retrouvez tous les exemples de code sur mon blog ici: http://blogs.msdn.com/b/davrous/archive/2012/11/03/demos-links-amp-articles-associated-to-htm5-amp-css3-latest-features-in-action-build-3-114.aspx
Support Formation vidéo: MongoDB pour débutantSmartnSkilled
Un outil aussi simple que puissant ! Apprenez à gérer votre masse de données grâce au MongoDB !
L'objectif de la formation est :
- Comprendre le principe et l'enjeu du BigData à travers MongoDB.
- Etre capable de mettre en oeuvre et de gérer un système de gestion d'information MongoDB.
Suivez la formation complète par ici :
https://www.smartnskilled.com/tutoriel/formation-en-ligne-mongodb-pour-debutant1
Présentation des frameworks graphiques Javascript.
La pluspart permettent de manipuler les objets à la manière de Flash (coordonnées x, y), on les appellera donc Flashlike.
HTML5 - Sémantique, structure et nouveaux élémentsRémy Savard
Utiliser la prochaine révision majeure d’HTML afin d’améliorer le balisage de vos documents Web. HTML5 arrive avec tout un arsenal de nouvelles fonctionnalités et plusieurs d’entre elles peuvent être utilisées dès maintenant. Syntaxe, nouveaux éléments sémantiques, formualires enrichis et accessibilité seront quelques uns des sujets détaillés.
Les dernières avancées html5 & css3 en action !davrous
Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l'Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d'illustration ainsi que des sites plus « complexes » les mettant en oeuvre.
Présentation jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=4a174b26-32b7-4d4c-8523-ad3a3228ef53
Retrouvez tous les exemples de code sur mon blog ici: http://blogs.msdn.com/b/davrous/archive/2012/11/03/demos-links-amp-articles-associated-to-htm5-amp-css3-latest-features-in-action-build-3-114.aspx
Support Formation vidéo: MongoDB pour débutantSmartnSkilled
Un outil aussi simple que puissant ! Apprenez à gérer votre masse de données grâce au MongoDB !
L'objectif de la formation est :
- Comprendre le principe et l'enjeu du BigData à travers MongoDB.
- Etre capable de mettre en oeuvre et de gérer un système de gestion d'information MongoDB.
Suivez la formation complète par ici :
https://www.smartnskilled.com/tutoriel/formation-en-ligne-mongodb-pour-debutant1
Présentation des frameworks graphiques Javascript.
La pluspart permettent de manipuler les objets à la manière de Flash (coordonnées x, y), on les appellera donc Flashlike.
HTML5 - Sémantique, structure et nouveaux élémentsRémy Savard
Utiliser la prochaine révision majeure d’HTML afin d’améliorer le balisage de vos documents Web. HTML5 arrive avec tout un arsenal de nouvelles fonctionnalités et plusieurs d’entre elles peuvent être utilisées dès maintenant. Syntaxe, nouveaux éléments sémantiques, formualires enrichis et accessibilité seront quelques uns des sujets détaillés.
Este documento presenta un planificador de ambientes de aprendizaje mediados por TIC diseñado para promover la interculturalidad y el respeto a la diversidad cultural. El planificador incluye la descripción del ambiente de aprendizaje, sus objetivos cognitivos, procedimentales y actitudinales, y preguntas orientadoras sobre cómo valorar la interculturalidad a través de recursos TIC en las áreas de ciencias sociales y matemáticas.
El documento resume la obra La casa de Bernarda Alba de Federico García Lorca. Se describe cómo la obra critica la estructura social de la época y muestra a la mujer en un papel inferior al hombre. La obra presenta exclusivamente personajes femeninos gobernados por la figura dominante de Bernarda, reflejando las dinámicas de poder clasistas y patriarcales de la sociedad rural española de principios del siglo XX.
Le MMA Forum Paris a eu lieu le 4 décembre 2014. Cette deuxième édition, placée sous le thème du « Mobile Only », a accueilli 270 participants et donné la parole à une trentaine d’intervenants.
Cet événement n’aurait pas pu avoir lieu sans la confiance de nos partenaires : Bnp Paribas, Critéo, Google, RadiumOne, Sfr Régie, Solocal et Teads.
Retrouver la présentation de la Keynote et de la table ronde avec Jean-Marie Dragon, Bnp Paribas, Pauline Roche, Paypal, Pierrick Rodot, Powa Technologies, Jean Kehlaoui, Orange.
Tessellations are patterns made by fitting geometric shapes together without gaps or overlaps. They are seen throughout nature in structures like honeycombs and animal skins. Mathematicians study tessellations and their properties, while artists are inspired by them in works like M.C. Escher's prints of interlocking fish, birds and other shapes.
La Semaine Ecole-‐Entreprise est devenue un moment
phare de l’année scolaire et le point de départ d’une longue
série d’opérations d’information et de découverte des métiers et des entreprises pour les collégiens et lycéens. Cet événement permet de mettre en valeur les échanges entre les entreprises et le monde éducatif et de les promouvoir. Au-‐delà de cette semaine, des actions de sensibilisation ont lieu tout au long de l'année.
La quinzième SEE aura lieu cette année du 17 au 23 novembre 2014. La thématique qui a été retenue, conjointement avec le ministère de l’éducation nationale,
de l’enseignement supérieur et de la recherche, est « Innovation, numérique, ouverture internationale : quelle entreprise en 2020 ? ».
Pour sortir des services web privateurs, rien ne vaut un logiciel libre, surtout si celui-ci offre un fonctionnement décentralisé. Présentation de StatusNet, le logiciel sous licence AGPL, de son fonctionnement et des protocoles mis en oeuvre. Une démonstration sera effectuée durant la conférence.
Los ejemplos de almacén incluyen: almacenes de productos terminados, almacenes de materias primas, almacenes de productos en proceso, almacenes de repuestos y almacenes de retorno de mercancía. Estos almacenes almacenan productos, materias primas e inventario en diferentes etapas de la cadena de suministro para satisfacer la demanda y apoyar las operaciones de fabricación.
La sentencia resume dos decisiones recientes de la Audiencia Nacional relacionadas con el caso Coca-Cola. La primera rechaza la demanda de USO alegando que no fue parte en el proceso original y carece de derecho a participar en negociaciones sobre la ejecución de la sentencia. La segunda acepta la petición sindical de ejecución provisional de la sentencia original, ordenando la readmisión inmediata de los trabajadores despedidos.
El documento presenta las normas y reglamentos que rigen a los aprendices en el SENA (Servicio Nacional de Aprendizaje). Describe los derechos y deberes de los aprendices, así como los procesos de formación, evaluación, certificación y sanciones disciplinarias. Se compone de 26 artículos que definen aspectos como la conducta esperada, tipos de faltas, medidas correctivas y el debido proceso para la imposición de sanciones.
El documento describe varias redes y comunidades virtuales académicas y sociales, incluyendo Educ.ar, Zibynca, la Red Académica Peruana, RedIRIS, REUNA, Hi5, Facebook, Twitter, Sonico y Badoo. Estas redes permiten la interacción y comunicación entre sus miembros de manera asíncrona para compartir información y conocimiento en diferentes campos académicos y sociales.
Este documento presenta una unidad didáctica sobre el nacimiento de la novela. La unidad se centra en explicar el contexto histórico y literario en el que surgieron las primeras novelas modernas, como El Lazarillo de Tormes y El Quijote. Los estudiantes leerán fragmentos de estas obras y una novela histórica actual para familiarizarse con la época. La unidad cubre objetivos, contenidos, criterios de evaluación y una metodología que incluye lecturas, actividades y exámenes. El propósito es que los estud
El documento presenta una guía temática para el examen de admisión al programa único de especializaciones en derecho. Incluye recomendaciones para los aspirantes sobre criterios de evaluación como redacción, ortografía, síntesis y argumentación. También presenta conceptos fundamentales de diversas áreas del derecho como penal, civil, administrativo, mercantil, familiar, constitucional e internacional público que pueden ser incluidos en el examen. Finalmente, sugiere una bibliografía para la preparación.
Conférence web social et industries, #BeeNumerique 2014dupin laurent
Présentation faite en conférence sur les évolutions, mutations et hybridations croisant les mondes de l'entreprise, de l'industrie et des réseaux sociaux.
alphorm.com - Formation HTML5, CSS 3 et JavaScript (70-480)Alphorm
Formation complète ici http://www.alphorm.com/tutoriel/formation-en-ligne-html5-css-3-et-javascript-70-480
Cette vidéo/tutorial fait partie de la Formation HTML5, CSS 3 et JavaScript (70-480). Elle est réalisée par Chamseddine OUERHANI pour http://www.alphorm.com. Vous pouvez retrouver toute la formation ici http://www.alphorm.com/formation/formation-html5-css-3-et-javascript-70-480
Voici le plan de cette vidéo/tutorial :
Vue d'ensemble de HTML et CSS
Créer et styler une page HTML5
Introduction à JavaScript
Créer des formulaires pour collecter des données et valider les entrées utilisateurs
Communiquer avec une source de données distante
Styler HTML5 en utilisant CSS3
Créer des objets et des méthodes en utilisant JavaScript
Créer des pages interactives en utilisant les API HTML5
Ajouter le support du mode hors ligne aux
applications
Implémenter une interface utilisateur
adaptative
Créer des graphiques avancés
Animer l'interface utilisateur
Implémenter la communication temps-réel
avec les Web Sockets
Créer un processus Web Worker
Bonne formation.
Este documento presenta un planificador de ambientes de aprendizaje mediados por TIC diseñado para promover la interculturalidad y el respeto a la diversidad cultural. El planificador incluye la descripción del ambiente de aprendizaje, sus objetivos cognitivos, procedimentales y actitudinales, y preguntas orientadoras sobre cómo valorar la interculturalidad a través de recursos TIC en las áreas de ciencias sociales y matemáticas.
El documento resume la obra La casa de Bernarda Alba de Federico García Lorca. Se describe cómo la obra critica la estructura social de la época y muestra a la mujer en un papel inferior al hombre. La obra presenta exclusivamente personajes femeninos gobernados por la figura dominante de Bernarda, reflejando las dinámicas de poder clasistas y patriarcales de la sociedad rural española de principios del siglo XX.
Le MMA Forum Paris a eu lieu le 4 décembre 2014. Cette deuxième édition, placée sous le thème du « Mobile Only », a accueilli 270 participants et donné la parole à une trentaine d’intervenants.
Cet événement n’aurait pas pu avoir lieu sans la confiance de nos partenaires : Bnp Paribas, Critéo, Google, RadiumOne, Sfr Régie, Solocal et Teads.
Retrouver la présentation de la Keynote et de la table ronde avec Jean-Marie Dragon, Bnp Paribas, Pauline Roche, Paypal, Pierrick Rodot, Powa Technologies, Jean Kehlaoui, Orange.
Tessellations are patterns made by fitting geometric shapes together without gaps or overlaps. They are seen throughout nature in structures like honeycombs and animal skins. Mathematicians study tessellations and their properties, while artists are inspired by them in works like M.C. Escher's prints of interlocking fish, birds and other shapes.
La Semaine Ecole-‐Entreprise est devenue un moment
phare de l’année scolaire et le point de départ d’une longue
série d’opérations d’information et de découverte des métiers et des entreprises pour les collégiens et lycéens. Cet événement permet de mettre en valeur les échanges entre les entreprises et le monde éducatif et de les promouvoir. Au-‐delà de cette semaine, des actions de sensibilisation ont lieu tout au long de l'année.
La quinzième SEE aura lieu cette année du 17 au 23 novembre 2014. La thématique qui a été retenue, conjointement avec le ministère de l’éducation nationale,
de l’enseignement supérieur et de la recherche, est « Innovation, numérique, ouverture internationale : quelle entreprise en 2020 ? ».
Pour sortir des services web privateurs, rien ne vaut un logiciel libre, surtout si celui-ci offre un fonctionnement décentralisé. Présentation de StatusNet, le logiciel sous licence AGPL, de son fonctionnement et des protocoles mis en oeuvre. Une démonstration sera effectuée durant la conférence.
Los ejemplos de almacén incluyen: almacenes de productos terminados, almacenes de materias primas, almacenes de productos en proceso, almacenes de repuestos y almacenes de retorno de mercancía. Estos almacenes almacenan productos, materias primas e inventario en diferentes etapas de la cadena de suministro para satisfacer la demanda y apoyar las operaciones de fabricación.
La sentencia resume dos decisiones recientes de la Audiencia Nacional relacionadas con el caso Coca-Cola. La primera rechaza la demanda de USO alegando que no fue parte en el proceso original y carece de derecho a participar en negociaciones sobre la ejecución de la sentencia. La segunda acepta la petición sindical de ejecución provisional de la sentencia original, ordenando la readmisión inmediata de los trabajadores despedidos.
El documento presenta las normas y reglamentos que rigen a los aprendices en el SENA (Servicio Nacional de Aprendizaje). Describe los derechos y deberes de los aprendices, así como los procesos de formación, evaluación, certificación y sanciones disciplinarias. Se compone de 26 artículos que definen aspectos como la conducta esperada, tipos de faltas, medidas correctivas y el debido proceso para la imposición de sanciones.
El documento describe varias redes y comunidades virtuales académicas y sociales, incluyendo Educ.ar, Zibynca, la Red Académica Peruana, RedIRIS, REUNA, Hi5, Facebook, Twitter, Sonico y Badoo. Estas redes permiten la interacción y comunicación entre sus miembros de manera asíncrona para compartir información y conocimiento en diferentes campos académicos y sociales.
Este documento presenta una unidad didáctica sobre el nacimiento de la novela. La unidad se centra en explicar el contexto histórico y literario en el que surgieron las primeras novelas modernas, como El Lazarillo de Tormes y El Quijote. Los estudiantes leerán fragmentos de estas obras y una novela histórica actual para familiarizarse con la época. La unidad cubre objetivos, contenidos, criterios de evaluación y una metodología que incluye lecturas, actividades y exámenes. El propósito es que los estud
El documento presenta una guía temática para el examen de admisión al programa único de especializaciones en derecho. Incluye recomendaciones para los aspirantes sobre criterios de evaluación como redacción, ortografía, síntesis y argumentación. También presenta conceptos fundamentales de diversas áreas del derecho como penal, civil, administrativo, mercantil, familiar, constitucional e internacional público que pueden ser incluidos en el examen. Finalmente, sugiere una bibliografía para la preparación.
Conférence web social et industries, #BeeNumerique 2014dupin laurent
Présentation faite en conférence sur les évolutions, mutations et hybridations croisant les mondes de l'entreprise, de l'industrie et des réseaux sociaux.
alphorm.com - Formation HTML5, CSS 3 et JavaScript (70-480)Alphorm
Formation complète ici http://www.alphorm.com/tutoriel/formation-en-ligne-html5-css-3-et-javascript-70-480
Cette vidéo/tutorial fait partie de la Formation HTML5, CSS 3 et JavaScript (70-480). Elle est réalisée par Chamseddine OUERHANI pour http://www.alphorm.com. Vous pouvez retrouver toute la formation ici http://www.alphorm.com/formation/formation-html5-css-3-et-javascript-70-480
Voici le plan de cette vidéo/tutorial :
Vue d'ensemble de HTML et CSS
Créer et styler une page HTML5
Introduction à JavaScript
Créer des formulaires pour collecter des données et valider les entrées utilisateurs
Communiquer avec une source de données distante
Styler HTML5 en utilisant CSS3
Créer des objets et des méthodes en utilisant JavaScript
Créer des pages interactives en utilisant les API HTML5
Ajouter le support du mode hors ligne aux
applications
Implémenter une interface utilisateur
adaptative
Créer des graphiques avancés
Animer l'interface utilisateur
Implémenter la communication temps-réel
avec les Web Sockets
Créer un processus Web Worker
Bonne formation.
Frontend development requires a lot a different tools. This presentation is about these technos like AngularJS, Javascript, Jquery, Sass, Grunt, Zurb foundation, Karma, Protractor, ...
This presentation was shown during a TechnoByte (session of internal formation) on 2014/06/10
Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l’Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d’illustration ainsi que des sites plus « complexes » les mettant en œuvre.
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Raphaël Goetter
Votre site web s'affiche mal sur terminal mobile ? Vous n'avez pas forcément les ressources et les moyens de vous offrir une version dédiée ou une application native ?
Ou plus simplement, vous être pressé et voulez "arranger les choses" en attendant mieux.
Voici quelques outils et pistes à suivre pour réaliser une adaptation mobile d'un site existant via meta viewport et CSS3 media queries.
L'HÉBERGEMENT DANS LE CLOUD D'UNE PARTIE DES
PLATEFORMES WEB ARTE AVEC ACQUIA
Pascal Thuet
Chef de Projet Secteur Nouvelles
Technologie ARTE
Cyril Reinhard
Regional Director Acquia
Twitter : @cyrilCR
Nouvelle plateforme éditoriale et de débats d'ARTE
• Destinée à tous les sujets d'aujourd'hui qui feront le
monde de demain
o Environnement
o Sciences
o Société
o Economie
• 3 types majeurs de contenus :
o Vidéos
o Textes & analyses
o Infographies interactives
Arte utilise Acquia Cloud pour héberger ses plateformes webAcquia
Pascal Thuet, Arte et Cyril Reinhard, Acquia présentent retour d'expérience sur la refonte de la plateforme ARTE Creative, sa migration d'un CMS maison vers Drupal 7 et de son hébergement dans le cloud d'Acquia.
Le déroulement du projet
L'architecture technique
La migration
Le choix de l'hébergement
Les outils d'Acquia
Retour et premier bilan après les deux premiers mois de fonctionnement
L'histoire d'html5 pour les développeurs windows phone 8davrous
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 oeil 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.
Jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=2d81322e-6ab2-4840-a4b1-568f1bd370f4
Ce document, accompagné d’une série d’exercices corrigés, constitue un support de formation présentielle d’une durée de 5 jours basé sur le cours officiel de Microsoft 20480B.
Alphorm.com Support de la Formation Windows ContainersAlphorm
Formation complète ici :
http://www.alphorm.com/tutoriel/formation-en-ligne-windows-containers-2016-maitrisez-lessentiel
Les conteneurs aujourd’hui tout le monde en parle, mais finalement assez peu de personnes (développeurs, IT) dans l’écosystème Microsoft connaissent, comprennent et utilisent ces nouveaux modes de déploiement.
Les conteneurs constituent l'une des fonctionnalités les plus importantes de Windows Server 2016. Mais elles se classent aussi parmi les plus déconcertantes, et ce pour deux raisons. Tout d'abord, le concept est nouveau pour Windows, même s'il existe depuis longtemps dans le monde de l'OpenSource. Ensuite, Microsoft introduit simultanément deux types différents de conteneurs : les conteneurs Windows Server 2016 et les conteneurs Hyper-V 2016.
Cette formation Windows Container 2016, préparée par votre MVP Seyfallah TAGREROUT, est la première formation en français en ligne qui traite tous les aspects au niveau des containers Windows.
Avec cette formation Windows Container 2016, vous allez commencer de la présentation jusqu’à la mise en œuvre en passant par la création et gestion des Windows Container 2016.
De plus, cette formation Windows Container 2016 permet de se familiariser avec les nouveaux concepts du cloud privé dans lequel on retrouve de l’agilité et rapidité de déploiement de plateforme applicative.
Agenda :
Les enjeux de la performance d'un site Web
Les différents éléments de performance d'un site Web
Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
L'obsession de la mesure
Les outils
Les quickwins
Caches, upscaling, outscaling, sharding
La démarche de test de charge
Méthodologie, outils, types de test, données de test
La démarche PDCA
Intégrer les tests de charge au cycle de développement
Environnement éphémère
Oxalide MorningTech #2 - Démarche de performance
2ème MorningTech @Oxalide, animé par Adrien Le Priol (@Priolix) et Ludovic Piot (@lpiot), le 28 février 2017.
Une vue d'ensemble sur la démarche et les outils pour aborder et maîtriser la performance de son site Web.
En 2012, Amazon publiait une étude indiquant que chaque seconde de performance perdue sur son site de commerce lui coûtait $1.6 milliards de chiffre d'affaire.
Par delà ce chiffre colossal avancé par le géant du Web, il est une réalité business : plus un site est lent, et moins les utilisateurs sont enclin à naviguer dessus. Les smartphones et le SoLoMo exacerbent cette réalité avec encore plus depuis 10 ans maintenant.
Sur le terrain, l'architecture technique des sites Web, de plus en plus complexe, rendent ses performances impossibles à prédire : complexité des développements applicatifs, multitude des composants impliqués dans l'architecture technique, recours à des services tiers (issus du SI de votre entreprise, ou de services tiers), big data, machine learning…
Une seule façon de prédire les performances : tester… en situation réelle.
A travers les différentes étapes d'une démarche d'optimisation des performances d'un site Web, les enjeux et les écueils d'une telle démarche vous seront détaillés.
Subject: Oxalide's MorningTech talk about an overview of how to deal with performance in a Web site.
Date: 28-feb-2017
Speakers: Adrien Le Priol (@Priolix, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide)
Language: french
Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-morning-tech-number-2-demarche-performance
Lien SlideShare : https://www.slideshare.net/LudovicPiot/morning-tech-2-demarche-performance-slides
YouTube Video capture: https://youtu.be/a8jSbvyBzYU
Main topics:
* Les enjeux de la performance d'un site Web
* Les différents éléments de performance d'un site Web
** Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
* L'obsession de la mesure
* Les outils
* Les quickwins
** Caches, upscaling, outscaling, sharding
* La démarche de test de charge
** Méthodologie, outils, types de test, données de test
* La démarche PDCA
** Intégrer les tests de charge au cycle de développement
** Environnement éphémère
* Questions / Réponses
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.
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 :
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!
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...Horgix
This is the slide deck of a talk by Alexis "Horgix" Chotard and Laurentiu Capatina presented at the MongoDB Paris User Group in June 2024 about the feedback on how PayFit move away from a monolithic hell of a self-hosted MongoDB cluster to managed alternatives. Pitch below.
March 15, 2023, 6:59 AM: a MongoDB cluster collapses. Tough luck, this cluster contains 95% of user data and is absolutely vital for even minimal operation of our application. To worsen matters, this cluster is 7 years behind on versions, is not scalable, and barely observable. Furthermore, even the data model would quickly raise eyebrows: applications communicating with each other by reading/writing in the same MongoDB documents, documents reaching the maximum limit of 16MiB with hundreds of levels of nesting, and so forth. The incident will last several days and result in the loss of many users. We've seen better scenarios.
Let's explore how PayFit found itself in this hellish situation and, more importantly, how we managed to overcome it!
On the agenda: technical stabilization, untangling data models, breaking apart a Single Point of Failure (SPOF) into several elements with a more restricted blast radius, transitioning to managed services, improving internal accesses, regaining control over risky operations, and ultimately, approaching a technical migration when it impacts all development teams.
5. UN PEU D’HISTOIRE
1996
•Première spécification CSS à devenir une
Recommandation W3C Officiel, CSS 1
1997
•Création de CSS 2
•Le W3C ne maintient plus la recommandation CSS 1
6. 1998
•CSS 2 devient une recommandation
•CSS 2.1 = CSS 2 + retrait des fonctionnalités
•Développement de la spécification CSS 3
•Le W3C ne maintient plus la recommandation CSS 2
7. 1998
•CSS 2 devient une recommandation
•CSS 2.1 = CSS 2 + retrait des fonctionnalités
•Développement de la spécification CSS 3
•Le W3C ne maintient plus la recommandation CSS 2
1999
•Le premier working draft CSS 3 est publié
9. 2005
•CSS 2.1 Candidate Recommendation à Working Draft
•CSS 2.1 devient Candidate Recommendation
•CSS 2.1 est renversé à Working Draft
10. 2005
•CSS 2.1 Candidate Recommendation à Working Draft
•CSS 2.1 devient Candidate Recommendation
•CSS 2.1 est renversé à Working Draft
2007
•CSS 2.1 devient Candidate Recommendation
11. 2005
•CSS 2.1 Candidate Recommendation à Working Draft
•CSS 2.1 devient Candidate Recommendation
•CSS 2.1 est renversé à Working Draft
2007
•CSS 2.1 devient Candidate Recommendation
2009
•CSS 2.1 est mis à jour 2 fois
12. 2005
•CSS 2.1 Candidate Recommendation à Working Draft
•CSS 2.1 devient Candidate Recommendation
•CSS 2.1 est renversé à Working Draft
2007
•CSS 2.1 devient Candidate Recommendation
2009
•CSS 2.1 est mis à jour 2 fois
2010
•CSS 2.1 est renversé à Working Draft
13. 2011
•CSS 2.1 W3C Proposed Recommendation
•CSS 3 = Chaque module est indépendant
14. ÉVOLUTION TECHNIQUE
ET TECHNOLOGIQUE
http://www.flickr.com/photos/raneko/4204026836/in/photostream/
15. 1, 675 TECHNIQUES ULTIMES QUI VONT VOUS
PERMETTRE DE DEVENIR UN NINJA DU CSS
16. Problèmes = Solutions documentés, workarounds pour
navigateurs, groupes de supports, partages de
techniques, etc.
http://www.flickr.com/photos/kartooner/32891895/
27. “10 years ago a browser was born. Its name was Internet
Explorer 6. Now that we’re in 2011, in an era of modern web
standards, it’s time to say goodbye.”
Microsoft - http://www.theie6countdown.com/
28. Le design doit être identique sur tous les navigateurs
http://www.flickr.com/photos/jstar/2338025074/
29. Le design doit être identique sur tous les navigateurs
http://www.flickr.com/photos/jstar/2338025074/
32. CSS3 vs. CSS: A Speed Benchmark
1. linear-gradient
2. border-radius
3. radial-gradient
4. text-shadow
5. box-shadow with RGBa
http://www.smashingmagazine.com/2011/04/21/css3-
vs-css-a-speed-benchmark/
33. Résultats : Diminution du temps de chargement
“Pour moi, CSS3 a été non seulement plus rapide mais
beaucoup plus agréable,parce que j'étais concentré sur une
seule fenêtre (mon éditeur CSS)[...]. D'autre part, le tranchage
et le transfert des images à partir de Photoshop à FTP à
l'éditeur CSS à été une corvée, ce qui a pris plus de temps.”
Trent Walton - http://www.smashingmagazine.com/2011/04/21/css3-vs-css-a-speed-benchmark/
34. Temps de production, de maintenance et coûts réduits
http://www.flickr.com/photos/disowned/1158857526/
36. Statuts des modules
Completed work
REC W3C Recommendation
Drafts
PR Proposed Recommendation
CR Candidate Recommendation
LC Last Call Draft
WD Working Draft
http://www.w3.org/standards/techs/css#w3c_all
37. Priorités des modules
Completed work
High priority
Medium priority
Low Priority
http://www.w3.org/Style/CSS/current-work
38. Support des navigateurs
•caniuse.com
•QuirksMode - CSS contents and browser compatibility
•Robert Nyman - CSS3 - Information and samples
•findmebyIP - HTML5 & CSS3 Support
http://morcha.blogbus.com/logs/30886671.html
45. PR
CSS COLOR MODULE LEVEL 3
RGB(A), HSL(A) et noms de couleurs
•≠ propriété, = nouveau modèle de couleur
•Valeur RGB ou HSL avec optionnellement l’opacité
http://robertnyman.com/css3/
46. opacity
•Opacité d’un élément de 0 à 1
•RGBa = 1 couleur / Opacity = 1 élément + enfants
http://www.findmebyip.com/litmus/
47. PR
SELECTORS LEVEL 3
[att]
•Attribut att, peut importe la valeur de l’attribut
48. PR
SELECTORS LEVEL 3
[att]
•Attribut att, peut importe la valeur de l’attribut
[att=val]
•Attribut att et la valeur exact val
49. PR
SELECTORS LEVEL 3
[att]
•Attribut att, peut importe la valeur de l’attribut
[att=val]
•Attribut att et la valeur exact val
[att~=val]
•Attribut att avec des valeurs séparés par des espaces,
l’une d’elles doit être val
50. [att|=val]
•Attribut att et la valeur exact val ou commençant par val
et immédiatement suivit de "-"
•Principalement pour les sous-code de languages
51. [att|=val]
•Attribut att et la valeur exact val ou commençant par val
et immédiatement suivit de "-"
•Principalement pour les sous-code de languages
[att^=val]
•Attribut att et une valeur qui commence par val
52. [att|=val]
•Attribut att et la valeur exact val ou commençant par val
et immédiatement suivit de "-"
•Principalement pour les sous-code de languages
[att^=val]
•Attribut att et une valeur qui commence par val
[att$=val]
•Attribut att et une valeur qui se termine par val
53. [att|=val]
•Attribut att et la valeur exact val ou commençant par val
et immédiatement suivit de "-"
•Principalement pour les sous-code de languages
[att^=val]
•Attribut att et une valeur qui commence par val
[att$=val]
•Attribut att et une valeur qui se termine par val
[att*=val]
•Attribut att et une valeur qui contient au moins une
instance de la substring val
55. ::first-line
•Représente la première ligne formatté d’un élément.
::first-letter
•Représente la première lettre d’un élément, si elle n’est
pas précédé par aucuns autres éléments de contenu
(images) sur sa ligne.
•Utiliser pour donner du style
•La ponctuation qui précède ou suit le première lettre
devrait être inclus
•Pourrait être un chiffre. 67 millions = 6
56. The target pseudo-class :target
•Certaines URIs ce terminant par # et un identifiant de
fragement refère à un emplacement dans une ressource.
•Exemple: http://example.com/html/top.html#section_2
•Ces URIs ciblent vers un élément dans le document,
connu comme l’élément cible.
57. The target pseudo-class :target
•Certaines URIs ce terminant par # et un identifiant de
fragement refère à un emplacement dans une ressource.
•Exemple: http://example.com/html/top.html#section_2
•Ces URIs ciblent vers un élément dans le document,
connu comme l’élément cible.
::selection
•Change la couleur de background et de texte des
sélections.
•http://css-tricks.com/overriding-the-default-text-
selection-color-with-css/
58. General sibling combinator (~)
•Fait de 2 séquences de sélecteurs séparés par ~. Les
éléments représenté par ces deux séquences partagent
le même parent et l’élément représenté par la première
séquence précède (Pas nécessairement immédiatement)
l’élément représenté par la deuxième séquence.
http://www.quirksmode.org/css/selector_sibling.html
59. CR
CSS BACKGROUNDS AND
BORDERS MODULE LEVEL 3
Background-image
•Plusieurs image de background sur un élément
•Séparés par une virgule (,)
•Les navigateurs qui ne supportent pas vont ignoré la
règle, donc mettre une déclaration simple avant
•La première image dans la liste est la plus près de
l’utilisateur
61. Background-clip
•Spécifie la zone de peinture de fond du background
•“border-box” Affiché à l’intérieur du border-box
•“padding-box” Affiché à l’intérieur du padding-box
•“content-box” Affiché à l’intérieur du content-box
http://robertnyman.com/css3/
62. Background-origin
•Spécifie comment la position du background est calculé
•“border-box” Positionné relativement selon la bordure
•“padding-box” Positionné relativement selon le padding
•“content-box” Positionné relativement selon le contenu
http://robertnyman.com/css3/
63. Background-size
•Spécifie la taille de l’image de background
•La première valeur donne la largeur tandis que la
deuxième valeur donne la hauteur
•Si une des dimensions à sa valeur à auto, l’image doit
garder son ration.
http://robertnyman.com/css3/
64. Border-radius
•Arrondis les coins d’un élément avec une valeur de
rayon (%, px ou ems)
•Possibilité de contrôlé chaque coins
•IE7 et IE8 = coins carrés devraient être acceptables
http://robertnyman.com/css3/
65. Box-shadow
•Ajoute une ombre à un élément
•Possibilité de combiné avec RGBa pour un effet
•La première valeur = au décalage horizontal, la seconde
= décalage vertical et la troisième valeur = rayon de
flou. Finalement, couleur pour l’ombrage
•Pour créé une effet plus naturel de 3D il est possible
d’ajouter une 2e ombre
http://robertnyman.com/css3/
66. CR
MEDIA QUERIES
•Étiquettage plus précis des feuilles de styles
•width, height, min/max, color, orientation, aspect-ratio, etc
•Outil pour “Responsive Web Design”
•Changement de CSS en haut de 800px de large:
http://robertnyman.com/css3/
67. Responsive Web Design
•Le site doit être construit avec une grille flexible.
•Les images dans le design doivent être flexibles.
•Différentes vues doivent êtres offertes pour les
différents contextes via les media queries.
http://sixrevisions.com/web_design/understanding-the-elements-of-responsive-web-design/
http://mediaqueri.es/
68. CR
CSS MULTI-COLUMN LAYOUT
MODULE
•Mise en page avec colonnes ≠ floats
•Nous pouvons définir un système de colonnes soit en
définissant le nombre de colonnes ou la largeur des
colonnes
•Le contenu peut continuer d’une colonne à une autre
http://robertnyman.com/css3/
69. CR
CSS3 BASIC USER INTERFACE
MODULE
box-sizing
•content-box = width, height et min/max appliqué au
content box. Padding et border à l’éxtérieur des
dimensions
•border-box = width, height et min/max détermine le
border box. Padding et border compris dans les
dimensions
http://robertnyman.com/css3/
70. Outline
•Agit comme border (width, style, color)
•+ outline-offset
MAIS
•Ils ne prenne pas d’espace
•Peuvent être non-rectangulaire
http://robertnyman.com/css3/
71. WD
CSS TEXT LEVEL 3
text-shadow
•Propriété CSS2 abandonné dans CSS 2.1 et ré-introduis
dans CSS3
•Ajout d’une ombre au texte, avec des options de
direction, quantité de flou et couleur de l’ombre
•Les 2 premières valeurs servent au décalage horizontal
et vertical. La 3e valeur est le rayon du dégradé de
l’ombre. Finalement, la couleur de l’ombre
•Valeurs négatives acceptés
•Possibilité de mettre plusieurs ombres
73. WD
CSS FONTS MODULE LEVEL 3
•Utilisation de fonts plus variés. Pas de Flash, pas de
JavaScripts
•Vérifier la licence EULA (End User License Agreement)
•La police doit se trouver sur le même domaine
76. WD
CSS 2D TRANSFORMS
MODULE LEVEL 3
•Développé initialement par l’équipe de WebKit et
ensuite incorporé au W3C
•Permet au élément rendu par CSS d’être transformé
dans un espace en 2 dimensions
http://robertnyman.com/css3/
77. Scale
•Les élément qui ont la transformation scale n’influencent
pas le layout du document.
•Possible de mettre un point d’origine
78. Scale
•Les élément qui ont la transformation scale n’influencent
pas le layout du document.
•Possible de mettre un point d’origine
Rotate
79. Scale
•Les élément qui ont la transformation scale n’influencent
pas le layout du document.
•Possible de mettre un point d’origine
Rotate
81. Skew
•Skew prends les coordonnés x et y et penche un
élément.
Translate
•Translate déplace les éléments via les coordonnés x/y
•Valeurs négatives acceptés
82. Skew
•Skew prends les coordonnés x et y et penche un
élément.
Translate
•Translate déplace les éléments via les coordonnés x/y
•Valeurs négatives acceptés
83. WD
CSS TRANSITIONS MODULE
LEVEL 3
•Développé initialement par l’équipe de WebKit et
ensuite incorporé au W3C
•Changement des valeurs dans les CSS lorsque qu’une
interaction est déclenché (hover)
•Liste des propriétés qui peuvent être en transition
http://robertnyman.com/css3/
91. CSS3 Selectors
•CSS3 Selectors Test
CSS3 Font-face
•Font Squirrel @font-face generator
•Review of Popular Web Font Embedding Services
Media Queries
•CSS 3 Media Queries for all Browser (jQuery Plugin)
•css3-mediaqueries-js
•Respond
•1140 CSS Grid
•ProtoFluid
•Hardboiled CSS3 Media Queries
•Responsive-Images