multimédia & internet 2èmes gestion/communication internet

1

Multimédia & Internet 2èmes Gestion/CommunicationInternet

David Crunelle – ESCG 2009 - 2010 – www.navalorama.be

InternetHistoire d’InternetLa Bulle InternetStart UpUtilitéConnexions & LangagesEmails & Logiciels de MessagerieWeb 2.0Vocabulaire

2


Histoire d’Internet- 1964, Paul Baran invente un système d’information décentralisé- un réseau hybride de télécommunication à architecture étoilée- Packet Switching (recherche de la route la moins encombrée)

3


Arpanet- 1969, le DOD crée le réseau ARPANET (Advanced Research Projects Agency)- Relie au départ 4 universités

Standford InstituteUCLAUCSanta BarbaraU Utah

4


5


- 1974: TCP IP- 1982, le réseau atteint l’Europe- 1984, le réseau ARPANET perd son caractère militaire- 1985 Début du projet: World Wide Web

- Robert Cailliau- Tim Berners-Lee

- années 90, envol commercial (startup & bulle internet)- 1990 Première page web- 1995/1998, création de la ‘Bulle Internet’- 2012 IPv6

85.154.242.12 2001:0db8:0000:85a3:0000:0000:ac1f:8001

6

Création de pages Web Gestion/Communication

Herman Olivier – ESCG

IP

INTERNET PROTOCOL

IPv4

IPv6

x.x.x.x (0255)

Ex:192.168.5.45

TCP/IP

TRANSFERT CONTROL PROTOCOL

SERVICE / PORT

xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx (0H)

Ex: AB12:FF45:4BCC:ABDC:1249:FA55:AF12:65FF

7


8



LAN

9



WAN

10



ADRESSES IP PARTICULIERES

192.168.x.x10.x.x.x127.0.0.1

11



InternetClient - Serveur

12



SERVEURS

-WEB (HYPERTEXT TRANSFERT PROTOCOL)

-FICHIERS (FTP: FILE TRANSFERT PROTOCOL)

-SMTP (SIMPLE MAIL TRANSFERT PROTOCOL)

-POP (POST OFFICE PROTOCOL)

-DNS (DOMAIN NAME SERVICE)

-DHCP (DYNAMIC HOST CONFIGURATION PROTOCOL)

-PROXY

13



SERVEURSHTTP

14



SERVEURSFTP

15



SERVEURS

-SMTP

-POP

16



SERVEURS

-DNS

17



SERVEURS

-DHCP

18



SERVEURS

-Proxy

ALT+Refresh

19


La Bulle Internet- dot-com bubble, ensemble des valeurs spéculatives reposant sur les secteurs liés à l’informatique et aux nouvelles technologies.- NASDAQ = marché d’actions- Implosion de la Bulle entre 2000 & 2002

Évolution du NASDAQ entre 1994 & 2004

20


Start Up- Nouvelle dynamique économique- Structure (phase de lancement) de société commerciale typique de la période 1998-2000- L’entreprise pouvait rentrer en bourse dès sa première année d’existence- augmentation du capital avant même de le début de la production- start-down = start-up qui dépose son bilan- ‘start-up’ est devenu un terme connoté négativement

21


LE WEB

Web et Web 2.0 Les types de sitesLes navigateursLes moteurs de rechercheLes portails

22


WEB 2.0 (Tim O’Reilly)

Web 1.0 Web 2.0

Logiciel messagerie webmailLogiciel news forums webLogiciel chat chats sur sitesPages statiques Pages dynamiques…

23


Types de sitesles sites de présentation, proposant différentes informations, de la publicité

- les sites de commerce, qui visent à vendre un produit

- les sites de services, qui permettent par exemple les téléchargements

- les sites personnels (homepage), présentant des contenus infiniment divers

- les sites institutionnels, qui fournissent des informations officielles

24


NavigateursEn anglais browser, logiciel conçu pour le Web, permettant aux utilisateurs d’explorer les ressources à l’intérieur d’un réseau intranet, extranet ou Internet.Le navigateur gère l’affichage des pages Web et le suivi des liens hypertextes ou hypermédias entre les différentes pages.

25


26


27


28


