Projekttag Informatik

Projekte von dem Projekttag der Berufsfachschule Baden

Schlagwort: Webseite (Seite 1 von 3)

Axpo Sportclub Webseitenmigration

11. Juni 2025 /

Gruppenmitglieder

  • David Kakuk (Projektleiter)
  • Sakeriya Abdirahman

Projektbeschrieb

Im Anschluss an die Entwicklung einer neuen Website für den Axpo Sportclub bestand dieses Projekt darin, ausgewählte Inhalte von der alten auf die neue Plattform zu migrieren und die zuständigen Mitglieder des Sportclubs in der Bedienung des neuen Systems zu schulen. Ziel war eine voll funktionsfähige und benutzerfreundliche Webseite inklusive Eventübersicht, Clubhaus-Miete und Bildergalerie.

Positive Erfahrungen

  • Die Präsentation der neuen Website war ein grosser Erfolg mit viel positivem Feedback.
  • Die Schulung verlief reibungslos, und die Teilnehmenden verstanden die Inhalte schnell.
  • Die Teamarbeit war stark: klare Aufgabenverteilung, gegenseitige Unterstützung und ein motivierendes Miteinander.

Negative Erfahrungen

  • Die Datenmigration war aufwendig und frustrierend, da das Backup der alten Seite schlecht organisiert war.
  • Technische Einschränkungen beim Booking-Tool führten zu Kompromissen.
  • Die Schulung konnte nicht wie geplant vor-Ort durchgeführt werden.

Verbesserungsmöglichkeiten

  • Frühzeitigere Abstimmung zu gewünschten Funktionen, um spätere technische Hürden zu vermeiden.
  • Schulungsplanung strukturierter und mit mehr Vorlaufzeit durchführen.
  • Direkt auf eine effiziente Migrationsmethode setzen, um Zeit zu sparen.

Webseite für den Axpo Sportclub erstellen

30. April 2025 /

von David Kakuk und Sakeriya Abidrahman

Projektbeschrieb

Das Projekt umfasste die Neugestaltung der Webseite für den Axpo Sportclub, welche ursprünglich auf WordPress basierte und nicht mehr zeitgemäss war. Ziel war es, eine moderne, benutzerfreundliche Webseite zu schaffen, die sowohl Besucher als auch Administratoren und Event-Manager intuitiv bedienen können.

Nach einer umfassenden Recherche und einer Anforderungsanalyse entschieden wir uns für Wix, aufgrund der optimalen Balance aus Benutzerfreundlichkeit und integrierter Funktionalität für Events und Buchungen. Das Projekt beinhaltete die Erstellung von Mockups in Figma und Canva, um ein attraktives Design zu entwickeln. Schliesslich wurde eine Kombination der besten Elemente dieser Mockups für die finale Umsetzung gewählt.

Ein wesentlicher Bestandteil der neuen Webseite ist der Einsatz von “Wix Bookings & Events”, welcher die Verwaltung und Planung von Veranstaltungen erheblich vereinfacht und automatisiert. Während der Umsetzung wurden regelmässige Testfälle durchgeführt, um sicherzustellen, dass alle Anforderungen erfüllt sind.

Herausforderungen wie beschränkter Speicherplatz und die fehlende Möglichkeit, gleichzeitig im Wix-Editor zu arbeiten, wurden durch eine strukturierte Arbeitsteilung und kontinuierliches Projektmanagement mit Jira bewältigt.

Das Ergebnis ist eine übersichtliche, moderne und skalierbare Webseite, die zukünftig einfach gewartet und erweitert werden kann.

Erfahrungen

Positive Erfahrungen:

  • Das Projekt ermöglichte eine intensive Auseinandersetzung mit neuen Tools wie Wix und Figma.
  • Die Zusammenarbeit und Unterstützung im Betrieb war sehr gut, wodurch weniger Zeitdruck entstand.
  • Der kreative Prozess der Mockup-Erstellung wurde als besonders motivierend empfunden.

Negative Erfahrungen:

  • Der begrenzte Speicherplatz bei Wix führte zu unerwarteten Einschränkungen.
  • Die fehlende Möglichkeit, gleichzeitig an der Webseite zu arbeiten, verlangsamte den Arbeitsprozess erheblich.
  • Es kam zu einer erheblichen zeitlichen Verzögerung, wodurch Anpassungen am ursprünglichen Zeitplan nötig wurden.

