RecupNews et AdminNews

Dimension: px
Commencer à balayer dès la page:

Download "RecupNews et AdminNews"

Transcription

1 IUT de BLAGNAC, TOULOUSE II Département Informatique 1, place Georges Brassens, BP BLAGNAC Cedex ToulouseWeb Avenue Emile Dewoitine BLAGNAC Récupérer et administrer les actualités toulousaines Rapport du stage effectué du 6 avril 2009 au 12 juin 2009 Destinataires : Tuteur pédagogique : Mme SOULE Gérante de ToulouseWeb : Mme Didelot Responsable de stage : M. RIOU Responsable technique : M. GASC Cyril PERRIN Promotion 2009

2

3 Récupérer et administrer les actualités toulousaines

4 Remerciements Je tiens à remercier : Mme Didelot pour m avoir accueilli dans son entreprise M. Riou, responsable de stage Je tiens également à remercier : M. Gasc, responsable technique, pour m avoir accompagné dans mes projets Tous les employés et stagiaires pour l ambiance sympathique Page 4

5 Sommaire Remerciements... 4 Table des illustrations... 8 Introduction... 9 Présentation de l entreprise Historique Ses activités Le portail Publicité Conception et hébergement de sites Web Référencement de sites Internet Divers Infrastructure matérielle Les locaux et les stations de travail Le serveur dédié Le personnel Ma place dans l entreprise Les projets réalisés Moyens matériels mis a disposition Travail en équipe Documentation Structure de fichiers Facilité d installation et adaptabilité des projets RecupNews Analyse Analyse du besoin Choix des technologies Conception Cas d utilisation Création des tables de données Développement Analyse des nouvelles technologies PHP orienté objet L extension curl Page 5

6 Les classes Classe Logs Classe ListeFlux Classe Flux Classe Item Classe news Classe FormattedString Intégration Tests et réparations de bogues Installation sur le serveur de production Recherche et intégration de flux RSS Conclusion sur le projet AdminNews Analyse Analyse du besoin Choix des technologies Conception Développement Analyse des nouvelles technologies PDO Zend Studio for Eclipse Adaptation des classes déjà existantes Nouvelles classes/fonctions et fichiers Surcouche JavaScript Intégration Tests et réparation de bogues Installation sur le serveur de production Conclusion sur le projet AdminVitrine Développement Réalisation des classes Adaptation de certains de mes librairies personnelles Intégration Tests et réparation de bogues Installation sur le serveur de production Conclusion sur le projet Page 6

7 Planning Conclusion Index lexical Bibliographie Abstract Page 7

8 Table des illustrations Figure 1 - Coccinelle de ToulouseWeb... 9 Figure 2 - Logo actuel du portail de ToulouseWeb Figure 3 - Exemple d'encadré publicitaire Figure 4 - Plan de l'iut de Blagnac à ToulouseWeb Figure 5 - Aperçu de Zend Studio for Eclipse Figure 6 - Accueil de la documentation Figure 7 - Documentation d'une fonction Figure 8 Le long formulaire de proposition d'actualité Figure 9 - Logo de RSS Figure 10 - Diagramme des cas d'utilisation de RecupNews Figure 11 - Tables de données des actualités avant Figure 12 - Tables de données des actualités après Figure 13 - Implémentation de l'interface Iterator Figure 14 Diagramme des classes de RecupNews Figure 15 - Utilisation de la classe Logs Figure 16 - Utilisation de l'implémentation de l'interface Iterator Figure 17 - Parcours d'objets instanciés des classes ListeFlux, Flux et Items Figure 18 - Exemple d'utilisation de la fonction sscanf() Figure 19 - Exemple d'utilisation des expressions régulières Figure 20 - Exemple d'utilisation de la classe FormattedString Figure 21 - RecupNews, liste des flux RSS enregistrés Figure 22 - RecupNews: ajouter d'un nouveau flux RSS Figure 23 - Ancien formulaire de validation des actualités Figure 24 - Ancien formulaire d'édition d'une actualité Figure 25 - Diagramme des cas d'utilisation d AdminNews Figure 26 - Aperçu d'une actualité sous AdminNews Figure 27 - Fonction JavaScript texttotextarea() Figure 28 - Exemple d'édition d'une actualité Figure 29 - Exemple d'édition d'une image d'une actualité Figure 30 - Aperçu de la liste des actualité sous AdminNews Figure 31 - Extrait de la vitrine des sites réalisés par ToulouseWeb Figure 32 - Aperçu d'adminvitrine Figure 33 - Première partie du planning Figure 34 - Deuxième partie du planning Page 8

9 Introduction ToulouseWeb 1 est le premier portail 2 Internet toulousain. Celui-ci est spécialisé dans la l élaboration de site Web et dans l information des activités culturelles toulousaines. Pour fonctionner, elle vend ses services de création de sites Web selon plusieurs formules et de l espace publicitaire sur leur portail. Le recours à Internet pour faire de la publicité, s est incroyablement bien démocratisé depuis les premières campagnes publicitaires, avec affichage de bannières. Ceci explique en grande partie pourquoi les clients de ToulouseWeb sont, pour la plupart d entre eux, des petites entreprises toulousaines, telles que des entreprises hôtelières ou de services, qui ont recours à ToulouseWeb afin de se constituer une vitrine 3 sur le Web, bénéficiant de la popularité du portail toulousain. Figure 1 - Coccinelle de ToulouseWeb Du 6 avril 2009 au 12 juin 2009, j ai effectué mon stage au sein de l entreprise ToulouseWeb, située juste à coté des pistes de l aéroport de Blagnac. Au cours de ce stage, j ai eu le plaisir de pouvoir développer deux utilitaires : récupérer et administrer les actualités toulousaines. Ces deux utilitaires permettent de chercher sur le Web du contenu et de l insérer dans les pages de ToulouseWeb, permettant ainsi d augmenter la visibilité du portail sur Internet. Plus largement, ce stage a été pour moi l opportunité d appréhender le fonctionnement d une agence Web ainsi que le métier de développeur Web. J ai pu notamment approfondir mes connaissances dans les langages PHP, XHTML et JavaScript. De plus, ce stage m a non seulement permis de comprendre les moyens techniques et humains à mettre en place pour l élaboration d une agence Web mais aussi d intégrer la réalisation d une agence Web dans mes objectifs professionnels. Au cours de ce rapport, nous allons étudier dans un premier temps le fonctionnement de l entreprise et du portail ToulouseWeb, en faisant une étude globale de son historique, de ses activités et de son personnel. Nous décrirons ensuite les aspects techniques sur le fonctionnement du portail et surtout le travail que j ai pu apporter. Pour finir, je conclurais sur le déroulement de mon stage de et son contexte. 1 ToulouseWeb : disponible à l adresse 2 Portail : un portail se définit, dans le monde de l Internet, comme un site fournissant un ensemble de services et de liens utiles à l internaute, et surtout, un point d entrée sur l Internet pour tous les utilisateurs qui ont besoin d accéder à certains de ces services 3 Vitrine : une vitrine a pour but de rendre visible une entreprise sur Internet Page 9

10 Présentation de l entreprise Historique La société ToulouseWeb fait partie des startups Internet, qui, comme bon nombre d entre elles, ont été crées lors du boom Internet en France, juste avant les années La date de création de ToulouseWeb remonte à Après le passage à l an 2000, la bulle des startups s est effondrée dans les marchés financiers, mettant en difficultés les entreprises du milieu de l Internet. Le portail toulousain n a pu échapper à cette crise, et deux ans plus tard, en 2002, les fondateurs cèdent l entreprise pour raison financière. En Août 2002, la société est rachetée par la gérante actuelle Mme. Didelot. A ce jour, l entreprise semble avoir repris le dessus sur la crise et les clients que compte ToulouseWeb, toujours plus nombreux, reflètent la bonne santé financière de l entreprise et de son expansion certaine dans l avenir. Ses activités Cette entreprise est une S.A.R.L 4 au capital de et concentre son activité pour l essentiel sur Internet. Voici un aperçu des différentes activités de ToulouseWeb : Le portail ToulouseWeb, c est avant tout un portail, un vecteur d information locale et régionale, qui offre une multitude d informations culturelles, économiques et sociales. De plus, ce portail propose une multitude de services annexes plus ou moins variés. Figure 2 - Logo actuel du portail de ToulouseWeb Le portail est ainsi composé de plusieurs parties : L espace culturel (cinéma, musique et théâtre) : qui informe les internautes toulousains de la programmation quotidien des événements culturels à venir (spectacle, festival, ) Les petites annonces : des milliers d annonces publiées par les utilisateurs du portail L annuaire Web : des milliers de sites Web en rapport avec l activité toulousaine mais aussi des sites Web de clients qui souhaitent être mis en avant monnayant une certaine somme d argent Utile : un très grand nombre de numéros d urgences (pompiers, hôpital, ), de bons plans (réductions), de bonnes adresses (restaurant, discothèques, ), 4 S.A.R.L. : Société à Responsabilité Limitée Page 10

