Movie Night Galerie

BeitragsbildMovieNightGallery

Ich habe bei der MMP Movie Night 2023 für die Organisatorinnen Léonie und Leah fotografiert und es hat mir grossen Spass gemacht. Später kam mir die Idee, dass sich die Fotos hervorragend auf einer Webseite präsentieren liessen.

Deshalb habe ich diese Idee umgesetzt und das Ergebnis ist hier zu sehen.

(eli)

Idee
Nach der Movie Night kam mir die Idee, als ich sah, wie viele Fotos gemacht wurden. Ich dachte mir, dass es toll wäre, diese Fotos auf einer Webseite zu präsentieren. Bevor ich mit der Umsetzung begann, habe ich die Organisatorinnen gefragt, ob sie damit einverstanden sind.

Umsetzung
Bei der Umsetzung konnte ich meine Kenntnisse aus dem Modul «Interaktive Medien» nutzen. Für die Icons habe ich iconfinder.com verwendet und für die Diashow konnte ich das Tool von albumizr.com einsetzen. Bevor ich mit der eigentlichen Umsetzung begann, habe ich ein Mockup in Adobe XD erstellt, um das Design zu planen.

Reflexion
Ich habe den Aufwand für das Projekt unterschätzt. Ich hatte nicht bedacht, dass ich auch JavaScript-Dateien schreiben musste, um beispielsweise den zufälligen Hintergrund oder die Klickbarkeit der Bilder in der Galerie zu realisieren. Zudem ist die Webseite etwas langsam, und ich hätte mehr auf die Performance achten sollen.

Learnings
Aus diesem Projekt habe ich gelernt, dass es wichtig ist, frühzeitig mit solchen Projekten zu beginnen. Ich sollte bereits zu Beginn auf die Performance der Webseite achten. Trotz der Herausforderungen würde ich wieder semantische HTML-Elemente (für die Übersichtlichkeit) und Flexboxen nutzen, da sie sich bewährt haben und gute Ergebnisse liefern.