Vergleich

Machen Sie sich selbst ein Bild:

Alt & Neu vergleichen

Instagram Fame

2. April 2025 /

Gruppenmitglieder

Projektleiter

Dominik Halilaj

Gruppenmitglieder

  • Alessio Giacomini
  • Hebron Francis
  • Karl Miemietz
  • Fynn Voegele

In unserem Projekt beschäftigen wir uns mit der Erstellung von Kurzvideos, da wir alle diese Art von Inhalten konsumieren. Wir wollten herausfinden, wie aufwendig es ist, solche Videos zu produzieren und ob man damit erfolgreich werden kann. Deshalb haben wir beschlossen, einen Instagram-Account zu erstellen, der sich ausschliesslich mit Autos befasst. Dort werden wir regelmäßig Kurzvideos zu verschiedenen Automodellen posten und analysieren, wie schnell man damit Reichweite generieren kann. Am Ende des Projekts werten wir unsere Ergebnisse aus und prüfen, ob man allein durch Auto-Videos auf Instagram erfolgreich werden kann.

Positives:

Unser Projekt bietet eine spannende Möglichkeit, kreative Inhalte zu erstellen und wertvolle Einblicke in die Welt der Social-Media-Reichweite zu gewinnen. Es fördert unsere Teamarbeit, unsere strategische Denkweise und gibt uns die Chance, praktische Erfahrungen im digitalen Marketing zu sammeln.

Negatives:

Eine Herausforderung unseres Projekts ist der hohe Wettbewerb auf Social Media, da täglich unzählige Kurzvideos veröffentlicht werden. Zudem erfordert das regelmässige Erstellen und Bearbeiten von Inhalten viel Zeit und Kreativität, um sich von der Masse abzuheben.

PowerPoint im Style einer Webseite

28. August 2024 /

Gruppenmitglieder

Projektleiter

Larissa Keller

Gruppenmitglieder

Jael Wolfensberger, Manuel Greiter, Valeria Hediger

Projektbeschreibung

Wir haben eine PowerPoint gestaltet, die das Aussehen einer Webseite hat. Auf dieser PowerPoint haben wir Steckbriefe über uns und unseren Beruf Mediamatiker gemacht. Wenn man sich durch die PowerPoint durchklickt, entsteht das Gefühl als würde man sich durch eine Webseite klicken.

Positives

Wir haben gut im Team gearbeitet und jeder hat seinen Beitrag dazu geleistet. Wir haben auch genug schnell gearbeitet und konnten die Zeit gut einteilen.

Negatives

Unser Hauptziel war es eigentlich alles auf einer Website zu machen, doch leider funktionierte dies nicht, da das Teilen, auf dieser Website, nicht funktioniert hat. Deswegen konnten wir nicht gleichzeitig darauf arbeiten. Aus diesem Grund haben wir es dann auf einer PowerPoint gemacht.

Fazit

Uns hat das Projekt im Allgemeinen spass gemacht. Eigentlich hatten wir einen anderen Plan, doch trotzdem sind wir sehr zufrieden mit unserem Endprodukt.

Chatting Webseite erstellen

28. Februar 2024 /

Projektleiter

Colyn Fenner

Teammitglieder

Elia Hänggi, Mike Rohr, Nilas Leuzinger, David Ackermann

Beschreibung

In diesem Projekt war unser Ziel eine Chatting Webseite zu erstellen. Diese sollte über eine Login Funktion verfügen, einen Darkmode welcher im Browser gespeichert wird enthalten und natürlich auch Admin Konten besitzen um auf verstosse gegen die Richtlinien vorgehen zu können. Zusätzlich haben wir ein Snake Game integriert um das Ganze etwas interessanter zu machen.

Positives

Die Verständigung in der Gruppe war sehr gut und wir konnten im idealen Tempo miteinander arbeiten wie auch die Arbeiten aufteilen.

Negatives

Wir hatten einige Probleme beim hochladen der Dateien. so wurden oft keine oder alte CSS dokumente als Stylevorlage verwendet oder JavaScripte wurden nicht verwendet obwohl wir dies eigentlich wollten.

Fazit

