Manping Li-Été 2022

Rapport Final

Introduction

Durant la session, j’ai travaillé en tant que développeur serveur utilisant le framework Laravel et les langage php,MySQL et vue.js.

Le mandat pour le projet consiste à implémenter la nouvelle version(V3) de l'interface d'administration basé sur la derniere version de de la base de données et améliorer et résoudre les bugs de l'interface d'administration,ajouter nouvelle données dans la base de données,ainsi que faire la recherche sur l'optimisation le processus de dévelopment du serveur en utilisant le concept the CI CD.

Développement

Ce projet a été la première fois que je développais dans un environnement de back-end,c’était quelque chose que je voulais faire depuis quelque temps car je peut travailler sur le serveur,la base de données et les API derrière une application web en même temps et je peux aussi apprendre beaucoup de langues utiles.

J’ai passé une bonne partie du début de session à installer l'environnement de travail.Ceci implique installer Apache serveur,MySQL serveur,languages php,vue.js et le framework Laravel，ainsi que connecter le outil de la base de données avec la base de données du projet.J'ai rencontré deux difficulté majeurs:

• Le processus d'installation ne marche pas dans MAC OS M1 chip:
  Il me semble que à cause de la dépendence dans le projet MONA,il y a des conflits entre le M1 chip et Laravel.Je n'ai pas réussi à installer les serveurs et les languages dans mon ordinateur.Avec l'aide de Thomas et Simon,j'ai finalement installé l'environnement de travail avec XAMPP.XAMPP est un ensemble de logiciels permettant de mettre en place un serveur Web local, un serveur FTP et un serveur de messagerie électronique. Il s'agit d'une distribution de logiciels libres (X (cross) Apache MariaDB Perl PHP) offrant une bonne souplesse d'utilisation, réputée pour son installation simple et rapide. Même avec XAMPP,l'installation vue.js n'est pas facile.J'ai rencontré beaucoup de problème et je l'ai documenté dans de wiki du projet
• Importer la base de données MONA dans DBeaver(et aussi phpMyAdmin):DBeaver est un client SQL multi-plateformes en Java qui se veut universel et vise à simplifier la vie des développeurs et des administrateurs de base de données. Il supporte les moteurs de bases de données les plus populaires. J'ai éssayé tout les commandes dans le liens de wiki ,mais riens marche.Finalement,avec l'aide de Thomas,J'ai réussi à importer la base de données MONA dans DBeaver et j'ai pu commencer à travailler sur l'interface admin et la base de données.

J'ai aussi renconté beaucoup de problèmes techiniques reliés aux XAMPP dans M1.Par example,chanque fois que je redémarre mon ordinateur,le serveur de Apache et MySQL ne peuvent pas redémarrer par le panneau de commande de XAMPP,il faut faire les prochaine étaps dans terminal pour résoudre le problème

• sudo killall mysqld
• sudo killall httpd
• mysql.server start
• sudo /Applications/XAMPP/xamppfiles/bin/apachectl start

Lena ensuite m'a demandé d'ajouter des données depuis la fichier de ods dans la base de données MONA. Cette tâche me permet d'apprendre comment convertir un fichier ods à un fichier csv,comment écrire le code pour importer le fichier csv dans la base de données,comment vérifier les données sont biens importé et comment mise à jour la base de données dans le serveur.Les étapes sont documentés dans mon report hebdomentaires.Après avoir fini ce tâche,je commence à mieux comprendre le projet et coomment fonctionne la base de données dans le projet.

J'ai ensuite travaillé sur l'implementation de l'interface admin V3.Parce que la base de données est restructuré dans V3,le travail à faire n'est pas mineure.J'ai commencé à refaire tout les fichiers relie aux tables d'index pour user,artwork,patrimoine et place en utilisant la language Vue.js.Les fichiers concernés sont: ArtworkGrid.vue,HeritageGrid.vue,PlaceGrid.vue et UserGrid.vue

Par rapport au version V2,j'ai corrigé les prochaines fonctions:

• L'affichage des photos et commnetaires ne fonctionnent pas dans V2
• Le bouton 'voir details' ne marche pas pour la majorité de artworks dans V2
• La majorité de columns ne s'affichent pas correctement.Par example,dans la liste user,le column 'Updated At' et 'Created At' affichent la même date dans V2
• Les routes menant vers la vue détaillée de l'oeuvre n'ont pas été définis correctment dans le serveur dans V2

Ensuite,j'ai modifié show.blade.php pour artwork et ajouter trois show.blade.php fichiers pour users,places,heritages ainsi que modifier le method show dans les fichiers de

D'ailleurs,j'ai refait le fichier create.blade.php pour artworks et le method create dans ArtworkController.php.A couse du temps limité,je n'ai pas fait create pour patrimoines et places.

J'ai aussi ajouté les fonctions suivants:

• Ajouter un lien de url pour artworks et patrimoines dans le bouton 'voir details'
• Ajouter un lien 'user detail' dans 'show' de artworks,patrimoines et places,pour qu'on peut voir le détail de l'utilisateur pour chaque oeuvre
• Dans le tableau d'index de users,j'ai partitionne le column 'Collection' à trois columns 'Collection artworks','Collection heritages' et 'Colleciton places' pour qu'on puisse faire analyse sur le user facilement dans le future.

Après implementer la version 3,tout les boutons fonctionnent dans l'interface admin.Tout les données s'affichent correctment.Sauf qu'il reste un bug que je n'ai pas réussi à résoudre:le tri des photos et commentaires dans le table de index ne fonctionnent pas toujours.

Il ne faut pas oublier à mentionner qu'au début du projet,j'ai travaillé avec Simon pour apprendre le concept de l'intégration et déploiement continus(CI/CD) qui permet d'optimiser et de renforcer l'automatisation et la supervision des modifications apportées aux codes des applications, lors de la création de logiciels ou de services web.

Conclusions

Je me sens extrêmement chanceux de faire ce projet et je suis très contente du résultat malgré les très nombreux difficultés que j'ai rencontrés.J’ai rapidement pris l’habitude de travailler en équipe.Avec le support de mes coéquipiers, je me sens plus à l’aise de affronter aux difficulté touts les jours et le resoudre petit à petit.J'ai aussi appris comment produire le code en utilisant un nouveau langage en peu de temps.J'ai eu l'oppportunité de travailler sur la base de données et aussi sur l'interface admin qui me permettent d'apprendre deux processus différents.Finalement,j'ai appris comment finir un projet avec bon résultat dans un temps limité.

Vision à futur

Bien que l'interface admin soit bien fonctionnelle, à cause du temps limité,il reste encore des points à améliorer.

Voici en bref suggèsions à travailler au futur :

• Ajouter 'drop down' button pour 'Deletions' qui enregistre chaque enregistrement par artworks,partrimoine et places
• Ajouter le liens vers different artworks d'un artist dans le 'show' d'un artwork
• Ajouter les pages 'edit' et 'create' pour places et patrimoine
• Ajouter les commentaires et photos dans users par artworks,patrimoine et places et ajouter le lien vers le 'show' pour voir le détails de artworks,partrimoine ou places
• Ajouter le statistique de utilisateur pour analyser le comportement des utilsateurs
• Ajouter le statisque de artworks,places et patrimoine pour analyser la popularité dans oeuvre.