Page web du projet (IFT3150): https://ceduni.github.io/picto360
Picto360 est une collaboration avec École en Réseau visant à développer une application pédagogique qui enrichit des images panoramiques et à 360° avec des annotations interactives.
👀 Exemple d'annotation de photos 360 (prise avec un drone)
Dossier Drive: Contient la documentation du projet
Wiki: Contient la documentation de l'application et de l'infrastructure développée (Services, API, Base de données...)
Ce projet est un template de site web pour le cours IFT3150, construit avec MkDocs et le thème Material for MkDocs.
Assurez-vous d’avoir les outils suivants installés :
- Python 3.8 ou plus récent
pip(gestionnaire de paquets Python)
- Clonez ce dépôt :
git clone git@github.com:udem-diro/template-projet.git
cd ift3150-template- Installez les dépendances :
pip install -r requirements.txtPour lancer un serveur de développement local :
mkdocs serveLe site sera accessible à l'adresse http://127.0.0.1:8000
Pour construire le site :
mkdocs buildLes fichiers générés seront dans le dossier site/.
Pour déployer sur GitHub Pages :
mkdocs gh-deployCette commande pousse automatiquement le contenu du site sur la branche gh-pages.
docs/: Contient tous les fichiers Markdown du sitemkdocs.yml: Configuration de MkDocsrequirements.txt: Dépendances Pythonsite/: Site généré (créé lors de la construction)
- Modifiez
mkdocs.ymlpour changer la configuration du site - Ajoutez/modifiez les fichiers Markdown (
.md) dansdocs/ - Personnalisez le thème en modifiant les paramètres dans
mkdocs.yml
Code serveur et logique métier.
models/: Modèles de données (Annotations, Projets, Images).routes/: Endpoints API RESTful.services/: Logique applicative.utils/: Utilitaires généraux.
Documentation du projet.
css/: Styles pour la documentation.images/: Logos et illustrations.index.html: Page d'accueil de la documentation.
Frontend développé avec React et TypeScript.
components/: Composants React (Barre d'outils, Menu contextuel, Visionneuse).hooks/: Hooks personnalisés.models/: Modèles de données pour le frontend.assets/: Styles CSS et autres assets.public/: Fichiers publics incluantpannellum.js.
README.md: Description générale.TIMELINE.md: Suivi hebdomadaire.
Supervision par Louis-Edouard LAFONTANT.