Les moteurs de rechercheLogiciel de recherche sur le réseau Internet, destiné à localiser les sites ou pages Web contenant l’information relative aux mots-clés de la requête de l’utilisateur.

29


Les URL: Uniform Ressource Locator

Exemple: http://www.base.be/fr.html

!!! FISHING !!!

www.verificationing.bebnpparibasfortis.securite.comwww.verif.com/belfius/verification.htm

Nom de domaine

Fichier sur le sitePréfixe

30


Barre d’adresse Recherche Google

31


Méthodologie de recherche avec Google (Athena – dec2005)

syntaxe résultattrain métro Trouve les pages contenant plusieurs termes (‘train’ et ‘métro’)

n’importe où sur la page. Plus de 30 mots sont accepté dans la requête.

train OR métro Trouve les pages contenant au moins un des deux mots.

train -métro Trouve les pages contenant ‘train’ et pas ‘métro’

‘’ tremblement de terre ‘’ Trouve les pages contenant l’expression exacte placée entre guillemets.

Intitle:multimédia Trouve les pages dont le titre comporte le mot ‘multimédia’

Inurl:informatique Trouve les pages dont l’URL comporte le mot ‘informatique’

define:internet La commande ‘define’ permet d’obtenir la définition du mot qui la suit.

filetype:pdf médecine Les adresses des sites créés permet de limiter la recherche à un format pdf, doc, xls, ppt, htmal, rtf.

32


Les portails

Services:-( Recherche par arborescence Ex: http://www.belgium.be/fr/)-Informations ciblées-Moteur de recherche-Actualité-Autres (mail, météo, finances,…)

Catégories :

1) Généralistes (yahoo, skynet, etc.) 2) Techniques (de type business to business) 3) Thématiques (groupes ethniques et de loisirs) ex:developpez.com

34


35


Portail- ‘localisé’ (pays ou région)- annuaire web- recherche par catégories- arborescence- offre de webmail- fournisseur d’accès Internet- beaucoup de publicité

Moteur de Recherche- explore l’entierté du réseau- recherche par critères- mondial- résultats par pertinence

Portail = site web Moteur de recherche = logiciel

36


Connexions & LangagesLes types de connexionsLes langages de programmation

37


Les types de connexions (large bande)ADSL (Asymmetric Digital Subscriber Line) utilisant la ligne téléphonique analogique ou numérique (digitale)pour un transfert plus rapide des images, du son, vidéos, animations, etc.

Câble connexion par la télédistribution, plus lent que l’ADSL.

ISDN (Integrated Services Digital Network) ou RNIS : connexion téléphonique digitale de transmission d’informations intégrées. Proposé par Belgacom pour la communication téléphonique de base dès 1997.

38


Les LangagesLe langage informatique est composé d’une série d’instructions pouvant être interprétées et exécutées par un ordinateur. Ces instructions se composent de caractères, de symboles, et de règles permettant de les assembler.

39


Le langage HTMLLangage de marquage hypertexte (HyperText Markup Language en anglais), constituant le langage de base du Web (World Wide Web).Le langage HTML est un langage de marquage qui ne connaît que l’alphabet ASCII standard, limité à 128 caractères. Ce langage et sa structure logique est celui utilisé par les navigateurs lors de l’affichage.

Des balises (définies par les chevrons : > <) attachées à une portion de texte déterminent le style dans lequel le texte sera affiché. Ces balises servent également à positionner les images, et déterminent les liens vers d’autres pages Web.

40


Exemple« Internet est un <B> outil </B> de recherche formidable» Le navigateur affichera : « Internet est un outil de recherche formidable»

La balise HTML utilise ici le marqueur initial <B> et le marqueur terminal </B>. Le premier (initial) indique le début de la mise en forme gras (bold), le second (terminal) indique la fin de l’utilisation de la mise en forme gras.

Les marqueurs initiaux et terminaux sont souvent appelés, respectivement, balises et contre-balises.

41


Pour faciliter la création des pages, il existe des outils d’édition de type WYSIWYG (What You See Is What You Get)qui masquent tout le travail d’annotation et facilitent du coup énormément la création de pages Web. Il existe une multitude de logiciels de création, accessibles à tous, qui ont entraîné l’apparition de ‘homepage’ dès l’ouverture d’Internet au grand publique.

