Ce rapport a été effectué en guise de prospectus présentant la fonction de l'Audit au Maroc avec la participation du cabinet Berrada & Associés.
Grand merci à Keyrates.org pour l'infographie.
Ce rapport a été effectué en guise de prospectus présentant la fonction de l'Audit au Maroc avec la participation du cabinet Berrada & Associés.
Grand merci à Keyrates.org pour l'infographie.
Conférence donnée lors des RMLL 2011 et qui reprend le contenu de la même conférence de CONFOO 2011 avec du contenu en plus pour Drupal cette fois-ci. On y retrouve une régle en plus, donc 21 au total sur l'accessibilité. Ces règles peuvent être prises en compte par les CMS tels que Drupal, Wordpress ou TYPO3.
Présentation effectuée à la AOSC (28 janvier 2020) par Christophe Villeneuve sur "L'accessibilité web avec WCAG et RGAA".
Vous verrez les notions générales de l'accessibilité, le moyen de le mettre en place dans son code et valider avec des outils si l'ensemble du référentiels est respecté.
Aujourd'hui la quasi-totalité des CMS proposent des fonctionnalités d'internationalisation afin de réaliser des sites disponibles en plusieurs langues. Mais qu'en est-il du coté de l’intégrateur ? Celui-ci va aussi devoir internationaliser certaines images utilisées dans ses CSS, voir faire des changements de style suivant la langue qui sera affichée. Les fichiers javascript sont aussi concernés si ils sont amenés à générer du contenu textuel.
Cet atelier vous proposera de découvrir différentes méthodes afin d'organiser au mieux vos fichiers CSS, images et scripts javascript et de faciliter ainsi leur maintenance. Nous verrons aussi quels outils peuvent nous assister dans notre travail et ce que nous propose les frameworks javascript comme jQuery ou encore Mootools.
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
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB OW2
La série de guides AcceDe Web fournit de bonnes pratiques aux divers contributeurs du projet Web, y compris les développeurs et les concepteurs graphiques. Ces documents sont fondés sur l’expérience de plusieurs familles d’experts travaillant au sein d’agences web, d’entreprises privées, de collectivités publiques et d’associations. Ils procurent des instructions pas à pas aux équipes opérationnelles et des outils de management précieux aux chefs de projets.
Introduction aux Technologies Web élaborée par Marouan OMEZZINEMarouan OMEZZINE
Une introduction / ébauche aux technologies Web (Web, évolution, web 2.0, php, ajax...) faite dans le cadre des formations inter-membres du club Junior ENSI (http://www.junior-ensi.org/) de l'école nationale des sciences de l'informatique (http://www.ensi.rnu.tn/).
Ma stack d'outils agiles, tout un programme !Cédric Leblond
Pour le développement, nous utilisons tous des outils. Leur nombre et surtout leur intégration peuvent même devenir un vrai casse tête. Surtout s'il vous faut supporter des technologies parfois très distinctes ... Je vous propose de monter une plateforme entièrement intégrée et flexible avec Visual Studio Online. Intégrée car toutes les données y sont disponibles. Flexible car ses API permettent de l'étendre avec vos outils agiles préférés (Trello, Zendesk, Jenkins, Jira, ...) et de l’adapter ainsi à vos besoins
Conférence donnée lors des RMLL 2011 et qui reprend le contenu de la même conférence de CONFOO 2011 avec du contenu en plus pour Drupal cette fois-ci. On y retrouve une régle en plus, donc 21 au total sur l'accessibilité. Ces règles peuvent être prises en compte par les CMS tels que Drupal, Wordpress ou TYPO3.
Présentation effectuée à la AOSC (28 janvier 2020) par Christophe Villeneuve sur "L'accessibilité web avec WCAG et RGAA".
Vous verrez les notions générales de l'accessibilité, le moyen de le mettre en place dans son code et valider avec des outils si l'ensemble du référentiels est respecté.
Aujourd'hui la quasi-totalité des CMS proposent des fonctionnalités d'internationalisation afin de réaliser des sites disponibles en plusieurs langues. Mais qu'en est-il du coté de l’intégrateur ? Celui-ci va aussi devoir internationaliser certaines images utilisées dans ses CSS, voir faire des changements de style suivant la langue qui sera affichée. Les fichiers javascript sont aussi concernés si ils sont amenés à générer du contenu textuel.
Cet atelier vous proposera de découvrir différentes méthodes afin d'organiser au mieux vos fichiers CSS, images et scripts javascript et de faciliter ainsi leur maintenance. Nous verrons aussi quels outils peuvent nous assister dans notre travail et ce que nous propose les frameworks javascript comme jQuery ou encore Mootools.
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
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB OW2
La série de guides AcceDe Web fournit de bonnes pratiques aux divers contributeurs du projet Web, y compris les développeurs et les concepteurs graphiques. Ces documents sont fondés sur l’expérience de plusieurs familles d’experts travaillant au sein d’agences web, d’entreprises privées, de collectivités publiques et d’associations. Ils procurent des instructions pas à pas aux équipes opérationnelles et des outils de management précieux aux chefs de projets.
Introduction aux Technologies Web élaborée par Marouan OMEZZINEMarouan OMEZZINE
Une introduction / ébauche aux technologies Web (Web, évolution, web 2.0, php, ajax...) faite dans le cadre des formations inter-membres du club Junior ENSI (http://www.junior-ensi.org/) de l'école nationale des sciences de l'informatique (http://www.ensi.rnu.tn/).
Ma stack d'outils agiles, tout un programme !Cédric Leblond
Pour le développement, nous utilisons tous des outils. Leur nombre et surtout leur intégration peuvent même devenir un vrai casse tête. Surtout s'il vous faut supporter des technologies parfois très distinctes ... Je vous propose de monter une plateforme entièrement intégrée et flexible avec Visual Studio Online. Intégrée car toutes les données y sont disponibles. Flexible car ses API permettent de l'étendre avec vos outils agiles préférés (Trello, Zendesk, Jenkins, Jira, ...) et de l’adapter ainsi à vos besoins
4. importance
• productivité: bien utiliser les outils
disponibles
• utilisabilité: maximiser et satisfaire
son audience
• maintenance et flexibilité
• “play nice”: envers les utilisateurs,
collègues et le reste du web
5. autres avantages
• clarté conceptuelle (facile à
expliquer)
• accessibilité
• business: économies de temps à
moyen et long terme, et donc
d’argent
13. types de contenu à enrichir
texte
• illustrer
• appliquer un ou plusieurs styles
pour améliorer la lisibilité
14. types de contenu à enrichir
images
• ajouter une légende
• améliorer la présentation
(lightbox)
15. types de contenu à enrichir
listes de texte et/ou images
• donner du contexte
• alterner la présentation
(carousel)
16. types de contenu à enrichir
autres contenus «riches» par plugins
• Flash/Silverlight/Java etc.
• assurer une intégration aussi
facile que possible avec le reste
du contenu sur la page
17. types de contenu à enrichir
applicable au site dans son ensemble
définir une identité («look ‘n feel»)
créer une expérience, marque
18. rôles des technologies
HTML
définit la structure de la page,
metadata etc.
fourni le contenu textuel, presque
toujours contenu de base
19. rôles des technologies
HTML: importance de la sémantique
Sémantique
l’étude du sens en communication
balises HTML = outils sémantiques
Donnez du sens à vos documents!
21. rôles des technologies
Javascript
comportement dynamique de
l’interface (eg. carousel)
interactions non supportées par
défaut par les contrôles HTML
(eg. drag and drop)
22. rôles des technologies
plugins (Flash, Silverlight, Java, Gears etc.)
ajouter des fonctionalités non
supportées par les navigateurs
exemples: video, animations
vectorielles, stockage de données
23. rôles des technologies
aggrégation (ou «syndication») (RSS, Atom et dérivés)
aggregation de contenu
ajoute un niveau peu reconnu:
la réutilisation
25. techniques
découverte et propriétés de page: head
informations de base: title
informations de SEO: title, meta (charset, description,
keyword)
inclusion d’autres documents: CSS, Javascript,
RSS/Atom, icônes etc.
26. techniques
HTML (1)
structurer ses documents
utiliser les éléments pour leurs valeur sémantique
http://openweb.eu.org/articles/respecter_semantique
interaction: ancres, formulaires
27. techniques
HTML (2)
microformats: API incluse dans le document
énorme bonus pour:
• utilisation
• réutilisation
• indexation
• potentiellement
l’accessibilité
30. techniques
CSS
layout: construit à partir du contenu
porter plus attention sur typographie (très importante)
style fonctionel: eg. cursor:pointer sur labels etc.
la déco
• couleurs, fonds, images etc.
• coins arrondis, gradients et autres joyeusetés
31. techniques
CSS
Un site web peut avoir des interfaces/designs
différents sur des agents différents.
Mais aucune détection d’agent/version/moteur
de rendu ne doit être faite.
La détection de capacité est la seule technique
valable, maintenable, «future-proof».
32. techniques
Javascript (1)
si des éléments du design
ne peuvent fonctionner
qu’avec Javascript, ils
doivent impérativement
être insérer dans le
document par Javascript.
33. techniques
Javascript (2)
gare à l’obtrusion!
function maFonction() { ... }
var MonProduit = { }
MonProduit.maFonction = { ... }
le code pour une fonctionnalité ne doit pas
modifier le code ou markup pour une autre
fonctionnalité!
34. techniques
AJAX
organiser son code correctement… côté serveur
http://example.com/resource
<!DOCTYPE html>
<html>
<head>…</head>
<body>resource</body>
</html>
http://example.com/resource?ajax=1
resource
35. techniques
autres
«style switching»
présentations alternatives (par exemple
utile pour aider les personnes avec
problèmes visuels)
ou juste pour la frime…
technos propriétaires
• icônes Apple
• Microsoft webslices (= Firefox webchunks)
66. outils
librairies Javascript et «patterns»
Yahoo! GBS: Graded Browser Support (Strategy)
• respecter l’enrichissement
• supporter différents agents avec
un nombre de types de contenus
différent
77. outils
processus de création
méthodologie applicable à la conception du
produit
composants sociaux et intéractifs («riches»)
ajoutés progressivement