Culture Web

Vous êtes ici : >> CULTURE-WEB / Culture Web
Temps d'étude : 30 min. Niveau : Facile.
Tags : Culture Web
Fichier(s) utile(s) pour ce cours : /

Internet et le Web

Internet représente l'infrastructure réseau qui connecte tous les ordinateurs du monde. Le nom provient de l'expression "réseaux interconnectés" : INTERconnected NETworks.
La date de naissance d'Internet retenue est le 1er janvier 1983 avec l'apparition du protocole TCI/IP.

Le Web (apparu en 1989), utilise le canal de communication internet. Le Web utilise internet pour transporter et échanger des données, c'est l'utilisation majeure d'internet.
Le web représente un service d'échange d'informations pour le grand public.

Utilisation d’Internet :
fléche La consultation de pages Web (HTML/CSS),
fléche Le courrier électronique (email),
fléche Le transfert de fichiers de ou vers un serveur (transfert FTP)
fléche les systèmes de partage de fichiers poste à poste (pear-to-pear)

Différence entre l'Internet et le Web :
fléche Internet Réseau interconnecté,
fléche Web service d'échange d'informations

Les différents métiers

Dans le Web plusieurs métiers existent. Nous pouvons lister les principaux :

Graphisme
fléche Webdesigner : conçoit une maquette (image représentant le site).
fléche Graphiste : crée des visuels.
fléche Illustrateur : crée des images (icones, etc).
fléche Ergonome / Ux Designer : renforce l'expérience de l'utilisateur et améliore l'accessibilité du site.

Développement (Technique)
fléche Développeur : programme les éléments techniques d'un site, d'une application ou d'un logiciel.
fléche Intégrateur : intègre les différentes"parties d'un site, d'une application ou d'un logiciel.
fléche DBA (Data Base Administrator) : Administrate une base de données.
fléche Animateur : Réalise des images en 2D ou en 3D, des applications flash, etc.

Gestion
fléche Chef de projet : Dirige et coordonne les équipes ainsi que les planings (et parfois les clients, et les budgets) en fonction d'un projet.

Marketing
fléche Webmarketer : Défini la stratégie marketing du site.

Publicité
fléche Référenceur : Améliore le trafic et le positionnement d'un site web sur les moteurs de recherche.
fléche Analyste : Analyse les statistiques et les retombées commerciales des campagnes menés.

E-Reputation
fléche Community Manager : Veille à la réputation d'une entreprise sur le web et anime des communautés sur les réseaux sociaux.

Divers
fléche Rédacteur Web / Responsable Editorial : Crée des articles et des contenus pour alimenter un site web.
fléche Vidéaste : Réalise des vidéos optimisés pour le web.
fléche Webmaster : Met à jour un site.
fléche Modérateur : Gère les commentaires déposés sur un site web (ex : forum).
fléche Formateur : Enseigne son savoir aux apprentis.
fléche Juriste : vérifie la légalité des informations publiées.

Exploitation
fléche Administrateur réseaux : gère les équipements réseau (câblage, configuration des équipements réseaux, routage).
fléche Administateur système : administre les serveurs qui hébergent les services: couche système d'exploitation et applicative.
fléche Administrateur sécurité : assure la sécurité des données.

fléche

Dans le cadre de ce site, nous parlerons surtout de la partie technique

Rôle des langages

Nous n'utiliserons pas forcément les mêmes langages pour créer un site web, un logiciel, une application smartphone, un robot, un jeux vidéo, etc.

De nombreux langages informatiques existent pour créer des choses diverses et variés. Vous pouvez trouver la liste des langages sur Wikipédia.

Nous allons nous intéresser a 5 d'entre eux :

HTML – Hypertext Markup Language : C’est un langage de balise qui permet de structurer une page web, pour cela on y déclare les éléments, les zones et toutes les parties devant être présente dans la page au moment de l’affichage.


CSS – Cascading Style Sheets : C’est un langage de mise en forme, il permet de présenter les informations en personnalisant les éléments présents dans le HTML, nous pourrons par exemple préciser des tailles, des positionnements, des couleurs, etc.


JAVASCRIPT – JS : Ce langage permet de rendre les pages interactives en y ajoutant des mouvements, des événements, animations et de l’interactivité (pour cette utilisation flash est de moins en moins utilisé).


PHP – Hypertext Preprocessor : Langage de programmation permettant de produire des pages web dynamique et de développer des fonctionnalités.


SQL – Structured Query Language : Langage de requête permettant d'échanger des informations avec une base de données (enregistrement, sélection, modification, suppression).


il y a beaucoup d'autres langages, ceux-ci seront déjà suffisants pour notre utilisation et nous pouvons tous les mélanger.

Par exemple, si nous créons un forum :
J'utiliserais le PHP pour le rendre fonctionnel et dynamique,
le SQL pour enregistrer les messages dans une BDD,
le JS pour permettre de mettre des smileys dans les messages,
le HTML pour avoir un retour visuel,
le CSS pour positionner les différents éléments et améliorer le retour visuel venant du HTML.

FrameWork

Vous entendrez certainement parlé de framework type : Bootstrap (framework css), Symfony (framework php), et plein d'autres.
Il s'agit d'un cadre de travail et non pas d'un langage. Le but d'un framework est de faciliter l'écriture du code au développeur et prévoir notamment une meilleure conceptualisation et maintenabilité (pratique pour la reprise de projet).

Librairie

Vous entendrez certainement parlé de librairie type : Jquery.
Là non plus, ce n'est pas un langage, une librairie est un fichier avec du code déjà prêt pour accélérer le travail du développeur (et ne pas repartir de 0 à chaque nouvelle fonctionnalités).


Cms

Vous entendrez certainement parlé de CMS type : Wordpress, Drupal, Prestashop, etc.
Il s'agit de système de gestion de contenu. C'est généralement un regroupement de code HTML/CSS/JS/SQL/PHP sous forme modulaire pour obtenir des sites pré-assemblés.




CULTURE WEB

1. Culture Web