Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/movva-gpu/sae203
Projet de site web avec une base de données SQL.
https://github.com/movva-gpu/sae203
apache2 creative-commons css css3 gulp gulp4 mariadb-database mariadb-server node node-js nodejs php php8 scp-foundation
Last synced: 2 months ago
JSON representation
Projet de site web avec une base de données SQL.
- Host: GitHub
- URL: https://github.com/movva-gpu/sae203
- Owner: movva-gpu
- License: cc-by-sa-4.0
- Created: 2024-03-05T23:27:19.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-06-25T19:42:23.000Z (6 months ago)
- Last Synced: 2024-09-28T11:04:38.750Z (3 months ago)
- Topics: apache2, creative-commons, css, css3, gulp, gulp4, mariadb-database, mariadb-server, node, node-js, nodejs, php, php8, scp-foundation
- Language: PHP
- Homepage: http://mmi23f13.sae203.ovh
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
FONDATION SCP
SAÉ203 - Listing de SCP
## Introduction
Pour ce projet, nous devons réaliser individuellement un site présentant les données de notre choix. Ces données,
contrairement à la [SAÉ105](https://github.com/movva-gpu/SAE105), doivent être stockées dans une base de donnés
MySQL pour être manipulable bien plus facilement qu'en JSON.
Il doit aussi avoir un "_back office_" permettant à un éventuel admin de gérer les données facilement sans avoir à
utiliser PhpMyAdmin ou le shell.
Enfin, la base de données doit contenir deux tables reliées entre elles.
Dans mon cas, il s'agit de SCP ainsi que des utilisateurs ayant écrit ou traduit les publications sur le site
de .
Celles-ci doivent avoir au moins six (6) champs (sans compter l'ID) dans l'une, et trois (3) dans l'autre.
## Hébergement
Le site est hébergé sur un VPS à l'adresse , sous un nom de domaine géré par
l'établissement.
Le server web utilisé est [The Apache HTTP Server Project](https://httpd.apache.org/), alias _httpd_.
La configuration du site est disponible dans le dossier apache/.
## Déploiement
Pour build et _compiler_ le site sur mon VPS, j'utilise [gulp](https://gulpjs.com/) afin de minifier mon CSS
avec [cssnano](https://cssnano.github.io/cssnano/), mon JS avec [UglifyJS](https://lisperator.net/uglifyjs/) (⚠️
Attention aux astigmates et aux épileptiques photosensibles, le site d'UglifyJS est vieux et pas du tout accessible.
⚠️).
Enfin, il me sert à minifier mon PHP/HTML et à déployer mon site
avec [sshpass](https://sourceforge.net/projects/sshpass/) et [scp](https://man.archlinux.org/man/scp.1.en).
## Instructions
Pour déployer vous-même mon projet sur votre propre VPS, suivez les étapes suivantes :
- Vérifiez vos versions respectives de node, npm et npx :
```shell
node --version
```
```shell
npm --version
```
```shell
npx --version
```
> Si l'un d'entre eux n'est pas installé, suivez les instructions [ici](https://nodejs.org/en).
- Installez le cli de gulp
```shell
npm install --global gulp-cli
```
- Vérifiez si vous avez git d'installé
```shell
git --version
```
> Sinon, suivez ces instructions [ici](https://git-scm.com/book/fr/v2/D%C3%A9marrage-rapide-Installation-de-Git).
- Clonez le repo git
```shell
git clone https://github.com/movva-gpu/SAE203.git
```
```shell
cd SAE203
```
- Installez les dépendances du projet
```shell
npm install
```
- Configurez une base de données MySql puis importez la
```shell
mysql nomDeLaBase < sql/sae203Base.sql
```
- Créez une configuration en suivant l'exemple de conf/example
- Enfin, déployez le site
```shell
gulp
```