Praesentation StudiSphere

137
Entwurf eines kooperativen Systems für Studierende von Fernstudiengängen Sebastian Kexel – Knut Littwin

description

 

Transcript of Praesentation StudiSphere

Page 1: Praesentation StudiSphere

Entwurf eines kooperativen Systems fürStudierende von Fernstudiengängen

Seba

stian

Kex

el –

Knu

t Litt

win

Page 2: Praesentation StudiSphere

Studiengang/ ModulStudiengang: Verbundstudium

Wirtschaftsinformatik (M.Sc.)Semester: WS 2009/2010

Modul: Kooperative SystemeBetreuer: Dr. Till Schümmer

Page 3: Praesentation StudiSphere

Redner

Koblenz

Sebastian Kexel

Knut Littwin

Bergkamen

Page 4: Praesentation StudiSphere

AgendaEinführung (As time goes by…)AufgabenstellungAnalyse bestehender AnsätzeVorstellung des eigenen EntwurfsDiskussion der verwendetenEntwurfsmuster (Patterns)Fazit

Page 5: Praesentation StudiSphere

As time goes by… Human-Computer-Human Interaction (HCHI)Kooperationsunterstützung mittels Informations-technologie ist nichts grundsätzlich NeuesErste Versuche Ende der 1960er-Jahre:

Page 6: Praesentation StudiSphere

As time goes by…Trotz sich stetig weiter enwickelnder technischerMöglichkeiten:→ langes Nischendasein als Speziallösungen

Zunehmende Zergliederung von Arbeitsprozessenin der modernen Arbeitswelt des 21. Jahrhunderts

organisatorisch zeitlich räumlich

→Umsetzung der bereits bestehenden Ansätze in diebetriebliche Praxis wurde notwendig

Einfluss auf die Ausbildung von Studierenden inKooperationskontexten → Reaktion auf die Anforderungen des Arbeitsmarktes

Page 7: Praesentation StudiSphere

Aufgabenstellung

Entwurf eines kooperativen Systems für Studenten in

Fernstudiengängen zur gemeinsamen Bearbeitung von

schriftlichen Ausarbeitungen und Präsentationen“„

Page 8: Praesentation StudiSphere

Analyse bestehender Ansätze

VSOnlineInstitut für Verbundstudien (IfV)

Plattform für Studierende und Lehrende der Verbund-studiengänge der Fachhochschulen in Nordrhein-WestfalenPrinzipielle Unterstützung von Zusammenarbeit über dieImplementierung einiger gängiger Entwurfsmusteraus der Kooperationssicht aber eher rudimentäre LösungNutzung in einem Kooperationskontext überwiegend, wenn imRahmen der Lehrveranstaltung gefordert (z.B. Upload von Ausarbeitungen)

Keine zeitsynchrone Kooperation über den Embedded Chat hinaus

Page 9: Praesentation StudiSphere

Analyse bestehender Ansätze

CUREFernuniversität Hagen

Plattform für:Studierende und Lehrende der Fernuniversität HagenStudierende anderer Hochschulen, die von Lehrenden der Fernuniversität Hagen betreut werden

Umfangreiche Kooperationsunterstützung für die Community und die entsprechende GroupsVielfältiger Einsatz von Entwurfsmustern:

Community: Quick Registration / Login / Welcome Area / Virtual Me / User Gallery / Buddy List / Hall of Fame / Availability Status/ Quick GoodbyeGroup: Group / Shared File Repository / Room / Bell / Embedded Chat / Forum / Threaded Discussion / Shared Annotation / Periodic Report

Page 10: Praesentation StudiSphere

Analyse bestehender Ansätze

K3ForumUniversität Konstanz

Plattform für Studierende und Lehrende der Universität Konstanz und weiterer Hochschulen„Werkzeug für das kollaborative Wissensmanagement in derHochschulausbildung“Aufgabenstellungen für selbstständige GruppenGruppenbildung, Förderung des kollaborativen, kooperativen Arbeitens über entsprechende ArbeitsaufträgeMotivation der Studierenden zur aktiven Teilnahme über einimmaterielles Anrechungs- und Evaluierungsverfahren als Anreizsystem Ersatz/ Ergänzung des klassischen Benotungsverfahrens Algorithmus Endbewertung: 40% Gruppen-/ 60% Einzelleistung

Page 11: Praesentation StudiSphere

Vorstellung des eigenen Entwurfs

Dave DiehlFU Hagen

Alice AmannFH Dortmund

Bob Baumann FH Köln

Following their way in a „Community of Interest"

Page 12: Praesentation StudiSphere

Vorstellung des eigenen EntwurfsInformierenRegistrierungAnmeldungErgänzung desPersönlichen ProfilsBenutzer suchenNachricht verschickenNachrichtempfangen

Projekt erstellenProjekt suchenProjekt beitreten –BewerbungEntscheidung überBewerbungEinladung zu einem

ProjektShared FileRepository nutzenShared Browsing nutzenNeues Dokument anlegen

Page 13: Praesentation StudiSphere

Informieren

Alice

Page 14: Praesentation StudiSphere

Info

rmie

ren

1. Alice ruft die Website www.studisphere.net auf. Die Seite erscheint im Browsers2. Alice fährt mit dem Mauszeiger über die Grafik „StudiSphere für Studenten“. Eine Liste

mit den wesentlichen Möglichkeiten und Vorteilen des Systems wird geöffnet.3. Alice klickt mit dem Mauszeiger auf einen der aufgeführten Vorteile. Ein Videoplayer

öffnet sich und zeigt diesen Vorteil in einer Guided Video Tour.

Page 15: Praesentation StudiSphere

Info

rmie

ren