<head><meta http-equiv="Content-Language" content="fr-be"><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Nouvelle page 1</title></head>

42


David Crunelle – ESCG 2006-2007 – www.navalorama.be

Les langages de programmationfonctionnel (ML, Haskell) impératif (Pascal, C, Java, ML) logique (Prolog) orienté objet (Java, Ocaml)

43


Les Langages : Exemple

BASICPrint ‘’Introduisez le premier opérateur’’Input op1Print ‘’Introduisez le 2eme opérateur’’Input op2Resultat=op1+op2Print resultat

PASCALWrite (‘Introduisez le 1er opérateur’);Readln(op1);Write (‘Introduisez le 2e opérateur’);Readln(op2);Resultat:=op1+op2Write(resultat);

ASSEMBLEURstr: .ascii "Bonjour\n" .globl _start _start:movl $4, %eaxmovl $1, %ebxmovl $str, %ecxmovl $13, %edxint $0x80movl $1, %eaxmovl $0, %ebxint $0x80

44


Java Langage informatique développé par la société SUN afin d’optimiser la sécurité à travers le réseau entre les différentes architectures (PC, Mac, Unix et Wap) et les systèmes d’exploitation.

Perl Langage optimisé pour de nombreuses tâches d’administration système afin d’extraire des informations de fichiers textes et en imprimer des rapports.

ASP (Active page Server) C’est un fichier texte (extension .asp) contenant toutes les combinaisons possibles de textes, balises HTML et commandes de script (ordre d’execution de tâches donné à votre ordinateur).

45


Messagerie

Webmail- service fourni sur Internet- accès par un navigateur- ‘gratuit’- décentralisé- protection virus- espace de stockage limité

Email- service fourni par un fournisseur d’accès ou hébergeur- accès par un logiciel- centralisé- protection virus?- espace de stockage illimité

46


Outlook Express Le logiciel standard, (installé par défaut sur 90% des PC de la planète)

Outlook Un cousin professionnel d'Outlook Express, incluant des fonctions d'agenda et de travail collaboratif.

Eudora Puissant, efficace et simple à utiliser : le challenger numéro un d'Outlook Express.













47


Netscape Le logiciel, ancienne star d'Internet, et son clone présentent toujours un module de messagerie.

Thunderbird Le module de messagerie de Mozilla a pris son envol : le logiciel est désormais autonome.

OperaLe navigateur alternatif Opera 5 présente également un module de messagerie.

48


Le vocabulaire d’InternetPrincipaux termes utilisés par les professionnels de la publicité sur Internet (Classement par ordre alphabétique)

Bien que ces définitions ne soient pas à apprendre par cœur, les termes seront fréquemment utilisés pendant le cours. Il est donc vivement conseillé de s’y référer si nécessaire.

49


Bandeau ou bannière publicitaire (advertising banner) : Généralement de forme rectangulaire annonçant un produit ou service (animé ou non), et générant habituellement un lien hypertexte avec le site de l'annonceur.

Brand, branding, branded : Tout ce qui concerne la gestion de la marque, une des préoccupations actuelles du monde de la publicité online.

Browser : Instrument permettant de consulter les pages web. Les plus connus sont Netscape et Internet Explorer. Le browser caching permet d’augmenter la vitesse de consultation des sites en emmagasinant les pages utilisées sur le disque dur des utilisateurs.

50


Business-to-business : Terme désignant le commerce en ligne entre entreprises.

Commerce électronique (Electronic commerce, e-commerce) : Transactions et échanges de biens et services s'effectuant par l'intermédiaire d'un réseau ou par tout autre média électronique.

Cookie (Cookie) : Technologie permettant à un serveur Web d'inscrire des données sur l'ordinateur personnel (disque dur) de l'utilisateur. Par exemple, un numéro de code individuel destiné à identifier l'ordinateur lors de visites subséquentes.

51


Courrier électronique, Courriel (e-mail) : Message ou document expédié d'un ordinateur à un autre.

Coût par clic (cost per click) : Le coût au clic est une formule marketing Internet utilisée pour donner un prix aux bannières publicitaires. Les annonceurs paierons les éditeurs de sites au nombre de clics qu’une bannière spécifique engendre.

