Essentiel architectures internet et intranet

Mars 2012 L'essentiel des Architectures Internet et IntranetAuteur Emmanuelle POULAIN – http://www.idnetinfo.net

L'ESSENTIEL DES ARCHITECTURES INTERNET ET INTRANET

QU'EST CE QUE INTERNET ?

● Qu'est ce que Internet ?● Technologies Internet/Intranet/Extranet : définitions● Serveur Web : technologie de base● Les protocoles (TCP/IP,HTTP,Telnet,SMTP,FTP,..)● Le navigateur, fonctionnement et possibilité● Dialogues navigateur/serveur● Qu'apportent ces technologies à l'entreprise ?

Qu'est ce que Internet ? Le RÉSEAU

Inter-net = Lien entre différents réseaux Architecture décentralisée

(INTERconnected NETworks)

● Sur le plan technique :(les réseaux reliés sont basés sur les mêmes protocoles, surtout TCP/IP)

● Sur le plan administratif :(il n'existe pas d'instance faîtière "Internet")

Internet : Le RESEAU

Bref historique :● 1971 naissance d’ “ARPAnet” conçu comme réseau

sûr pour l’armée US.● 1983 Utilisation d’ARPAnet comme réseau de

recherche● La base technique (TCP/IP) sera introduite au

niveau international dans les années qui suivent.● 1989 Internet se profile comme “LE” réseau de

recherche

Internet : Le RESEAU

● 1993 Explosion d’Internet suite à la popularité du WWW

● 1995/6 Percée de solutions Intranet/Internet dans le commerce (Intranet est un réseau TCP/IP fermé).

● 1997 “Banalisation” de l’usage du WWW● 1998 Commercialisation● 2002 Webservices standardisés et XML5

Technologies Internet/Intranet/Extranet

Trois types de réseaux basés sur la même technologie (typologie en réseau redondant, protocole IP, UDP et

TCP) mais dont l'usage est différent :

L'INTRANET

● Serveur web inaccessible de l'extérieur

● Système d'information interne

● Architecture 3 niveaux :● Clients : navigateurs● Serveurs applicatifs et

web pour gérer les différents services

● Serveurs BDD

L'EXTRANET

● Extension du système d'information à l'extérieur de l'entreprise

● Accès devant être sécurisé pour protéger le réseau interne via une DMZ par ex.

Serveur Web : technologie de base

● Le navigateur envoie une requête Http,

● Le serveur traite la requête et envoie une réponse http.

● Http : Hypertext Transfer Protocol.

Les Protocoles

Internet Protocol : IP=

protocole de niveau réseau

Transmission Control Protocol : TCP

=protocole de niveau

transport

Protocoles au dessus de TCP et UDP

=Types applicatifs

Les navigateurs

Beaucoup plus qu'un client http : les extensions leurs permettent une multitude

de fonctionnalités

Navigateurs mobiles, pc ou macs : toujours des

soucis de compatibilités

Dialogues entre le navigateur et le serveur web

Requêtes HTTP :

GET HEAD POST OPTION CONNECT

TRACE PUT DELETE...

Principes des Cookies● Peuvent être écris en PHP, JSP, ASP, Flash, etc...● Ils permettent : l'authentification, le stockage des

préférences utilisateurs, le ciblage pour la publicité, etc...

Evolutions des applications web : qu'est ce qui Change ?

● De HTML, XHTML, Ajax vers HTML 5...● HTML5 et CSS3 : une révolution,

– Shéma de structuration des données,

– Flash et HTML5,

– Qu'est ce qui change ?

– Présentation des balises,

– Présentation des fonctionnalités,

– @media queries,

– Normes et compatibilité navigateurs.

Html, Ajax, Html5...

● 1991 HTML● 1994 HTML 2● 1996 CSS 1 + JavaScript● 1997 HTML 4● 1998 CSS 2● 2000 XHTML 1● 2002 Tableless Web Design● 2005 AJAX● 2009 HTML 5

HTML, Ajax,...

Principe de fonctionnement AJAX

● Une présentation basée sur des standards utilisant XHTML et CSS;

● Un affichage dynamique et une interaction utilisant le Modèle Objet Document;

● L'échange de données et leur manipulation en utilisant XML et XSLT;

● La récupération asynchrone de données en utilisant XMLHttpRequest;

● Et JavaScript pour les mettre en œuvre ensemble