1. Alice ruft die Website www.studisphere.net auf. Die Seite erscheint im Browsers2. Alice fährt mit dem Mauszeiger über die Grafik „StudiSphere für Studenten“. Eine Liste

mit den wesentlichen Möglichkeiten und Vorteilen des Systems wird geöffnet.3. Alice klickt mit dem Mauszeiger auf einen der aufgeführten Vorteile. Ein Videoplayer

öffnet sich und zeigt diesen Vorteil in einer Guided Video Tour.

Page 16: Praesentation StudiSphere

Info

rmie

ren

1. Alice ruft die Website www.studisphere.net auf. Die Seite erscheint im Browsers2. Alice fährt mit dem Mauszeiger über die Grafik „StudiSphere für Studenten“. Eine Liste

mit den wesentlichen Möglichkeiten und Vorteilen des Systems wird geöffnet.3. Alice klickt mit dem Mauszeiger auf einen der aufgeführten Vorteile. Ein Videoplayer

öffnet sich und zeigt diesen Vorteil in einer Guided Video Tour.

Page 17: Praesentation StudiSphere

Registrierung

Bob

Page 18: Praesentation StudiSphere

Regi

strie

rung

1. Bob klickt auf den Link „Jetzt kostenlos anmelden“. Die Seite zur Registrierung wird angezeigt.2. Bob entscheidet sich für die Zielgruppe „Student“. Die Felder zur Eingabe der erforderlichen

Daten werden der getroffenen Auswahl entsprechend angezeigt.3. Bob gibt die erforderlichen Daten ein und akzeptiert die AGB.4. Bob gibt das Ergebnis der Aufgabe des CAPTCHA ein und klickt auf den Button „Registrieren“.5. Das System bestätigt die Registrierung und verschickt eine Bestätigungs-Mail.

Page 19: Praesentation StudiSphere

Regi

strie

rung

1. Bob klickt auf den Link „Jetzt kostenlos anmelden“. Die Seite zur Registrierung wird angezeigt.2. Bob entscheidet sich für die Zielgruppe „Student“. Die Felder zur Eingabe der erforderlichen

Daten werden der getroffenen Auswahl entsprechend angezeigt.3. Bob gibt die erforderlichen Daten ein und akzeptiert die AGB.4. Bob gibt das Ergebnis der Aufgabe des CAPTCHA ein und klickt auf den Button „Registrieren“.5. Das System bestätigt die Registrierung und verschickt eine Bestätigungs-Mail.

Page 20: Praesentation StudiSphere

Regi

strie

rung

1. Bob klickt auf den Link „Jetzt kostenlos anmelden“. Die Seite zur Registrierung wird angezeigt.2. Bob entscheidet sich für die Zielgruppe „Student“. Die Felder zur Eingabe der erforderlichen

Daten werden der getroffenen Auswahl entsprechend angezeigt.3. Bob gibt die erforderlichen Daten ein und akzeptiert die AGB.4. Bob gibt das Ergebnis der Aufgabe des CAPTCHA ein und klickt auf den Button „Registrieren“.5. Das System bestätigt die Registrierung und verschickt eine Bestätigungs-Mail.

Page 21: Praesentation StudiSphere

Regi

strie

rung

1. Bob klickt auf den Link „Jetzt kostenlos anmelden“. Die Seite zur Registrierung wird angezeigt.2. Bob entscheidet sich für die Zielgruppe „Student“. Die Felder zur Eingabe der erforderlichen

Daten werden der getroffenen Auswahl entsprechend angezeigt.3. Bob gibt die erforderlichen Daten ein und akzeptiert die AGB.4. Bob gibt das Ergebnis der Aufgabe des CAPTCHA ein und klickt auf den Button „Registrieren“.5. Das System bestätigt die Registrierung und verschickt eine Bestätigungs-Mail.

Page 22: Praesentation StudiSphere

Regi

strie

rung

1. Bob klickt auf den Link „Jetzt kostenlos anmelden“. Die Seite zur Registrierung wird angezeigt.2. Bob entscheidet sich für die Zielgruppe „Student“. Die Felder zur Eingabe der erforderlichen

Daten werden der getroffenen Auswahl entsprechend angezeigt.3. Bob gibt die erforderlichen Daten ein und akzeptiert die AGB.4. Bob gibt das Ergebnis der Aufgabe des CAPTCHA ein und klickt auf den Button „Registrieren“.5. Das System bestätigt die Registrierung und verschickt eine Bestätigungs-Mail.

Page 23: Praesentation StudiSphere

Anmeldung

Bob

Page 24: Praesentation StudiSphere

Anm

eldu

ng

1. Bob ruft die Webseite www.studisphere.net auf. Die Seite wird im Browser angezeigt.2. Bob gibt seine E-Mail-Adresse und sein Passwort ein.

Anschließend klickt er auf den Button „Einloggen“. 3. Das System zeigt danach Bobs persönliche Startseite an.

Page 25: Praesentation StudiSphere

Anm

eldu

ng

1. Bob ruft die Webseite www.studisphere.net auf. Die Seite wird im Browser angezeigt.2. Bob gibt seine E-Mail-Adresse und sein Passwort ein.

Anschließend klickt er auf den Button „Einloggen“. 3. Das System zeigt danach Bobs persönliche Startseite an.

Page 26: Praesentation StudiSphere

Anm

eldu

ng

1. Bob ruft die Webseite www.studisphere.net auf. Die Seite wird im Browser angezeigt.2. Bob gibt seine E-Mail-Adresse und sein Passwort ein.

Anschließend klickt er auf den Button „Einloggen“. 3. Das System zeigt danach Bobs persönliche Startseite an.

Page 27: Praesentation StudiSphere

Ergänzung des persönlichen Profils

Bob

