Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

www.cned.fr DÉVELOPPEMENT D’APPLICATIONS Élisabeth Martins Da Silva BTS Service

www.cned.fr DÉVELOPPEMENT D’APPLICATIONS Élisabeth Martins Da Silva BTS Services informatiques aux organisations – 1re année TRAVAUX PRATIQUES CONNECTÉ À VOTRE AVENIR Les cours du CNED sont strictement réservés à l’usage privé de leurs destinataires et ne sont pas destinés à une utilisation collective. Les personnes qui s’en serviraient pour d’autres usages, qui en feraient une reproduction intégrale ou partielle, une traduction sans le consentement du CNED, s’exposeraient à des poursuites judiciaires et aux sanctions pénales prévues par le Code de la propriété intellectuelle. Les reproductions par reprographie de livres et de périodiques protégés contenues dans cet ouvrage sont effectuées par le CNED avec l’autorisation du Centre français d’exploitation du droit de copie (20, rue des Grands Augustins, 75006 Paris). © CNED 2013 Sommaire Conseils généraux 3 TP 1 : Présentation du sujet 5 TP 2 : Configuration 9 TP 3 : HTML 13 TP 4 : Travail sur l’interface 25 TP 5 : JavaScript : langage client 43 TP 6 : PHP : langage serveur 65 TP 7 : XML et flux RSS 77 TP 8 : Images et objets dynamiques 89 TP 9 : Bases de données 109 TP 10 : Transferts entre pages 117 TP 11 : Templates et frameworks 135 8 2946 TP PA 00 Page 3 Conseils généraux Conseils généraux Importance des TP Le but principal des TP est de vous faire manipuler des techniques afin que vous compre- niez leur fonctionnement et que vous puissiez acquérir une certaine expérience. Ces TP étant orientés « développement d’application », ils sont particulièrement impor- tants pour les étudiants qui ont choisi l’option SLAM. Pour ces étudiants, passer du temps à coder et à comprendre les technologies liées au développement est indispensable. Plus vous coderez et plus vous vous forgerez une expérience qui vous apportera l’autonomie nécessaire à votre spécialité. Le choix d’un développement orienté web n’est pas inno- cent : c’est, à l’heure actuelle, une des plus fortes demandes et ce type de développe- ment comporte des particularités qui sont importantes à connaître. Remarque pour les étudiants de l’option SISR Pour les étudiants qui ont choisi l’option SISR, les grandes étapes de développement d’une application sont à connaître ainsi que certains aspects techniques comme l’accès à une base de données. Pour éviter de vous décourager, compte tenu du volume et par- fois de la difficulté de codage demandés dans ces TP, il sera précisé, en première page de chaque TP, les TP ou les parties qu’il n’est pas obligatoire d’aborder pour l’option SISR. Cela dit, si vous êtes intéressé, rien ne vous empêche d’en faire plus que ce qui est proposé : toute connaissance supplémentaire est toujours bonne à prendre. Si vous ne réalisez pas les parties non obligatoires, pensez à récupérer la correction de la partie qui n’a pas été faite, afin de pouvoir passer à la suite. Organisation du fascicule Ce fascicule contient 11 TP qui, en réalité, représentent 11 étapes de construction d’une même application. La séparation en plusieurs TP permet de distinguer les techniques abordées. Vous pourrez ainsi facilement retrouver un point précis. Le premier TP ne fait que présenter le sujet : il ne comporte aucune manipulation. Le deuxième TP permet de tout configurer pour commencer à travailler. À partir du troi- sième, vous allez vraiment aborder des techniques précises qui, du coup, feront l’objet d’une synthèse à la fin de chaque TP. Les connaissances abordées dans ce fascicule don- nent lieu à une évaluation à travers le second devoir de ce module. Bien sûr, le devoir ne portera que sur les aspects communs aux deux options. Les TP 1 à 8 peuvent être traités dès la fin de la première séquence du cours. Les TP sui- vants peuvent être traités à l’issue de la séquence 3 du cours. Cependant, le but est de ne pas vous décourager : vous pouvez continuer les séquences de cours même si vous avez à peine avancé les TP. Si vous bloquez lors de la réalisation d’une étape, faites votre possible pour trouver par vous-même car le temps de recherche est fondamental dans l’apprentissage. En cas de désespoir, vous avez la correction de toutes les étapes de développement de l’applica- tion. Vous pourrez donc vous y référer, voire récupérer une étape. D’ailleurs, au fur et à mesure du développement, vous aurez à enregistrer votre travail sous différentes ver- sions, exactement comme les versions de la correction. Cette méthode vous permettra de mieux savoir où vous en êtes et éventuellement de revenir à une ancienne version si vous voulez revoir certaines technologies apprises dans les premiers TP. 8 2946 TP PA 00 Page 4 Conseils généraux L’application qui va se construire, TP après TP, est un site commercial qui va comporter une boutique en ligne et la création de tee-shirts personnalisés. À travers un exemple complet, vous allez aborder un grand nombre de technologies. En fin de fascicule, vous aurez une connaissance assez large des possibilités du développement web, sans pour autant avoir abordé la programmation objet puisque la création de classes ne sera vue qu’à partir du module « Programmation objet ». Pour le moment, vous savez exploiter des classes existantes mais vous ne savez pas les créer. Le dessin du petit professeur vous signalera les étapes de tests de l’application. Logiciels nécessaires Pour réaliser les exercices les TP, vous allez avoir besoin de plusieurs outils que vous allez récupérer sur internet : WampServer (Windows + Apache + MySQL + PHP) : serveur Apache + interpréteur PHP + le SGBDR MySQL. Cet outil va vous permettre de tester vos pages en local, comme si elles étaient installées sur un serveur web. Vous trouverez cet outil sur le site http://www.wampserver. com/. La version utilisée au moment de la création de ce cours est la version 2.0h. Vous pouvez installer une version plus récente. Pour télécharger WampServer, vous pouvez laisser vos coordonnées mais ce n’est pas obligatoire. WampServer est gratuit. Lors de l’installation, choisissez Internet Explorer comme navigateur par défaut, sauf si vous êtes totalement allergique à ce navigateur. De toute façon, tout au long du cours, il est conseillé de faire des tests au minimum sur IE et Firefox. PSPad Éditeur multilangage. Cet outil va vous servir pour écrire le code de vos pages. Vous pourriez utiliser un éditeur simple (comme Notepad). Cependant PSPad apporte des aides supplémentaires, en particulier la colorisation du code. Vous pourriez utiliser des outils plus complets comme Dreamweaver ou Zend Studio, très performants mais mal- heureusement payants. PSPad est un bon compromis et, de plus, il est gratuit. Vous le trouverez sur le site http://www.pspad.com/fr/. Si vous avez l’habitude d’utiliser un autre éditeur pour créer vos pages web, ce n’est pas un problème. Les navigateurs Internet Explorer (de préférence la dernière version) et Firefox (récupérable gratuite- ment sur internet) : ce sont les 2 navigateurs les plus utilisés, et c’est intéressant de tester le site en parallèle sur ces 2 navigateurs. Si vous voulez tester sur d’autres navigateurs en plus de ces deux-là, ce n’est pas un problème, au contraire. De plus, certains fichiers vont être nécessaires pour la création du site, en particulier des fichiers d’images mais aussi le fichier Template que vous utiliserez dans le TP 11. Vous pouvez récupérer l’ensemble des fichiers sur le site du CNED au même endroit que ce fascicule, avec la correction. Bon courage et, surtout, bon développement ! 8 2946 TP PA 00 Page 5 TP 1 Présentation du sujet TP 1 Présentation du sujet Ce TP n'est en réalité qu'une présentation des éléments fondamentaux du cahier des charges de l’application qui sera développée tout au long de ce fascicule. Il n’y a aucune manipulation à faire dans ce premier TP qui n’est là que pour présenter le sujet. Cependant, la prise de connaissance de son contenu est indispensable pour la suite. X Consignes pour les étudiants de l’option SISR Ce TP est à réaliser complètement. X Capacités attendues en fin de TP Avoir compris les objectifs de l’application. X Contenu 1. But de l’application .......................................................................................... 6 2. Fonctionnalités ................................................................................................. 6 3. Pages ................................................................................................................. 6 4. Aspect visuel ..................................................................................................... 7 8 2946 TP PA 00 Page 6 TP 1 Présentation du sujet Voici une présentation succincte du cahier des charges de l’application que vous allez développer étape par étape tout au long de ce fascicule. 1. But de l’application Le but est de développer une application web pour vendre des tee-shirts personnalisés et des articles divers. Ce sera donc un site commercial grand public. 2. Fonctionnalités Voici les fonctionnalités qui devront être proposées : • consultation et possibilité d’achat des différents articles ; • constitution et achat de tee-shirts personnalisés ; • consultation de news ; • consultation et modification des données personnelles ; • possibilité de laisser un message ; • affichage de liens vers d’autres sites. 3. Pages Voici la liste des pages qui seront construites : • Page d’accueil : elle contiendra les news, le menu qui permet d’accéder aux diffé- rentes pages du site ainsi que des postit plus visuels pour uploads/Litterature/ developpement-application-tp.pdf