E-mail marketing : Utiliser la puissance et l’étendue du courrier électronique permet, moyennant le respect des règles d’éthique (la netetiquette), des applications marketing d’un très bon taux de retour ; l’e-mail permission est la tendance la plus avancée de l’e-mail marketing et est basé sur la tendance « permission marketing ».

52


Lien hypertexte (hyperlink) : Liens dynamiques entre sites Web ou à l'intérieur d'un même site.

IP Adresse (Internet Protocole address) : Adresse Internet sous forme numérique composée d’un certain nombre de séquences:

Liste de distribution (mailing list) :Nombre d'adresses de courriers électroniques contenues dans une base de données pour fin de marketing direct sur Internet.

Version

Nb de séquences

Type de notation

Nb d'octets

Nb bits

séparateur

Bits/groupe Exemple

IpV4 4 décimal 4 32 . 8 156.157.4.5

IpV6 8 hexadécimal 16 128 : 162001:0db8:0000:85a3:0000:0000:ac1f:8001

53


Marketing personnalisé (one-to-one marketing) : Personnalisation des actions de promotion et de communication en fonction du profil et des attentes de chaque client.

Mots-clés (Keywords, meta tags) : Utilisé pour diriger les recherches dans les moteurs et répertoires. Publicitairement, lorsque l'on sélectionne un mot au cours d'une recherche dans un moteur ou répertoire de recherche, des bandeaux s'y rattachant s'affichent et ainsi permet d'optimiser la visibilité du site annonceur auprès de la clientèle ciblée.

54


Page vue (page view) : Nombre de fois où une page est totalement téléchargée sur la machine d'un utilisateur.

Pop-Up (Pop-Up Window) : Forme de publicité sur Internet ; apparition spontanée d'une nouvelle fenêtre (habituellement le 1/4 de l'écran) entre deux téléchargements de pages Web. Généralement, elle contient des éléments cliquables.

Spam (spam) : Courriers électroniques dont l'internaute est le destinataire malgré lui, et qui inondent sa boîte aux lettres.

55


Web 2.0 - VocabulaireAJAX : Asynchronous JavaScript and XML AJAX est une architecture applicative qui consiste à déporter un site web dans un navigateur. Elle reproduit l'architecture client-serveur, mais en utilisant uniquement des technologies web : XHTML, CSS, DOM (Document Object Model) et Javascript. La notion de "page" disparaît au profit d'un seul écran (motif de conception Single Page Interface) constitué de composants qui s'exécutent localement (dans le navigateur) et indépendamment les uns des autres. Chaque composant peut échanger des données structurées avec un serveur web grâce au mécanisme Javascript XMLHttpRequest. Il existe aussi d'autres protocoles de communication entre le client et le serveur comme JSON. AJAX s'appuie sur une programmation événementielle : un clic de souris déclenche, par exemple, une demande de données côté serveur. L'assemblage des composants entre eux s'appuie sur une approche évènementielle. Exemple : Zimbra API : Application Programming Interface Une API est une interface de programmation qui permet à deux sites web d'échanger des données de manière programmatique, sans recourir à une interface graphique utilisateur (GUI). Il existe deux types d'API : synchrones (SOAP) et asynchrones (REST). L'API décrit les objets / fonctions (nom, structure, méthodes, etc.) exposés par le site de façon à ce qu'un autre site web puisse ajouter, modifier, supprimer des données soit en appelant une méthode, soit en échangeant un fichier structuré (XML, CSV, etc.). Exemple : Programmableweb.com Blog Journal personnel en ligne. Les blogs sont des "sites perso" de deuxième génération. Contrairement aux "pages perso" qui nécessitaient des compétences techniques (HTML, FTP, etc.) et étaient donc réservées aux informaticiens, les blogs sont très simples à utiliser. N'importe quel internaute peut donc en créer un. Les blogs possèdent des mécanismes avancés de syndication qui permettent à plusieurs blogs complémentaires de se relier les uns aux autres (blogroll) pour maximiser leur trafic. Les blogs possèdent également un système de commentaires qui permet aux lecteurs de faire des remarques sur un article. Exemple : Sbordage.com

http://zimbra.com/products/ss_yahoo_map.html

http://www.programmableweb.com/apis

http://www.sbordage.com/

56


