[Ressources Web] Déroulé d’un projet 2

Je veux créer une ... Web App !

Qu’est-ce qu’une Web App ?

Alors pourquoi on appelle ça une WebApp et pas un site web ?

Il existe différents types de sites web, on peut en particulier distinguer les sites « vitrines » qui ne font que afficher des informations et les « WebApps » qui « font des choses ».

« Faire des choses » c’est très (très) vague, mais il y a tellement de webApp différentes qu’il est dur de leur donner un cadre. Des exemples de webApps :

Faire une fiche de conception

On va dans un premier temps faire une fiche de conception en répondant à quelques questions dont on va avoir besoin au fil du projet :

Comment mon projet va s’appeler ? Est-ce qu’il ressemble à un site connu ?
Quelles sont les fonctionnalités de notre site ?
Quelles sont les différentes pages de notre site ?
On va avoir besoin de base de donnée, pourquoi ?
Quelles seront nos bases de données, leurs noms, leurs fonctions et leurs liens entre eux ?

La façade du site

On va commencer par créer nos différentes pages/Template de nos site en suivant notre fiche de conception. On va créer chaque Template et chaque fichier qui correspond dans un premier temps. La meilleure manière de faire est de faire tout ce qui est HTML est ensuite on va programmer les interactions entre nos pages grâce aux Templates dynamiques.

Bases de Données

On va créer nos Bases de Données.
Pour cela on va se baser sur ce qu’on a écris dans notre fiche de conception pour pouvoir commencer par les créer.

Créer les fichiers dans le dossier bdd
Créer les bases de données dans les fichiers créés juste avant
Import les bases de données dans les fichiers JavaScript où c’est nécessaire
Import les bases de données dans le fichier « server/main.js »

Remplir les bases de données

Une fois que nos bases de données sont créées il nous reste à les remplir. Pour ça on va réfléchir à : quelles informations on va avoir besoin à l’intérieur. Puis une fois qu’on a cette liste on va créer un formulaire.

Une fois que le formulaire HTML est crée on va faire en sorte de programmer ses actions en JavaScript.

Puis une fois fait on va pouvoir ajouter les informations dans la base de donnée. Pour plus d’information il faut aller sur : Bases de données.

Récupérer les informations

Une fois qu’on a commencé à stocker des données il va falloir faire en sorte qu’on les récupère dans notre Web App.

Dans un premier temps on va commencer par se demander comment on veut les récupérer, est-ce que sur une page on va afficher la liste ? D’accord mais la liste elle va prendre quelle forme ? Est-ce que ça sera simplement un lien vers une autre page où les données seront expliquées avec plus d’information ou…?

Une fois qu’on a bien réfléchit à comment on va arranger nos données sur nos pages on va pouvoir utiliser les fonctions faites pour : Bases de données.