.. _ref-tpweb-online: Premier projet individuel: Mise en ligne de votre page web ========================================================== Votre page web du premier TP est parfaite ? Il est temps de la mettre en ligne pour que le monde entier puisse la voir ! En effet, bien qu'il serait techniquement possible qu'un·e de vos collègues accède à votre ordinateur en utilisant sa ou son `adresse IP` (en oubliant les problèmes de par-feu éventuel), votre ordinateur n'est pas très performant, et n'est pas toujours connecté à Internet. Nous allons plutôt utiliser un ordinateur puissant uniquement destiné à `servir` des pages web. C'est donc pour cela que ce type d'ordinateur est appelé `serveur`. Le `serveur` que nous allons utiliser est hébergé dans le datacenter de l'UCLouvain. Il est refroidi constamment, possède plusieurs alimentations pour rester allumé même si une alimentation ne fonctionne plus. Le datacenter de l'UCLouvain possède également des batteries qui permettent de palier à une coupure de courant, le temps qu'un générateur au diesel se mette en marche si la coupure de courant se prolonge. Tout cela, afin de garantir un haut niveau de disponibilité. Vous comprenez mieux pourquoi il est mieux d'utiliser un datacenter plutôt que votre ordinateur portable. Un serveur statique ------------------- Le serveur que vous allez utiliser est ce que l'on appelle un serveur web "statique". Il répond au protocole HTTP et est capable de servir des fichier (HTML, images, ou autres) mais sans les modifier. Tous les utilisateur·rice verront donc la même page web. C'est courant pour une entreprise ou des sites d'information simple. Le cas contraire est appelé site dynamique, comme par exemple Facebook, où chaque page est différente en fonction de l'utilisateur. Envoyer votre page web sur le serveur ------------------------------------- .. La technique la plus habituelle pour se faire est d'utiliser le protocole FTP, qui permet de transférer des fichiers sur un serveur web distant. .. Accès FTP .. ^^^^^^^^^ .. Nous avons créé une tâche inignious qui vous permettra de récupérer vos accès FTP. .. Elle est accessible à l'adresse https://inginious.info.ucl.ac.be/course/LINFO1002/TP1. Cliquez simplement sur "soumettre" pour obtenir votre nom d'utilisateur et mot de passe FTP. Cela vous donnera également l'adresse de votre futur site web, sous la forme `http://tp1.linfo1002.ovh/~USERNAME/` .. Envoi FTP .. ^^^^^^^^^ .. L'outil curl est capable d'utiliser le protocole FTP pour envoyer un fichier. .. curl --user USER:PASS --upload-file index.html ftp://linfo1002.ovh:9000/ .. Vous devez donc répéter la commande pour envoyer chaque fichier séparément, la page web principale évidemment, mais aussi le CSS, des images éventuelles, etc... .. warning:: Attention! Votre page web doit impérativement s'appeler `index.html`, en effet c'est la convention pour indiquer au serveur quelle est la page web principale. .. Alternative au FTP .. ^^^^^^^^^^^^^^^^^^ .. Si pour une raison quelconque le FTP ne fonctionne pas, Vous pouvez utiliser la tâche INGInious suivante : https://inginious.org/course/LINFO1002/tp1_sendfile. Si celle-ci n'est pas accessible pour vous, vous pouvez utiliser celle-ci : https://inginious.org/course/LINFO1002. Soumission du projet -------------------- Cette phase compte pour 5 points, très facilement gagnés puisque les critères sont simplement: * Envoyez votre page web qui vous présente sur le serveur /1 * Elle doit utiliser: * Une feuille de style CSS /1 * Des paragraphes et des sous-titres et au moins un lien /1 * Une structure et correcte /1 * Une capture d'écran de votre espace de travail montrant la structure organisée de vos documents pour le cours qui montre à la fois la ligne de commande dans le dossier du TP, et l'explorateur de fichier correspondant. /1 La soumission se fait via Moodle (Attention, le Moodle est différent pour SINF, SINC et ULB). Vous devez donc envoyer le lien final vers votre page web, copier-coller son code, et la capture d'écran. .. .. only:: html .. Allez à la section :ref:`installation `.