BlogrollLe blogroll est une collection de liens hypertextes, généralement regroupés sur la page d'accueil d'un blog, qui pointent vers d'autres blogs. Il est possible de syndiquer un blogroll à l'aide du format XML OPML. Exemple : ReadWriteWeb.com FolkMind FolkMind caractérise l'esprit planétaire qui émerge avec le web 2.0. Les blogs exposent des données structurées : tags, blogroll (OPML) et flux RSS. En agrégeant l'ensemble de ces flux, on peut calculer à un instant T les tags les plus utilisés et les blogs les plus influents. Comme les blogs expriment souvent une opinion, les tags les plus utilisés reflètent "l'état d'esprit" du web 2.0 et les idées fortes qui l'animent à un instant T. Exemple : BlogDex.com Folksonomy Contraction de "folk" et de "taxonomy", la folksonomy est le classement réalisé par les internautes du monde entier lorsqu'ils "taguent" des pages et sites web sur des sites de référence comme del.icio.us. C'est en quelque sorte un nouveau "Google" constitué manuellement par et pour les internautes. Voir également : tags [insérer 1 Ancre sur Tags]. Mashup (mash-up) Service en ligne construit en combinant d'autres services en ligne. Les mash-ups s'appuient sur les APIs des sites "web 2.0". Exemple : Annuaire de Mash-ups Microformats Format consensuel (ce n'est pas un standard) qui permet d'enrichir une page XHTML de métadonnées afin de faciliter le travail des moteurs de recherche. Les microformats s'appuient sur les attributs "class", "rel" et "rev" des éléments XHTML. L'attribut "rel" d'un lien hypertexte permet, par exemple, d'indiquer la nature de l'information vers laquelle pointe le lien. Le microformat le plus connu est XHTML Friends Network (XFN) qui utilise l'attribut "rel" pour indiquer la nature de la relation entre l'auteur de la page XHTML et les personnes vers lesquelles pointent des liens contenus dans cette page.

http://www.readwriteweb.com/archives/new_school_blog.php

57


OPML : Outline Processor Markup Language Format XML permettant d'échanger des listes de fils ou flux (ou feed) RSS. Le format OPML définit la façon de classer hiérarchiquement une liste d'éléments. On l'utilise aussi, par exemple, pour partager des playlists, des albums photos, etc. Voir également : RSS Permalink Une nouvelle façon de désigner les URL (Unique Resource Locator). Un permalink est une URL stable dans le temps qui permet d'accéder à tout moment, et avec la certitude que le lien n'est pas cassé, à une ressource sur le web. On les utilise notamment pour les articles publiés sur les blogs. Voir également : Trackback

Programmable web Avec le web 2.0 émerge la notion d'une plate-forme de développement à l'échelle de la planète. Comme les sites web 2.0 exposent tous leurs méthodes et données grâce à des APIs, il devient plus facile d'assembler plusieurs services (Google Maps et Yahoo ! Search par exemple) pour créer une nouvelle application web 2.0. On appelle ces agrégats de services des mash-ups. Pour faciliter l'émergence de mash-ups, le site programmableweb.com donne la liste de toutes les APIs publiques du web 2.0. Read/Write web La notion de read/write web est née du constat que le web 1.0 était essentiellement tourné vers la publication en ligne de documents statiques impossibles à modifier (read) par ses lecteurs. Les Wiki et les blogs (via leurs mécanismes de commentaires) facilitent la collaboration à plusieurs (write) autour d'un document ou d'un article. Par extension, toutes les applications "web 2.0" favorisent une forte collaboration entre leurs utilisateurs. Une nouvelle Toile émerge donc où chaque internaute peut lire, mais aussi écrire des données.Exemple : Wikipedia.org

58