11 ToulouseWeb, c est aussi un ensemble de sites spécialisés : ToulouseWeb Emploi : espace d offres et de demandes d emploi ToulouseWeb Etudiant : espace d informations sur la vie étudiante toulousaine ToulouseWeb Shop : boutique en ligne ToulouseWeb Enfant : espace d informations pour les parents et enfants ToulouseWeb Coquin: actualités nocturnes et libertines de la ville rose ToulouseWeb Aéronautique : actualités aéronautiques liés à l air et à l espace Les principaux concurrents du portail de ToulouseWeb sont : ToulouseBlog.fr ToulouseBy.net LaDepeche.fr Pilipili.com Publicité La première activité, la plus répandue parmi la demande client, est la vente d espaces publicitaires sur le portail. En effet, le site Internet de la société est le portail commercial n 1 à Toulouse, et de ce fait, il jouit d un important trafic de visiteurs, ainsi que d un excellent référencement sur les principaux moteurs de recherche (Google, Bing, Yahoo, ). On dénombre environ visiteurs uniques pour de pages vues par mois. Ainsi on s aperçoit que la publicité est une bonne source de revenu et qu il ne faut pas la négliger. Des outils de statistiques sont fournis aux clients, afin de suivre en temps réel, le nombre de clics sur un encadré ou une bannière. Les clients peuvent ainsi se rendre compte du potentiel de la publicité qu ils ont mis en place sur ToulouseWeb et éventuellement d ajuster leur stratégie. Figure 3 - Exemple d'encadré publicitaire Page 11

12 Conception et hébergement de sites Web La seconde activité, plus rémunératrice, mais moins prisée que la précédente, est la conception et l hébergement de sites Web en tour genre, pour les entreprises ou les particuliers. La méthode de création d un site Web est toujours la même, malgré certaines différences liées aux différentes technologies utilisées : Plusieurs maquettes 5 sont réalisées par un infographiste et sont proposées au client La maquette choisie est «informatisée» pour pouvoir l afficher dans un navigateur Web La programmation du site Web est réalisée par les développeurs Les technologies utilisées sont fonction de la formule choisie par le client : Pour un site animé : Flash Pour un site statique : XHTML, CSS et JavaScript Le langage de programmation utilisé côté serveur est le PHP. Le système de bases de données est MySQL. Ces derniers proposent un avantage certain, ils sont libres et surtout gratuits. L hébergement quant à lui s effectue sur un serveur dédié 6 situé à Paris. ToulouseWeb se charge de l hébergement de sites Web de ses clients sur celui-ci en proposant un serveur mutualisé 7. A titre indicatif, le serveur dédié de ToulouseWeb héberge à présent plus de 230 sites web de clients, ce qui témoigne de la bonne santé de l entreprise. Référencement de sites Internet L expérience dont bénéficie ToulouseWeb au niveau du référencement est très riche, et son portail commercial en est un exemple plus que probant. C est par le biais de cet argument que les commerciaux vendent des prestations de référencement de site, à certains clients, pour qu à leur tour ils puissent profiter du référencement de ToulouseWeb pour augmenter la popularité de leur site Web. Divers Enfin, certaines activités annexes et moins rémunératrices que les précédentes sont offertes par ToulouseWeb : la création de mailings listes pour certaines sociétés commerciales, la réalisation d affiches et de plaquette pour la communication, et l organisation de jeu-concours au sein du portail. 5 Maquette : graphique permettant de donner l'aperçu le plus juste du rendu final 6 Serveur dédié : Un serveur est dit dédié quand il est mis à disposition d'un seul client par un hébergeur et qui sera soit administrable à distance via le réseau Internet soit administré par l'hébergeur. (Wikipédia) 7 Serveur mutualisé : l'hébergement mutualisé est un concept d'hébergement internet, destiné principalement à des sites web, dans un environnement technique dont la caractéristique principale est d'être partagé par plusieurs utilisateurs. (Wikipédia) Page 12

13 Infrastructure matérielle Les locaux et les stations de travail Le siège de ToulouseWeb est situé à Blagnac, près de Toulouse, plus précisément de l ancien aéroport toulousain. L ensemble des locaux possède un accès Internet, desservie sur chaque poste par le biais d un réseau en étoile. La plupart des machines sont de configuration moyenne. Figure 4 - Plan de l'iut de Blagnac à ToulouseWeb De plus, étant une petite entreprise, les locaux ne sont pas très grands et l espace vient souvent à manquer, c est pourquoi nous étions 2 à 4 personnes dans la même pièce. Ceci dit, le fait d être plusieurs dans une pièce nous a permis d établir un contact plus facilement avec les employés ainsi que les autres stagiaires, plus nombreux que les employés. Le serveur dédié L ensemble des sites de ToulouseWeb sont hébergés sur un serveur dédié et les opérations de transferts de fichiers ainsi que de maintenance se font à distance depuis Blagnac. Quelques versions logicielles du serveur : Système d exploitation : Linux RedHat, noyau Serveur Web : Apache 2.0 Système de bases de données : MySQL a Serveur PHP : Page 13

14 Le personnel Ma place dans l entreprise Lors de mon stage, j ai pris le poste de développeur Web et coéquipier de Mehdi Lauters. M. Gasc était notre responsable technique et aussi notre client. C est donc avec lui que nous avons défini nos projets réalisés durant le stage. M. Riou quant à lui fut notre responsable de stage. Page 14

15 Les projets réalisés Dès mon arrivée au sein de l entreprise, Mehdi Lauters et moi-même avons été pris en charge, comme vu précédemment, par M. Gasc qui fut notre responsable technique ainsi que notre véritable client. Tous les projets demandés par ce dernier ont été réalisés en équipe avec Mehdi, chacun s occupant d une partie différente. Durant tout le stage, nous avons le plaisir de travailler ensemble sur les projets suivant : RecupNews : récupérer des actualités AdminNews : administrer des actualités AdminVitrine : administrer une vitrine de sites web Moyens matériels mis a disposition La configuration des ordinateurs présents à ToulouseWeb ne nous permettant pas de travailler dans de bonnes conditions, il nous a été demandé d apporter notre propre ordinateur. Au début du stage, j ai principalement utilisé Windows Vista avec les logiciels WampServer (Apache , PHP 5.2.8, MySQL a), Notepad Les projets que nous avions à réaliser m ont poussé à installer Ubuntu 9.04, pour pouvoir faire fonctionner le PHP en ligne de commande. Mehdi quant à lui utilise Kubuntu 8.04 avec les paquets : Apache 2.2.8, PHP 5.2.4, MySQL a, Kate Travail en équipe L une des grandes particularités de ce stage fut le travail en équipe. Cela nous permis d enrichir notre expérience en travail collaboratif. Nous avons donc du mettre en œuvre une répartition bien pensée des tâches au sein du groupe de travail ainsi que d utiliser la technologie disponible à notre avantage. Pour pouvoir travailler sur un même projet simultanément, nous l un de nous hébergeait sur son ordinateur le projet qu il mettait en partage sur le réseau pour que l autre puisse accéder aux fichiers. La répartition des tâches faisait que nous n avions pas à modifier un même fichier en même temps, ce qui aurait posé problème. A partir de notre deuxième projet, AdminNews, nous avons décidé d utiliser un IDE 8 compatible Linux et Windows : Zend Studio for Eclipse Nous avons ainsi pu tirer profit de ses nombreux avantages : Un vrai outil collaboratif : nous avons utilisé le système SVN 10 qui nous a permis de travailler sur un même projet sans se soucier des problèmes de partage de fichiers mais aussi de pouvoir avoir un historique avancé des modifications apportées au projet 8 IDE : environnement de développement intégré 9 Zend Studio for Eclipse : IDE commercial pour PHP développé par Zend Technologies, basé sur le plugin PHP Development Tools (PDT) pour la plateforme Eclipse (Wikipédia) Page 15

