Modifications

Atelier logiciel

7 028 octets supprimés, 6 janvier 2018 à 18:18
Site web
*BOINC/BOINC.odt.
==Site web==
===Objet===L'objet du [https://fr.wikipedia.org/wiki/Site_web site web] est de constituer une vitrine qui permette la promotion et la communication du concept culinaire [http://fablabo.net/wiki/Quiet_cook Quiet cook] et du [http://fablabo.net/wiki/Quiet_cook SCAO] qui lui est attaché.===Contexte de travail===* La [https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3 formation]* Le [https://github.com/AIREL46/SCAO/blob/master/wiki/site-web-1.odt support de cours]. ===Organisation et réalisation du projet===L'[https://fr.wikipedia.org/wiki/Site_web#Organisation_d'un_projet_web organisation d'un projet web] repose sur les différentes étapes de conduite du projet, lancement, conception, '''réalisation''', production et exploitation. La '''réalisation''' consiste à :* choisir un [https://fr.wikipedia.org/wiki/H%C3%A9bergeur_web hébergeur web] dont les prestations sont :** la réservation et gestion d'un [https://fr.wikipedia.org/wiki/Nom_de_domaine nom de domaine]** la mise en œuvre d'une infrastructure d'hébergement* communiquer avec fait l'hébergeur* développer l'interface utilisateur (frontend), la partie visible dans le navigateur* développer l'arrière plan (backend), la partie qui fonctionne côté serveur* publier le site.====Choix de l'hébergeur web====L'[https://www.icann.org/ ICANN] est une organisation à but non lucratif et reconnue objet d'utilité publique rassemblant des participants du monde entier qui œuvrent à la préservation de la sécurité, la stabilité et l'interopérabilité de l'Internet. The [https://www.internic.net/regist.html companies list] have been accredited by ICANN to act as registrars in one or more TLDs. Mon choix s'est orienté sur [https://registrar.1and1.info/domains_raa/home 1&1] Le site [http://www.top10hebergeurs.com/categorie/hebergement-linux.html Top 10 Hébergeurs] donne une "liste hébergeur linux" dont 1&1 fait partie. J'ai réalisé un devis, en date du 3 janvier 2018, à partir des données recueillies sur le site [https://www.1and1.fr/hebergement-web?ac=OM.FR.FR575K03696T2847a&ref=374121 1&1] :* 1ère année :** 1&1 Starter pour 23,88 € HT** Quiet-cook.com ([https://fr.wikipedia.org/wiki/Nom_de_domaine nom de domaine]) offert** '''Soit un total de 23,88 € HT'''* 2ème année et suivante :** 1&1 Starter pour 35,88 € HT** Quiet-cook.com pour 9,99 € HT** '''Soit un total de 45,87 € HT'''A cette même date, j'ai notifié ce devis. ====Communication avec l'hébergeur====La communication avec l'hébergeur s'établit avec un outil de gestion de fichier adapté au '''protocole''' de communication [https://fr.wikipedia.org/wiki/File_Transfer_Protocol '''FTP''' (File Transfert Protocol)] ou [https://fr.wikipedia.org/wiki/SSH_File_Transfer_Protocol '''SFTP''' (Secure File Transfert Protocol)]. Il se concrétise avec le logiciel [https://en.wikipedia.org/wiki/FileZilla FileZilla]. Deux sites Filezilla coexistent :* un site français non officiel [http://filezillafablabo.fr/ filezilla.fr]* un site anglophone officiel [https://filezilla-project.org/ filezilla-project.org]Pour Ubuntu, le site français met à disposition un [http://filezilla.fr/tutoriel-filezilla-pour-ubuntu/ tutoriel] qui préconise l'installation du logiciel via :* les dépôts officiels* l'archive du site filezilla* un PPA.J'ai exploré les 3 possibilités :* Via les dépots officiels, c'est la méthode la plus sûre, la version installée fin décembre 2017 est la '''3.15.0.2, compiled on 2016-02-25'''* Via l'archive du site filezilla, la version escomptée à la même date que ci-dessus et la 3.29.0, la tentative effectuée sur l'ordinateur portable s'est soldé par un échec, ci-dessous le message d'erreur lors du lancement puis l'explication du forum :** ''"filezilla: error while loading shared libraries: libpng16.so.16: cannot open shared object file: No such file or directory"''** ''"The official binaries are built for Debian 9 or compatible. Please upgrade to Debian 9 or a compatible Linux distribution or compile FileZilla from source."''* Via un [https://en.wikipedia.org/wiki/Ubuntu_(operating_system)#Package_Archives PPA], cette possibilité laisse espérer une version intermédiaire entre les 2 citées ci-dessus. Je n'ai pas réussi à finaliser cette possibilité. '''Conclusion :'''* sur l'ordinateur fixe, je garde la version des dépôts officiels* sur l'ordinateur portable, j'ai supprimé la version de l'archive du site filezilla et je l'ai replacé par la version des dépôts officiels. ====Développement de l'interface utilisateur (frontend)====Le développement de l'interface utilisateur est réalisé à partir :* l'édition du html et du css avec l'éditeur [https://doc.ubuntu-fr.org/gedit gedit] en tapant dans un '''premier''' terminal :**gedit SCAO/wiki/tp_quiet-cook/index.html SCAO/wiki/tp_quiet-cook/style.css* l'affichage du rendu à l'écran à l'aide du [https://www.mozilla.org/fr/firefox/ navigateur firefox] en tapant dans un '''deuxième''' terminal :**firefox SCAO/wiki/tp_quiet-cook/index.htmlLes fichiers du répertoire tp_quit-cook sont disponibles sur le site [https://github.com/AIREL46/SCAO/tree/masternet/wiki/tp_quiet-cook Github] Pour déclarer [https://www.w3.org/International/questions/qa-html-language-declarations.fr la langue] dans le fichier html. ====Développer l'arrière plan (backend)========Publication du site====La publication du site se réalise à l'aide de filezilla en relation avec le site de l'hébergeur.=====Données de connexion=====Les données de connexion sont copiées sur le site de l'hébergeur puis collées dans filezilla : * consulter le site de l'hébergeur [https://www.1and1.fr/ 1&1] - '''Espace client''' (identifiant + mot de passe), puis accès '''FTP sécurisé''', pour '''copier''' successivement les données de connexion* lancer filezilla et '''coller''' successivement les données de connexion comme indiquées dans le tableau :{| class="wikitable alternance centre" |+ Données de connexion : |- | ! scope="col" | <center>Site de l'hébergeur 1&1</center> ! scope="col" | <center>Filezilla</center> |- ! scope="row" | 1 | <center>Serveur : home717469283.1and1-data.host</center> | <center>Hôte (*) : '''sftp://'''home717469283.1and1-data.host</center> |- ! scope="row" | 2 | <center>Identifiant : u91894517</center> | <center>Nom utilisateur : u91894517</center> |- ! scope="row" | 3 | <center></center> | <center>Mot de passe : ........</center> |- ! scope="row" | 4 | <center>Port : 22</center> | <center>Port : 22</center> |}(*) : les caractères en gras sont à frapper au clavier. =====Transfert des fichiers de l'ordinateur vers l'hébergeur=====* sélectionner les fichiers à tranférer* faire un clic droit sur la sélection, sur la fenêtre qui s'ouvre cliquer sur '''"Envoyer"'''.=====Test de l'accès au site web=====* firefox http://quiet-cook.com.=====Mémorisation des données de connexion=====Avant de quitter filezilla :* Fichier - Gestionnaire de sites - Donner un nom - Valider.projet séparé]
1 991
modifications