Page 28: Praesentation StudiSphere

1. Bob klickt auf den Link „Profil bearbeiten“. Sein Profil wird im Bearbeitungsmodus geöffnet.2. Bob klickt auf den Bearbeiten-Button neben den persönlichen Angaben. 3. Es erscheinen Eingabefelder und ein Speichern-Button. Bob trägt seinen Wohnort ein und wählt seine

Hochschule aus. Anschließend klickt er auf den Speichern-Button.4. Bob klickt anschließend auf den Bearbeiten-Button im Bereich Allgemeines. Er selektiert seinen

Studiengang, seine Studienrichtung und sein Semester. Danach speichert er die Eingaben durch klicken auf den Speichern-Button.

Ergä

nzun

g de

s pe

rsön

liche

n Pr

ofils

Page 29: Praesentation StudiSphere

Ergä

nzun

g de

s pe

rsön

liche

n Pr

ofils

1. Bob klickt auf den Link „Profil bearbeiten“. Sein Profil wird im Bearbeitungsmodus geöffnet.2. Bob klickt auf den Bearbeiten-Button neben den persönlichen Angaben. 3. Es erscheinen Eingabefelder und ein Speichern-Button. Bob trägt seinen Wohnort ein und wählt seine

Hochschule aus. Anschließend klickt er auf den Speichern-Button.4. Bob klickt anschließend auf den Bearbeiten-Button im Bereich Allgemeines. Er selektiert seinen

Studiengang, seine Studienrichtung und sein Semester. Danach speichert er die Eingaben durch klicken auf den Speichern-Button.

Page 30: Praesentation StudiSphere

Ergä

nzun

g de

s pe

rsön

liche

n Pr

ofils

1. Bob klickt auf den Link „Profil bearbeiten“. Sein Profil wird im Bearbeitungsmodus geöffnet.2. Bob klickt auf den Bearbeiten-Button neben den persönlichen Angaben. 3. Es erscheinen Eingabefelder und ein Speichern-Button. Bob trägt seinen Wohnort ein und wählt seine

Hochschule aus. Anschließend klickt er auf den Speichern-Button.4. Bob klickt anschließend auf den Bearbeiten-Button im Bereich Allgemeines. Er selektiert seinen

Studiengang, seine Studienrichtung und sein Semester. Danach speichert er die Eingaben durch klicken auf den Speichern-Button.

Page 31: Praesentation StudiSphere

Ergä

nzun

g de

s pe

rsön

liche

n Pr

ofils

1. Bob klickt auf den Link „Profil bearbeiten“. Sein Profil wird im Bearbeitungsmodus geöffnet.2. Bob klickt auf den Bearbeiten-Button neben den persönlichen Angaben. 3. Es erscheinen Eingabefelder und ein Speichern-Button. Bob trägt seinen Wohnort ein und wählt seine

Hochschule aus. Anschließend klickt er auf den Speichern-Button.4. Bob klickt anschließend auf den Bearbeiten-Button im Bereich Allgemeines. Er selektiert seinen

Studiengang, seine Studienrichtung und sein Semester. Danach speichert er die Eingaben durch klicken auf den Speichern-Button.

Page 32: Praesentation StudiSphere

Ergä

nzun

g de

s pe

rsön

liche

n Pr

ofils

5. Bob klickt auf den Link „Bild ändern“. 6. Ein neues Fenster öffnet sich. Bob klickt auf den Button „Durchsuchen“ und wählt eine

Bilddatei aus dem Dateisystem seines PCs aus. Danach setzt Bob den Haken zur Bestätigung des rechtlichen Hinweises und klickt auf den Button „Foto hochladen“.

7. Das Foto wird zum Server übertragen und angezeigt.

Page 33: Praesentation StudiSphere

Ergä

nzun

g de

s pe

rsön

liche

n Pr

ofils

5. Bob klickt auf den Link „Bild ändern“. 6. Ein neues Fenster öffnet sich. Bob klickt auf den Button „Durchsuchen“ und wählt eine

Bilddatei aus dem Dateisystem seines PCs aus. Danach setzt Bob den Haken zur Bestätigung des rechtlichen Hinweises und klickt auf den Button „Foto hochladen“.

7. Das Foto wird zum Server übertragen und angezeigt.

Page 34: Praesentation StudiSphere

Ergä

nzun

g de

s pe

rsön

liche

n Pr

ofils

5. Bob klickt auf den Link „Bild ändern“. 6. Ein neues Fenster öffnet sich. Bob klickt auf den Button „Durchsuchen“ und wählt eine

Bilddatei aus dem Dateisystem seines PCs aus. Danach setzt Bob den Haken zur Bestätigung des rechtlichen Hinweises und klickt auf den Button „Foto hochladen“.

7. Das Foto wird zum Server übertragen und angezeigt.

Page 35: Praesentation StudiSphere

Benutzer suchen

Dave

Page 36: Praesentation StudiSphere

Benu

tzer

suc

hen

1. Dave ruft die Funktion „Suchen“ auf. Daraufhin erscheint eine Maske mit Suchfeldern.2. Dave gibt im Feld „Nachname“ die Zeichenkette „Baumann“ ein und löst die

Suchfunktion über einen Mausklick auf den Button „Suchen“ aus.3. Dave werden die ermittelten Datensätze angezeigt.4. Dave gelangt durch Anklicken eines Datensatzes zum persönlichen Profil der Person.

Page 37: Praesentation StudiSphere

Benu

tzer

suc

hen

1. Dave ruft die Funktion „Suchen“ auf. Daraufhin erscheint eine Maske mit Suchfeldern.2. Dave gibt im Feld „Nachname“ die Zeichenkette „Baumann“ ein und löst die