Principe de fonctionnement AJAX

HTML5 / CSS 3 : structure

HTML 5 et CSS3

On quitte l'Ere web des documents pour entrer dans le web des applications.

HTML5 ~= HTML + JS● Présentation :

http://www.slideshare.net/jverrecchia/prsentation-complte-de-lhtml5-7182528

CSS3 + moteurs de rendu● Présentation Google :

http://slides.html5rocks.com/#landing-slide

HTML 5 , ce qui change

● Présence d'applications/site web en HTML 5 sur tous les smartphones sans développement spécifiques : alternative aux « Apple Store, Android Market,... » .

● Accès hors ligne : que le navigateur soit en ligne ou pas, plus d'impact sur l'affichage de la page...

● Nouvelle couche d'API : limitation d'utilisation de librairies ou de fonctions Javascripts. Code mieux organisé et conforme W3C.

CSS3 / HTML5 : compatibilité

● CSS3 : entre -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; toujours des différences selon les navigateurs pour affichage sur les anciennes versions...

● Compatibilité multi-ecrans : la responsive, vers un affichage multi-ecran, les webdesigners évoluent.

● Compatibilité navigateurs web + mobile.

● Format non propriétaire : standardisation (Flash non compatible Iphone, plus d'ajout de plugins,...)

● Déjà adopté sur les templates des CMS : Drupal 8, Joomla 2.5,...

HTML 5 : apport aux entreprisesMultidiffusion à partir du même support : avancée vers

le web 3.0, évolution du multimédia,...● Webmarketing : nouvelles fonctionnalités

interactives, multi-diffusion web + mobile,...● Simplification des opérations de Marketing Mobile :

réduction des coûts et des compétences,● Proposer des applications et de la publicité sur tous

les supports,● Plus de sécurité : homogénéité du code grâce aux

Les architectures Web 2.0

● L'évolution de l'OpenSource dans les entreprises,● Linux/Windows, Apache/IIS : quels usages par les

grands sites web ?● La Plateforme Linux : serveur LAMP,● PHP, Apache, Mysql,● Java, libre ? Evolutions, problématique : Oracle,

Glassfish,● JAVA et l'Open Source : évolutions,

problématiques.

Web 2.0 : l'avancée de l'OpenSourceEn 2006, une étude du Gartner Group faisait les prévisions suivantes :● En 2008, les solutions open source seront en compétition directe

avec les solutions propriétaires dans tous les marchés de solutions d’infrastructure.

● En 2010, 75% des principales DSI auront une stratégie formalisée d’acquisition et de gestion de solutions open source.

● En 2010, les principales DSI envisageront les solutions open source pour 80% de leur dépenses en logiciel d’infrastructure.

● En 2010, l’open source fera partie des applications critiques dans 75% des 2000 plus grandes entreprises ‘globales’.

Web 2.0 l'avancée de l'OpenSource

● En 2010, l'industrie française de l'OpenSource regroupe 250 entreprises et 3500 emplois.

● Ses utilisateurs sont les grands comptes qui représentent 48 % du CA de l'industrie du logiciel libre et 600 000 PME à la recherche de solutions peu onéreuses.

*Etude pour la région Ile de France en 2010

Cartographie des logiciels « Libres »

Réalité économique de l'Open Source, coût d'intégration.

1. Dilution : L'OpenSource émane d'un esprit de liberté et de coopération,Réalité : L'OpenSource émane d'un esprit de compétition capitaliste.

2. Dilution : Les développeurs de logiciels open source travaillent gratuitement,Réalité : Les développeurs de logiciels open source sont rémunérés.

3. Dilution : L'Open Source rend les choses gratuites,Réalité : L'Open Source redéfini ce qui a de la valeur.

4. Dilution : il n'y a pas de barrière pour participer à l'OpenSource,Réalité : L'Open Source s'appuie sur la méritocratie.

Réalité économique de l'Open Source

5.Dilution : l'Open Source est démocratique,Réalité : l'Open Source s'appuie sur des dictateurs bienveillants.

6.Dilution : Un projet open source peut n'avoir qu'un développeur,Réalité : Un projet open source nécessite plusieurs développeurs.

7.Dilution : Un projet logiciel peut devenir open source à tout moment,Réalité : L'Open Source est incrit dans l'ADN du projet ou ne l'est pas.

Os Serveurs : Linux / WindowsWindows possède 46,5 % du marché mondial des serveurs,

Linux progresse fortement au détriment d'Unix, selon IDC en 2010.

● Choix selon les applications utilisées,● Sécurité équivalente : dépends de l'administrateur,● Le coût n'est pas le facteur critique, le choix du fournisseur reste

le plus important.● Interface graphique plus intuitive sous Windows,● Pour les administrateurs : ligne de commande sous Linux plus

évoluée, accessible à partir de n'importe quel terminal.● Windows compatible avec lui même, possibilité d'insérer un

serveur Linux sur un réseau de serveurs Windows.● Compétences : les compétences en os Linux sont plus rares mais

en évolution.

Et pour les serveurs web ? Apache / IIS

L'évolution des applications web changent la donne

Et pour les serveurs web ?

● La majorité des logiciels de serveurs web fonctionnent sous une plateforme Linux en production : 63,5 % en janvier 2012 (y compris les licences BSD),

● Ces serveurs de type UNIX sont très facilement sécurisables, et gratuits en ce qui concerne les libres.

Logiciels serveur web : comment choisir ?

● Votre site ou application web utilise les technologies Microsoft ? Microsoft IIS semble donc le plus adapté.

● Votre site ou application web doit supporter une forte charge ? Evaluer Nginx et Lighttpd selon vos besoins précis.

● Dans tous les autres cas, optez pour Apache, choix le plus classique s'adaptant à peu près à toutes les situations.

Architecture serveur LAMP

● Linux, OS

● Apache : serveur Web

● MySQL : serveur BDD

● Php : langage script et communication BDD

Plusieurs dérivés :● LAMA : Linux Apache

Mysql Asp,● WAMP : Windows …● MAMP : Macintosh...● SAMP : Solaris...● WASP : Avec SQLServer,● LAPP : avec PostGreSQL

Ex d'infrastructure serveur LAMP

Ex : architecture WAMP

Apache, Mysql, Php

● Serveur base de données relationnelles Open Source.

● Alternative : PostgreSQL

● Interface graphique web d'administration : PhpMyadmin

Evolution Oracle, Glassfish

Oracle souhaite du standard et s'investit dans l'Open Source : ● Glassfish : Serveur d'application OpenSource

compatible Java EE 6,● NetBeans : environnement de développement Java,● PHP : inclus avec Zend Server,● Open Office, innoDB, Xen (virtualisation),...

Problèmes de migration : Open Source enjeux stratégique pour Oracle. Combat avec Google pour Java,...

Modèle JEE

Architecture JEE Glassfish par Oracle

PHP et l'entreprise

● PHP5 orienté objet,● PHP programmation et plateforme globale de

l'entreprise,● Les atouts de PHP pour l'entreprise,● Type de développement, possibilités,● Architecture technique,● Les connecteurs,

ASP, JSP vs PHP ?● En 2009 les développeurs ont mis en ligne un

sondage sur Developpez.com :

● Beaucoup de rebondissements pour le moment, on en saura pas plus, mais PHP reste actuellement plus simple, peu couteux et complètement libre : donc standard... Il est utilisé dans plus de 60 % des applications web développées (source Smile en 2010).

PHP 5 programmation modèle objet

● On créé une classe « livre » qui va permettre de créer des objets « livres »

● Et une instance de la classe Livre (un objet) :

Php 5 : programmation objet

● Exemple d'une hierarchie de classes :

● On voit que la classe « Livre » hérite des propriétés de la classe Document.

Php 5 : ex de codes

PHP (PHP : Hypertext Preprocessor)

● PHP est à la fois un langage de programmation (comme Java ou C#) et une plate-forme globale d'entreprise (comme J2EE et .NET)

Les atouts de PHP pour l'entreprise● Simplicité : langage et modèle de développement

très simple.● Souplesse : PHP propose deux syntaxes, l'une

procédurale, l'autre orienté objet. ● Interopérabilité:PHP peut instancier des objets

COM,.NET et Java.● PHP est disponible sur l'ensemble des systèmes

d'exploitation du marché : il suffit de le déployer le logiciel serveur sur un poste client ou serveur pour que l'application fonctionne instantanément quel que soit le système d'exploitation.

Les atouts de PHP pour l'entreprise

● Pratiquement tous les CMS Open Source sont en PHP : DotClear, Drupal, Ez Publish, Guppy, Joomla, phpBB (Forum), Wiki, Prestashop, Typo 3, Wordpress, etc...

● Framework d'applications : Symfony, Zend, CakePHP, OpenBiz, etc...

● Son serveur d'application : ZendServer...● Ses extensions : PHP-GTK (pour le graphisme),

mediaWiki (moteur Wikipédia),...

Connecteurs PHP

● PHP dispose de connecteurs technique vers toutes les bases de données relationnelles du marché, mais également vers LDAP, XML, services web, XML-RPC, Oracle, Sybase, CSV, SAP, etc... : Facilitation de l'interfaçage

Le STANDARD LDAP

LDAP (Lightweight Directory Access Protocol)

● LDAP simplifie la gestion des profils de personnes et de ressources, favorise l'interopérabilité des systèmes d'information à travers le partage de ces profils, il améliore également la sécurité d'accès aux applications :

– Centralisation de l'authentification,

– Centralisation de la gestion des droits,

Le serveur LDAP● Un serveur LDAP « outil requis pour la gestion des

identités ». Ses fonctions :– Etablir la connexion avec l'annuaire,

– Rechercher les entrées,

– Comparer les entrées,

– Ajouter les entrées,

– Modifier les entrées,

– Supprimer les entrées,

– Annuler ou abandonner une opération,

– Fermer la connexion avec l'annuaire.

Concept du Protocole. LDAP c'est :● Le protocole permettant d'accéder à l'information contenue

dans l'annuaire,

● Un modèle d'information définissant le type de données contenues dans l'annuaire,

● Un modèle de nommage définissant comment l'information est organisée et référencée,

● Un modèle fonctionnel qui définit comment données et accès sont protégés,

● Un modèle de duplication qui définit comment la base est répartie entre serveurs,

● Des APIs pour développer les applications clientes,● LDIF : un modèle d'échange de donnée.

Les serveurs LDAP

● Apache Directory Server,● Open Directory d'Apple,● Red Hat Directory Server,● OpenLDAP,● IBM Lotus Domino,● Active Directory (Microsoft)● Oracle Internet Directory,...

Les clients LDAP

● Jxplorer (Java),● LDAP Browser (Java),● LDAP Admin (Windows),● APACHE Directory Studio (Java),● GQ (GTK) sous Linux,● Luma (Linux),● PhpLDAPadmin (PHP),● FusionDirectory (PHP),....

Les connexions

● Module LDAP PHP (ldap_connect, ldap_add, ldap_compare,...

● LdapLoginModule JAVA, JAAS LoginModule,...●

L'entreprise 2.0● Blogs, Wikis, RSS, Mashup : utilisation en

entreprise ? Bénéfices métiers ?● Veille informatique : agents intelligents,

surveillance de l'e-réputation sur le net, optimisation de l'information via les flux RSS.

● Technologies Web 2.0 et les retombées sur les applications web,

● Le Géant GOOGLE et l'Entreprise : son évolution,● Offres SAAS, PGI Open Source, Interfaces web

(ex : OpenErp),● Evolution du SI vers le Cloud Computing...

L'évolution du web

Blogs, Wikis, RSS, Mashups...

Entreprise 2 et veille informationnelle

● Utilisation des Fils RSS,

● Agrégateurs,● Weblogs,● Wikis,● Wikiblogs,● Agents intelligents,

Mashup.

Google et le web

● Marketing : Google Display, Régie publicitaire, AdSense, AdWord, Play Store, ..

● Google Analytic : statistiques web, ciblage,

● Outils développeurs web : Google Webmaster Tools, Url shortener, Website Optimizer, Page Speed Online,

● Applications : Google App, google docs, Gmail, Agenda, Google Traduction, ...

● Communication : Google +, Gtalk,

● Médias : You Tube, Picassa, Google Reader, Picnik, Ketshup, ...

● Veille : Google Alertes, FeedBurner,...

Les Offres SAAS : logiciel en tant que service

L'OFFRE SAAS : Abonnement logiciel plutôt que licence à travers une interface Web.

● Les principales applications concernées :– Les CRM (Relation Client),

– VidéoConférence (WebEx, Moodle,...)

– Les PGI ou ERP (SAP, OpenErp,...)

– Plateforme mails, ...

Le Cloud ComputingCLOUD COMPUTING = Informatique distante

● Le Cloud Computing désigne l'exploitation des ressources informatiques distantes permettant d'exploiter des services en ligne à la demande.

● Les acteurs : Oracle, Google, Adobe, Microsoft, IBM, Cisco, HP, Dell, Amazone, SalesForce, Zoho,...

● Applications : l'exploitation de logiciels en ligne, l'archivage des données, la mise à disposition de puissance de calcul, la collaboration au travers d'espaces de travail partagés et d'outils de communication,...

Le Cloud Computing

Les Espaces de Collaboration

● Les protocoles : SMTP, POP3, MIME,...● Les plateformes collaboratives (WebEx, Moodle,

Skype,...)● Agenda partagés, interface mobile,...● Forums et groupe de travail,● Les RSE dans l'entreprise,

Les protocoles de messagerie

Les Protocoles de messagerie● SMTP : (Simple Mail Transfer Protocol) standard

pour transférer le courriel d'un serveur à un autre.● POP : (Post Office Protocol) récupérer son courrier

sur un serveur distant (serveur POP) en local lorsque l'on a pas une connection internet en permanence.

● IMAP : (Internet Message Access Protocol) est un alternatif à POP offrant en plus la possibilité de gérer plusieurs accès simultanés.

● MIME : (Multipurpose Internet Mail Extensions) standard permettant d'étendre les possibilités du courrier électronique : images, sons, vidéo, etc...

Les Plateformes Collaboratives

L'évolution des RSE en entreprise

EN CONCLUSION...

Apport de l'internet/Intranet dans l'entreprise ?

Communication : ● Intérieur vers Extérieur,● Extérieur vers Intérieur,● En Interne

● Coût réduit,● Rapidité de mise en

place distante (navigateur),

● Simplicité d'installation

ET APRÈS ?

Et après ? Vers le Web 3...

● L'Ère du Web 3 est déjà bien entamée :– Le logiciel se libère des ordinateurs personnels,

– Fusion de l'internet classique, mobile et internet des objets,

– Mise en œuvre des standards, intégration du Web multi-niveaux,

– Résolution des problèmes d'interopérabilité entre les services.

Essentiel architectures internet et intranet

Entertainment & Humor

COMPANY PRESENTATION ESSENTIEL · 2017-12-20 · PAGE 4 COMPANY PRESENTATION 2018 ESSENTIEL ANTWERP Essentiel Antwerp A success story unique in the Belgian fashion landscape What

Chapter 1 Intranets Chapter Objects Intranet Basics Intranet Management Strategic Intranet Intranet Components Intranet Technical Decision Intranet Policies

CCNA 2 Essentiel

ES05 – L’ILOT DE DISTRIBUTION ESSENTIEL SImpLE, … · 1 ES05 – L’îlot de distribution essentiel L’îlot de distribution ES05 a été spécialement conçu pour les applications

Essentiel 1 (3rd term)

Intranet, Extranet, Firewall. Intranet and Extranet

BNP Paribas Essentiel 2012 En

Essentiel Lookbook S 2012

Intranet 2.0 & Intranet Maturity- NetStrategy JMC

TECHNIQUETONS RECOMMANDÉS Essentiel RED GREEN BLUE …

Essentiel 2 (4th term)

Etude Digitude 2014 (RMB) le résumé essentiel

Le conditionnement des médicaments: un élément essentiel

Intranet Product Selection - intranetfocus.comintranetfocus.com/.../03/Intranet-Product-Selection-Intranet-Focus... · Intranet Product Selection March 2017 ... Contents Introduction

Intranet, Extranet, Firewall - Babu · Lecture 31: Intranet, Extranet, Firewall ... • Illustrate a typical design of Intranet / Extranet. 2 Intranet and Extranet What is Intranet?

CCNA 4 - Essentiel - · PDF fileCCNA 4 – Essentiel 2 / 58 Laboratoire SUPINFO des Technologies Cisco Site Web : – E-mail : labo-cisco@supinfo.com Ce document est la

Intranet Connections White Paper - IC Thrive · 2020-04-20 · Intranet Connections White Paper Intranet Connections Intranet 2.0 software combines core intranet and social collaborative

St Barth Essentiel - Keep St Barth Green, Keep St Barth

Daher-Essentiel Guide TBM 940

System Architectures - Intranet DEIBhome.deib.polimi.it/brandole/pc/13-pcb.pdf · -4-Introduction System-on-Chip A single silicon die integrates most of the functionalities Can be