Informatique

1. ISFATES – L1 : UE Informatique1 Informatique Réseaux, Internet et sécurité Par Julien Brancher UFR MIM Université Paul Verlaine – METZ Ce document est partiellement issu de CommentCaMarche.net est soumis à la licence GNU FDL. Vous pouvez copier, modifier des copies de cette page tant que cette note apparaît clairement. Version sept. 2006

2. Internet Historique Les navigateurs Fonctionnement et protocoles Standard HTML Les balises La structure d’une page Les balises usuelles Liens hypertextes Les Tableaux Le web à l’université L’Environnement Numérique de Travail (E.N.T) Votre messagerie Votre espace personnel Votre accès à Moodle Sites web, accès libre, prêts de portables, accès Wi-Fi, … Plan du cours • Introduction aux réseaux • Concept et bref historique • Topologies et catégories • Technologie « Wireless »

3. Introduction aux réseaux Introduction aux réseaux • Concept et bref historique • Comment définir un réseau ? • Réseau de transport : ensemble d'infrastructures et de disposition permettant de transporter des personnes et des biens entre plusieurs zones géographiques • Réseau téléphonique: infrastructure permettant de faire circuler la voix entre plusieurs postes téléphoniques • Réseau de neurones: ensemble de cellules interconnectées entre-elles

4. Introduction aux réseaux • Réseau de malfaiteurs : ensemble d'escrocs qui sont en contact les uns avec les autres

5. Introduction aux réseaux • Réseau informatique : ensemble d'ordinateurs reliés entre eux grâce à des lignes physiques et échangeant des informations sous forme de données numériques (les bits : 0 ou 1)