16 Un vrai éditeur : un système d auto complétion permet de guider l édition de script, la coloration syntaxique du code permet de mieux repérer les parties du script, un système de vérification syntaxique permet d éviter certaines erreurs, Des fonctionnalités utiles : un système de rechercher/remplacer dans toute l arborescence du projet, un système de tâches à effectuer, Figure 5 - Aperçu de Zend Studio for Eclipse Avec cette liste de nombreux avantages par rapport à un éditeur «classique» (Kate, Notepad++, ), nous avons finalement adopté Zend Studio for Eclipse dans nos projets personnels. Pour tester un projet, il y avait deux façons de procéder : Si le projet est un script générant une interface graphique : celui qui héberge le projet ajoute un alias à Apache qui pointe sur le projet, puis il autorise les accès au projet depuis le réseau pour que l autre puisse accéder au projet via l IP locale de la machine qui héberge Si le projet est un script en ligne de commande : celui qui héberge le projet (doit forcement utiliser une distribution Linux) active le protocole SSH 11 et crée un compte utilisateur pour que l autre puisse se connecter et lancer le script (utilisation de PuTTY 12 sur Windows) 10 SVN : Subversion (en abrégé SVN) est un système de gestion de versions, distribué sous licence Apache et BSD. Il a été conçu pour remplacer CVS. (Wikipédia) 11 SSH : Secure Shell (SSH) est à la fois un programme informatique et un protocole de communication sécurisé (Wikipédia) 12 PuTTY : PuTTY est un émulateur de terminal doublé d'un client pour les protocoles SSH, Telnet, rlogin, et TCP brut (Wikipédia) Page 16

17 Documentation Pour la génération de la documentation développeur, nous avons préféré utiliser Doxygen 13 à PHPDoc qui selon propose plus de fonctionnalités et génère une documentation plus clair. Pour pouvoir générer la documentation avec Doxygen il faut respecter des règles de commentaire de code, disponibles sur le site officiel Respecter les règles nous a forcé à bien commenter notre code ce qui, en plus de pouvoir génerer la documentation, nous permis de produire un code très lisible. Exemple d entête de fonction documentée : De la même façon que Zend Studio for Eclipse que nous utilisons à présent pour nos projets personnels, nous avons adopté ces règles de commentaire qui s avèrent très utiles. Figure 6 - Accueil de la documentation Figure 7 - Documentation d'une fonction 13 Doxygen : logiciel informatique libre permettant de créer de la documentation à partir du code source d'un programme (Wikipédia) Page 17

18 Structure de fichiers Travailler proprement est très important. Cela permet de faciliter les choses lorsqu on travaille à plusieurs et lorsque le projet doit être repris. C est pourquoi nous avons décidé d utiliser une structure de fichiers simple et clair pour tous nos projets. Exemple de structure (RecupNews) : conf/ : contient tous les fichiers de configuration doc/ : contient toutes la documentation (développeur et utilisateur) lib/class/ : contient toutes les classes lib/func/ : contient toutes les fonctions logs/ : contient les fichier de logs sql/ : contient les requetes SQL 14 à executer lors de l installation du projet Facilité d installation et adaptabilité des projets Plusieurs impératif furent fixés par M. Gasc, notre responsable technique, et notamment de réaliser des projets faciles à installer. Et pour cela, nous avons : réunis au sein d un même dossier les requêtes SQL à exécuter lors de l installation du projet créer un fichier de configuration qui permet non seulement de remplir rapidement et facilement des données nécessaires, les identifiants de connexion à la base de données par exemple, mais aussi d obtenir un projet adaptable Note sur les deux derniers chapitres Utiliser une bonne structure de fichiers ainsi que faire un projet facile d installation et adaptable sont importants et devraient être enseignés à l IUT pendant les cours de Web. De même que des notions sur le référencement. C est pourquoi je vous demande de faire remonter l information aux professeurs en question afin de pousser les élèves à travailler proprement. Merci d avance. 14 SQL : Structured Query Language, ou langage structuré de requêtes, est un pseudo-langage informatique (de type requête) standard et normalisé, destiné à interroger ou à manipuler une base de données relationnelle (Wikipédia) Page 18

19 RecupNews Analyse Analyse du besoin Notre premier projet fut de réaliser un utilitaire permettant de récupérer automatiquement les actualités toulousaines. L actualité est un des piliers du portail ToulouseWeb et le seul moyen d ajouter une actualité est de passer par un long formulaire. Ceci ne permettant pas d avoir un nombre conséquent d actualités et ToulouseWeb se devant d avoir un nombre important face à ses principaux concurrents, c est donc ici que notre utilitaire prend tout son importance. Figure 8 Le long formulaire de proposition d'actualité Page 19

20 Après quelques réflexions, nous avons décidé d exploiter les flux RSS 15 des sites Web officiels tels que Voici un exemple de flux RSS (mis en forme par le navigateur Firefox) : Item Titre et lien de l item Description de l item Notre utilitaire doit donc récupérer les actualités via plusieurs flux RSS que l administrateur lui donne, met en forme ces actualités et les enregistre dans la base de données. Par la suite, elles sont traitées comme n importe quelle autre actualité provenant du formulaire, c'est-à-dire que l administrateur pourra modifier son contenu s il est erroné et valider ou non en fonction de la pertinence de l actualité. Un autre problème se pose alors : un flux RSS ne proposant qu un titre et qu une description par actualité, comment récupérer d autres informations, comme le lieu de l événement ou encore le prix d entrée s il s agit d un flux qui informent des prochains spectacles, qu il était possible de saisir via le formulaire? Nous avons choisi d extraire ces informations dans la page Web liée à l actualité (disponible lorsqu on clique sur l item d une actualité). De là est venue l idée de formatage, que l on expliquera avec la classe FormattedString. Figure 9 - Logo de RSS 15 RSS : désigne une famille de formats XML utilisés pour la syndication de contenu Web. L'usage le plus courant est de recevoir la liste des nouveaux articles publiés sur un blog ou un site d'informations, avec un résumé pour chaque article. (Wikipédia) Page 20

21 Choix des technologies Le portail de ToulouseWeb reposant sur un serveur Web utilisant PHP/MySQL, nous avons donc décidé d utiliser PHP comme langage de programmation, en ligne de commande afin de pouvoir facilement établir des tâches cron 16, et MySQL comme SGBD 17. Pour récupérer des données depuis un site Web telles qu un flux RSS ou bien une image, nous avons utilisé l extension PHP curl 18. Conception Cas d utilisation Dès le début, nous avons mis en évidence les différentes tâches qui devront être réalisées via notre utilitaire : Figure 10 - Diagramme des cas d'utilisation de RecupNews Nous pouvons donc remarqué deux parties de tâches : La première partie, réservée à l administrateur, permet d ajouter et supprimer un flux RSS La deuxième partie, réservée à un utilisateur ou bien l ordinateur via une tâche cron, permet de mettre à jour les actualités d un ou plusieurs flux RSS 16 Cron : nom d'un programme qui permet aux utilisateurs des systèmes Unix d'exécuter automatiquement des scripts (Wikipédia) 17 SGBD : Système de Gestion de Base de Données 18 curl : Client URL Request Library, ce logiciel curl est une interface en ligne de commande destinée à récupérer le contenu d'une ressource accessible par un réseau informatique (Wikipédia) Page 21

22 Création des tables de données Avant toute chose, nous avons commencé par faire une courte analyse de l existant, nous avons vu que les actualités sont enregistrées à l aide de deux tables de données, la première qui contient les catégories et la deuxième qui contient les actualités. La seule modification que nous avons apportée à la table des actualités fut d ajouter un champ permettant de différencier les actualités rentrées via le formulaire de celles récupérées via notre utilitaire. Ce champ indique pour chaque actualité sa provenance : vide pour une actualité provenant du formulaire et pour les actualités provenant d un flux RSS. Afin de pouvoir sauvegarder les différents flux RSS et les paramètres qui leur sont associés, nous avons créé une table de données supplémentaire. Voici un petit schéma explicatif des modifications apportées : Figure 11 - Tables de données des actualités avant Figure 12 - Tables de données des actualités après Explications des champs de la table des flux RSS : url : url du flux RSS infosflux : informations supplémentaires telle que la catégorie des actualités qu il contient datemaj : date de la dernière mise à jour du flux RSS Les autres champs : formatage des données dans le titre, la description et la page d un item Page 22