Suchfunktion über einen Mausklick auf den Button „Suchen“ aus.3. Dave werden die ermittelten Datensätze angezeigt.4. Dave gelangt durch Anklicken eines Datensatzes zum persönlichen Profil der Person.

Page 38: Praesentation StudiSphere

Benu

tzer

suc

hen

1. Dave ruft die Funktion „Suchen“ auf. Daraufhin erscheint eine Maske mit Suchfeldern.2. Dave gibt im Feld „Nachname“ die Zeichenkette „Baumann“ ein und löst die

Suchfunktion über einen Mausklick auf den Button „Suchen“ aus.3. Dave werden die ermittelten Datensätze angezeigt.4. Dave gelangt durch Anklicken eines Datensatzes zum persönlichen Profil der Person.

Page 39: Praesentation StudiSphere

Benu

tzer

suc

hen

1. Dave ruft die Funktion „Suchen“ auf. Daraufhin erscheint eine Maske mit Suchfeldern.2. Dave gibt im Feld „Nachname“ die Zeichenkette „Baumann“ ein und löst die

Suchfunktion über einen Mausklick auf den Button „Suchen“ aus.3. Dave werden die ermittelten Datensätze angezeigt.4. Dave gelangt durch Anklicken eines Datensatzes zum persönlichen Profil der Person.

Page 40: Praesentation StudiSphere

Nachricht verschicken

Dave

Page 41: Praesentation StudiSphere

Nac

hric

ht v

ersc

hick

en

1. Dave ruft die Funktion „Nachricht schreiben“ auf. Es öffnet sich ein separates Fenster für die Nachricht an Bob.

2. Dave erfasst den Verwendungszweck und den Nachrichtentext. Danach klickt er auf den Button „Abschicken“.

3. Dave erhält eine Bestätigung des Versands der Nachricht.

Page 42: Praesentation StudiSphere

Nac

hric

ht v

ersc

hick

en

1. Dave ruft die Funktion „Nachricht schreiben“ auf. Es öffnet sich ein separates Fenster für die Nachricht an Bob.

2. Dave erfasst den Verwendungszweck und den Nachrichtentext. Danach klickt er auf den Button „Abschicken“.

3. Dave erhält eine Bestätigung des Versands der Nachricht.

Page 43: Praesentation StudiSphere

Nac

hric

ht v

ersc

hick

en

1. Dave ruft die Funktion „Nachricht schreiben“ auf. Es öffnet sich ein separates Fenster für die Nachricht an Bob.

2. Dave erfasst den Verwendungszweck und den Nachrichtentext. Danach klickt er auf den Button „Abschicken“.

3. Dave erhält eine Bestätigung des Versands der Nachricht.

Page 44: Praesentation StudiSphere

Nachricht empfangen

Bob

Page 45: Praesentation StudiSphere

Nac

hric

ht e

mpf

ange

n

1. Bob wird auf seiner StudiSphere-Startseite durch das Symbol eines Briefumschlages in der oberen rechten Ecke darauf aufmerksam, dass für ihn neue Nachrichten vorliegen. Zusätzlich erscheint in der Rubrik „Neuigkeiten“ ein Hinweis auf die aktuellste eingegangene Nachricht. Bob klickt mit dem Mauszeiger auf die Nachricht.

2. Das interne StudiSphere-Postfach wird geöffnet und die Nachricht von Dave wird angezeigt.

Page 46: Praesentation StudiSphere

Nac

hric

ht e

mpf

ange

n

1. Bob wird auf seiner StudiSphere-Startseite durch das Symbol eines Briefumschlages in der oberen rechten Ecke darauf aufmerksam, dass für ihn neue Nachrichten vorliegen. Zusätzlich erscheint in der Rubrik „Neuigkeiten“ ein Hinweis auf die aktuellste eingegangene Nachricht. Bob klickt mit dem Mauszeiger auf die Nachricht.

2. Das interne StudiSphere-Postfach wird geöffnet und die Nachricht von Dave wird angezeigt.

Page 47: Praesentation StudiSphere

Projekt erstellen

Dave

Page 48: Praesentation StudiSphere

Proj

ekt e

rste

llen

1. Dave ruft die Rubrik „Projekte“ auf. Es erscheint die leere Projektübersicht.2. Dave klickt auf den Link „neues Projekt anlegen“.3. Im Browser erscheint ein zusätzliches Formular-Fenster.4. Dave erfasst die Projektinformationen. Als Status des Projekts wählt er "Teilnehmer

gesucht". Daraufhin erscheinen weitere Felder.

Page 49: Praesentation StudiSphere

Proj

ekt e

rste

llen

1. Dave ruft die Rubrik „Projekte“ auf. Es erscheint die leere Projektübersicht.2. Dave klickt auf den Link „neues Projekt anlegen“.3. Im Browser erscheint ein zusätzliches Formular-Fenster.4. Dave erfasst die Projektinformationen. Als Status des Projekts wählt er "Teilnehmer

gesucht". Daraufhin erscheinen weitere Felder.

Page 50: Praesentation StudiSphere

Proj

ekt e

rste

llen

1. Dave ruft die Rubrik „Projekte“ auf. Es erscheint die leere Projektübersicht.2. Dave klickt auf den Link „neues Projekt anlegen“.3. Im Browser erscheint ein zusätzliches Formular-Fenster.4. Dave erfasst die Projektinformationen. Als Status des Projekts wählt er "Teilnehmer

gesucht". Daraufhin erscheinen weitere Felder.

Page 51: Praesentation StudiSphere

Proj

ekt e

rste

llen