6. Introduction aux réseaux • Réseau (network) : ensemble d'ordinateurs reliés entre eux par des câbles. Ces ordinateurs peuvent ainsi partager des ressources (modem, disque dur, lecteur de CD-Rom, applications etc.) et échanger des données. • Mise en réseau (networking) : outils et tâches utiles • Complexité du réseau du réseau (types d'ordinateurs, de communications, de support physique de transmission) : • Type de transfert de données (impulsions électriques, de lumière ou d'ondes électromagnétiques) • Type de support (câble coaxial, paires torsadées, fibre optique)

7. Introduction aux réseaux • Rappel : • Un ordinateur est une machine permettant de manipuler des données • Intérêt à relier ces ordinateurs afin de pouvoir échanger des informations • Objectifs : • Le partage de ressources (fichiers, applications ou matériels, connexion à internet, etc.) • La communication entre personnes (courrier électronique, discussion en direct, agendas, etc.) à l’aide de groupware • La communication entre processus (entre des ordinateurs industriels par exemple) • L’intégrité du système d’information : garantie de l'unicité et de l'universalité de l'accès à l'information (bases de données) • Le jeu vidéo multi-joueurs, etc.

8. Introduction aux réseaux Le serveur • Tous les réseaux en entreprise : • Des serveurs : ordinateurs au service des utilisateurs pour partager des ressources et des données. • Des clients : ordinateurs qui accèdent à ces services • Données partagées : fichiers accessibles sur les serveurs du réseau • Imprimantes (et autres périphériques partagés) : imprimantes ou autres éléments utilisés par les usagers du réseau PC Imprimante

9. Introduction aux réseaux • Deux grandes architectures de réseaux : • Les réseaux poste à poste (Peer to Peer / égal à égal) pc1 pc2 imp1 pc3 pc4

10. Introduction aux réseaux • Applications • Périphériques • Messagerie • Internet pc4 pc1 • Les réseaux Client/Serveur server0 pc2 pcX pc3 imp0

11. Introduction aux réseaux

12. Introduction aux réseaux • Topologie • Que signifie le terme « topologie physique » • L'arrangement physique = la configuration spatiale du réseau • Topologies les plus connues : • topologie en bus • topologie en étoile • topologie en anneau • topologie en arbre • topologie maillée

13. Introduction aux réseaux pc1 pc2 pcX • topologie en bus • La plus simple • Tous les ordinateurs sont reliés à une même ligne de transmission (« bus » désigne cette ligne) • Une connexion défectueuse = réseau H.S. server0

14. Introduction aux réseaux pc2 pcX • topologie en étoile • Moins vulnérable (le point névralgique est le concentrateur) • Plus onéreux (achat du hub) Concentrateur (hub) server0 pc1

15. Introduction aux réseaux • Catégories de réseaux • Taille = nombre de machines • TAN (Tiny Area Network) : 2,3 machines • LAN (Local Area Network) : 100-1000 machines • MAN (Metropolitan Area Network) : fibres optiques • CAN (Campus Area Network) : MAN amélioré • WAN (Wide Area Network) : Internet • VPN (Virtual Private Network) • Communiquer avec des filiales, des clients ou même du personnel géographiquement éloignées via internet • Internet = Danger ! (réseau écouté ou détourné) • Transmission de données chiffrée • Protocole de tunnelisation (tunneling) : données passant d'une extrémité du VPN à l'autre d'être sécurisées par des algorithmes de cryptographie.

16. Introduction aux réseaux • Technologie « Wireless » • Réseau sans fil (wireless network) • Mobilité • Ondes radio-électriques (radio et infrarouges) • Transmissions radio-électriques : militaires, scientifiques, … • Interférences réglementation (pays) • Plages de fréquence / type d’utilisation • Catégories de réseaux sans fil, selon le périmètre géographique offrant une connectivité (appelé zone de couverture)

17. Introduction aux réseaux

18. Introduction aux réseaux • Les « HotSpots » • Lieu public à forte affluence et clairement délimité (café, hôtel, gare, aéroport, etc...) donnant accès à un réseau sans fil qui permet aux utilisateurs de terminaux mobiles (PC portable, assistant personnel par exemple) de se connecter facilement à Internet.

19. Introduction aux réseaux • Les « CraieFiti » (warchalking) • Rendre visible les réseaux sans fil • Origine : • Dans les années 1930, pendant le grande dépression aux Etats-Unis, les sans-abris utilisaient des symboles pour indiquer où trouver un repas, un lit, un travail. • L'idée provient d'un groupe d'étudiants en architecture à Londres qui a tracé des bureaux à la craie. • Symboles tracés sur un mur ou une route • Pourquoi ? Encourager les nouveaux-venus et initier des discussions • Problème : accès à des connexions privés (SSID et WEP/WPA)

20. Internet et sites web Internet et sites web • Historique • 1957 : guerre froide : URSS et Etats-Unis • Les russes envoie Spoutnik (1er satellite) • Département de la défense US : groupe ARPA • Advanced Research Projects Agency : innovations technologiques appliquées à l'armée. • 1962 : l'US Air Force demande à un groupe de chercheurs de RAND (Research ANd Development) de concevoir un réseau capable résister à une frappe nucléaire massive, afin de pouvoir riposter à son tour. • Système décentralisé (maillons d'un réseau en toile d'araignée)

21. Internet • Premières briques • 1969 : l'Arpanet : réseau décentralisé (centres universitaires : UCLA, SRI, UCSB, l'Université de l'Utah) • Câbles 50Kbps • « Naissance d'Internet » = date de publication de la Première RFC (« Host Software », par S. Crocker) le 7 avril 1969 • 1971 : le courrier électronique (principe du post-It) avec transfert de fichiers via l'Arpanet • 1973 : Protocole TCP/IP • 1983 : le DNS - Domain Name System (mises à jour laborieuses hosts.txt maintenu par le Network Information Center - NIC) • DNS = Base de données « nom d'une machine - adresse IP » : catégories .fr, .com. .gouv, .biz, .org

22. Internet • Le « boom » • 1989 : le World Wide Web (la « toile »)  Internet s'étend au grand public • W3C (« World Wide Web Consortium »), consortium chargé de mettre au point les standards du Web. • 1993 : 1er navigateur (avec IG) Mosaic • 1995-2003 : la guerre des navigateurs (Netscape, Internet Explorer, Mozilla) • L’accès au haut-débit : • Lignes RTC < 56kbps • Lignes ADSL (ADSL2, ADSL2+, …) >> 128kbps

23. Internet • Le navigateur (browser) • Outil de l'internaute pour « surfer » entre les pages web de ses sites préférés • Logiciel possédant une interface graphique comprenant : • Des boutons de navigation (arrêt, précédent, suivant, réactualiser, accéder à une URL) • Une barre d'adresses • Une barre d'état (généralement en bas de fenêtre) • L’historique • Les favoris (« bookmarks ») • Afficher les pages web (sites Internet) • Pages Internet = fichiers texte comprenant : • Contenu de la page en texte • Des balises de mises en forme (langage HTML- HyperText MarkUp Language) • Extension .html ou .htm (.php, .asp, jsp, etc.) • Le navigateur interprète ces pages web en HTML

24. Internet • La navigation • Lien hypertexte = élément de navigation • 3 façons de naviguer : • Vous connaissez l'adresse du site que vous saisissez dans la barre d’adresse • A l’aide de mots-clefs via un Moteur de recherche • A partir d'une page Internet, il suffit de suivre les liens au fur et à mesure de la navigation

25. Internet • Rôle des serveurs web • Accueille plusieurs connexions simultanément • Stocke les sites HTML • Réceptionne les requêtes des internautes (URL) • Renvoie une réponse (contenu de la page correspondant à l’URL) • Les postes « client » • Navigateur Web installé • Interface Internaute/page Web • Envoi de requêtes (clic lien ou bouton, …) • Interprète le code HTML récupéré

26. Internet • Qu’est ce qu’un site web ? • Ensemble de fichiers stockés sur un serveur appelé serveur web (hébergeurs) • Protocole HTTP • Adresse unique : URL (Uniform Resource Locator ) http://www.univ-metz.fr/recherche/colloques.html Nom du protocole utilisé (ftp, …) Préfixe Nom du domaine Catégorie du site Page à visualiser

27. Internet • Outils pour développer des pages web • Sur Internet : un serveur web (hébergeur) • Un éditeur de texte ou de HTML pour éditer la page : • Editeurs texte : Bloc-notes • Editeurs HTML : HTMLedit • Editeurs WYSIWYG : WebExpert, DreamWeaver • Un navigateur pour visualiser la page Requête http (URL, …) machine hôte serveur distant Source Html, scripts, … Page d’erreur (401, 500, …)

28. Internet • Le langage HTML • NCSA Mosaïc : 1er navigateur web (1993 - HTML 1.0) • HTML 2.0 en 95, HTML 3.0 en 97 et fin 97 : HTML 4.0 • Langage standardisé (  World Wide Web Consortium - W3C ) • Langage de « marquage » • Balises de formatage indiquant la présentation du document • Page d'accueil (point central dans la navigation) • Insertion d’objets multimédias (images, sons, vidéo, etc.)

29. Internet • Le langage HTML • Une balise est un élément de texte (un nom) encadrée par le caractère inférieur (<) et le caractère supérieur (>) par exemple « <H1> ». • Les balises HTML fonctionnent par paire afin d'agir sur les éléments qu'elles encadrent. • La première est appelée « balise d'ouverture » • La seconde « balise de fermeture » (précédé du caractère /) <marqueur>Votre texte formaté.</marqueur>

30. Internet • La structure d’une page HTML : • Déclarer un page HTML : <html></html> • Page composée en 2 parties : • Entête : <head></head> • Titre de la page : <title>TITRE</title> • Informations diverses (auteur, etc.) • Corps : <body></body> • Contenu de la page qui sera visualisé dans le navigateur

31. Internet • <HTML> • <HEAD> • <TITLE>MA PAGE WEB</TITLE> • ... • </HEAD> • <BODY> • <h1><font color="red">E-pub aux Etats-Unis</font></h1> • <p> • La publicité sur Internet aux Etats-Unis poursuit sa forte croissance sur la première moitié de l'année 2006, en ligne avec les résultats de l'année 2005 (lire l'article du 24/04/06). C'est en tout cas ce qui ressort des chiffres… • </p> • </BODY> • </HTML> • Exemple :

32. Internet • Exemples avec les balises usuelles : • Gras : <b>Votre texte formaté </b> • Italique : <i>Votre texte formaté </i> • Souligné : <u>Votre texte formaté </u> • Paragraphe : <p>Votre texte formaté </p> • Entête : <h1>Votre titre formaté</h1> • Saut de ligne : <br /> • Imbrications de balises : gras et italique <i><b>Votre texte formaté </b></i>

33. Internet • Notions d’attributs • Propriétés supplémentaires (aucun à …) • Dans la balise ouvrante • Paire « clé = valeur » • Exemple pour aligner un texte à droite : <p align="right"> Exemple </p> • Exemple pour colorer le texte en rouge avec une taille de "2" : <font color="red" size="2">Exemple</font>

34. Internet • Démo sans balise HTML (texte pur) et avec … • Contenu de « accueil.html » : E-pub : 37 % de croissance aux Etats-Unis La publicité sur Internet aux Etats-Unis poursuit sa forte croissance sur la première moitié de l'année 2006, en ligne avec les résultats de l'année 2005 (lire l'article du 24/04/06). C'est en tout cas ce qui ressort des chiffres publiés par l'IAB (Interactive Advertising Bureau) dans une étude menée par PricewaterhouseCoopers sur le premier semestre 2006. Le chiffre d'affaires du secteur progresse de 37 % sur un an, à 7,9 milliards de dollars. Mais la croissance du seul second semestre ressort à 36 %, avec 4,1 milliards de dollars dépensés. Entre le premier (3,8 milliards) et le deuxième trimestre, le marché gagne 5,5 %. Côté formats, peu de changements concernant les choix des annonceurs. La publicité sur moteur de recherche reste le format roi, avec 40 % des revenus du secteur (3,2 milliards de dollars). Une proportion inchangée en un an. Le domaine des petites annonces, comptabilisé par l'IAB, monte de son côté en puissance. Il gagne 52 % à 1,6 milliard, soit 20 % des revenus publicitaires en ligne, contre 18 % un an auparavant. Autre format gagnant, l'affiliation, dont les revenus ont presque doublé, à 633 millions. La publicité "affichée" voit en revanche son poids diminuer. Sa progression de 28 % seulement lui fait perdre du terrain. Elle représente désormais moins d'un tiers du marché, avec 2,5 milliards de dollars. Le détail des sous-formats qui composent la publicité affichée comporte une surprise de taille : l'importance relative du rich media diminue, à 7 %. Alors que beaucoup d'agences ne jurent que par ces contenus enrichis, ou multimédias (vidéo, son et animations), les annonceurs lui préfèrent les bannières, rectangles et autres skyscrapers plus traditionnels.

35. Internet • Les images : • <img /> • Attributs principaux : • border : bordure en pixels • src : emplacement de l’image (chemin) <img border = "1" src="image.jpg"> • Les liens hypertextes : • <a>texte ou image à cliquer</a> • Attributs principaux : • href : Lien vers une autre page HTML, vers un site web,… • target : mode d’ouverture du lien <a href = "page2.html"> <a href = "http://www.google.fr">

36. Internet à l’UPV-M Internet à l’UniversitéPaul VerlaineMETZ • L’Environnement Numérique de Travail http://ent.univ-metz.fr Activez votre compte

37. Internet à l’UPV-M • L’Environnement Numérique de Travail • ENT = Accès sécurisée à toutes vos informations et vos outils, depuis n'importe quel poste informatique connecté à Internet. • Vous y trouverez notamment, en fonction de votre profil: • Des actualités : de l’université, de votre composante ou thématique • Des outils pour communiquer : annuaires, messagerie, agenda (partageable), listes de diffusion, ... • Votre espace de fichiers : espace de stockage et de partage de fichiers, cours en ligne universitaires et l'emprunt de documents électroniques

38. Internet à l’UPV-M • L’Environnement Numérique de Travail Connectez-vous ! (compte e-mail)

39. Internet à l’UPV-M • Votre messagerie

40. Internet à l’UPV-M • Votre espace personnel Dans Mes Documents : Gérez votre espace personnel en réseau (documents, fichiers, photos, etc.)

41. Internet à l’UPV-M • Votre espace personnel Dans Mes Documents publics : Echangez n’importe quel fichier de l’extérieur, vos projets, des documents personnels, …

42. Internet à l’UPV-M • Votre accès à Moodle Vos inscriptions au cours Recherche des cours : « isfates » et « info »

43. Internet à l’UPV-M Contenu des cours par séance (infos, docs, …) Intro au cours • Votre accès à Moodle (clef = isfates-l1) Actualités du cours Vos cours Liens vers Wikipédia Vos options Les autres participants Notes diverses

44. Internet à l’UPV-M • Votre accès à Moodle • Onglet Cours en ligne • La recherche d'un cours s’effectue de 2 façons : • En cliquant sur le libellé de la discipline ; • En saisissant des mots-clefs dans le moteur de recherche "Rechercher des cours" (nom de l'enseignant, du cours, ... cette solution est plus rapide) • Pour facilité la recherche d'un cours, le libellé du cours est de cette forme :

45. Internet à l’UPV-M • Salle d’accès libre : campus du Saulcy • Bibliothèque universitaire • 40 machines - 2 imprimantes • De 13 à 18 heure du lundi au vendredi (fermée le samedi) • De 9 à 17h à compter du mois d'octobre • UFR MIM • Salle 306 : 10 machines - 1 imprimante • De 8h30 à 19 heures • UFR Droit • 2è étage salle 213 : 10 machines -  1 imprimante • Du lundi au vendredi de 9 heures à 18 heures • UFR LL • 10 machines - 1 imprimante • Salle de lecture rez de chaussée Bâtiment B • Salle ouverte de 9h à 16h pendant les semaines de cours • UFR SHA • 10 machines - 1 imprimante • Salle C 107 - de 11h à 16h • SIOPUM • 3 machines • Du lundi au vendredi de 12h à 17 h et mercredi de 9h-12h • MDE : 3 machines dans l'entrée principale de 9 h à 17 h

46. Internet à l’UPV-M • Salle d’accès libre : campus de Bridoux • UFR SciFA • Salle TP3 : 15 machines - 1 imprimante • Libre accès de 8 h à 18 h • Salle d’accès libre : Campus Technopôle • Bibliothèque universitaire • 15 machines - 1 imprimante • De 9 à 17 h30 du lundi au vendredi (fermée le samedi) • IUT Thionville • 15 machines - 1 imprimante

47. Internet à l’UPV-M • Prêts de portables : • Bibliothèque Universitaire • Prêt gratuit à domicile d'ordinateurs portables • Condition? Etre inscrit à l'Université Paul Verlaine • De 10h à 12h au service informatique de la BU Saulcy • Durée d'un mois • Réservation possible • Pour tout renseignement : hesse@scd.univ-metz.fr • Accès Wi-Fi, … 

48. Internet à l’UPV-M • Sites de l’université : • http://www.isfates.com • Informations générales sur l’ISFATES • http://www.univ-metz.fr • Informations générales et actualités sur le campus • http://www.mim.univ-metz.fr (Sciences & Technologies) • Génie civil • Informatique • Génie mécanique