23 Développement Pour ce projet nous nous sommes répartis les tâches de la façon suivante : Mehdi s occupait de créer les classes métiers Moi, je m occupais de l extraction des données et de l intégration Analyse des nouvelles technologies PHP orienté objet Fort d une longue expérience personnelle dans le PHP et ayant découvert la programmation objet à l IUT avec Java, ce projet fut pour moi l opportunité de pratiquer le PHP orienté objet. Le concept objet étant le domaine de prédilection de Java et les cours de Java à l IUT étant assez complets, j ai surtout appris la syntaxe à utiliser. Dans ce projet, j ai pu implémenter l interface Iterator qui permet le parcours d un objet qui l implémente de façon aisée avec un foreach() par exemple. Figure 13 - Implémentation de l'interface Iterator L extension curl Afin de pouvoir télécharger des données telles que les flux RSS ou bien des images liées aux actualités, il nous fallait une solution. C est pourquoi notre responsable technique nous a conseillé d utiliser curl qui pour lui était la meilleure solution. Mehdi a ainsi pu se familiariser avec l extension pour développer ses classes. Les classes Pour les besoins du projet, nous avons du développer 6 classes : Logs : enregistrer une trace des actions réalisées avec l utilitaire et notamment les erreurs Items : contient les données d un item d un flux RSS tels que le titre, la description, Flux : permet de télécharger les items d un flux RSS et contient donc des items ListeFlux : contient la liste des flux RSS FormattedString : extrait des données à partir d une chaine et d un formatage donnés News : permet de créer une actualité Page 23

