diff --git a/README.MD b/README.MD new file mode 100644 index 0000000..b10f5fc --- /dev/null +++ b/README.MD @@ -0,0 +1,30 @@ +# Nom de l'Application + +## Présentation du Projet + +Le Projet est une application mobile qui porte le nom "UwU" qui est la version mobile du musée de l'illusion sur paris. Elle offre une visite guidée interactive, présentant chaque salle et installation du musée. L'utilisateur peut accéder à des informations détaillées, des images et des commentaires audio pour chaque pièce exposée. + +## Stack Technologique + +L'application est développée en utilisant Ionic Vue, un framework puissant pour la création d'interfaces utilisateur mobiles et interactives. Pour la gestion des données, nous avons opté pour Airtable, une plateforme de base de données en tant que service, qui permet une manipulation facile des données et une intégration fluide avec notre application. + +- **Frontend :** Ionic Vue +- **Base de Données :** Airtable + +## Tables BDD + +![Modèle Conceptuel de Données](./public/mcdmobile.png "Modèle Conceptuel de Données") + +## Post Mortem + +### Commentaires sur le Projet + +Le Projet était cool , on a eu le choix des technologies et ca c'était pas mal du tout , on a pu apprendre de nouvelles choses avec ionic vue et l'implementation de airtable + +### Difficultés Rencontrées + +Pour les difficultés rencontrées , on a eu des soucis avec la prise en main de ionic vue , mais on a pu s'en sortir en regardant la documentation t en faisant des recherches sur internet + +### Limitations et Axes d'Amélioration + +Au niveau des axes d'amélioration, on aurait voulu ajouter une fonctionnalité de scan de qr code pour accéder aux informations des salles directement depuis l'application. diff --git a/package-lock.json b/package-lock.json index 5fe02d1..62d4783 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@capacitor/core": "^5.7.4", "@capacitor/haptics": "5.0.7", "@capacitor/keyboard": "5.0.8", + "@capacitor/screen-orientation": "^5.0.7", "@capacitor/status-bar": "5.0.7", "@ionic/vue": "^7.0.0", "@ionic/vue-router": "^7.0.0", @@ -1887,6 +1888,14 @@ "@capacitor/core": "^5.0.0" } }, + "node_modules/@capacitor/screen-orientation": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/@capacitor/screen-orientation/-/screen-orientation-5.0.7.tgz", + "integrity": "sha512-2HKWCfaz34IDpNyznr6RbnxxZ5lADA9AQJtH6TBKcd1VJm8MOvicc43zDMdg2p7qAdw9ZkvP4fYK9/MZEFwIHg==", + "peerDependencies": { + "@capacitor/core": "^5.0.0" + } + }, "node_modules/@capacitor/status-bar": { "version": "5.0.7", "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.7.tgz", diff --git a/package.json b/package.json index 538c3cc..755767f 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "@capacitor/core": "^5.7.4", "@capacitor/haptics": "5.0.7", "@capacitor/keyboard": "5.0.8", + "@capacitor/screen-orientation": "^5.0.7", "@capacitor/status-bar": "5.0.7", "@ionic/vue": "^7.0.0", "@ionic/vue-router": "^7.0.0", @@ -42,4 +43,4 @@ "vue-tsc": "^1.0.24" }, "description": "An Ionic project" -} \ No newline at end of file +} diff --git a/public/mcdmobile.png b/public/mcdmobile.png new file mode 100644 index 0000000..e1593df Binary files /dev/null and b/public/mcdmobile.png differ diff --git a/src/main.ts b/src/main.ts index 71d1cb0..62864ea 100644 --- a/src/main.ts +++ b/src/main.ts @@ -3,6 +3,7 @@ import App from "./App.vue"; import router from "./router"; import { IonicVue } from "@ionic/vue"; +import { ScreenOrientation } from "@capacitor/screen-orientation"; /* Core CSS required for Ionic components to work properly */ import "@ionic/vue/css/core.css"; @@ -29,3 +30,5 @@ const app = createApp(App).use(IonicVue).use(router); router.isReady().then(() => { app.mount("#app"); }); + +ScreenOrientation.lock({ orientation: "portrait" });