Site-web : Différence entre versions

De fablabo
Aller à : navigation, rechercher
(Site web)
(13 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 59 : Ligne 59 :
 
* l'archive du site filezilla
 
* l'archive du site filezilla
 
* un PPA.
 
* un PPA.
J'ai exploré les 3 possibilités :
+
J'ai utilisé la ligne de commande :
* 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 :'''
+
<code>sudo apt-get install filezilla</code>
* 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)====
 
====Développement de l'interface utilisateur (frontend)====
Ligne 86 : Ligne 79 :
 
Les données de connexion sont copiées sur le site de l'hébergeur puis collées dans filezilla :  
 
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
 
* 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 :
+
* lancer filezilla :
 +
** puis cliquer successivement sur Fichier - Gestionnaire de sites - Quiet cook - Connexion
 +
** ou '''coller''' successivement les données de connexion comme indiquées dans le tableau :
 
{| class="wikitable alternance centre"
 
{| class="wikitable alternance centre"
 
  |+ Données de connexion :
 
  |+ Données de connexion :
Ligne 96 : Ligne 91 :
 
  ! scope="row" | 1
 
  ! scope="row" | 1
 
  | <center>Serveur : home717469283.1and1-data.host</center>
 
  | <center>Serveur : home717469283.1and1-data.host</center>
  | <center>Hôte (*) : '''sftp://'''home717469283.1and1-data.host</center>
+
  | <center>Hôte (*) : home717469283.1and1-data.host</center>
 
  |-
 
  |-
 
  ! scope="row" | 2
 
  ! scope="row" | 2
Ligne 110 : Ligne 105 :
 
  | <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=====
 
=====Transfert des fichiers de l'ordinateur vers l'hébergeur=====
Ligne 121 : Ligne 115 :
 
* Fichier - Gestionnaire de sites - Donner un nom - Valider.
 
* Fichier - Gestionnaire de sites - Donner un nom - Valider.
 
===Référencement du site===
 
===Référencement du site===
Dès que mon site [http://quiet-cook.com Quiet cook] a été créé, pendant environ 1 mois, une pluie de messages e-mail m'est parvenus. Majoritairement des offres commerciales de toutes sortes, mais en particulier des offres visant l'amélioration du [https://fr.wikipedia.org/wiki/R%C3%A9f %C3%A9rencement#R%C3%A9f%C3%A9rencement_sur_Internet référencement Internet]
+
Dès que mon site [http://quiet-cook.com Quiet cook] a été créé, pendant environ 1 mois, une pluie de messages e-mail me sont parvenus. Majoritairement des offres commerciales de toutes sortes, mais en particulier des offres visant l'amélioration du [https://fr.wikipedia.org/wiki/R%C3%A9f%C3%A9rencement#R%C3%A9f%C3%A9rencement_sur_Internet référencement Internet].
 +
===Changement du nom de domaine===
 +
Tout d'abord un rappel chronologique :
 +
* le site [http://quiet-cook.com Quiet cook] a été créé le 03/01/2018
 +
* l'association [https://fablabo.net/wiki/A3CP A3C Presqu'île] a été créée le 02/04/2019.
 +
Le nom de Quiet cook est attribué au concept culinaire, initialement, il est utilisé également pour nommer le site web.
 +
 
 +
Maintenant que notre association a pris son essor, il semblerait plus logique que le nom de domaine du site web prenne celui de l'association.
 +
 
 +
J'ai établi un contact téléphonique avec l'hébergeur IONOS. Le changement de nom de domaine est possible sans supplément tarifaire à condition de le faire à la date anniversaire (03/01/2021). Actuellement la redevance annuelle du site web [http://quiet-cook.com Quiet cook] a été payé et le site reste opérationnel jusqu'à cette date. Toutefois, en prévision du changement du nom de domaine, j'ai déactivé le renouvellement automatique (opération réversible).
 +
 
 +
En résumé, ce changement de nom de domaine pourrait s'effectuer selon la procédure suivante :
 +
* déactiver le renouvellement automatique (voir ci-dessus)
 +
* souscrire à la date anniversaire un nouveau nom de domaine
 +
* connecter le nouveau nom de domaine au site web.
 +
 
 +
Le nouveau nom de domaine que je propose est :
 +
* <code>'''a3cpresquile.com'''</code>

Version du 17 février 2021 à 09:24


Site web du projet Quiet cook

Site-web.gif

Contributeur·ice·s

Statut du projet

Concept

Statut de la publication

Publié

License

CC-by-sa-3.0 - Creative Commons Attribution CC-by-sa-3.0 France

Inspiration

Vitrine

Fichiers source

Machines

Matériaux




Site web

Ce projet traite de la création de A à Z d'un site web. Avis aux amateurs ! un peu de patience et de persévérance et ça marche. Il suffit de cliquer Quiet cook.

Objet

L'objet du site web est de constituer une vitrine qui permette la promotion et la communication du concept culinaire Quiet cook et du SCAO qui lui est attaché.

Contexte de travail

Organisation et réalisation du projet

L'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 hébergeur web dont les prestations sont :
    • la réservation et gestion d'un nom de domaine
    • la mise en œuvre d'une infrastructure d'hébergement
  • communiquer avec 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'ICANN est une organisation à but non lucratif et reconnue 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 companies list have been accredited by ICANN to act as registrars in one or more TLDs.

Mon choix s'est orienté sur 1&1

Le site 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 1&1 :

  • 1ère année :
    • 1&1 Starter pour 23,88 € HT
    • Quiet-cook.com (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 FTP (File Transfert Protocol) ou SFTP (Secure File Transfert Protocol). Il se concrétise avec le logiciel FileZilla. Deux sites Filezilla coexistent :

Pour Ubuntu, le site français met à disposition un tutoriel qui préconise l'installation du logiciel via :

  • les dépôts officiels
  • l'archive du site filezilla
  • un PPA.

J'ai utilisé la ligne de commande :

sudo apt-get install filezilla

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 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 navigateur firefox en tapant dans un deuxième terminal :
    • firefox SCAO/wiki/tp_quiet-cook/index.html

Les fichiers du répertoire tp_quit-cook sont disponibles sur le site Github

Pour déclarer 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 1&1 - Espace client (identifiant + mot de passe), puis accès FTP sécurisé, pour copier successivement les données de connexion
  • lancer filezilla :
    • puis cliquer successivement sur Fichier - Gestionnaire de sites - Quiet cook - Connexion
    • ou coller successivement les données de connexion comme indiquées dans le tableau :
Données de connexion :
Site de l'hébergeur 1&1
Filezilla
1
Serveur : home717469283.1and1-data.host
Hôte (*) : home717469283.1and1-data.host
2
Identifiant : u91894517
Nom utilisateur : u91894517
3
Mot de passe : ........
4
Port : 22
Port : 22
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
Mémorisation des données de connexion

Avant de quitter filezilla :

  • Fichier - Gestionnaire de sites - Donner un nom - Valider.

Référencement du site

Dès que mon site Quiet cook a été créé, pendant environ 1 mois, une pluie de messages e-mail me sont parvenus. Majoritairement des offres commerciales de toutes sortes, mais en particulier des offres visant l'amélioration du référencement Internet.

Changement du nom de domaine

Tout d'abord un rappel chronologique :

Le nom de Quiet cook est attribué au concept culinaire, initialement, il est utilisé également pour nommer le site web.

Maintenant que notre association a pris son essor, il semblerait plus logique que le nom de domaine du site web prenne celui de l'association.

J'ai établi un contact téléphonique avec l'hébergeur IONOS. Le changement de nom de domaine est possible sans supplément tarifaire à condition de le faire à la date anniversaire (03/01/2021). Actuellement la redevance annuelle du site web Quiet cook a été payé et le site reste opérationnel jusqu'à cette date. Toutefois, en prévision du changement du nom de domaine, j'ai déactivé le renouvellement automatique (opération réversible).

En résumé, ce changement de nom de domaine pourrait s'effectuer selon la procédure suivante :

  • déactiver le renouvellement automatique (voir ci-dessus)
  • souscrire à la date anniversaire un nouveau nom de domaine
  • connecter le nouveau nom de domaine au site web.

Le nouveau nom de domaine que je propose est :

  • a3cpresquile.com