24 Voici le diagramme correspondant : Figure 14 Diagramme des classes de RecupNews Classe Logs Le fait de pouvoir enregistrer toutes les opérations effectuées avec notre utilitaire fut un des impératifs fixés par M. Gasc dès le début du projet. Il nous fallait donc une classe qui permettrait d enregistrer dans des fichiers de log 19 Mehdi s est chargé de développer cette classe. Lors de son utilisation, cette classe fut très facile à utiliser : il suffit d instancier la classe en début de fichier et d utiliser la méthode ajouter() sur l objet de log créé pour ajouter un événement, l un des paramètres définissant s il s agit d un message d erreur ou non. Exemple : Figure 15 - Utilisation de la classe Logs 19 Fichier de log : En informatique, le concept d'historique des événements ou de logging désigne l'enregistrement séquentiel dans un fichier ou une base de données de tous les événements affectant un processus particulier (application, activité d'un réseau informatique ). Le journal (en anglais log file ou plus simplement log), désigne alors le fichier contenant ces enregistrements. Page 24

25 Classe ListeFlux Cette classe permet de créer un objet qui contient tous les flux RSS. Cette classe, développée par Mehdi, a la bonne particularité d implémenter l interface Iterator ce qui permet de lister de lister les flux dans un foreach(), exemple : Figure 16 - Utilisation de l'implémentation de l'interface Iterator Classe Flux Cette classe, une nouvelle fois développé par Mehdi, permet de téléchargé les items d un flux RSS et de chargé les différentes informations disponibles sur le flux RSS, contenues dans la table de données des flux RSS. Pour cela, elle utilise curl, pour télécharger le flux RSS, et des classes DOM 20, pour le manipuler, de la SPL 21. Elle permet également de tester si un flux RSS, dont l url est donné, s il est enregistré dans la base de données. Lors de l intégration, cela m a permis notamment de vérifier s il l utilisateur ne fournit pas des données incohérentes. Classe Item Cette classe, encore développée par Mehdi, permet d encapsuler les données d un item et de télécharger le contenu de la page du lien hypertexte de l item. Elle permet également de téléchargé une image. Lors de l intégration, ces trois dernières classes ont vraiment été très pratiques à utiliser, d autant plus que ListeFlux et Flux implémentent toutes les deux Iterator. Exemple d utilisation : Figure 17 - Parcours d'objets instanciés des classes ListeFlux, Flux et Items 20 DOM : Document Object Model, recommandation du W3C qui décrit une interface indépendante de tout langage de programmation et de toute plate-forme, permettant à des programmes informatiques et à des scripts d'accéder ou de mettre à jour le contenu, la structure ou le style de documents (Wikipédia) 21 SPL: Standard PHP Library, librairie de classes et d'interfaces PHP Page 25

26 Classe news Cette classe, une nouvelle fois développé par Mehdi, permet de créer une actualité. Elle permet aussi de savoir si une actualité a déjà été enregistrée ou non. Classe FormattedString Nos avons vu précédemment que récupérer uniquement le titre et la description d un item ne suffit pas, il faut pouvoir récupérer d autres informations telles que le lieu de l événement ou encore le prix d entrée s il s agit d un flux qui informent des prochains spectacles. Nous avons choisi d extraire ces informations dans la page Web liée à l actualité (disponible lorsqu on clique sur l item d une actualité). Après réflexion, j ai décidé de créer une classe dédiée à l extraction des données. Il suffirait de créer une instance de la classe en passant la page Web ainsi que le formatage des données en paramètre au constructeur et la l objet retrouverait les données. Deux problèmes se posaient : Extraire correctement des données dans n importe quelle chaine de caractères Elaborer un système utilisable par un utilisateur non expert des expressions régulières 22 Extraction des données Pour extraire les données, j ai d abord pensé à l utilisation de la fonction sscanf() 23 qui permet de récupérer les données contenu dans une chaine dont le formatage est donné. Exemple d utilisation : Figure 18 - Exemple d'utilisation de la fonction sscanf() 22 Expression régulière : une chaîne de caractères que l on appelle parfois un motif et qui décrit un ensemble de chaînes de caractères possibles selon une syntaxe précise (Wikipédia) 23 sscanf() : mixed sscanf ( string $str, string $format [, mixed &$... ] ) $str : la chaine à analyser $format : le format interprété pour la chaîne str : variables passées par référence qui contiendront les valeurs de l'analyse Page 26

27 Après quelques tests, la fonction sscanf() marche bien mais n a pas été pensé dans le but de récupérer des données dans des chaines complexes comme une page Web qui comprend des centaines de lignes. C est alors que j ai pensé à l utilisation des expressions régulières que j avais déjà manipulées auparavant et qui permettent de faire des choses assez puissantes. Exemple d utilisation : Figure 19 - Exemple d'utilisation des expressions régulières Nous pouvons voir d après cet exemple que les expressions régulières permettent de reconnaitre différentes données contenues dans une page HTML mais ne sont pas très adaptées pour une personne qui ne connait pas ou très peu les expressions régulières. Faciliter la description des formats des données Après réflexion, j ai décidé d utiliser un système de raccourcis. C'est-à-dire qu au lieu d écrire un motif, qui n est pas forcement évident pour tout le monde, il suffirait d écrire son raccourci. Après de nombreux tests, j ai de mettre place quatre raccourcis : %s : chaine de caractère %d : nombre %c : caractère %spaces : caractères d espacement Page 27

28 D après le dernier exemple sur l utilisation des expressions, nous pouvons voir qu il faut mettre entre parenthèse les éléments à récupérer. J ai gardé ce principe en ajoutant le fait que pour chaque pair de parenthèse, il faut savoir de quelle donnée il s agit (date d événement, site Web, ) et pour cela il faut spécifier la liste du nom des données à récupérer. C est pourquoi le constructeur de FormattedString dispose de 3 paramètres obligatoires : la chaine à analyser, le format et la liste des noms des données à récupérer. Exemple d utilisation : Figure 20 - Exemple d'utilisation de la classe FormattedString Nous pouvons maintenant expliquer les champs dans la table de données des flux RSS concernant le formatage des données. Pour chaque source d information (titre, description et page de l item) un formatage est possible et donne donc lieu aux 6 champs vus précédemment : formatagetitre, formatageflux et formatagepage : formats listechampstitre, listechampsflux et listechampspage. : listes des noms des données Pour de plus amples informations sur le fonctionnement interne de cette classe, merci de bien vouloir vous rendre dans la documentation développeur disponible dans /doc/dev/html/index.html ou bien dans le fichier PHP de la classe disponible ici : /lib/class/formattedstring.php. Intégration L intégration fut pour moi l occasion d utiliser les classes développées jusque là. Relativement peu de problèmes sont apparus. J ai pu également pu utiliser le PHP en ligne de commande, ce que je n avais jamais fait auparavant. Exemple d interaction avec le clavier en PHP : Comme vu précédemment, la plupart des classes implémentent l interface Iterator ce qui m a beaucoup aidé lors de l intégration de ces classes. Afin de rendre l expérience utilisateur la meilleure possible, l interface étant en ligne de commande, j ai mis en place un système de coloration afin de bien pouvoir identifier les différentes Page 28

29 parties qui sont affichées à l écran. De plus, j ai minimisé la forme pour plus laisser place au contenu, les messages sont clairs et concis. Figure 21 - RecupNews, liste des flux RSS enregistrés Figure 22 - RecupNews: ajouter d'un nouveau flux RSS Page 29

30 Tests et réparations de bogues Nous avons effectué de nombreux tests afin de détecter l existence de bogues. Il s est avérer que nous avions pas mal de problèmes liés à l extraction des données et d autres plus minimes. Après de longs efforts, tous les problèmes furent réglés. Installation sur le serveur de production Quand le moment de l installation sur le serveur de production fut venu, nous avons déposé notre projet sur l ordinateur de notre responsable technique, M. Gasc, qui se chargea de paramétrer RecupNews à sa guise à travers le fichier de configuration. Une fois les fichiers mis en ligne, le tout marchait admirablement bien et nous étions contents de notre travail, de même pour M. Gasc. Recherche et intégration de flux RSS Le but du projet étant de récupérer des actualités via des flux RSS, nous avons été chargés, Mehdi et moi-même, de trouver de nombreux flux RSS en rapport avec la vie toulousaine. Après avoir récupérer des dizaines de flux RSS, nous avons cherché les meilleurs formatages possibles afin d extraire le plus de données possible des actualités. A partir de ces informations, nous avons crée une requête SQL qui insère les nouveaux flux RSS dans la table de donnée correspondante sans avoir à passer par l interface de RecupNews pour chaque flux RSS. Juste après, nous avons lancé RecupNews qui a très bien récupérer toutes les actualités de tous les flux RSS : plus de 400 actualités au total. Notre objectif, de proposer un utilitaire permettant de récupérer automatique des actualités, été rempli. Conclusion sur le projet J ai trouvé ce projet très intéressant non seulement d un point de vue technique ou j ai pu apprendre de nouvelles choses mais aussi d un point de vue humain en travaillant en collaboration avec Mehdi. Du point de vue technique, j ai pu apprendre : la programmation objet en PHP l utilisation d un fichier de configuration unique : qui permet non seulement d avoir un projet facile à installer mais aussi adaptable en fonction des besoins l utilisation de générateurs de documentation : qui force a bien commenter le code et qui permet surtout d obtenir une documentation développeur digne de ce nom l utilisation du protocole SSH : qui se révèle très pratique pour accéder à un terminal Linux à distance, depuis un autre ordinateur sous Linux ou bien sous Windows De plus, ce projet étant adaptable en fonction des besoins, il pourrait nous être utile à des fins personnelles. Nous avons déjà envisagé avec Mehdi d en faire un script libre et donc de le proposer gratuitement. Page 30

31 AdminNews Nous avions finis notre projet et il nous reste un mois de stage devant nous alors notre responsable technique, visiblement étonné de notre rapidité et de notre capacité à travailler à deux, nous a donné un deuxième projet dans la continuité du premier. Ainsi, après avoir réalisé un utilitaire de récupération automatique d actualités, nous avons du développé un système d administration de ces actualités afin de remplacer celui existant qui commençait à se faire vieux. Analyse Analyse du besoin Le système d administration des actualités existant était très mal conçu et ne permettait vraiment pas de faire un travail rapide et efficace. C est pourquoi notre responsable a jugé bon de mettre un coup de jeune à celui-ci. Figure 24 - Ancien formulaire d'édition d'une actualité Figure 23 - Ancien formulaire de validation des actualités Page 31

32 Choix des technologies Toujours pour les même raisons, le serveur de ToulouseWeb reposant sur un serveur Web reposant sur PHP/MySQL, nous avons décidé de garder le même langage et le même SGBD que pour RecupNews. Une nouveauté malgré tout, cette fois ci, nous devions réaliser une interface Web. Nous avons choisi d utiliser des standards que sont XHTML, Javascript et CSS. Nous verrons cela en détail par la suite. Conception Les tâches que devait réaliser notre utilitaire se limitaient à : valider une actualité, refuser une actualité et modifier une actualité. Voici un petit diagramme explicatif : Figure 25 - Diagramme des cas d'utilisation d AdminNews Pour ce qui est de l analyse des tables de données enregistrant les actualités, il s agit des mêmes tables vues précédemment avec RecupNews : une table qui contient les catégories et une qui contient toutes les actualités. Développement Pour ce projet, nous nous sommes repartis les tâches de la façon suivante : Mehdi s occupait d adapter les classes développées pour RecupNews Moi, je m occupais de l intégration des classes et de la surcouche JavaScript Analyse des nouvelles technologies PDO 24 Notre responsable technique nous a vivement conseillé d utiliser PDO. Pour ma part, je n ai pas eu à l utiliser car je m occupais de l intégration des classes qui s occupait elle-même de faire les requêtes SQL. C est donc Mehdi qui s est chargé de l utiliser dans ses classes. Zend Studio for Eclipse Déjà décris précédemment à propos du travail d équipe, je ne m étendrais pas une nouvelle fois sur le sujet. Merci de bien vouloir vous reportez au paragraphe sur le travail d équipe pour un rappel sur les nombreux avantages sur Zend Studio for Eclipse qui nous ont poussés à l utiliser. 24 PDO : PHP Data Objects définit une interface pour accéder à une base de données (ManuelPHP) Page 32

33 Adaptation des classes déjà existantes Nous avions déjà développé quelques classes pour RecupNews traitant des actualités. Nous avons donc décidé de tout simplement les réutiliser. Cependant, Mehdi a du procédé à des adaptations pour répondre aux nouveaux besoins mais aussi de mettre en place l utilisation de PDO. Etant donné que Mehdi s est chargé de cette partie, je vous renvoi donc à son dossier pour en savoir plus sur l adaptation des classes : News : permet de créer, charger, modifier et supprimer une actualité Logs : enregistrer une trace des actions réalisées avec l utilitaire et notamment les erreurs Nouvelles classes/fonctions et fichiers De même que précédemment, Mehdi s est chargé du développement de nouvelles classes, fonction et fichiers que voici : ListeNews : liste d actualités, implémentant les interfaces IteratorAggregate, Countable et ArrayAccess permettant un parcours facile des actualités lors de l intégration Ajax : fichier PHP permettant d effectuer toutes les requêtes AJAX Recherche : fonction permettant d effectuer une recherche dans les actualités Surcouche JavaScript Afin d être en rupture totale avec le précédant utilitaire d administration et donc de proposer une interface fonctionnel et ergonomique, j ai décidé d utiliser un maximum les capacités offertes par JavaSript. Le but étant également d éviter au maximum les rechargements de page et éviter ainsi la surcharge du serveur et de la perte de temps lors de l administration des actualités. Une donnée de l actualité Bouton valider Bouton refuser Actualité Figure 26 - Aperçu d'une actualité sous AdminNews Page 33

34 Après de longs efforts : mission réussie! Plus aucun rechargement de page n est effectué, excepté lors d une recherche dans les actualités. Mehdi s occupant du fichier gérant les reqûetes AJAX coté PHP, ce résultat est du à une étroite collaboration. Désormais, lorsque l on désire valider ou refuser une actualité, un message de confirmation s affiche, on clique et l actualité est validée ou refusée puis disparait de la liste des actualités à valider. Pour éditer une actualité, il suffit de cliquer sur un champ que l on désire modifier et le texte est automatiquement remplacé un champ input/textarea pour pouvoir effectuer la modification. Il ne reste plus qu à cliquer sur le bouton enregistrer et la modification est enregistré. Voici le code de la fonction qui se charge de remplacer le texte d un champ par un textarea : Figure 27 - Fonction JavaScript texttotextarea() Page 34

35 N étant pas l objectif dans ce rapport, je n étalerais pas toutes les fonction, donc pour de plus amples informations sur les fonctions JavaScript développées, merci de bien vouloir vous rendre dans la documentation développeur disponible dans /doc/dev/html/index.html ou bien dans les fichiers JavaScript disponibles ici : /js/ manipulateelements.js, /js/ interactionsajax.js et /js/divers.js Figure 28 - Exemple d'édition d'une actualité Pour ce qui est de l image liée à une actualité, il suffit de cliquer sur lien d édition de l image situé à coté, un champ input remplace l image automatiquement. Il ne reste plus qu à cliquer sur le bouton enregistrer et l image est envoyée sans rechargement de page. Pour cette partie, j ai décidé d utiliser une iframe, masquée via CSS, qui est pointée par le formulaire d envoi de l image. Figure 29 - Exemple d'édition d'une image d'une actualité Page 35

36 Listes rétractables Rapport de stage Pour chaque «action AJAX» sur une actualité, un message d attente s affiche en haut de cette actualité afin d indiquer à l utilisateur une activité de la part du serveur. Toutes les règles de commentaire vus précédemment pour PHP sont valables pour JavaScript, ce qui permet de bénéficier des même avantages également pour les fonctions en JavaScript. Intégration L intégration fut pour moi l occasion de réaliser une interface fonctionnelle et ergonomique en alliant au mieux les technologies PHP, XHTML, JavaScript et CSS. Figure 30 - Aperçu de la liste des actualité sous AdminNews A noter que logos utilisés font partie de la bibliothèque de logos Silk créée par Mark James et disponible à l adresse Ils sont sous licence Creative Commons Attribution 3.0, ce qui nous autorise a les utilisé gratuitement, en n oubliant pas de citer la source. Tests et réparation de bogues Lors de nos tests, nous nous sommes aperçu qu il y avait un problème au niveau de l encodage des caractères après la modification d une actualité, ce qui sous entend qu il y a un problème entre le champ input de la page et l insertion dans la base de données, sachant que les données lors de l enregistrement sont à fois manipuler par JavaScript et par PHP. Nous avons travaillé dessus afin d être sûre de l encodage des caractères, de préférence UTF8, à chaque endroit où passent les données et nous avons finalement réussi à régler le problème. Page 36

37 Installation sur le serveur de production A l installation sur le serveur de production : même manipulation que pour RecupNews pour un même résultat. AdminNews marchait très bien et notre responsable technique, M. Gasc, en été très content. L ancien formulaire est maintenant définitivement à oublier. Nous avions, avec, contribué à une belle avancée de ToulouseWeb en termes en récupération et administration de contenu, aidant ainsi le portail toulousain à mieux se faire connaître des moteurs de recherche. Conclusion sur le projet J ai trouvé ce deuxième projet, bien que fondamentalement différent par rapport au premier en ce qui me concerne, également très intéressant. J ai notamment plus enrichir mes acquis en JavaScript qui est de plus en plus utilisé dans le monde Web et permet d améliorer grandement l expérience utilisateur. AdminVitrine Il nous restait quelques jours et voyant la rapidité à laquelle nous développions, notre responsable technique nous a chargé d un dernier petit projet : AdminVitrine. Celui a pour but d administrer la vitrine montrant tous les sites Web réalisés pour des clients de ToulouseWeb aux futurs clients potentiels. Figure 31 - Extrait de la vitrine des sites réalisés par ToulouseWeb La simplicité de l utilitaire ne nous a pas encouragés à faire d étape d analyse et de conception, nous avons donc directement «attaquer» le code. Nous avons malgré tout planifié et reparti les tâches à l oral afin de ne pas avoir de divergence lors du développement. Page 37

38 Développement Réalisation des classes Comme à notre habitude, Mehdi s est occupé du cœur de l utilitaire, je vous renvois donc à son dossier pour de plus amples informations sur la réalisation des classes. Adaptation de certains de mes librairies personnelles Afin de gagner du temps, j ai mis à disposition pour ce projet des librairies de fonction personnelles couvrant plusieurs besoins : Génération de champs de formulaire Gestion de l upload d un fichier Gestion du redimensionnement d une image Intégration L intégration de ce projet fut vraiment très simple. L essentiel du travail ayant déjà été réalisé à travers les classes de Mehdi et mes librairies personnelles. Figure 32 - Aperçu d'adminvitrine Tests et réparation de bogues Lors de nos tests, nous n avons pas, ou très peu, détecté de problèmes. Installation sur le serveur de production A l installation sur le serveur de production, tout s est bien déroulé. Conclusion sur le projet Le projet étant simplissime et très court, j en ai seulement retenu que Mehdi et moi-même étions à l aise au travail à plusieurs, nous avions trouvé nos repères. Planning Page 38

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

Plus en détail

Développement Web Introduction générale

Développement Web Introduction générale 1 / 58 Développement Web Introduction générale Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer Juillet 2008 2 / 58 Plan Plan 1 Introduction 2 Historique et

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Qui suis-je? Guillaume Gautreau Responsable projets Systèmes d information à l ENPC guillaume@ghusse.com http://www.ghusse.com Ces 6 jours de formation Jour 1 : présentations,

Plus en détail

IMA promotion 2009. Rapport de stage de première année. Stage industriel au Crédit du Nord

IMA promotion 2009. Rapport de stage de première année. Stage industriel au Crédit du Nord DUBRULLE Alain ENSEEIHT IMA promotion 2009 Rapport de stage de première année Stage industriel au Crédit du Nord Sommaire Présentation de l entreprise Le Crédit du Nord 3 La Direction des Systèmes d'information

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

WEBMASTER DEESWEB DEES

WEBMASTER DEESWEB DEES Diplôme Européen délivré par la Fédération Européenne des Ecoles DEES WEBMASTER Fonction Le s adresse aux titulaires d un diplôme du 1er cycle de l enseignement supérieur dans le domaine de l informatique

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris BENCHETRIT Michaël BTS IG 2 ème année Brevet de Technicien Supérieur Informatique de Gestion Option : Développeur d applications Session 2011 Note de synthèse Développement web sur le CMS Prestashop Stage

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique

Plus en détail

Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009

Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009 Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009 «Web. De l intégration de pages statiques HTML à un CMS, à la dynamisation d un site grâce au Javascript et l utilisation de nouvelles technologies

Plus en détail

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage Technologies du Web Créer et héberger un site Web Page 1 / 26 Plan Planification Choisir une solution d hébergement Administration Développement du site Page 2 / 26 Cahier des charges Objectifs du site

Plus en détail

Evolutions du Web et des langages

Evolutions du Web et des langages Evolutions du Web Evolutions du Web et des langages WEB statique Ces pages sont écrites en HTML Les pages demandées sont identiques quelque soit La personne qui les demande L heure de la demande Etc. WEB

Plus en détail

Introduction. Pourquoi ce livre? À qui s adresse ce livre?

Introduction. Pourquoi ce livre? À qui s adresse ce livre? Introduction Bien que récente, la solution e-commerce Magento s est imposée très rapidement, grâce à ses fonctionnalités innovantes et la qualité de son architecture. Elle est le socle de plusieurs dizaines

Plus en détail

SQL Server Installation Center et SQL Server Management Studio

SQL Server Installation Center et SQL Server Management Studio SQL Server Installation Center et SQL Server Management Studio Version 1.0 Grégory CASANOVA 2 SQL Server Installation Center et SQL Server Management Studio [03/07/09] Sommaire 1 Installation de SQL Server

Plus en détail

À qui s adresse ce livre? Suppléments web. Remerciements

À qui s adresse ce livre? Suppléments web. Remerciements Avant propos Le marché de la géolocalisation est en pleine effervescence, comme le prouve l annonce de lancement par Facebook, en août 2010, de son service Places, qui permet de partager sa position géographique

Plus en détail

RAPPORT DE STAGE. Terrasse Hugo 1/12

RAPPORT DE STAGE. Terrasse Hugo 1/12 RAPPORT DE STAGE Terrasse Hugo 1/12 Sommaire Introduction Les CMS Présentation CMSMS CMS Made Simple Prestashop Les Travaux VAMO Moulin du Calanquet Le Responsive Design La Refonte graphique Le Reférencement

Plus en détail

Arouna WATT 25 ans Analyste Développeur Certifié ZEND PHP5, MySQL. Formation. Certifications. Connaissances

Arouna WATT 25 ans Analyste Développeur Certifié ZEND PHP5, MySQL. Formation. Certifications. Connaissances Arouna WATT 25 ans Analyste Développeur Certifié ZEND PHP5, MySQL Formation 2010-2011 Formation IT-SI Pantin 2009-2010 Licence Conception et Intégration Web et Multimédia (CIWM) Paris XIII 2007-2009 DUT

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23 1 Introduction 19 1.1 À qui s adresse cet ouvrage?... 21 1.2 Comment est organisé cet ouvrage?... 22 1.3 À propos de l auteur... 22 1.4 Le site Web... 22 2 Présentation du logiciel de commerce électronique

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

BOSTONI Sacha NGUYEN Linh. Rapport de projet : Annuaire des anciens élèves

BOSTONI Sacha NGUYEN Linh. Rapport de projet : Annuaire des anciens élèves BOSTONI Sacha NGUYEN Linh Rapport de projet : Annuaire des anciens élèves Tuteur : Mr Muller Mai 2007 SOMMAIRE Introduction 1/ Les utilisateurs du site 2/ Les fonctionnalités 3/ La réalisation Conclusion

Plus en détail

Devenez un véritable développeur web en 3 mois!

Devenez un véritable développeur web en 3 mois! Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web

Plus en détail

Gestion d une école. FABRE Maxime FOUCHE Alexis LEPOT Florian

Gestion d une école. FABRE Maxime FOUCHE Alexis LEPOT Florian Gestion d une école FABRE Maxime 2015 Sommaire Introduction... 2 I. Présentation du projet... 3 1- Lancement de l application... 3 Fonctionnalités réalisées... 4 A. Le serveur... 4 1 - Le réseau... 4 2

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

Créer un site e-commerce avec Dreamweaver CS4 et PHP/MySQL

Créer un site e-commerce avec Dreamweaver CS4 et PHP/MySQL Créer un site e-commerce avec Dreamweaver CS4 et PHP/MySQL 4 e édition Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et

Plus en détail

Reporting Services - Administration

Reporting Services - Administration Reporting Services - Administration Comment administrer SQL Server Reporting Services Cet article a pour but de présenter comment gérer le serveur depuis le "portail" de Reporting Services. Nous verrons

Plus en détail

BIRT (Business Intelligence and Reporting Tools)

BIRT (Business Intelligence and Reporting Tools) BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»

Plus en détail

TD1. Installation de Symfony 2 et Netbeans

TD1. Installation de Symfony 2 et Netbeans I - Introduction : TD1 Installation de Symfony 2 et Netbeans L objet de ce TP est d installer l environnement de travail. Nous commençons par définir des notions de base nécessaires pour comprendre la

Plus en détail

ANNEXE CV : Liste des sites web (internet et intranet)

ANNEXE CV : Liste des sites web (internet et intranet) ANNEXE CV : Liste des sites web (internet et intranet) 1. Créations professionnelles Code des couleurs Bleu : la dernière version en ligne est celle que j'ai crée, le site est toujours en ligne. Bleu clair

Plus en détail

L utilisation d outils intelligents pour écrire du code valide

L utilisation d outils intelligents pour écrire du code valide B L utilisation d outils intelligents pour écrire du code valide Toutes les méthodes de développement, sans exception, incluent au moins une étape de test du code. C est parce que le code écrit par la

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Introduction ASP.NET

Introduction ASP.NET 1 Sommaire Introduction... 1 1 Framework... 2 1.1 Général (.NET)... 2 1.2 ASP.NET... 2 2 Prérequis... 2 3 Présentation des bases d un projet ASP.NET... 3 3.1 Création d un projet... 3 3.2 Site Web : Les

Plus en détail

Développer de nouvelles fonctionnalités

Développer de nouvelles fonctionnalités 19 Développer de nouvelles fonctionnalités Chaque site e-commerce est unique. Bien que Magento soit une application riche, des besoins spécifiques apparaîtront et l ajout de modules deviendra nécessaire.

Plus en détail

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) OBJECTIFS - Créer une boutique sous wordpress et la référencer. - Mise en place du contenu, des articles Une bonne connaissance