1. Dave ruft die Rubrik „Projekte“ auf. Es erscheint die leere Projektübersicht.2. Dave klickt auf den Link „neues Projekt anlegen“.3. Im Browser erscheint ein zusätzliches Formular-Fenster.4. Dave erfasst die Projektinformationen. Als Status des Projekts wählt er "Teilnehmer

gesucht". Daraufhin erscheinen weitere Felder.

Page 52: Praesentation StudiSphere

Proj

ekt e

rste

llen

5. Dave füllt die restlichen Felder aus und klickt auf den Button "Projekt anlegen".

6. Dave erhält eine Bestätigung der Registrierung und schließt die Bestätigung.7. Daraufhin wird im Browser die Startseite des Projektes angezeigt.

Page 53: Praesentation StudiSphere

Proj

ekt e

rste

llen

5. Dave füllt die restlichen Felder aus und klickt auf den Button "Projekt anlegen".

6. Dave erhält eine Bestätigung der Registrierung und schließt die Bestätigung.7. Daraufhin wird im Browser die Startseite des Projektes angezeigt.

Page 54: Praesentation StudiSphere

Proj

ekt e

rste

llen

5. Dave füllt die restlichen Felder aus und klickt auf den Button "Projekt anlegen".

6. Dave erhält eine Bestätigung der Registrierung und schließt die Bestätigung.7. Daraufhin wird im Browser die Startseite des Projektes angezeigt.

Page 55: Praesentation StudiSphere

Projekt suchen

Bob

Page 56: Praesentation StudiSphere

Proj

ekt s

uche

n

1. Bob ruft die Funktion „Suchen“ auf. Es erscheint eine Suchmaske.2. Bob gibt den Begriff „Online-Evaluation“ in das Feld „Thema des Projekts“ ein und

klickt auf den Button „Suchen“.3. Bob erzielt einen Treffer und ruft die Details per Mausklick auf das Projektsymbol auf.4. Bob studiert die Kurzbeschreibung des Projektes.

Page 57: Praesentation StudiSphere

Proj

ekt s

uche

n

1. Bob ruft die Funktion „Suchen“ auf. Es erscheint eine Suchmaske.2. Bob gibt den Begriff „Online-Evaluation“ in das Feld „Thema des Projekts“ ein und

klickt auf den Button „Suchen“.3. Bob erzielt einen Treffer und ruft die Details per Mausklick auf das Projektsymbol auf.4. Bob studiert die Kurzbeschreibung des Projektes.

Page 58: Praesentation StudiSphere

Proj

ekt s

uche

n

1. Bob ruft die Funktion „Suchen“ auf. Es erscheint eine Suchmaske.2. Bob gibt den Begriff „Online-Evaluation“ in das Feld „Thema des Projekts“ ein und

klickt auf den Button „Suchen“.3. Bob erzielt einen Treffer und ruft die Details per Mausklick auf das Projektsymbol auf.4. Bob studiert die Kurzbeschreibung des Projektes.

Page 59: Praesentation StudiSphere

Proj

ekt s

uche

n

1. Bob ruft die Funktion „Suchen“ auf. Es erscheint eine Suchmaske.2. Bob gibt den Begriff „Online-Evaluation“ in das Feld „Thema des Projekts“ ein und

klickt auf den Button „Suchen“.3. Bob erzielt einen Treffer und ruft die Details per Mausklick auf das Projektsymbol auf.4. Bob studiert die Kurzbeschreibung des Projektes.

Page 60: Praesentation StudiSphere

Projekt beitreten - Bewerbung

Bob

Page 61: Praesentation StudiSphere

Proj

ekt b

eitr

eten

- Be

wer

bung

1. Bob klickt auf den Link „Noch 3 Teilnehmer gesucht – jetzt bewerben“. 2. Es erscheint ein Bewerbungsformular. Bob fasst seine Bewerbung zusammen

und klickt auf den Button „Abschicken“.3. Bob erhält eine Bestätigung des Versands der Bewerbung.

Page 62: Praesentation StudiSphere

Proj

ekt b

eitr

eten

- Be

wer

bung

1. Bob klickt auf den Link „Noch 3 Teilnehmer gesucht – jetzt bewerben“. 2. Es erscheint ein Bewerbungsformular. Bob fasst seine Bewerbung zusammen

und klickt auf den Button „Abschicken“.3. Bob erhält eine Bestätigung des Versands der Bewerbung.

Page 63: Praesentation StudiSphere

Proj

ekt b

eitr

eten

- Be

wer

bung

1. Bob klickt auf den Link „Noch 3 Teilnehmer gesucht – jetzt bewerben“. 2. Es erscheint ein Bewerbungsformular. Bob fasst seine Bewerbung zusammen

und klickt auf den Button „Abschicken“.3. Bob erhält eine Bestätigung des Versands der Bewerbung.

Page 64: Praesentation StudiSphere

Projekt beitreten –Entscheidung über Bewerbung

Dave

Page 65: Praesentation StudiSphere

Proj

ekt b

eitr

eten

Ents

chei

dung

übe

r Bew

erbu

ng

1. Dave klickt auf den Link „Bewerbungen“. Es erscheint eine Übersicht der StudiSphere-Teilnehmer, die sich um die Teilnahme an dem Projekt beworben haben.

2. Dave entscheidet mittels der „+“ und „-“ –Buttons über die Aufnahme der Bewerber in die Projektgruppe oder über deren Ablehnung. Bob Baumann nimmt er auf. Marvin Maier lehnt er ab.

Page 66: Praesentation StudiSphere

Proj

ekt b

eitr

eten

Ents

chei

dung

übe

r Bew

erbu

ng

1. Dave klickt auf den Link „Bewerbungen“. Es erscheint eine Übersicht der StudiSphere-Teilnehmer, die sich um die Teilnahme an dem Projekt beworben haben.

