Blog

28.09.–2.10.

• Recherche nach ähnlichen Erweiterungen für Firefox und Chrome
• Beginn mit einer Test-Extension mit Hilfe von https://hacks.mozilla.org/2015/09/lets_write_a_webextension/
• Setup der Code-Versionsverwaltung auf GitHub
• Tutorials zu Google Chrome Extensions angesehen
• weitere interessante Tutorials gefunden: http://code.tutsplus.com/tutorials/developing-google-chrome-extensions--net-33076, http://markb.co.uk/building-a-simple-google-chrome-extension.html
• Test-Extension kann Titel, URL und markierten Text (noch ohne CSS und Speicherung) einer Internetseite anzeigen (Code funktioniert momentan nur für Chrome)
• Einbindung von Travis ins GitHub Projekt mit Status Image in README.md

5.–16.10.

• Beginn mit der Programmierung einer GoHyper-Demoversion:

  • Titel und URL der aktuellen Seite werden ausgelesen

  • markierter Text einer Internetseite wird im Feld "Quote" angezeigt

  • Einbindung von Bootstrap und AngularJS

  • Eingabe mehrerer Tags möglich

  • weitere Formularelemente hinzugefügt (Kommentarfeld, Buttons, Nav-Tabs)

19.–23.10.

• Suche nach Framework zur Unterstützung des Findens und Speicherns der Position im DOM: rangy
• Recherche zur Programmierung von Chrome Extensions (hauptsächlich Events)

26.–30.10.

• 29.10. Anmeldung der Bachelorarbeit (Abgabetermin am 21.01.)
• Planung der Vorgehensweise

2.–8.11. (Woche 1)

• Weiterentwicklung der Demoversion: Workflow abbilden
• mögliche lokale Speicherstrukturen evaluiert: Local Storage, Web SQL, IndexedDB
• IndexedDB: Verwendung eines bestehenden Angular Moduls
• Datenmodell
• Daten speichern, anzeigen und löschen
• Gemnasium überprüft die Dependencies des Projekts und informiert über Updates

9.–15.11. (Woche 2)

• Daten (einzelne Quotes) editieren
• 9.11. Treffen mit Daniel Seidel
• Daten filtern (nach aktueller URL und Zeitstempel)
• Nutzertests und Feedback eingearbeitet
• Workflow (u.a. durch Routing und das Hinzufügen von Views) verbessert

16.–22.11. (Woche 3)

• Darstellung optimiert (Quote wird besser dargestellt, redundante Infos entfernt)
• Textauswahl und farbliche Markierung über Context Menu
• Datenmodell erweitert: Hyperlinks werden gespeichert und über Typeahead Input Felder kann in ihnen gesucht werden
• 19.11. Treffen mit Product/Interaction Designerin
• Paper Prototyping für Workflow-Optimierung

23.–29.11. (Woche 4)

• 23.11. Treffen mit Hardyna Vedder (Ideengeberin) und Daniel Seidel
• 27.11. Treffen mit Übersetzerin
• Feedback einarbeiten
• Position der Textauswahl im DOM finden, serialisieren und highlighten (mit Hilfe von rangy)
• Recherche zu iframes und wie man diese mit einer Extension in andere HTML-Seiten einfügen kann
• Entwicklung einer neuen Darstellung (unter Verwendung eines iframes): GoHyper-Mockup

30.11.–6.12. (Woche 5)

• Umsetzung der Extension mit iframe (anstatt Popup) und Anpassung der Views
• Umstellung auf die native IndexedDB API, Entfernung des Angular Moduls (s.o.)
• Event Listeners und Message Passing (Datenbank-API im background script)
• Anzeige/Markierung der gespeicherten Quotes auf HTML-Seiten (Deserialisierung mit rangy)

7.–13.12. (Woche 6)

• Nutzertest und Besprechung des Workflows: 2. Treffen mit Product/Interaction Designerin am 9.12.
• Übersichtsanzeige (Database) aller Quotes mit Filter und Suche in Tags
• Verbesserung der Anzeige der gespeicherten Quotes (Links, Infos)
• Extension Icon: auf HTML-Seiten aktiv und für PDFs inaktiv

14.–20.12. (Woche 7)

• Serialisierung und Deserialiserung der Zitat-Position im DOM + Unittests
• Quote markieren und als Link benutzbar machen
• Testing

21.–27.12. (Woche 8)

• Verbesserung des dom-position-serializers und der GoHyper-Erweiterung (Ziel MVP)
• Löschen des Quotes -> Entfernung der Markierung aus DOM
• Veröffentlichung der GoHyper-Erweiterung im Chrome Web Store -> Tests durch angeschriebene User
• Berücksichtigung des Feedbacks: z.B. Anpassung des Workflows durch Einbeziehung des Browser Action Icons

28.12.–3.01. (Woche 9)

• Erstellung der Gliederung für die schriftliche Ausarbeitung
• Ergebnisse aufschreiben
• Bearbeitung der Issues und Rückmeldungen aus der Benutzung der Erweiterung (Bugs, wichtige Features)
• 30.12. Treffen mit Daniel Seidel

4.–10.01. (Woche 10)

• 4.01. Treffen mit Hardyna Vedder und Daniel Seidel
• Überarbeitung der Gliederung
• Ergebnisse aufschreiben
• Bearbeitung der Rückmeldungen

11.–21.01. (Woche 11+12)

• Ergebnisse aufschreiben
• Dokumentation