Plus en détail

Conception et développement des plates-formes webs, de services et des applications mobiles des clients Entreprise: Yaal

Conception et développement des plates-formes webs, de services et des applications mobiles des clients Entreprise: Yaal Université Bordeaux 1 Master Informatique spécialité Système et Réseaux parcours Réseaux Conception et développement des plates-formes webs, de services et des applications mobiles des clients Entreprise:

Plus en détail

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x WysiUpStudio CMS professionnel pour la création et la maintenance évolutive de sites et applications Internet V. 6.x UNE SOLUTION DE GESTION DE CONTENUS D UNE SOUPLESSE INÉGALÉE POUR CRÉER, MAINTENIR ET

Plus en détail

Comparatif CMS. Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA

Comparatif CMS. Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA Comparatif CMS Laurent BAUREN S Bérenger VIDAL Julie NOVI Tautu IENFA Sommaire Introduction : Dans le cadre de notre projet de master première année, il nous a été demandé de développer un moteur de recherche

Plus en détail

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

Plus en détail

Calendrier des Formations

Calendrier des Formations Systèmes et Réseaux IPV6 980,00 HT Jan. Fév. Mar. Avr. Mai Juin Jui. Août Sept. Oct. Nov. Déc. Comprendre IPV6 et explorer les méthodes pour migrer 14-15 23-24 1-2 26-27 Configuration et Maintenance des