2. Dave entscheidet mittels der „+“ und „-“ –Buttons über die Aufnahme der Bewerber in die Projektgruppe oder über deren Ablehnung. Bob Baumann nimmt er auf. Marvin Maier lehnt er ab.

Page 67: Praesentation StudiSphere

Einladung zu einem Projekt

Dave

Page 68: Praesentation StudiSphere

Einl

adun

g zu

ein

em P

roje

kt v

erse

nden

1. Dave klickt den Link „Projektteilnehmer-Verwaltung“ an.2. Dave klickt den Link „neue Teilnehmer einladen“ an. Es erscheint eine Suchmaske.3. Dave selektiert Alice Amann mittels der Checkbox vor ihrem Benutzerbild. Dave löst die

Ein-ladung durch einen Mausklick auf den Button „Ausgewählte Personen einladen“ aus.4. Dave erhält eine Bestätigung des Versands der Einladung.

Page 69: Praesentation StudiSphere

Einl

adun

g zu

ein

em P

roje

kt v

erse

nden

1. Dave klickt den Link „Projektteilnehmer-Verwaltung“ an.2. Dave klickt den Link „neue Teilnehmer einladen“ an. Es erscheint eine Suchmaske.3. Dave selektiert Alice Amann mittels der Checkbox vor ihrem Benutzerbild. Dave löst die

Ein-ladung durch einen Mausklick auf den Button „Ausgewählte Personen einladen“ aus.4. Dave erhält eine Bestätigung des Versands der Einladung.

Page 70: Praesentation StudiSphere

Einl

adun

g zu

ein

em P

roje

kt v

erse

nden

1. Dave klickt den Link „Projektteilnehmer-Verwaltung“ an.2. Dave klickt den Link „neue Teilnehmer einladen“ an. Es erscheint eine Suchmaske.3. Dave selektiert Alice Amann mittels der Checkbox vor ihrem Benutzerbild. Dave löst die

Ein-ladung durch einen Mausklick auf den Button „Ausgewählte Personen einladen“ aus.4. Dave erhält eine Bestätigung des Versands der Einladung.

Page 71: Praesentation StudiSphere

Einl

adun

g zu

ein

em P

roje

kt v

erse

nden

1. Dave klickt den Link „Projektteilnehmer-Verwaltung“ an.2. Dave klickt den Link „neue Teilnehmer einladen“ an. Es erscheint eine Suchmaske.3. Dave selektiert Alice Amann mittels der Checkbox vor ihrem Benutzerbild. Dave löst die

Ein-ladung durch einen Mausklick auf den Button „Ausgewählte Personen einladen“ aus.4. Dave erhält eine Bestätigung des Versands der Einladung.

Page 72: Praesentation StudiSphere

Shared File Repository nutzen

Dave

Page 73: Praesentation StudiSphere

Shar

ed F

ile R

epos

itory

nut

zen

1. Dave blendet auf seiner Projektstartseite die minimierte Projekt-Toolbar ein.2. Dave klickt auf das Ordner-Icon. Das Shared File Repository öffnet sich.3. Dave klickt auf das Ordnerobjekt „Skizzen“. 4. Es öffnet sich ein zusätzliches Fenster, in dem der Inhalt des Ordners angezeigt wird. Dave

öffnet parallel einen Ordner des Dateisystem seines PCs. Dave kopiert per „Drag-and-Drop“ eine Datei „Entwurf.jpg“ in das File Repository des StudiSphere-Projektes.

Page 74: Praesentation StudiSphere

Shar

ed F

ile R

epos

itory

nut

zen

1. Dave blendet auf seiner Projektstartseite die minimierte Projekt-Toolbar ein.2. Dave klickt auf das Ordner-Icon. Das Shared File Repository öffnet sich.3. Dave klickt auf das Ordnerobjekt „Skizzen“. 4. Es öffnet sich ein zusätzliches Fenster, in dem der Inhalt des Ordners angezeigt wird. Dave

öffnet parallel einen Ordner des Dateisystem seines PCs. Dave kopiert per „Drag-and-Drop“ eine Datei „Entwurf.jpg“ in das File Repository des StudiSphere-Projektes.

Page 75: Praesentation StudiSphere

Shar

ed F

ile R

epos

itory

nut

zen

1. Dave blendet auf seiner Projektstartseite die minimierte Projekt-Toolbar ein.2. Dave klickt auf das Ordner-Icon. Das Shared File Repository öffnet sich.3. Dave klickt auf das Ordnerobjekt „Skizzen“. 4. Es öffnet sich ein zusätzliches Fenster, in dem der Inhalt des Ordners angezeigt wird. Dave

öffnet parallel einen Ordner des Dateisystem seines PCs. Dave kopiert per „Drag-and-Drop“ eine Datei „Entwurf.jpg“ in das File Repository des StudiSphere-Projektes.

Page 76: Praesentation StudiSphere

Shar

ed F

ile R

epos

itory

nut

zen

1. Dave blendet auf seiner Projektstartseite die minimierte Projekt-Toolbar ein.2. Dave klickt auf das Ordner-Icon. Das Shared File Repository öffnet sich.3. Dave klickt auf das Ordnerobjekt „Skizzen“. 4. Es öffnet sich ein zusätzliches Fenster, in dem der Inhalt des Ordners angezeigt wird. Dave

öffnet parallel einen Ordner des Dateisystem seines PCs. Dave kopiert per „Drag-and-Drop“ eine Datei „Entwurf.jpg“ in das File Repository des StudiSphere-Projektes.

Page 77: Praesentation StudiSphere

Shared Browsing nutzen

Alice Bob Dave

Page 78: Praesentation StudiSphere

Shar

ed B

row

sing

nut