RSS : Really Simple Syndication Ce format XML permet d'échanger très simplement des données entre deux sites web. D'abord conçus pour faciliter la syndication de contenus, les standards Rich Site Summary (RSS 0.91), RDF Site Summary (RSS 0.9 and 1.0) et Really Simple Syndication (RSS 2.0.0) deviennent peu à peu LE protocole de transport de données du web 2.0. Il ne faut donc plus voir les flux (feed en anglais) RSS comme de simples fils d'actualité. RSS est au web 2.0 ce que HTTP est au web 1.0.Exemple : Flux RSS d'Indexel.net Social web (social computing) On a trop souvent tendance à résumer le web 2.0 par l'acronyme AJAX. Le web 2.0 est avant tout une évolution sociale. Alors que les internautes du web 1.0 se contentaient de trouver et lire de l'information en ligne, le web 2.0 fait une très large place à la collaboration entre internautes. Ce sont d'abord les internautes qui créent le web 2.0 grâce à leurs tags del.icio.us, leurs blogs, etc. Ce partage est aussi particulièrement bien illustré par le site d'information Agoravox. L'acronyme "social web" synthétise cet esprit de partage et de collaboration qui est la base philosophique du web 2.0. L'emblème de cette dimension sociale est l'encyclopédie en ligne Wikipedia.org SSE : Simple Sharing Extensions Proposition de normalisation (Microsoft) d'un flux RSS bi-directionnel. Alors que RSS permet uniquement de "pousser" une information vers l'abonné d'un flux, SSE est un mécanisme de synchronisation. Il permet, par exemple, de partager des bases de données d'objets en ligne et de s'assurer que, lorsqu'un objet est modifié, ajouté ou supprimé, l'abonné recevra l'information de ce nouvel "état". SSE définit donc un "canal" permettant de synchroniser entre elles des bases de données sur le web.Exemple : RSS for Developers (Microsoft)

59


Tag Le tag est le mot-clé de l'internaute. Un tag est un mot-clé utilisé par un internaute pour décrire n'importe quel objet accessible en ligne : morceau de musique, page web, site, etc. C'est la base de la "folksonomy" et l'un des principes fondateurs du web 2.0. Les tags sont notamment utilisés par les services de "social bookmarking" tels que del.icio.us et Yahoo ! My Web 2.0 afin de catégoriser des bookmarks. Par extension, les tags sont utilisés par tous les sites web 2.0 pour décrire des personnes (sur les communautés telles que TagWorld, My Space, etc.), des événements (upcoming.org), etc.Exemple : del.icio.us Tag CloudUn "nuage de tags" est une représentation visuelle basée sur la densité des tags les uns par rapport aux autres. Si un internaute décrit par exemple 25 sites web (sur del.icio.us) à l'aide du tag "web 2.0", dix autres sites avec "AJAX" et cinq autres avec "mash-up", le tag "web 2.0" sera affiché avec une police de caractère de plus grande taille. Cette représentation visuelle permet de faire ressortir en un clin d'oeil les tags les plus "importants". Exemple : TagCloud.com Trackback Mécanisme qui permet de poster, dans les commentaires d'un article publié sur un blog, un lien vers d'autres articles abordant le même sujet. C'est une façon "normalisée" d'enrichir un article à l'aide d'un simple lien hypertexte. Wiki Site communautaire dont toutes les pages peuvent être modifiées en permanence par ses membres. Exemple : L'encyclopédie en ligne Wikipedia.org repose sur une architecture de wiki.

60


Evolution de la connexion internet

Modem téléphonique-> abonement a un provider payant + payement communication-> abonement à un provider gratuit + payement communication-> abonement à un provider payant moins cher que le payement des communications-> cable-> adsl










Modem téléphonique-> abonnement a un provider payant + payement communication-> abonnement à un provider gratuit + payement communication-> abonnement à un provider payant moins cher que le payement des communications-> câble-> adsl


Modem téléphonique-> abonnement a un provider payant + payement communication-> abonnement à un provider gratuit + payement communication-> abonnement à un provider payant moins cher que le payement des communications

câbleadslWap - 3g - 4g

61













Modem téléphonique-> abonnement a un provider payant + payement communication-> abonnement à un provider gratuit + payement communication-> abonnement à un provider payant moins cher que le payement des communications-> câble-> adsl

OPEN SOURCE – LICENCE GPL (GENERAL PUBLIC LICENCE)

-UTILISER-ETUDIER-MODIFIER-DIFFUSER LES MODIFICATIONS

EXEMPLES:

-LINUX-OPEN OFFICE / LIBRE OFFICE-GIMP

multimédia & internet 2èmes gestion/communication internet

Documents

multimdia internet

bulle internet start

internet histoire dinternet

premire page web

implosion de la bulle

rseau hybride

production start

bilan start