- Registrierung: <\/strong>Es soll m\u00f6glich sein sich einen Account bei GoWalkies anlegen zu k\u00f6nnen. Hinterlegt werden sollen dabei ein Nutzername, eine E-Mail, ein Passwort und Informationen zur Person selber, so wie deren Hund.<\/li>
- Anmeldung:<\/strong> Es soll m\u00f6glich sein, dass man sich per E-Mail\/Nutzername und Passwort anmelden kann.<\/li>
- Abmelden<\/strong><\/li>
- Startpage<\/strong>: Dies soll die default Page sein, auf der jeder Nutzer startet. Von hier aus soll es m\u00f6glich sein direkt zu den meist benutzen Features zu gelangen und das neuste aus der Umgebung zu sehen.<\/li>
- Umsetzung fast aller Teilfeatures der Routen-Kategorie:
- Schnellplaner<\/strong>: Es soll m\u00f6glich sein, seine Route aus vorgeschlagenen Routen in der Umgebung ausw\u00e4hlen zu k\u00f6nnen. Jeder Routenvorschlag enth\u00e4lt eine Vorschau des Weges auf der Karte und Informationen \u00fcber die Route (Dauer, L\u00e4nge, Einschr\u00e4nkungen).
- Filter<\/strong>: Es soll m\u00f6glich sein, die vorgeschlagenen Routen filtern zu k\u00f6nnen nach Dauer, L\u00e4nge und Einschr\u00e4nkungen.<\/li><\/ul><\/li>
- Routenplaner<\/strong>: Es soll m\u00f6glich sein, seine Route anhand von Wegpunkten aufzubauen und direkt die Route auf einer Karte sehen zu k\u00f6nnen, hier werden vorerst nur die Buttons implementiert.<\/li>
- Meine Routen:<\/strong> Es soll eine Ansicht geben, \u00fcber die der angemeldete Nutzer eine \u00dcbersicht \u00fcber seine gespeicherten Routen hat, z. B. in Listenform.<\/li>
- Gelaufene Routen<\/strong>: Es soll eine Ansicht geben, \u00fcber die der angemeldete Nutzer eine \u00dcbersicht \u00fcber seine gelaufenen Routen hat, z. B. Listenform. Au\u00dferdem soll angezeigt werden, wie oft er eine gelaufen ist.<\/li><\/ul><\/li>
- Simulierung fast aller Funktionalit\u00e4ten des Buddies-Features:
- Top 5:<\/strong> Einem angemeldeten Nutzer soll es m\u00f6glich sein, seine 5 Lieblingsbuddies auf einer Seite einsehen zu k\u00f6nnen. Dabei sollen Details und Notizen zu den Buddies angezeigt werden.<\/li>
- Meine Buddies:<\/strong> Einem angemeldeten Nutzer soll es m\u00f6glich sein, alle seine Hundebekannten z. B. in Form einer Liste einsehen zu k\u00f6nnen.<\/li>
- ggf. Buddies in der N\u00e4he:<\/strong> Es soll m\u00f6glich sein, nachzuschauen, welche anderen Hunde in der N\u00e4he unterwegs sind.<\/li><\/ul><\/li><\/ul>\n\n\n\n
Nicht funktionale Anforderungen<\/h3>\n\n\n\n
- \u00fcber Webbrowser aufrufbar, d. h. Webpage\/WebApp<\/li>
- soll f\u00fcr Computer nutzbar sein<\/li>
- Farbschema<\/li><\/ul>\n\n\n\n
Es wurde nochmal \u00fcber das Farbschema gesprochen und folgendes festgelegt:<\/p>\n\n\n\n
![\"\"](\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/go-walkies-colorscheme.png\")
Farbschema f\u00fcr Go Walkies!<\/figcaption><\/figure>\n\n\n\n\n\n\n\n (3) We now have 6 weeks left for our projects. Produce a detailed timeline (e.g., a Gantt-chart or similar) of jobs that need to be done and milestones that need to be reached starting from today.<\/h2>\n\n\n\n
Wir haben diese Aufgabe so verstanden, dass wir einen Plan machen sollen f\u00fcr die Erstellung des ersten Prototypen, da sich dieser Aufgabenzettel um einen hi-fi Prototypen dreht.<\/p>\n\n\n\n
W\u00fcrde diese Planung das gesamte Projekt umfassen, eine solche App fertig zu stellen und auf den Markt zu bringen, w\u00e4ren hier noch einige Usability Tests mit eingebaut. Da wir aber nicht dar\u00fcber entscheiden, was die Next Steps in dem Projekt sind, sondern mit dem Projekt beispielhaft Erlerntes aus der Vorlesung durcharbeiten, k\u00f6nnten wir einen solchen gesamten Projektplan momentan nicht erstellen.<\/p>\n\n\n\n
![\"\"](\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/go-walkies-gantt-1024x427.png\")
First Gantt-chart<\/figcaption><\/figure>\n\n\n\n Wir haben am Ende vom Erstellen des Prototypen einen Puffer, der nicht im Gantt-Chart ersichtlich ist. <\/p>\n\n\n\n
(4) Start building your prototype.<\/h2>\n\n\n\n
Haben wir …\u00a0<\/p>\n\n\n\n
GitLab Repository: https:\/\/git.imp.fu-berlin.de\/gowalkies\/gowalkies<\/a><\/p>\n\n\n\n\n\n\n\n
Reflexion<\/strong><\/h2>\n\n\n\n
Wer hat welchen Beitrag geleistet?<\/em><\/h3>\n\n\n\n
Welches Framework wir benutzen werden, wissen wir schon l\u00e4nger. Aljoscha hat das vorgeschlagen und der Rest hatte keine bessere Alternative. Ailis hat sofort das Gantt-Chart angelegt, das wir dann zusammen gef\u00fcllt haben. Dabei gab es schon ein paar Punkte zu diskutieren, die wir jedoch argumentiert l\u00f6sen konnten. Ailis hat weiterhin das Gantt-Chart zur absoluten Perfektion gef\u00fchrt. Aljoscha hat bereits das Grundger\u00fcst mit Bootstrap erstellt und Hanna und Ailis SASS dabei erkl\u00e4rt. Hanna hat die Linkmap erstellt, die selbst f\u00fcr einen Prototypen bereits verworren ist. (Bis wir all dies erledigt hatten, sa\u00dfen wir bereits 3h zusammen, exklusive der Zeit f\u00fcrs Fertigstellen und Dokumentieren.) Im Nachgang hat Ailis die Anforderungen dokumentiert.<\/p>\n\n\n\n
In den folgenden Tagen haben wir dann die Zeit genutzt, den Prototypen umzusetzen. Insgesamt haben wir oft zusammen gecoded und uns gegenseitig geholfen. Hanna hat haupts\u00e4chlich den Header und Footer erstellt und etwas aufger\u00e4umt. Aljoscha hat mit dem Grund Ger\u00fcst die Seitenmen\u00fcs erstellt und die Routenplaner Seite. Au\u00dferdem hat Aljoscha die Registrierungsseite und das Login Modal gebaut. Ailis hat die Login-Funktionalit\u00e4t und den Schnellplaner gebaut. <\/p>\n\n\n\n
Was habt ihr gelernt?<\/em><\/h3>\n\n\n\n
Genaue Wireframes zur Zielformulierung und vorherigen Diskussion w\u00e4ren notwendig. Nochmal mit Git-Lab besch\u00e4ftigt. Zudem nochmal in die Web-Programmierung vertieft bzw. die entsprechenden Dev-Umgebungen.<\/p>\n\n\n\n
Wir haben alle etwas in HTML, Bootstrap, Javascript und jQuery dazu gelernt.<\/p>\n\n\n\n
Was lief gut?<\/em><\/h3>\n\n\n\n
Unsere Gruppenarbeit lief auch dieses Mal wieder gut. Gegenseitige Kommunikation und Unterst\u00fctzung ist in der Gruppe beispielhaft.<\/p>\n\n\n\n
Au\u00dferdem haben wir gemeinsam Pair-Programming durchgef\u00fchrt, vor allem bei hartn\u00e4ckigen Fehler.<\/p>\n\n\n\n
Was m\u00f6chtet ihr verbessern?<\/em><\/h3>\n\n\n\n
Uns erschien die gegebene Zeit f\u00fcr den \u00dcbungszettel wieder sehr knapp, allein den Prototypen in 2 Wochen fertig zu stellen, ist sehr zeitaufwendig. Zus\u00e4tzlich noch ein detailliertes <\/em>Ganttchart zu entwerfen und Anforderungen aufzulisten, hat f\u00fcr uns den Rahmen gesprengt.<\/p>\n\n\n\n
Vor der Erstellung des hi-fi Prototypen w\u00e4ren sehr viel mehr Wireframes hilfreich gewesen. Das h\u00e4tte – gerade bezogen auf die kurze Zeit zur Umsetzung – sehr viel Stress und Coding-Arbeit erspart.<\/p>\n","protected":false},"excerpt":{"rendered":"
(1) What framework or tools are you going to use? Why? Wir haben uns auf das Framework Bootstrap geeinigt. Einen hi-fi Prototypen oder eine WebApp mit Bootstrap zu implementieren, ist geht relativ schnell. Zum einen ist es ein ausgereiftes Framework f\u00fcr das GUI, das sich leicht mit beliebigen Frameworks f\u00fcr den funktionalen Unterbau kombinieren l\u00e4sst, … \u201e\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b[A#7, P6]\u00a0Starting High Fidelity Prototyping (First Iteration)\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6143,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[383978,384908,401222],"tags":[],"class_list":["post-1582","post","type-post","status-publish","format-standard","hentry","category-projekt-6","category-blogbeitraege","category-assignment-7"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/users\/6143"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=1582"}],"version-history":[{"count":5,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1582\/revisions"}],"predecessor-version":[{"id":1619,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1582\/revisions\/1619"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Meine Buddies:<\/strong> Einem angemeldeten Nutzer soll es m\u00f6glich sein, alle seine Hundebekannten z. B. in Form einer Liste einsehen zu k\u00f6nnen.<\/li>
- Routenplaner<\/strong>: Es soll m\u00f6glich sein, seine Route anhand von Wegpunkten aufzubauen und direkt die Route auf einer Karte sehen zu k\u00f6nnen, hier werden vorerst nur die Buttons implementiert.<\/li>
- Filter<\/strong>: Es soll m\u00f6glich sein, die vorgeschlagenen Routen filtern zu k\u00f6nnen nach Dauer, L\u00e4nge und Einschr\u00e4nkungen.<\/li><\/ul><\/li>
- Anmeldung:<\/strong> Es soll m\u00f6glich sein, dass man sich per E-Mail\/Nutzername und Passwort anmelden kann.<\/li>