Ceci est une version archivée de FormInt1 à 2010-09-22 15:09:03.
Retour sommaire formations > Retour sommaire formations internes


mardi 21 septembre 2010

durée : 14h30 - 16h00
intervenant : JP
secrétaire : Mareva
sujet : informatique
détail :
web : ergonomie, CSS, Html, design
langage programmation
papyrus

non traité :
[BDD : mysql, BD stucture
projet informatique]
[projet communication
licence
Openstreetmap, SIG
type herbier
wikini]

--
Les différents intervenants autour du web :
Le webmaster
Ses tâches : installer des logiciels, connaître le html & CSS (le webmaster développe le squelette html et les feuilles de style).

L'informaticien
Ses tâches : l'informaticien connaît html & CSS mais son rôle est plus centré sur la programmation.
Utilise : des langages de programmation (algorithme : boucles, conditions... )

Le graphiste
Ses tâches : créer une image du futur site (agencement et couleur des éléments, navigation, effets)
Utilise : photoshop
Ses “qualités” :
  • le design : style
  • l'ergonomie web (bonne navigation (d'une page à l'autre) + positionnement des éléments dans la page + accessibilité des liens ... pour l'utilisateur) devrait être maîtrisée par le graphiste.

html : langage à balise (logiciel Dreamwaver : génère du html) à l'origine fonction hyperlien puis au fur à mesure complexification
affichage web interprété par un navigateur développé en C++
exemple :

<html>
  • <head>
    • <title> Mon titre </tiltle>
  • </head>
  • <body>
    • <p> mon texte </p>
  • </body>
</html>


Langages compilés (+ complexe) : C++, C, C#
Langage à machine virtuelle : Java (équipe Tela) = langage qui compile le code pour une machine intermédiaire virtuelle qui interprète le code.
Langages interprétés (- complexe) : PHP (équipe Tela), JSP, ASP, PERL, Ruby, Python, Javascript (équipe Tela)

Java :
Langage "objet" : principe hiérarchique, classe, héritage...
PHP :
Programmation fonctionnelle (nom de fonction appelée au lieu de ré-écrire du code) mais aussi objet (PHP version 5).
Ces langages servent à écrire des logiciels qui interprètent des paramètres pour créer des pages web HTML.

Ex. Papyrus : progtion fonctionnelle (un peu d'objet) : logiciel développé en PHP
Ex. COEL et CEL : programmation objet : logiciel développé en Java

Le navigateur web firefox est développé en C++ et sait interprété :
  • HTML (langage à balise) : fond, organise le contenu, sémantique.
  • CSS (langage à balise) : forme, feuille de style en cascade, règles pour mettre en forme le HTML.
  • Javascript : bling bling de Yeswiki, bibliothèque Jquery est en Javascript (langage de script pour étendre des fonctionnalités du logiciel).

W3C : définit des normes.

Apache : logiciel (en C), sur le serveur Tela, qui répond aux requêtes web.
Par ex. Apache va chercher l'exécutable php qui exécute la page papyrus (logiciel qui interroge les BD Mysql) pour renvoyer la page web HTML (voir schéma JP...).
À la fin barre navigation peut affiher : .php, .jsp, page:(html)

Mysql : BD

Papyrus est un CMS : système de gestion de contenu web.
CMS : Drupal, Symphonie : but = réaliser un site web (menu, bloc...).
SPIP : (à la base) rédaction d'articles journalistiques en ligne.
Wordpress (à la base) : gestionnaire de blog (articles anté-chronologiques).
>iki (à la base) : page collaborative (édition rapide de contenu).

CSS lié au HTML dans le "header" d'une page web :

<head>
  • <link feuille de style>
  • <script javascript>
</head>


Ècriture feuille de style :
sélecteur (indique à quel élément du html s'applique la règle) {
  • attribut : valeur;}

exemple :
p (sélecteur de paragraphe) {
  • font-weight:bold;
  • font-size:18px;
}

Les CMS utilisent souvent des squelettes de page HTML = trame où vient s'insérer le contenu.