zen

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Symbol der Weltkugel. Das Shared Browsing-Modul öffnet sich.3. Alice wird automatisch zum Master der Session. Es erscheint ein - in StudisSphere

gekapseltes - Browserfenster, das allen drei Teilnehmern angezeigt wird.4. Alice übergibt die Master-Rolle über ein Drag-and-Drop des Kronensymbols an Bob.

Page 79: Praesentation StudiSphere

Shar

ed B

row

sing

nut

zen

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Symbol der Weltkugel. Das Shared Browsing-Modul öffnet sich.3. Alice wird automatisch zum Master der Session. Es erscheint ein - in StudisSphere

gekapseltes - Browserfenster, das allen drei Teilnehmern angezeigt wird.4. Alice übergibt die Master-Rolle über ein Drag-and-Drop des Kronensymbols an Bob.

Page 80: Praesentation StudiSphere

Shar

ed B

row

sing

nut

zen

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Symbol der Weltkugel. Das Shared Browsing-Modul öffnet sich.3. Alice wird automatisch zum Master der Session. Es erscheint ein - in StudisSphere

gekapseltes - Browserfenster, das allen drei Teilnehmern angezeigt wird.4. Alice übergibt die Master-Rolle über ein Drag-and-Drop des Kronensymbols an Bob.

Page 81: Praesentation StudiSphere

Shar

ed B

row

sing

nut

zen

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Symbol der Weltkugel. Das Shared Browsing-Modul öffnet sich.3. Alice wird automatisch zum Master der Session. Es erscheint ein - in StudisSphere

gekapseltes - Browserfenster, das allen drei Teilnehmern angezeigt wird.4. Alice übergibt die Master-Rolle über ein Drag-and-Drop des Kronensymbols an Bob.

Page 82: Praesentation StudiSphere

Neues Dokument anlegen

Alice

Page 83: Praesentation StudiSphere

Neu

es D

okum

ent a

nleg

en

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Editor-Icon. Die Dokumentenübersicht öffnet sich.3. Alice klickt in der Rubrik „Neu Erstellen“ auf den Link „Textdokument“. 4. Ein neues Dokument wird angelegt und im Shared-Editor-Modus geöffnet.5. Alice erfasst den Text und speichert diesen in StudiSphere.

Page 84: Praesentation StudiSphere

Neu

es D

okum

ent a

nleg

en

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Editor-Icon. Die Dokumentenübersicht öffnet sich.3. Alice klickt in der Rubrik „Neu Erstellen“ auf den Link „Textdokument“. 4. Ein neues Dokument wird angelegt und im Shared-Editor-Modus geöffnet.5. Alice erfasst den Text und speichert diesen in StudiSphere.

Page 85: Praesentation StudiSphere

Neu

es D

okum

ent a

nleg

en

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Editor-Icon. Die Dokumentenübersicht öffnet sich.3. Alice klickt in der Rubrik „Neu Erstellen“ auf den Link „Textdokument“. 4. Ein neues Dokument wird angelegt und im Shared-Editor-Modus geöffnet.5. Alice erfasst den Text und speichert diesen in StudiSphere.

Page 86: Praesentation StudiSphere

Neu

es D

okum

ent a

nleg

en

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Editor-Icon. Die Dokumentenübersicht öffnet sich.3. Alice klickt in der Rubrik „Neu Erstellen“ auf den Link „Textdokument“. 4. Ein neues Dokument wird angelegt und im Shared-Editor-Modus geöffnet.5. Alice erfasst den Text und speichert diesen in StudiSphere.

Page 87: Praesentation StudiSphere

Neu

es D

okum

ent a

nleg

en

1. Alice blendet auf ihrer Projektstartseite die minimierte Projekt-Toolbar ein.2. Alice klickt auf das Editor-Icon. Die Dokumentenübersicht öffnet sich.3. Alice klickt in der Rubrik „Neu Erstellen“ auf den Link „Textdokument“. 4. Ein neues Dokument wird angelegt und im Shared-Editor-Modus geöffnet.5. Alice erfasst den Text und speichert diesen in StudiSphere.

Page 88: Praesentation StudiSphere

Diskussion verwendeter Entwurfsmuster

Community SupportGroup SupportBase Technology

Page 89: Praesentation StudiSphere

Allg

emei

ne S

tart

seite

Quick RegistrationLogin

Page 90: Praesentation StudiSphere

Allg

emei

ne S

tart

seite

Quick RegistrationLogin

Page 91: Praesentation StudiSphere

Allg

emei

ne S

tart

seite

Quick RegistrationLogin

Page 92: Praesentation StudiSphere

Per

sönl

iche

Sta

rtse

ite

Welcome Area User GalleryBuddy List Interaction DirectoryForum Periodic ReportChange Indicator

Page 93: Praesentation StudiSphere

Per

sönl

iche

Sta

rtse

ite

Welcome Area User GalleryBuddy List Interaction DirectoryForum Periodic ReportChange Indicator

Page 94: Praesentation StudiSphere

Per

sönl

iche

Sta

rtse

ite

Welcome Area User GalleryBuddy List Interaction DirectoryForum Periodic ReportChange Indicator

Page 95: Praesentation StudiSphere

Per

sönl

iche

Sta

rtse

ite

Welcome Area User GalleryBuddy List Interaction DirectoryForum Periodic ReportChange Indicator

Page 96: Praesentation StudiSphere

Per

sönl

iche

Sta

rtse

ite

Welcome Area User GalleryBuddy List Interaction DirectoryForum Periodic ReportChange Indicator

Page 97: Praesentation StudiSphere

Per

sönl

iche

Sta

rtse

ite

Welcome Area User GalleryBuddy List Interaction DirectoryForum Periodic ReportChange Indicator

