Tools & Methods in DH

Im Rahmen der Veranstaltungssitzung am 24.11.2015 wurden die folgenden User Stories geschrieben und Mockups mit Balsamiq gestaltet: 01___ Als Studentin möchte ich wissenschaftliche Quellen für meine Bachelorarbeit finden. Als Dozent möchte ich die Information auf der Seite für meine Forschungszwecke benutzen. Als Laie will ich einen ersten Blick über die Archivierung von Sachen bekommen. 02___…

Read More User Stories und Mockups zum CEEC-ReDesign

Die vollständige Beispiellösung der Sitzungsaufgaben findet sich im folgenden Zip-Archiv: ceec-redesign-grid-black.zip index.htm <!DOCTYPE html> <html lang=“en“> <head> <meta charset=“utf-8″> <meta http-equiv=“X-UA-Compatible“ content=“IE=edge“> <meta name=“viewport“ content=“width=device-width, initial-scale=1″> <title>CEEC – Codices Electronici Ecclesiae Coloniensis</title> <!– Bootstrap –> <link href=“css/bootstrap.min.css“ rel=“stylesheet“> <!– HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries –> <!– WARNING: Respond.js…

Read More Beispiellösung „CEEC-ReDesign I – Bootstraps Grid-System“

Geben Sie bitte Ihre Emailadresse in der Tabelle unter https://docs.google.com/spreadsheets/d/1sCiewfs_so7FC9r9-OfmkKR9qzGzaMILF6pcfd9azTQ/edit?usp=sharing an, damit ich Ihnen den Zugriff auf „Balsamiq“ einrichten kann. Informieren Sie sich bitte anhand der folgenden Beiträge über Mockups und User Stories: https://de.wikipedia.org/wiki/Mock-up#Softwareentwicklung https://de.wikipedia.org/wiki/Wireframe https://de.wikipedia.org/wiki/User-Story http://www.usabilityblog.de/2015/02/user-stories-weniger-schreiben-mehr-gestalten/ http://produktmanager-internet.de/2011/09/26/wie-schreibe-ich-eine-user-story/ Beantworten Sie bitte für sich die folgenden Fragen: Was ist ein „Mock-Up“, was ist ein „Wireframe“? Wozu…

Read More Hausaufgaben zu Mockups und User Stories

Lesen Sie bitte die folgenden Beiträge: https://de.wikipedia.org/wiki/Agile_Softwareentwicklung https://de.wikipedia.org/wiki/Scrum https://de.wikipedia.org/wiki/Paarprogrammierung https://de.wikipedia.org/wiki/Refactoring Beantworten Sie bitte für sich die folgenden Fragen: Was ist ein „Sprint“? Was ist das „agile Manifest“? Welche Vorteile bietet die agile Software-Entwicklung? Was ist ein (Software-) Inkrement?

Read More Hausaufgabe: Agile Software-Entwicklung

Das CEEC-Projekt (Codices Electronici Ecclesiae Coloniensis) möchte seinen Webauftritt http://www.ceec.uni-koeln.de gerne zeitgemäß aufbereiten und bittet uns, die folgende angestaubte Startseite durch eine Übersichtsseite über die 15 gefragtesten Digitalisate des Projektes zu ersetzen. Unsere ausgebildete Graphikdesignerin unterbreitet den folgenden Gestaltungsvorschlag, der im Folgenden besprochen und umgesetzt wird: Aufgabe 0 – Vorbereitung Laden Sie sich bitte das…

Read More Bootstraps Grid-System und ein erstes CEEC-Redesign

Wenngleich sich die Startseite des Projektes „Codices Electronici Ecclesiae Coloniensis“ (CEEC, http://www.ceec.uni-koeln.de) mit ein wenig wohlwollender Phantasie als „Retro-Chic“ bezeichnen ließe, verweisen die der Seite zugrunde liegenden Technologien (Framesets, etc.) auf die Frühzeit des World Wide Web. Um das CEEC-Projekt in zeitgemäßem – und responsivem – Webglanz erstrahlen zu lassen, erarbeiteten die Teilnehmerinnen und Teilnehmer…

Read More Postersession zur Neugestaltung des CEEC-Projektes

Download der Beispiellösung: bootstrap_cutest-animals.zip (~600 KB) Startseite index.htm: <!DOCTYPE html> <html> <head> <meta http-equiv=“Content-Type“ content=“text/html; charset=UTF-8″> <meta charset=“utf-8″> <meta http-equiv=“X-UA-Compatible“ content=“IE=edge“> <meta name=“viewport“ content=“width=device-width, initial-scale=1.0″> <meta name=“description“ content=“Tolle Seite über niedliche Viecher“> <meta name=“author“ content=“Jan Wieners“> <title>Worlds cutest animals!</title> <link href=“css/bootstrap.css“ rel=“stylesheet“> </head> <body> <div class=“jumbotron“> <div class=“container“> <h1> Worlds cutest animals! </h1> </div> </div>…

Read More Beispiellösung „Bootstrap – First Steps“

Aufgabe 0 Laden Sie das Framework „Bootstrap“ von der offiziellen Bootstrap-Website http://getbootstrap.com herunter und extrahieren Sie den Inhalt des Zip-Archivs in Ihren Arbeitsordner. Wenn Ihnen Bootstrap noch unbekannt ist, dann informieren Sie sich bitte zuerst über das Framework im Wikipedia-Beitrag unter http://de.wikipedia.org/wiki/Bootstrap_%28Framework%29. Aufgabe 1 Erstellen Sie auf Grundlage der „Jumbotron“-Beispielseite (vgl. http://getbootstrap.com/getting-started/#examples und http://getbootstrap.com/examples/jumbotron) die…

Read More Sitzungsaufgaben „Responsives Webdesign mit Bootstrap – First Steps“