Plus en détail

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom de l entreprise : Adresse : Tel : Fax : Email : Personne à contacter dans l entreprise : 1 SOMMAIRE 1 PRESENTATION DE L ENTREPRISE...3 2 PRESENTATION

Plus en détail

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09 INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL

Plus en détail

Cahier de charges (Source : "Java EE - Guide de développement d'applications web en Java" par Jérôme Lafosse) Module. Site Web dynamique JSP / Servlet

Cahier de charges (Source : Java EE - Guide de développement d'applications web en Java par Jérôme Lafosse) Module. Site Web dynamique JSP / Servlet Cahier de charges (Source : "Java EE - Guide de développement d'applications web en Java" par Jérôme Lafosse) Module Site Web dynamique JSP / Servlet Sujet : betaboutique Soutenance le 04 / 01 /2013 &

Plus en détail

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009 Rapport de stage Développement d un logiciel de vidéoconférence : Enjeux 3 Guillaume DOTT 2009 Maître de stage : Louis Poulette Tutrice : Marie-Paule Muller Remerciements Je tiens à remercier toute l équipe

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer

Plus en détail

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

Travaux pratiques. avec. WordPress. Karine Warbesson

Travaux pratiques. avec. WordPress. Karine Warbesson Travaux pratiques avec WordPress Karine Warbesson Toutes les marques citées dans cet ouvrage sont des marques déposées par leurs propriétaires respectifs. Mise en pages réalisée par ARCLEMAX Illustration

Plus en détail

OFFRE DE SERVICE. www.votreentreprise.com

OFFRE DE SERVICE. www.votreentreprise.com 2011 NOM ENTREPRISE OFFRE DE SERVICE CONCEPTION, REALISATION ET HEBERGEMENT SITE WEB www.votreentreprise.com AFConsulting Web Services Page 1 sur 19 SOMMAIRE Lettre, offre de services --------------------------------------------

Plus en détail

Préparation d un serveur Apache pour Zend Framework

Préparation d un serveur Apache pour Zend Framework Préparation d un serveur Apache pour Zend Framework Jacques THOORENS 30 novembre 2010 Résumé Cette petite introduction explique comment paramétrer son serveur Apache personnel pour en faire une machine

Plus en détail

Informatique & Systèmes de Communication. Stages de 12 à 16 semaines aux Etats-Unis

Informatique & Systèmes de Communication. Stages de 12 à 16 semaines aux Etats-Unis Informatique & Systèmes de Communication Stages de 12 à 16 semaines aux Etats-Unis PROGAMME DES STAGES Depuis 2010, les stages en entreprise sont devenus obligatoires dans le cadre des études master. Les

Plus en détail

Gestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed

Gestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed 6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 2 e année Rapport de projet Gestion du parc informatique matériel et logiciel de l Ensicaen SAKHI Taoufik SIFAOUI Mohammed Suivi ENSICAEN

Plus en détail

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source JOOMLA Introduction Joomla est un système de gestion de contenu CMS open source Il permet la conception rapide de sites Web avec une présentation soignée et une navigation très simple C est l outil idéal

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

Cursus Sage ERP X3 Outils & Développement. Le parcours pédagogique Sage ERP X3 Outils et Développement

Cursus Sage ERP X3 Outils & Développement. Le parcours pédagogique Sage ERP X3 Outils et Développement Cursus Outils & Développement Vous êtes Consultant, Chef de Projets, Directeur des Systèmes d Information, Directeur Administratif et Financier, Optez pour les «formations Produits» Nous vous proposons

Plus en détail

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Modernisation IBM i Nouveautés 2014-2015 IBM Power Systems - IBM i 19 et 20 mai 2015 IBM Client Center, Bois-Colombes S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Mardi

Plus en détail

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences RESUME DE CARRIERE Alice JULIENNE 23 ans Nationalité Française Développeur Web Front-End Compétences Systèmes Langages Windows (XP, 98) Macintosh OS X HTML, XHTML, CSS, XML, PHP, SQL, Javascript, J-Querry

Plus en détail

SYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep 2006. Marie-France Landréa - Observatoire de Paris

SYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep 2006. Marie-France Landréa - Observatoire de Paris SYSTÈMES DE PUBLICATION POUR L INTERNET Beatep 2006 SPIP UN système de publication sur Internet Marie-France Landréa - Observatoire de Paris Caractéristiques des CMS Des auteurs (de contenu) Créent, d

Plus en détail

Description de Produit Logiciel. AMI News Monitor v2.0. SPD-AMINM-10 v1.0

Description de Produit Logiciel. AMI News Monitor v2.0. SPD-AMINM-10 v1.0 Description de Produit Logiciel AMI News Monitor v2.0 SPD-AMINM-10 v1.0 Octobre 2010 Sommaire 1 Préambule... 3 2 Approbations... 3 3 Fonctionnalités... 4 3.1 Principes... 4 3.2 Sources d information...

Plus en détail

WebFTP Un client Web sécurisé pour FTP

WebFTP Un client Web sécurisé pour FTP WebFTP Un client Web sécurisé pour FTP Jirung Albert SHIH, Shih@math.Jussieu.fr Université Paris 7 JRES 2001 Introduction Nous allons dans ce document présenter une solution mise en œuvre sur le réseau

Plus en détail

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C#

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# CHAPITRE 1 Introduction aux web services Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# NetBeans JavaScript Eclipse Objective C Xcode PHP HTML Objectifs du chapitre : Ce

Plus en détail

demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs de recherche?

demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs de recherche? 50 questions essentielles à vous poser avant la mise en ligne de votre site pour ne plus vous demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs

Plus en détail

Préface. Avant-propos. Chapitre 1 Introduction

Préface. Avant-propos. Chapitre 1 Introduction Les exemples cités tout au long de cet ouvrage sont téléchargeables à l'adresse suivante : http://www.editions-eni.fr Saisissez la référence ENI de l'ouvrage EPAPEX dans la zone de recherche et validez.

Plus en détail

Les CMSs, comment ça marche et comment choisir le bon CMS? (mon site, pas à pas)

Les CMSs, comment ça marche et comment choisir le bon CMS? (mon site, pas à pas) Les CMSs, comment ça marche et comment choisir le bon CMS? (mon site, pas à pas) Author : soufiane Bonjour, J'ai parlé dans les tutoriels précédents de la série "mon site, pas à pas" sur les divers langages

Plus en détail

Cahier des charges pour la rénovation du site internet de Kinross Tasiast

Cahier des charges pour la rénovation du site internet de Kinross Tasiast Cahier des charges pour la rénovation du site internet de Kinross Tasiast Page 1 sur 7 OBJECTIFS DU PORTAIL 1) Présenter Kinross : le Groupe et les implantations en Mauritanie, les valeurs du Groupe (rubrique

Plus en détail

THEME PROJET D ELABORATION D UNE BASE DE DONNEES SOUS LE SERVEUR MYSQL

THEME PROJET D ELABORATION D UNE BASE DE DONNEES SOUS LE SERVEUR MYSQL . THEME PROJET D ELABORATION D UNE BASE DE DONNEES SOUS LE SERVEUR MYSQL Mr MEZRED MOHAMED Ingénieur météorologue INTRODUCTION Il existe de nombreuses manières de construire une base de données. En effet,

Plus en détail

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube Content Management System bluecube V4.3 1 SOMMAIRE Avant-propos Découvrir le CMS Blue Cube Les modules Les clients BLUE CUBE CMS V4.3 par Digitalcube 2 CMS sans bugs 3 Avant-propos Facile à prendre en

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Avanquest Software présente la nouvelle gamme WebEasy 8

Avanquest Software présente la nouvelle gamme WebEasy 8 La Garenne Colombes, le 22 Juin 2009 Avanquest Software présente la nouvelle gamme WebEasy 8 Des logiciels pour créer simplement des sites internet de qualité professionnelle sans aucune connaissance en

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail

Armand PY-PATINEC 2010

Armand PY-PATINEC 2010 Armand PY-PATINEC 2010 EPREUVE PRATIQUE : TABLEAU SYNOPTIQUE Activités Inventaire de bières et de leur lieu de fabrication Gestion des clients pour un programme de facturation Emploi du ruban de l interface

Plus en détail

novatis Agence Web innovatrice

novatis Agence Web innovatrice QUI SOMMES NOUS? 02 novatis La théorie c est quand on comprend tout et que rien ne marche La pratique c est quand tout marche mais on ne sait pas pourquoi! Chez Novatis, nous avons réussi les deux... tout

Plus en détail

Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet

Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.

Plus en détail

Petite définition : Présentation :

Petite définition : Présentation : Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise

Plus en détail

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 Enseignant : Serge Parent Bureau : 841.3G Téléphone : 418-547-2191, poste 7134 Courriel: serge.parent@cjonquiere.qc.ca Élève 2

Plus en détail

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e : CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

SITE EN COURS DE CONSTRUCTION Consultez notre plaquette

SITE EN COURS DE CONSTRUCTION Consultez notre plaquette SITE EN COURS DE CONSTRUCTION Consultez notre plaquette HEXATIVE - SAS au capital de 10 000 - RCS Annecy 522 582 527 - SIRET 522 582 527 000 19 - APE 4619B page 1 QUI SOMMES-NOUS? HEXATIVE, une équipe

Plus en détail

Mickael Louchez présente. Adobe FLASH. Présentation et bases de Flash CS3. Mickael Louchez présente FLASH CS3

Mickael Louchez présente. Adobe FLASH. Présentation et bases de Flash CS3. Mickael Louchez présente FLASH CS3 Mickael Louchez présente Adobe FLASH Présentation et bases de Flash CS3 Copyright 2006-2008 http://www. www.mickdez.com/ 1 Familiarisation à l espace de travail Flash : Flash est un outil de programmation

Plus en détail

WordPress : principes et fonctionnement

WordPress : principes et fonctionnement CHAPITRE 1 WordPress : principes et fonctionnement WordPress est à l origine un outil conçu pour tenir un blog, c est-à-dire un journal ou carnet de bord en ligne. Mais il a évolué pour devenir un système

Plus en détail

CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET

CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET Nom du Projet... Nom de l entreprise... Adresse... Coordonnées Tel :... Fax :... Email :... Personne à contacter Nom :... Tel :... Email :... SOMMAIRE

Plus en détail

Package Réseau Social RSV4

Package Réseau Social RSV4 Rapide à mettre en place, simple à prendre en main, et surtout très économique! Package Réseau Social RSV4 Applicable au : 01/09/2013 Une solution clé en main Solutions proposées Nous sommes capables de

Plus en détail

augmenter votre visibilité sur internet

augmenter votre visibilité sur internet moteurs de recherche: référencement & positionnement augmenter votre visibilité sur internet Un guide écrit par Fabrice Perrin & Nicolas Jan blue-infinity Genève blue-infinity est une société leader dans

Plus en détail

Exposer ses créations : galerie photos, galerie de médias

Exposer ses créations : galerie photos, galerie de médias CHAPITRE 14 Exposer ses créations : galerie photos, galerie de médias Si l éditeur TinyMCE et le système de liens de Joomla permettent d intégrer ou de lier des médias à un article, ils restent assez limités.

Plus en détail

Modernisation et développement d applications IBM i

Modernisation et développement d applications IBM i IBM Power Systems IBM i Modernisation et développement d applications IBM i Stratégie, technologies et outils IBM en 45 minutes Philippe Bourgeois pbourgeois@fr.ibm.com La roadmap pour développeurs IBM

Plus en détail

TECHNOLOGIES XML, CONCEPTION, MISE EN OEUVRE

TECHNOLOGIES XML, CONCEPTION, MISE EN OEUVRE XML/ SOA/ Web services TECHNOLOGIES XML, CONCEPTION, MISE EN OEUVRE Réf: PXM Durée : 4 jours (7 heures) OBJECTIFS DE LA FORMATION XML est devenu une technologie incontournable tant sur le poste utilisateur

Plus en détail

En date du 11 décembre 2008

En date du 11 décembre 2008 R E F O N T E S I T E W E B G F I E CAHIER DES CHARGES ET DEVIS En date du 11 décembre 2008 ADITEL - WEB AGENCY 4 RUE CAROLINE 75017 PARIS Tel 01 44 70 02 77 SARL AU CAPITAL DE 20 000 EUROS R.C.S BOBIGNY

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.

Plus en détail

Introduction aux principes de la technologie Internet

Introduction aux principes de la technologie Internet 1 Introduction aux principes de la technologie Internet Je suis impliqué dans le commerce électronique depuis un bon bout de temps : j ai vendu des Casios dans les rues de New York! Il y a à peine quelques

Plus en détail

Google Merchant Center

Google Merchant Center Google Merchant Center Version : 3.1.0 Date de dernière mise à jour : 16/08/2013 Développement : Business Tech (www.businesstech.fr) Pré-requis Google Vous devez avant tout vous enregistrer sur Google

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

KIELA CONSULTING. Microsoft Office Open Office Windows - Internet. Formation sur mesure

KIELA CONSULTING. Microsoft Office Open Office Windows - Internet. Formation sur mesure KIELA CONSULTING Microsoft Office Open Office Windows - Internet Formation sur mesure Bureautique L outil informatique et la bureautique sont devenus quasiment incontournables quelque soit votre métier

Plus en détail

BES WEBDEVELOPER ACTIVITÉ RÔLE

BES WEBDEVELOPER ACTIVITÉ RÔLE BES WEBDEVELOPER ACTIVITÉ Le web developer participe aux activités concernant la conception, la réalisation, la mise à jour, la maintenance et l évolution d applications internet/intranet statiques et

Plus en détail