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.
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.
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.
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.
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.
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.
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
Ich erstelle gerne Webseiten. Mit HTML und CSS kann ich selbstständig Webseiten erstellen. Jedoch wollte ich mein Wissen erweitern indem ich eine eine neue Webseite Sprache lerne: PHP
Die meiste Zeit schaute ich mir Tutorials. Später konnte experimentierte ich mit verschiedenen PHP Codes.
Abgesehen von den viele Tutorials machte mir das Projekt spass. Ich konnte meine Kenntnisse in Webseiten erweitern.
Projektbeschreibung: Statistiken vom Bundesamt für Statistiken aufbereiten und diese dann auf einer selbstgemachten Webseite veröffentlichen. Die Gruppe hat 24 Tabellen aufbereitet, Diagramme dazu erstellt und diese auf einer selbst erstellten Webseite veröffentlicht.
Wir haben Statistiken vom Bundesamt für Statistik aufbereitet und diese auf unserer Webseite veröffentlicht.
Zusätzlich haben wir zu (fast) jeder Statistik ein (oder mehrere) Diagramm(e) erstellt.
Team:
– Philipp Hauswirth (Projektleiter)
– Yves Rubin
– Marco Habegger
Moodle Suchmaschine um Module einfacher zu finden und zu registrieren.
Es wurde ein Bot entwickelt der die die Aufgabe hat, die Module von der Website moodle.bbbaden.ch zu durchsuchen und herunterzuladen. Die Verbindung zwischen den eigentlichen Moduldaten und der Website konnte nicht abgeschlossen werden.
Teammitglieder:
– Henri Schmekies
– Toni Kostal
– Fabian Eichenberger
– <<Teamleiter>> Robin Steiger
Neueste Kommentare