Page 98: Praesentation StudiSphere

Per

sönl

iche

Sta

rtse

ite

Welcome Area User GalleryBuddy List Interaction DirectoryForum Periodic ReportChange Indicator

Page 99: Praesentation StudiSphere

Pers

önlic

hes

Profi

l

Virtual MeQuality InspectionLetter of Recommendation

Page 100: Praesentation StudiSphere

Pers

önlic

hes

Profi

l

Virtual MeQuality InspectionLetter of Recommendation

Page 101: Praesentation StudiSphere

Pers

önlic

hes

Profi

l

Virtual MeQuality InspectionLetter of Recommendation

Page 102: Praesentation StudiSphere

Einl

adun

g un

d Be

wer

bung

Invitation Birds of FeatherBlind Date BellVote

Page 103: Praesentation StudiSphere

Einl

adun

g un

d Be

wer

bung

Invitation Birds of FeatherBlind Date BellVote

Page 104: Praesentation StudiSphere

Einl

adun

g un

d Be

wer

bung

Invitation Birds of FeatherBlind Date BellVote

Page 105: Praesentation StudiSphere

Einl

adun

g un

d Be

wer

bung

Invitation Birds of FeatherBlind Date BellVote

Page 106: Praesentation StudiSphere

Einl

adun

g un

d Be

wer

bung

Invitation Birds of FeatherBlind Date BellVote

Page 107: Praesentation StudiSphere

Proj

ekt-

Tool

bar

Shared File RepositoryShared BrowsingShared Editing

Page 108: Praesentation StudiSphere

Proj

ekt-

Tool

bar

Shared File RepositoryShared BrowsingShared Editing

Page 109: Praesentation StudiSphere

Proj

ekt-

Tool

bar

Shared File RepositoryShared BrowsingShared Editing

Page 110: Praesentation StudiSphere

Proj

ekt-

Tool

bar

Shared File RepositoryShared BrowsingShared Editing

Page 111: Praesentation StudiSphere

Shar

ed E

ditin

g

Shared Annotation Threaded DiscussionsRemote Field of Vision Remote CursorTelepointer Replay / Activity Log

Page 112: Praesentation StudiSphere

Shar

ed E

ditin

g

Shared Annotation Threaded DiscussionsRemote Field of Vision Remote CursorTelepointer Replay / Activity Log

Page 113: Praesentation StudiSphere

Shar

ed E

ditin

g

Shared Annotation Threaded DiscussionsRemote Field of Vision Remote CursorTelepointer Replay / Activity Log

Page 114: Praesentation StudiSphere

Shar

ed E

ditin

g

Shared Annotation Threaded DiscussionsRemote Field of Vision Remote CursorTelepointer Replay / Activity Log

Page 115: Praesentation StudiSphere

Shar

ed E

ditin

g

Shared Annotation Threaded DiscussionsRemote Field of Vision Remote CursorTelepointer Replay / Activity Log

Page 116: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 117: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 118: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 119: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 120: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 121: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 122: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 123: Praesentation StudiSphere

Kom

mun

ikati

on im

Pro

jekt

Room GroupUser List Interactive User InfoAliveness Indicator Embedded ChatLovely Bags Activity IndicatorAvailability Status Away Message

Page 124: Praesentation StudiSphere

Teiln

ehm

erve

rwal

tung

Reciprocity

Page 125: Praesentation StudiSphere

Eins

tellu

ngen

Attention ScreenQuick Goodbye

Page 126: Praesentation StudiSphere

Eins

tellu

ngen

Attention ScreenQuick Goodbye

Page 127: Praesentation StudiSphere

Base

Tec

hnol

ogy

Collaborative Session Centralized ObjectsRemote Subscription Replicated ObjectsOperational Transformation Immutable Versions

Page 128: Praesentation StudiSphere

Base

Tec

hnol

ogy

Collaborative Session Centralized ObjectsRemote Subscription Replicated ObjectsOperational Transformation Immutable Versions

Page 129: Praesentation StudiSphere

Base

Tec

hnol

ogy

Collaborative Session Centralized ObjectsRemote Subscription Replicated ObjectsOperational Transformation Immutable Versions

Page 130: Praesentation StudiSphere

Base

Tec

hnol

ogy

Collaborative Session Centralized ObjectsRemote Subscription Replicated ObjectsOperational Transformation Immutable Versions

Page 131: Praesentation StudiSphere

Base

Tec

hnol

ogy

Collaborative Session Centralized ObjectsRemote Subscription Replicated ObjectsOperational Transformation Immutable Versions

Page 132: Praesentation StudiSphere

Base

Tec

hnol

ogy

Collaborative Session Centralized ObjectsRemote Subscription Replicated ObjectsOperational Transformation Immutable Versions

Page 133: Praesentation StudiSphere

FazitBedarf ist vorhandenBestehende Lösungen sindunzureichendMüssen um Einzellösungen ergänzt werdenGesamtpaket speziell für Studenten fehlt

Page 134: Praesentation StudiSphere

QuellenSchümmer, Till; Lukosch, Stephan: „Patterns ForComputer-Mediated Interaction“, Chichester, 2006

Engelbart, Douglas: “The Mother of All Demos”http://www.youtube.com/watch?v=XiJA7_Sw9aM

VSonlinehttp://online.verbundstudium.de/vsoCUREhttp://mapper.fernuni-hagen.de/CURE/K3Forumhttp://www.k3forum.net/k3/start.do

Page 135: Praesentation StudiSphere
Page 136: Praesentation StudiSphere
Page 137: Praesentation StudiSphere

Entwurf eines kooperativen Systems fürStudierende von Fernstudiengängen

Seba

stian

Kex

el –

Knu

t Litt

win