Serveur local pour formation Word Press 2811 0212

Serveur local pour formation Word. Press 28/11 02/12 Installer WAMPSERVER

Pour chaque poste Wampserver Installer Wampserver, une base de donnée (blog), utilisateur et mot de passe Où (root) sans mot de passe ni utilisateur

Langages Technologies se bases d’internet 5

Langages Technologies se bases d’internet 8

• Interaction client serveur http: //fr. wikimini. org/wiki/Serveur_(informatique) 9

• Prestation attendue • Développement • • Spécifiez si dans le site, il faut des éléments qui font appel à de la programmation et à des bases de données. Exemples : - moteur de recherche interne au site, - formulaire de collecte d’information, - boutique électronique, - quizz, - gestion automatique d’actualités, - interface de mise à jour du site, -… Autre point, exigez du prestataire que les langages utilisés pour les développements sont standards (exemples : php, java, xml…). Demandez la fourniture d’une documentation technique commentées des codes informatiques. 10

• Développement • Les langages serveur • La première partie des langages que nous dirons serveur servent à traiter la demande du client et préparer la réponse à envoyer. Le code y est exécuté par le serveur, et ne pourra jamais être vu par le client. • Le Php Personne n'a pu passer à coté du PHP, utilisé par les plus grands CMS (wordpress, joomla, drupal, magento). Il est trés facile à déployer, a une excellente documentation, et permet de faire des choses simples très vite. Il n'est néanmoins pas exempt de défauts: il est trés lourd, car tout les scripts doivent être lus à chaque appel de page. C'est aussi un langage très "mal rangé", car il c'est construit au petit bonheur la chance, au hasard des versions. Si votre site est en php, il sera très simple de trouver de petits bouts de code à ajouter à droite à gauche, pour avoir, par exemple, un fond qui change en fonction du jour de la semaine, de l'heure, ou autre (cet exemple sera détaillé sur un prochain article, d'ailleurs). • Le Java Le java permet de faire des sites et applications web bien plus rapides et sécurisés que le Php, mais le prix à payer est assez lourd: La consommation en ressources est assez aléatoire, et l'application pas forcément stable. De plus, il n'est pas simple de trouver un hébergeur acceptant autre chose que le Php. Si vous voulez faire un serveur pour un chat, ou quoi que ce soit qui demande beaucoup d'échanges entre serveur et client sans recharger la page, le Java est une bonne option. 11

• Développement • Les langages serveur. • ASP. net C'est le "langage" serveur de Microsoft. Pourquoi langage est-il entre guillemet? Car la technologie. net permet de choisir son langage! (le plus utilisé restant C#). Avec cette technologie, le code est compilé, et donc beaucoup plus rapide à l'execution que du PHP! Son inconvénient est qu'il est assez compliqué à faire tourner sur Linux, et que la plupart des serveurs tournent sous linux. • SQL Le langage qui permet d'interroger les bases de données (généralement my. SQL). Les bases de données sont indispensables pour tout site web conséquent, elle permettent de stocker et gérer de grandes quantités d'informations. 12

