Compte-rendu du cours technologies du web du 24 et 25 novembre 2016 - MBA DMB

1. COMPTE-RENDU
TECHNOLOGIES DU WEB

2. WEB 2.0
INTERACTIONS
Utilisateurs /
Entreprises
Composants Logiciels Interfaces
Via
- Blogs
- Wikis
- Forums
- Réseaux Sociaux
- Médias Sociaux
- Web Services
=> L’utilisateur devient Webacteur
et accède à des services sans
contrepartie financière

3. CONTENT MANAGEMENT SYSTEMS
CMS
Font Office Back Office
= =
Site Web
Espace sécurisé dédié à
l’administration du site web
Les CMS sont des outils dédiés à la création de sites web qui vont
faciliter l’administration de contenus au fil du temps.

4. WORDPRESS, JOOMLA, DRUPAL
OPEN SOURCE
= accès libre
Formations Extensions Produits dérivés
OPTIONS PAYANTES
+
MODÈLE
ÉCONOMIQUE
=

5. ARCHITECTURE 3 TIERS
3 couches de composants logiciels
Présentation Application Données
- Pour structurer les contenus
des pages
- Personnaliser la mise en
page
- Dynamiser les interfaces
- Langage utilisé: HTML
(structurer), CSS
(personnaliser), Javascript
(dynamisation)
- Intégration des technologies
utilisées pour stocker les
contenus et celles utilisées
pour assurer leur
présentation
- Gestion de questions de
sécurité
- Gestion de questions de
performance
- Langage PHP
- responsable du stockage des
contenus du site.
- intègre les technologies qui
permettront d’interagir avec
la base de données (écriture
ou lecture)
- Langage SQL (Structured
query language)
Fonction = Fixer le cadre général des développements indépendamment des langages de
programmation utilisés

6. 5 FONCTIONALITÉS DE BASE DES CMS
• Personnalisation des profils et droits associés
• Découplage du fond (contenu) et de la forme
(présentation/mise en page)
• Édition des contenus en mode WYSIWYG = What
you see is what you get
• Organisation des contenus (pages)
• Gestion des menus
• Intégration des extensions/plug-ins (ecommerce,
forum).

7. MISE EN PAGE
Bloc périphérique
de Niveau 1
Bloc périphérique Niveau 1
Bloc Principal
Bloc périphérique
de Niveau 1
Bloc
périphérique
de Niveau 2
Bloc
périphérique
de Niveau 2
Bloc
périphérique
de Niveau 2
Bloc
périphérique
de Niveau 2
Bloc périphérique de Niveau 2
Organisation des 3 types de blocs

8. MISE EN PAGE - 2
Si l’un des blocs de 1er niveau ne contient pas de bloc de 2ème niveau, ce bloc
disparaîtra afin d’étendre l’espace disponible du bloc voisin (ie du bloc principal)
Bloc
Principal
Blocs Périphériques
Niveau 1
Blocs Périphériques
Niveau 2
- Définissent la matrice des
pages
- Imposés par les moteurs de
gabarits
- Emplacements avec
Wordpress
- Positions avec Joomla
- Régions avec Drupal
- À intégrer par
l’administrateur
- Texte, images, menu,
publicité, logo, moteur de
recherche, …
- Widgets avec Wordpress
- Modules avec Joomla
- Blocs avec Drupal

9. ORGANISATION DES CONTENUS
- CONTEXTE SEO
• Hiérarchiser les contenus de la manière la plus simple possible afin que les
moteurs de recherche puissent comprendre de quoi parle le site.
• Menu = ensemble des liens. Pour que les contenus soient bien référencés, on fait
intervenir des liens qui calqueront la structure des contenus.
Page
d’accueil
Rubrique Sous-Rubrique
Pages
élémentaires
Nommée
- Catégorie chez
Wordpress ou
Joomla
- Nœud chez Drupal
Nommée
- Page chez
Wordpress
- Article chez Joomla
- Terme chez Drupal
Nommées
- Articles chez
Wordpress ou
Joomla
- Termes chez Drupal