Wir sind zufrieden mit dem ergebnis auch wenn wir gerne noch einige fehler behoben hätten. Auch die Gruppenzusammenarbeit war sehr angenehm. schlussendlich sieht das Endprodukt sieht grösstenteils gut aus und wir freuen uns auf das nächste Projekt.

https://chat.wubo.ch

Docker ChatApp

21. Februar 2024 /

Projektbeschreibung:
In diesem Projekt lag der Fokus auf der Entwicklung einer Videochat-Plattform, die es Nutzern ermöglicht, ähnlich wie bei Omegle zufällige Personen der BBBaden zu treffen. Wer keinen Videochat führen möchte, kann alternativ den öffentlichen Chat nutzen.

Umsetzung:
Simon hat zunächst ein Mockup für die Website/PWA-App erstellt, während Gianluca an der Funktionalität des Videochats gearbeitet hat. Für die Übertragung des Videos wollten wir WebRTC verwenden. WebRTC ermöglicht es, Video peer-to-peer zu übertragen, das heisst, ohne dass das Video über den Server übertragen werden muss.

Positive Aspekte:
Die Verwendung eines Mockups hat sich als vorteilhaft erwiesen, da wir die Webseite klar gemäss der Vorlage entwickeln konnten. Ein weiterer positiver Aspekt war, dass wir bereits nach wenigen Stunden eine Version hatten, die es ermöglichte, ein Video von einem Browser zum anderen zu streamen.

Herausforderungen:
Eine Herausforderung, der wir bis zum Ende nicht gewachsen waren, aufgrund unserer begrenzten Zeit, bestand darin, das Kameravideo über das Internet zu übertragen. Wir hatten eine Version, die das Kamerabild erfolgreich von einem Gerät zum anderen im selben Netzwerk übertrug, jedoch scheiterten unsere Versuche, dies über das Internet zu realisieren.

Fazit:
Während des Projekts haben wir zahlreiche neue Technologien wie React, Node.js und WebRTC kennengelernt. Vielleicht haben wir uns etwas zu viel vorgenommen, aber es hat uns Spass gemacht, die fünf Wochen lang an dem Projekt zu arbeiten.

Website gestalten

20. Dezember 2023 / / Keine Kommentare

Projektbeschreibung:
In diesem Projekt lag der Fokus auf der Gestaltung einer eigenen Webseite. Dies umfasste die detaillierte Planung von Designelementen, wie der Farbpalette und dem Wireframe. Eine besondere Absicht war, diese Webseite ohne die Verwendung eines Frameworks zu realisieren, sondern ausschliesslich durch den Einsatz von reinem HTML, CSS und JavaScript-Code.

Die Website als Endprodukt finden sie hier.

Umsetzung:
Nachdem wir den Wireframe und die Farbpalette erfolgreich erstellt hatten, schritten wir zur Umsetzungsphase. Die Realisierung verlief äusserst schnell, da wir uns nicht mehr mit der grundsätzlichen Gestaltung der Website auseinandersetzen mussten. Stattdessen konnten wir uns auf den erstellten Wireframe als klare Vorlage konzentrieren und diesen umsetzen.

Positive Aspekte:
Die Verwendung des Wireframes und der Farbpalette als klare Vorlagen ermöglichte eine präzise und exakte Umsetzung der Webseite gemäss der ursprünglichen Vorstellung. Die bewusste Entscheidung, ohne ein Framework zu arbeiten und stattdessen ausschliesslich auf reinem HTML, CSS und JavaScript zu setzen, trug dazu bei, unser Verständnis für diese Sprachen zu vertiefen und neue Fähigkeiten zu entwickeln.

Herausforderungen:
Es war nicht selten der Fall, dass CSS scheinbar eigene Wege ging und kleine Änderungen unvorhersehbare Auswirkungen auf die Platzierung von Elementen, wie etwa Buttons, hatten.

Eine weitere Herausforderung war die Entwicklung eines stimmigen Farbschemas für die Website. Die Komplexität dieses Aspekts wird oft unterschätzt. Die Farben sollten nicht nur ästhetisch ansprechend sein, sondern auch eine angemessene Balance zwischen Helligkeit und Dunkelheit aufweisen. Zusätzlich dazu war es wichtig, dass die Farben miteinander harmonieren – eine Aufgabe, die zunächst einfach erscheinen mag, in der Praxis jedoch vielschichtige Überlegungen erfordert.

Fazit:

Insgesamt lässt sich konstatieren, dass die Planung und Gestaltung unserer Webseite eine lehrreiche Reise voller Herausforderungen und kreativer Entscheidungen war. Das Eintauchen in die Welt der Webentwicklung sowie der UX- und UI-Designs gestaltete sich als faszinierende Erfahrung.

Unsere Website

Simon Kneubuehl & Gianluca Giarritta

Webseite auf Raspberry Pi hosten

18. Oktober 2023 /

Projektleiter

David Ackermann

Gruppenmitglieder

Colyn Fenner, Elia Haenggi, Mike Rohr, Nilas Leuzinger

Projektbeschreibung

Unser Projektziel war es, eine Webseite auf unserem Raspberry Pi zu hosten. Die Hauptseite sollte mindestens drei Unterseiten umfassen. Zusätzlich haben wir einen Dark Mode integriert, der jedoch nicht auf allen Seiten verfügbar ist.

Positives

Wir konnten viel über HTML, CSS und JavaScript lernen, ebenso wie das Einrichten des Raspberry Pi, was sehr interessant war.

Negatives

Wir stießen auf einige Schwierigkeiten bei der Installation eines neuen Betriebssystems auf unserem Raspberry Pi. Das Beheben von Fehlern im Code erwies sich ebenfalls als zeitaufwändig.

Fazit

Insgesamt sind wir zufrieden mit unserem Projekt. Es hat uns in vielen Bereichen weitergebracht, insbesondere in Bezug auf Webprogrammierung und die Funktionsweise von Servern.

Projekt UNIX-Webseite

3. April 2019 /

Im Mittelpunkt dieses Projektes stand die Erstellung einer Webseite über UNIX. Die Webseite ist modern gestaltet und übersichtlich. Auf der Webseite sind mehrere Einträge vorhanden, welche die Funktion, die Entstehung, die Verwendung und auch den Unterschied von Linux zu UNIX fachgerecht erklären. Die Zielgruppe der Webseite sind Personen, welche bisher vielleicht von UNIX-Systemen gehört hatten, aber nicht wussten, was es genau mit diesen Betriebssystemen auf sich hat.

Der Artikel über den UNIX-Kernel erklärt, was ein Kernel ist und wie ein normaler Kernelprozess unter einem gängigen UNIX-System funktioniert. Des Weiteren wird auf die heutigen Versionen von UNIX eingegangen und auch die Unterschiede zwischen den Open-Source BSD-Systemen (FreeBSD, NetBSD, DragonFly BSD usw.) und anderen Closed-Source UNIX-Systemen (wie zum Beispiel AIX oder HP-UX) erläutert. Es ist ferner sehr aufschlussreich, Personen welchen die UNIX-Welt bisher nur am Rande bekannt war, die Unterschiede zwischen UNIX und Linux aufzuzeigen. Denn viele mögen denken, dass es da gar keinen Unterschied gäbe, gewissermassen sind UNIX und Linux-Systeme tatsächlich in vielen Funktionen ähnlich oder gleich. Wenn man dann genau hinschaut kann man viele Widersprüche erkennen, schliesslich sind auch die beiden Kernels nicht durch und durch konform.

Die Webseite selber ist im offiziellen WordPress-Blognetzwerk öffentlich auffindbar. Es wurde zu jedem Artikel eine Kommentarfunktion hinzugefügt, sodass die Leser selber Vorschläge einbringen können oder auch Fragen stellen, falls etwas unklar sein sollte. Im Falle eines neuen Kommentars werde ich per E-Mail informiert und kann sofort darauf reagieren. Man kann über WordPress der Webseite folgen, um über Änderungen informiert zu werden. Ich werde auch in Zukunft ab und zu Ergänzungen hinzufügen oder neue Beiträge veröffentlichen.

Hier ist der direkte Link zur UNIX-Webseite:
https://unixwebseite.home.blog

Snowboard Webseite

13. März 2019 /

Projektleiter: Remo Scheibler

Mitglieder: Tristan Blättler

Projektbeschreibung:
Wir haben eine Webseite zum Thema Snowboard erstellt. Wir haben drei verschiedene Themen, auf drei verschiedene HTML Seiten erstellt.
Es geht um Snowboard Typen, Gebiete und Tricks.

Hier gelangen sie zur Webseite: snowboard.bplaced.net

« Ältere Beiträge