• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Support du 14/05/10 - CNAM - INTD
 

Support du 14/05/10 - CNAM - INTD

on

  • 809 views

 

Statistics

Views

Total Views
809
Views on SlideShare
807
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Support du 14/05/10 - CNAM - INTD Support du 14/05/10 - CNAM - INTD Presentation Transcript

    • Classer - Publier - Installer des Extensions Atelier Joomla www.yourwebsite.fr
    • Agenda www.yourwebsite.fr Module 2 : 2 x 4 Heures Groupe 1 Groupe 2 Groupe 3 14/05 14:00 18:00 19/05 14:00 18:00 21/05 14:00 18:00 28/05 14:00 18:00 25/05 14:00 18:00 01/06 14:00 18:00
    • Programme
      • Unité 1.1 Positionnement de Joomla
      • Unité 1.2 Caractéristiques Techniques
      • Unité 1.3 Atelier J1.0.x
      • Unité 1.4 Atelier J1.5.x
      www.yourwebsite.fr Module 2 : 2 x 4 Heures
    • Questions/Réponses
      • Politique de Gestion du Design
      • Installation et Customisation
      • Content Construction Kits
      www.yourwebsite.fr Selon vos Attentes
    • www.yourwebsite.fr
    • Rappel sur Applications 2.0 www.yourwebsite.fr SaaS Navigateur UGG WebTop
    • Typologie - Marché - Technologies Unité 1.1 # Positionnement de Joomla www.yourwebsite.fr
    • Positionnement de Joomla
      • Famille d’Application
      • Positionnement / Concurrence
      • Typologie des Sites Web
      www.yourwebsite.fr
    • Joomla - Typologie
      • CMS Content Management System
      • A rapprocher des WIKIs et des Blogs
      • Parenté avec UGC
        • Content Management #
        • Information Management #
        • Life Management #
      www.yourwebsite.fr
    • Joomla - Typologie
      • CMS Content Management System
      • Système de Gestion de Contenu
      • Ne PAS Confondre Avec
        • Les Solutions Collaboratives #
        • La GED - Gestion Electronique de Documents #
        • Les Portails ie. Agrégateurs #
      www.yourwebsite.fr
    • Joomla 2.0 ++ = Mashup
      • Publier du Contenu
      • Agréger des Flux d’Information RSS
      • Agréger des Services Widgets
      www.yourwebsite.fr Application Composite
    • Joomla et ses Concurrents Benchmark 2.0 - Delicious, Trends et Alexa www.yourwebsite.fr
    • Benchmark Delicious www.yourwebsite.fr 22/01/2009 26/10/2009 10/12/2009 Drupal 14497 16778 (+15%) 17167 (+2,3%) Joomla 11207 13239 (+18%) 13535 (+2,3%) Plone 5242 5928 (+13%) 6018 (+1,5%) eZ Publish 1086 1268 (+16%) 1296 (+2,2%)
    • Benchmark Google Trends www.yourwebsite.fr
    • Benchmark Alexa www.yourwebsite.fr
    • Typologie des Sites Joomla Portails - Boutiques - Portfolios www.yourwebsite.fr
    • Portails Joomla
      • Devoteam
      • FEVAD
      • PGA , L’UNESCO
      www.yourwebsite.fr En France et dans le Monde Groupes, PMI/PME, TPE Entreprises Associations Fédérations
    • Boutiques/Vitrines Joomla
      • DONNAE - Produits Cosmétiques
      • CoreCases - Coques IPOD
      • Vitrine Porsche
      www.yourwebsite.fr En France et dans le Monde Groupes, PMI/PME, TPE Entreprises
    • Sites Artistiques
      • F.Martinez Rosselli - Peintre
      • Steven White - Chef d'orchestre
      • SENSO - Design
      www.yourwebsite.fr
    • www.yourwebsite.fr SHOWCASE Joomla Arts Business Educational Govenment&NonProfit Health News&Media Hobbies Reference Science Society Sports Technology
    • Architecture - Concepts - Ecrans Back Office Unité 1.2 # Caractéristiques de Joomla www.yourwebsite.fr
    • Solution Joomla
      • Progiciel Client/Serveur
      • Double Interface FO / BO
      • Utilisateur Final / Administrateur(s)
      • « Application Générique
      • Orientée Communication
      • Multi-utilisateurs »
      www.yourwebsite.fr
    • Ecran Back Office www.yourwebsite.fr
    • Ecran Front Office www.yourwebsite.fr
    • www.yourwebsite.fr NE PAS CONFONDRE Joomla avec Dreamweaver !
    • Architecture des Composants
      • Progiciel Joomla
      • Composants Applicatifs/Frameworks
      • Composants Structurants
      • Serveur HTTP, Serveur BDD
      • Système d’Exploitation
      www.yourwebsite.fr
    • Composants Structurants www.yourwebsite.fr CMS Joomla Serveur HTTP Apache Serveur BDD MySQL Système Exploitation Windows UNIX etc.
    • Composants Joomla www.yourwebsite.fr Core Joomla Fonctions de Base Composant Applications Corps de Page Module Applications Périphérie Plugin/Mambot Fonctions Intra Articles
    • Technologies www.yourwebsite.fr CMS Joomla XHTML, CSS Tier 1 - Présentation PHP, XML Tier 2 - Application MySQL Tier 3 - Données
    • Fiche Technique Joomla
      • Solution type CMS
      • Open Source GNU/GPL
      • 2 Interfaces Back/Front Office
      • Architecture 3 Tiers
      • Technologies PHP/CSS, MySQL, XML
      www.yourwebsite.fr Stable depuis 2005
    • Droits/Contenus/Menus Concepts Propres à Joomla www.yourwebsite.fr
    • Droits d’Accès - Classement
      • 7 Niveaux d’Intervention - Ecriture
      • 3 Espaces de Consultation - Lecture
      • 2 Niveaux de Classement
      www.yourwebsite.fr Synthèse
    • www.yourwebsite.fr
    • 3 Espaces de Consultation
      • Espace Public
      • Espace Membre - Users Enregistrés
      • Espace Special - Administrateurs
      www.yourwebsite.fr Droits d’Accès FO
    • Classement des Contenus
      • ARTICLE - CORPS de Page Web
      • Article/Catégorie/Section
      • Article NON Classé = Article STATIQUE
      www.yourwebsite.fr Article/Catégorie/Section
    • www.yourwebsite.fr 2 Niveaux de Classement
    • ZOOM Gestion des Menus et des Liens www.yourwebsite.fr
    • Définition(s) d’un Menu
      • Collection de Liens - Contenu
      • Module - Contenant
      • Identifiant
      www.yourwebsite.fr 3 Ecrans Différents !
    • Procédure de Création
      • 1. Identifiant
      • 2. Contenant - Module
      • 3. Contenu - Collection de Liens
      www.yourwebsite.fr 3 Ecrans Différents !
    • Typologie des Liens
      • Blog Content [Section/Category]
      • Item Content Link
      • Components
      www.yourwebsite.fr Blog - Menu Items Manager !
    • Contenus, Menus et Modules Associés Back-Office Joomla www.yourwebsite.fr
    • Ecrans d’Administration
      • Gestion des Articles
      • Gestion des Catégories/Section
      • Gestion des Menus
      • Gestion du Site
      www.yourwebsite.fr DEMO Back-Office
    • Manager ses Articles (I)
      • Ecran 01 : Page d’Accueil
      • Ecran 02 : Gestionnaire des Articles
      • Ecran 03 : Définition des Contenus
      www.yourwebsite.fr DEMO Back-Office
    • Manager ses Articles (II)
      • Ecran 04 : Onglet « Images »
      • Ecran 05 : Onglet « Parameters »
      • Ecran 06 : Onglet « Meta Info »
      www.yourwebsite.fr DEMO Back-Office
    • Manager ses Catégories/Sections
      • Ecran 07 : Gestionnaire des Catégories
      • Ecran 08 : Gestionnaire des Sections
      • Ecran 09 : Définition Sections/Catégories
      www.yourwebsite.fr DEMO Back-Office
    • Manager ses Menus
      • Ecran 10 : Gestionnaire des Liens
      • Ecran 11 : Paramétrage des Liens
      • Ecran 12 : Gestionnaire de Menu
      • Ecran 13 : Gestionnaire de Modules
      www.yourwebsite.fr DEMO Back-Office
    • Manager son Site
      • Configuration
      • Ecran 14 : Onglet Site
      • Ecran 15 : Onglet Content
      • Ecran 16 : Onglet Metadata
      www.yourwebsite.fr DEMO Back-Office
    • Classement - Menus - Extensions Unité 1.3 et 1.4 # Atelier Joomla 1.0.x et 1.5.x www.yourwebsite.fr
    • Méthodologie
      • Définir les Contenus - Hors Joomla
      • Classer les Contenus - Section/Cat.
      • Hiérarchiser les Menus
      www.yourwebsite.fr
    • DEMO/Atelier Joomla 1.0.15
      • Classer les Contenus
      • Editer les Contenus
      • Définir les Menus
      • Base de Travail
      • Cahier des Charges #
      • Document de Spécification #
      • Guide Utilisateur Joomla 1.0.15 #
      www.yourwebsite.fr
    • Exercice à Suivre sur J1.0.15
      • Classer les Contenus par Onglet
      • Intégrer une Vidéo YOUTUBE
      • Factoriser les Contenus
      • A Installer
      • Plugin Tabs&Slides #
      • Plugin ALLVIDEOS #
      • Plugin MosModule #
      www.yourwebsite.fr
    • Atelier Joomla 1.5.15
      • Classer les Contenus
      • Editer les Contenus
      • Définir les Menus
      • Base de Travail
      • Cahier des Charges #
      • Document de Spécification #
      • Guide Utilisateur Joomla 1.5.15 #
      www.yourwebsite.fr
    • Exercice à Suivre sur J1.5.15
      • Factoriser les Contenus
      • Intégrer FormStack
      • Intégrer la Fonction Slide
      • A Installer
      • Plugin MosModule #
      • Plugin Sourcerer #
      • Plugin Tabs&Slides #
      www.yourwebsite.fr
    • Taxinomie/Plugin MosModule Annexe www.yourwebsite.fr
    • www.yourwebsite.fr 2 Niveaux de Classement
    • N Niveaux de Classement ? www.yourwebsite.fr
    • www.yourwebsite.fr Solution
    • Plusieurs Vues
      • Vue Horizontale
      • Vue Verticale
      • Vue Transversale
      www.yourwebsite.fr 1 Seul Contenu
    • Approche Modulaire
      • 1 Contenu = 1 Article Statique = 1 ID
      • Vue = Article [.] /Catégorie [.] /Section [.]
      • Contenu Article [.]
      • {mosmodule articleid = [id] }
      www.yourwebsite.fr Plugin « mosmodule »
    • Vue Verticale
      • SECTION « Félidés »
      • CATEGORIE « Panthera »
      • ARTICLES
        • Le Léopard
        • Le Tigre
        • Le Jaguar
      www.yourwebsite.fr
    • Vue Transversale
      • SECTION « Espèce Menacées »
      • CATEGORIE « Risque d’Extinction »
      • ARTICLES
        • Le Lynx
        • Le Tigre
        • Le Loup
      www.yourwebsite.fr
    • Annexe Web Design/Retour sur Investissement www.yourwebsite.fr
    • Solutions Alternatives
      • Acheter un KIT - 50 euros
      • Utiliser Artisteer - 129,95 euros
      • Coder le Template - 3000 euros
      www.yourwebsite.fr
    • Acteurs du Web Design
      • Portail Best of Joomla
      • Editeur Template YOOtheme
      • Editeur Template RocketTheme
      • Editeur Template JoomlArt
      www.yourwebsite.fr
    • Annexe Web Design/Accessibilité www.yourwebsite.fr
    • Accessibilité
      • Navigation
      • Contrastes de Couleur
      • Images
      • Liens
      • Paragraphes
      • Formulaires
      www.yourwebsite.fr 95 Critères
    • Gestion de la Navigation
      • Définir 3 modes d’Accès aux Contenus
      • Menus
      • Moteur de Recherche
      • Plan du Site
      www.yourwebsite.fr Accessibilité
    • Niveaux de Contraste
      • Limiter Combinaisons Arrière-plan/Texte
      • 7 : 1 >>> Texte de moins de 18 pt
      • 4 : 1 >>> Texte de plus de 18 pt
      www.yourwebsite.fr Standard WCAG 2.0
    • Gestion des Images
      • Image de Présentation
      • <img
      • src=«tigre.png»
      • alt=«tigre» />
      www.yourwebsite.fr Alternative Textuelle
    • Gestion des Images
      • Image de Décoration
      • <img
      • src=«spacer.gif»
      • alt=«» />
      www.yourwebsite.fr Alternative Textuelle
    • Gestion des Images
      • Image Porteuse d’Information
      • <a href=&quot;next.html&quot;><img
      • src=&quot;fleche_droite.gif&quot;
      • alt=&quot;page suivante&quot; /></a>
      www.yourwebsite.fr Alternative Textuelle
    • Gestion des Liens www.yourwebsite.fr Privilélier l’Intitulé <a href=« actualites.html« > En savoir + sur les actualités </a> Pas de Titre de Lien
    • Gestion des Liens www.yourwebsite.fr Usage du Titre de Lien <a href=« actualites.html »  title =«  nouvelle fen&ecirc;tre  » > En savoir + sur les actualités </a>
    • Gestion des Liens www.yourwebsite.fr Titre de Lien et SEO <a href=« actualites.html »  title=«  actualit&eacute;s (nouvelle fen&ecirc;tre) » > En savoir + sur les actualités </a>
    • Gestion des Paragraphes
      • 11px < font-size < 16px
      • PAS de Justification du Texte
      • 80 Caractères Maxi par Ligne
      • Interligne = 1,5 x font-size
      • Inter-paragraphes = 1,5 x Interligne
      www.yourwebsite.fr
    • Gestion des Formulaires
      • Aligner à Droite les Libellés
      • Indiquer le Format des Champs
      • jj/mm/aaaa
      • Expliciter les Boutons
      • <input type=« submit »
      • value=« OK »
      • value=« Recherche de Vol »>
      www.yourwebsite.fr
    • Annexe Web Design/Utilisabilité www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr
    • www.yourwebsite.fr serif Cambria Constantia Times New RomanTimes Georgia sans-serif Andale Mono Arial Arial Black Calibri Candara Century Gothic Corbel Helvetica Impact Trebuchet MS Verdana cursive Comic Sans MS monospace Consolas Courier New Courier
    • Annexe Web Design/Organisation des Contenus www.yourwebsite.fr
    • Layout - Structure du Site www.yourwebsite.fr
    • Layout - Structure des Pages www.yourwebsite.fr
    • F-Shaped Pattern www.yourwebsite.fr
    • Annexe Web Design/Architecture Générale www.yourwebsite.fr
    • Web Design
      • Hiérarchie Structure - Layout
      • Contraste
      • Equilibre Symétrique ou Asymétrique
      • Alignement
      • Unité
      www.yourwebsite.fr
    • Emphasis - Contraste www.yourwebsite.fr
    • Contraste www.yourwebsite.fr
    • Equilibre Symétrique www.yourwebsite.fr
    • Equilibre Asymétrique www.yourwebsite.fr
    • Alignement www.yourwebsite.fr
    • Répétition/Cohérence www.yourwebsite.fr