• Développement • Les langages Client. Sous ce nom assez. . . improvisé, nous allons parler des langages executés sur la machine du client, donc de l'internaute. • Le HTML 5 Sans conteste le langage client phare pour les sites web, le HTML gère tout ce qui est mise en forme d'information (bien que le HTML 5 tende à faire plus que de l'affichage). Il est composé d'un ensemble de balises, et qui ressemble (voir même qui est, si nous simplifions) au XML. Il est assez particulier car il n'est en réalité qu'un ensemble de règles énnoncées par le W 3 C. L'interprétation de ces règles est ensuite laissée à la discrétion des créateurs de navigateurs. • Le CSS 3 Il s'utilise conjointement avec le HTML, et définit des règles d'affichage. Il est lui aussi maintenu par le W 3 C, et n'est aussi qu'une suite de recommandations. Sa version 3 permet de faire des choses qui s'approchent du javascript, en permettant de faire des transitions (un moyen tout smooth de passer d'un état, une couleur, une position, à une autre). 13

• Développement • Les langages Client. Le Javascript Comme pour les deux précédents, le javascript est une interpretation de l'ECMAScript maintenu par le W 3 C. C'est le moyen de rendre dynamique des pages, en modifiant les propriétés HTML avec des transitions (pour faire de jolies animations, par exemple), effectuant des requêtse vers le serveur, discutant avec des éléments embarqués tels du flash, et autres. • Adobe animate (flash) Le nom réel du langage est l'AS 3 (ou anciennement AS 2, mais soyons à la page). C'est l'interprétation de l'ECMAScript d'Adobe. C'est un langage tres orienté objet, avec les spécificité de l'ECMAScript, qui sont des listener et des prototypes. Ses avantages sont qu'il est précompilé, et donc que le code source n'est pas disponible pour le premier passant venu, et qu'il tourne avec le plugin Flash directement fourni par Adobe. Nous avons donc pas de mauvaises surprises en fonction des navigateurs. 14

• Développement • Développement Ecriture du code Le développement consiste à développer les programmes nécessaires au fonctionnement de l'application ou à paramétrer un progiciel. C'est souvent une opération de longue haleine qui requiert des développeurs compétents. Le chef de projet doit porter une attention très particulière au travail de ses équipes, car les risques de dérapage au cours de cette phase sont hélas assez nombreux : 15

• Développement • Nommage des documents (ainsi que des répertoires et des dossiers) : . • • 16 Pour limiter les risques de perte, de "plantage" et/ou de confusion : choisir un nom court, significatif si possible (même si le logiciel promet la possibilité de 256 caractères, alléger. . . ) ne jamais utiliser d'accent ou de signe diacritique dans ce nom (lettre accentuée, virgule, signe mathématique, etc. ) ne jamais utiliser d'espace: les remplacer par le tiret de soulignement ("underscore", touche 8) le tiret simple peut être utilisé (mais il est préférable de l'éviter). supprimer les mots inutiles (ex: "devoir thème 6 management les styles de direction" devient plutôt "Dev. Manage_theme 6_Styles_Direction. rtf" par défaut, tout document ouvert (dans un texteur par exemple) est un "Document 1" ou "Sans nom 1": il faut le nommer correctement et l'enregistrer avec le nom approprié, dès le début de la saisie. toujours vérifier l'extension au moment de l'enregistrement : penser à utiliser les formats ouverts plutôt que les formats propriétaires. Par exemple, éviter le. doc et lui préférer le. rtf (lisible par tous les logiciels texteurs) ou le. pdf (semi-ouvert).

• Achitecture 3 tiers 17 • Le navigateur envoie l'adresse que l'utilisateur a tapée ; • Apache (le serveur web) cherche dans son arborescence si le fichier existe, et si celuici porte une extension reconnue comme une application PHP (. PHP, . PHP 3, . PHP 4, . PHP 5 par exemple). Si c'est le cas, Apache transmet ce fichier au parseur PHP ; • PHP parse le fichier, c'est-à-dire qu'il va analyser et exécuter le code PHP qui se trouve entre les balises <? PHP et ? >. Si ce code contient des requêtes vers une base de données My. SQL, PHP envoie la requête SQL. La base de données renvoie les informations voulues au script qui peut les exploiter (pour les afficher par exemple). PHP continue de parser la page, puis retourne le fichier dépourvu du code PHP au serveur web ; • Le serveur web renvoie donc un fichier ne contenant plus de PHP, donc seulement du HTML au navigateur qui l'interprète et l'affiche.

• Accès FTP http: //www. ordi-netfr. com/tutorialafilezilla. php 18

• Administration système http: //www. webdesign-desbat. com/blog/wp-admin/ 19

• Développement • Nommage des documents (ainsi que des répertoires et des dossiers) : . 20

CMS 21

• Phase de réalisation • Définition d’un CMS Le mot CMS vient de l’anglais Content Management System, ce qui signifie Système de Gestion de Contenus, logiciels destinés à la conception et à la mise à jour dynamique de sites web. Avec les CMS, il n’est pas nécessaire de connaître les langages HTML et CSS, ce qui en fait des solutions idéales pour créer rapidement un site Web sans (trop) de compétences techniques. 22

Un framework 23

• Phase de réalisation • Définition d’un CMS Le mot « framework » provient de l'anglais « frame » qui veut dire « cadre » en français, et « work » qui signifie « travail » . Littéralement, c'est donc un « cadre de travail » . Concrètement, c'est un ensemble de composants qui sert à créer les fondations, l'architecture et les grandes lignes d'un logiciel. Il existe des centaines de frameworks couvrant la plupart des langages de programmation. Ils sont destinés au développement de sites web ou bien à la conception de logiciels. • Un framework est une boîte à outils conçue par un ou plusieurs développeurs à destination d'autres développeurs. Contrairement à certains scripts tels que Word. Press, Dotclear ou autres, un framework n'est pas utilisable tel quel. Il n'est pas fait pour être utilisé par les utilisateurs finaux. https: //symfony. com/ 24

Référencement naturel 25

• Prestation attendue • Référencement 3. 7 Référencement • • • 26 Indiquez au prestataire les éléments qu’il devra réaliser : - Pour les moteurs de recherche : - mots clés du site, - descriptif du site, - texte indexé. - Pour les annuaires : - catégorie choisie, - description. - Liste des annuaires et moteurs sélectionnés. Eventuellement, demandez une prestation de suivi de référencement, en indiquer la durée, la fréquence des rapports de positionnement et la réinscription dans les moteurs et annuaires lorsque cela sera nécessaire.

• Prestation attendue • Recherche de mots clés https: //adwords. google. fr/Keyword. Planner • 27

• Prestation attendue • Le référencement (naturel 1) On Pierre angulaire d’une présence pérenne et efficace sur Internet, le référencement naturel (aussi appelé SEO pour Search Engine Optimization) a pour but d’augmenter le trafic de votre site provenant des moteurs de recherche. Il existe une série de bonnes pratiques et d’astuces, à la fois en amont de votre projet et une fois votre site en ligne, que nous allons détailler. • Dans les pages de résultats d’un moteur de recherche (appelées SERP pour Search Engine Results Pages), on distingue deux types de positionnements. Ceux issus du référencement payant (en rouge ci-dessous) et ceux issus des résultats naturels (en bleu). • Contrairement au référencement payant, vous n’avez pas à rémunérer le moteur de recherche pour apparaître dans les résultats naturels. • On peut scinder une prestation complète de référencement naturel en trois grandes phases : • • en amont de votre projet web ; lors de la conception technique de votre site Internet : le référencement « on page » ; et une fois votre site mis en ligne : le référencement « off page » . • Juin 2011 © Gérard Desbat

• Prestation attendue • Le référencement (naturel 2) La définition des expressions-clés stratégiques et la rédaction du contenu • La première étape consiste donc à étudier les meilleurs mots clés qui correspondent à votre activité et qui sont également tapés dans les moteurs de recherche par les internautes. En effet, il est important de choisir des mots clés représentatifs mais surtout populaires. Il est en effet inutile de se positionner sur des mots clés que personne ne tape. Il existe différentes méthodes et outils qui permettent de connaître la popularité d’une expression-clé, la concurrence autour de celle-ci, sa tendance (à la hausse ou à la baisse) et éventuellement les mots clés similaires également tapés par les internautes. • Après avoir sélectionné une série d’expressions-clés, il convient de structurer le site pour les intégrer de façon naturelles et optimisées : Plan du site et nommage des différentes pages Définition des titres et description des pages Définition de l’emplacement des contenus textuels Après avoir défini la structure et le plan du site, il faut rédiger son contenu tout en y insérant de façons optimisées les expressions-clés définies au préalable. • • Juin 2011 © Gérard Desbat

• Prestation attendue • Le référencement (naturel 3) Il existe plusieurs bonnes pratiques permettant de rendre le code d’une page web optimisé pour le référencement. Sans entrer dans le détails, en voici toutefois quelques-unes : • La Définir un nommage des URL, images et documents sémantique. Il est en effet plus efficace pour le référencement qu’une page se nomme « chaussure-sport-enfants. html » plutôt que « category. php? id=18″. • Utiliser du code sémantique. En effet l’HTML permet d’employer des balises qui indiquent au navigateur (et donc à Google également) clairement où sont les titres, les paragraphes, les listes de définitions, etc. Cela permet de structurer la page et de donner « un poids » plus important à certains éléments du contenu. • Ne pas utiliser de techniques qui pourraient cacher le contenu du site à Google : frames, contenus inclus dans du Java. Script, menu en Flash, etc. . Juin 2011 © Gérard Desbat

• Prestation attendue • Le référencement (naturel 4) Le référencement « off page » • Pour afficher un site en tête des pages de résultats sur Google, le moteur de recherche se base sur sa popularité. De façon simplifiée, un site populaire pour Google est un site qui fait référence dans son domaine. Pour estimer cette popularité, Google va analyser le nombre, la qualité et le sérieux des liens que d’autres sites font vers le site en question. • Cette popularité se forge donc au-delà de votre site, d’où l’appellation « off page » . Pour augmenter la popularité d’un site, il faut donc mener une série d’actions, comme par exemple : • • inscrire le site manuellement dans des annuaires et digg-likes de qualité ; inscrire le site sur des services locaux comme Google Adresses, Dismoioù, Foursquare… (En savoir plus sur le référencement local) ; Rédiger et publier des communiqués de presse sur des sites orientés SEO ; Recher des sites partenaires pour faire des échanges de liens ; Utiliser les forums et blogs (avec parcimonie) pour y déposer commentaires, messages ou signatures comportant des liens vers les pages du site. • • • Juin 2011 © Gérard Desbat