Tutorblog » Elektronische Dokumente

Ergebnisse Ihrer Praktikumsbewertung

Gunther Kreuzberger — Fri, 22 Aug 2008 12:28:40 +0000

Liebe Studierende,

zum Ende des Praktikumszyklusses im vergangenen Vorlesungszeitraum haben Sie in den üblichen Evaluationsbögen das Praktikum bewertet. Eine Übersicht der Evaluationsergebnisse finden Sie anbei.Ihre Angaben finden ich sehr aufschlussreich. Zum einen scheint Ihnen die Bedeutung des Faches und der durch das Praktikum adressierten Fähigkeiten und Fertigkeiten deutlich geworden zu sein. Gut angenommen wurde offenbar auch der tatsächliche Praxisbezug der im Praktikum zu bearbeitenden Projekte.

Als eher problematisch wurde das Verhältnis von Aufwand und Nutzen gesehen. Hieran muss also bei der Weiterentwicklung des Faches noch gearbeitet werden. Mit Blick auf die handschriftlichen Kommentare sollte da insbesondere das Dateiarbeits-/ Linux-Praktikum hinterfragt werden. Zu überdenken ist auch das Verhältnis von Pflichtaufgaben und projektbezogenen Wahlpflichtaufgaben. Besser wäre es wohl, die Assets aus dem jeweiligen Projekt zum Gegenstand etwa des Photoshop-Praktikums zu machen.

Ein weiterer wichtiger Punkt ist die Beurteilung des Dozenten. Neben all den personenbezogenen Angaben (Pünktlichkeit etc.) sehe ich in der überwiegend kritischen Bewertung erneut einen Hinweis darauf, dass ein Praktikum in der gewählten Ausrichtung nicht von einem Dozenten allein zufriedenstllend betreut werden kann. Der in den letzten Jahren gewählte, in diesem Jahr durch ein kurzfristig aufgetretenes Problem aber nicht weitergeführte Weg einer Unterstützung des Dozenten durch studentische Tutoren scheint mir da in die richtige Richtung zu gehen. Meine Vision für eine derartige Vorgehensweise reicht aber noch weiter.

Wie wäre es, wenn ein Tutor nicht den Dozenten im Praktikum unterstützt, sondern jeweils zwei Teams in der Praktikums- und Projektphase unterstützt. Dann könnte man gezielt auf die spezifischen Probleme jedes Teams eingehen und einen intensiveren Lernprozess realisieren, der insgesamt sogar zu Zeitersparnis für jede(n) Einzelne(n) führen könnte.

Um ein solches Modell zu realisieren, bin ich allerdings auf studentische Unterstützung, d.h. Ihre Mithilfe angewiesen. Mit Hilfskraftmitteln lässt sich so etwas nicht realisieren. Vielmehr wäre eine solche tutoriele Tätigkeit Ihrerseits als zusätzliche Qualifikation anzusehen, die später z.B. im Rahmen des “e-Tutor”-Programms oder einer auf die (Erwachsenen-) Bildung orientierten Karriere zum Tragen käme. Ganz nebenbei ergibt sich natürlich eine Vertiefung der im Fach “Elektronische Dokumente” erworbenen Kenntnisse.

Lassen Sie uns gemeinsam daran arbeiten, dass dieses Fach weiter an Qualität gewinnt!

Aktuelles zur Blog-Bewertung

Marcel — Mon, 04 Aug 2008 07:49:30 +0000

Hallo liebe Studis,

in den letzten Tagen haben viele von Euch noch einmal Feedback von uns in Ihren Blogs erhalten bzw. werden dies noch erhalten. Bitte achtet darauf, die Kommentare ggf. im Register “Comments” Eures Blogs auch freizuschalten, damit Ihr sie lesen könnt!
Da leider aus zeitlichen Gründen bisher nicht alle Blogs bewertet werden konnten, können wir Euch an dieser Stelle nicht, wie sicherlich erwartet, die entsprechende Visualisierung präsentieren. Das wird nachgereicht! Das Einzel-Feedback sollte aber vorerst genügen, damit eventuelle Schwächen für kommende Beiträge berücksichtigt werden können. Für diejenigen, die keinen Kommentar erhalten haben, bleiben folgende Hinweise, die wir in den anderen Blogs auch häufig gegeben haben:

Bitte achtet für Eure Projekt-Abschlussphase darauf, persönlich über den Projektstand zu reflektieren und speziell, für Euch relevante Punkte herauszuheben. Außerdem solltet Ihr die Vernetzung (insbesondere untereinander durch Pingbacks aber auch zu externen Links) noch stärker ausbauen. Hier nochmal das Bewertungsschema zur Orientierung [PDF].

Einen erfolgreichen Abschluss Eurer Web- und Printprojekte wünschen Eure Tutoren
Thomas & Marcel

Xing for students!

Marcel — Thu, 26 Jun 2008 19:50:33 +0000

Auch wenn man die Business Networking-Plattform bisher schon provisorisch als Student nutzen konnte, ist es nun auch offiziell erwünscht. Wie w&v berichtet, kann man ab dieser Woche in Xing den entsprechenden Status auswählen sowie sein Studienfach, die besuchte Universität und den angestrebten Studienabschluss angeben.

Eine schon lange überfällige Öffnung für diese Zielgruppe, wie ich finde, und gleichzeitig die Chance für Euch, Euer Profil besser anzupassen.

Viele Grüße
Marcel

Praktikumsaufgabe (AW3) “HTML & CSS Vertiefung 2”

Gunther Kreuzberger — Mon, 23 Jun 2008 09:15:24 +0000

Lernziele

Die Studierenden können Text-CSS-Stile definieren und diese als Formatvorlagen Textabschnitten zuweisen.
Sie sind in der Lage, Bilder in HTML-Dokumente zu platzieren und mit CSS zu formatieren.
Die Ebenentechnik beherrschen Sie weitgehend und können somit ein individuelles CSS-Layout gestalten.
Grundlagen des barrierefreien Webdesigns und dessen Anwendung beherrschen Sie.
Sie können mit Online-Validierungs-Tools umgehen.

Bewertung

Generelle Hinweise zur Bewertung der Mitarbeit in dem Praktikum entnehmen Sie bitte dem Dokument „Allgemeine Hinweise zum Praktikum ‚Elektronische Dokumente’ im SS08“. Für den Gruppenbewertungsteil werden folgende Dokumente hinzugezogen:

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
alle Resultate der einzelnen Übungen

Zur Abgabe dieser Dateien beachten Sie bitte die Hinweise am Ende der Praktikumsdurchführung.

Praktikumsvorbereitung

Für die Videos des ADOBE CREATIVE SUITE 3 VIDEO WORKSHOP gelten folgende Hinweise: Wählen Sie zu erst das Produkt “Dreamweaver CS3″ aus. Anschließend können Sie im mittleren Fenster u.a. den Titel des entsprechenden Videos markieren. Zum Starten des Videos klicken Sie dann im unteren Bereich “Details” auf den rechten Button “VIDEO ABSPIELEN”. Die gezeigten Funktionen sind in der Version Dreamweaver 8 nahezu identisch.

Link zum VIDEO WORKSHOP von Adobe: [Link]

Video “Text mit dem Eigenschafteninspektor verändern” (07:05 min) im o.g. VIDEO WORKSHOP: “Dieses Video zeigt Ihnen, wie Sie Texte in eine Webseite einfügen und wie Sie diesen Text über das Bedienfeld “Eigenschaften” bearbeiten.” (Helge Maus)
Video “Text mit CSS formatieren” (03:06 min) im o.g. VIDEO WORKSHOP: “Dieses Video zeigt die Gestaltung eines Texts mit dem Bedienfeld “CSS” statt des Bedienfelds “Eigenschaften”. Des Weiteren lernen Sie, wie Sie die Browser-Kompatibilität gewährleisten, indem Sie Ergebnisse mit CSS Advisor analysieren und lösen.” (Helge Maus)
Video “Bilder hinzufügen” (08:10 min) im o.g. VIDEO WORKSHOP: “Dieses Video zeigt, wie Sie mithilfe der Bedienfelder “Dateien” und “Elemente” und der Einfügeleiste ein Bild in eine Webseite einfügen. Außerdem zeigt es, warum es wichtig sit, Bilder in lokalen Site-Verzeichnissen zu halten und ALT-Texte für die Barrierefreiheit bereitzustellen.” (Helge Maus)
Video “Probleme bei der Veröffentlichung lösen” (03:46 min) im o.g. VIDEO WORKSHOP: “Dieses Video zeigt häufige Fehler, welche Sie eventuelle dran hindern, Ihre Seite zu veröffentlichen oder zu aktualisieren. Diese Anleitung hilft Ihnen bei häufigen Problemen weiter, wenn Sie Ihre Webseite aktualisieren und im Browser betrachten wollen.” (Helge Maus)
Wiederholen Sie die Grundlagen des Barrierefreien Webdesigns aus der Vorlesung
Eine Kurzeinführung zum Thema “Sprungmarken” finden Sie z.B. unter folgenden Links: [Link1], [Link2] oder [Link3]

Praktikumsdurchführung

1. Teil: Übungen

Text mit CSS formatieren
1. Öffnen Sie aus den Praktikumsmaterialien die Dateien “page1.html” in Dreamweaver.
2. Fügen Sie in den Textbereich die beiden vollständigen Absätze “Herkunft” und “Heliotropismus” inkl. aller Links, Überschriften etc. der Wikipediaseite [Link] ein.
3. Vergessen Sie nicht am Ende der Texte einen Quellennachweis anzufügen und diesem eine neue Klasse zuzuweisen, über die Sie alle Zitationen Ihrer Seiten zentral formatieren können.
4. Ergänzen Sie im Kopfbereich eine Überschrift.
5. Wiederholen Sie den Vorgang für die Dateien “page2.html” sowie “page3.html”.
6. In den Textbereichen befinden sich verschiedene Selektoren, die Sie über die zentrale CSS-Datei “screen.css” formatieren sollen. Formatieren und ergänzen Sie die CSS-Text-Stile so, dass Sie nur mit relativen Größenangaben arbeiten. Verwenden Sie dabei mind. 3 verschiedene Größenarten in der gesamten CSS-Definition.
7. Welche relativen Größen haben Sie verwendet und welche würden Sie davon für eine Textgestaltung empfehlen? Begründen Sie kurz Ihre Antwort.
Bilder einfügen
1. In der Datei “page2.html” wird das Logo der Seite nicht angezeigt. Woran könnte dies liegen? Diskutieren Sie im Übungsprotokoll kurz die Problematik zwischen den zwei generellen Verlinkungsarten.
2. Korrigieren Sie auch den Fehler.
3. Fügen Sie in alle drei Dateien in die Textbereiche das Bild “blumen.gif” inkl. einer kleinen Abbildungsunterschrift ein. Auf der ersten Seite sollen beide Elemente über dem Text, auf der zweiten Seite links und auf der dritten Seite rechts vom Text erscheinen.
4. Achten Sie bei der Eingabe auch auf einen vernünftigen Alternativtext für die Bilder.
Barrierefreiheit
1. Fügen Sie in den Kopfbereich “Sprungmarken” zur Navigation, den Inhaltsabschnitt “Herkunft” und “Heliotropismus” ein.
2. Welchen Vor- oder Nachteil bieten Sprungmarken in Bezug auf barrierefreies Webdesign?
3. Im Verzeichnis der Praktikumsmaterialien befindet sich auch die Style-Datei “print.css”. Implementieren Sie diese so in alle drei Seiten, dass die Style-Definitionen aus ihr nur abgerufen und angewendet werden, wenn eine der drei Seiten über den Browser ausgedruckt werden soll.
4. Welche wesentlichen Änderungen sind in der “print.css” definiert und welchen Zweck erfüllen diese?
Site testen und validieren
1. Erstellen Sie sich eine Übungssite, mit der Sie die Seiten auf einem temporären Verzeichnis Ihres Unix-Accounts testen können.
2. Probieren Sie die unten angegebenen Validatoren an einer der drei Seiten aus und korrigieren Sie ggf. auftretende Fehler.
Übung abschließen
Verschieben Sie das Verzeichnis mit Ihrer erstellten Website in einen Unterordner Ihres “public_html” Ordners auf dem Server “freud.rz.tu-ilmenau.de”. Das Praktikumsprotokoll stellen Sie wie gehabt auf Ihrem Blog zur Verfügung.

2. Teil: Arbeit am Projekt

Setzen Sie die Arbeit an Ihrem Website-Projekt fort. Das Grundgerüst Ihrer Website sowie die Navigation sollten inzwischen erstellt sein. Verteilen Sie die Aufgaben nach Ihrem Storyboard und implementieren Sie Bilder, Texte und weitere Assets.

Achten Sie bei der Erstellung auf die 10 Gebote sowie barrierefreies Webdesign.

Ihr Projekt sollte die Validierungstests bestehen.

Bonuspunkte erhalten Sie für zusätzliche barrierefreie Funktionen, wie z.B. Bildschirm- und Druckversion des CSS-Layouts oder Sprungmarken usw., soweit dies für Ihr Projekt Sinn macht.

Downloads

Die nachfolgenden Downloads haben den Stand vom sommersemester 2007. Bitte verwenden Sie zum Öffnen der Dokumente deshalb das Ihnen bekannte Passwort aus dem Jahr 2007.

Praktikumsdurchführung:

Praktikumsmaterialien (ZIP) [Download]

Onlinetools zur Validierung

W3C Markup Validation Service [Link]
W3C CSS Validation Service [Link]
WEBXACT: online service for testing quality, accessibility and privacy [Link]

Vertiefende Materialien

Programmbeschaffung:

Dreamweaver 8 Testversionen für zu Hause:
- Viele Dreamweaver Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.
- Auf der Website von Adobe ist die aktuellste Version DW CS3 als Testversion erhältlich [Link] .

Referenzkarte:

CSS Browser-Referenzkarte [Link]

Weiterführende Links: HTML & CSS, Dreamweaver & co

Online-Nachschlagewerk SELFHTML [Link]
CSS 4 you: “die deutsche Seite für Cascading Stylesheets (CSS)” [Link]
HilfDirSelbst.ch –> Adobe Dreamweaver Forum [Link]
CSS-Blog.com –> CSS-Hilfe, CSS-Links, CSS-Standards uvm. [Link]
TUTORIALS zu HTML & CSS
- richinstyle.com [Link]
- Workshop CSS: Allgemeine von css4you.de [Link]

Weiterführende Links: Barrierefreies Webdesign & Usability

WAI: Web Accessibility Initiative [Link]
BITV: Barrierefreie Informationstechnik-Verordnung [Link]
EinfachfürAlle: Aktion Mensch-Initiative für barrierefreies Webdesign [Link]
useit.com: usable information technology [Link]
TUTORIALS zu Barrierefreiheit
- macximal-Blog: Maximale Informationen zu Webstandards und Barrierefreiheit [Link]
- Barrierefreies-Webdesign.de [Link]

Praktikumsaufgabe (AP3) “InDesign 2”

Gunther Kreuzberger — Mon, 23 Jun 2008 09:00:20 +0000

Lernziele

Die Studierenden sind in der Lage, Bildinhalte in Indesign-Dokumenten zu platzieren und nach eigenen Vorstellungen hinsichtlich der Größe und des Anschnitts zu beeinflussen.
Sie haben die mit Hilfe von Ebenen erfolgende Anordnung der Text- und Bildinhalte eines Indesign-Dokuments verstanden und können diese gezielt ausnutzen, um eigene Gestaltungsvorstellungen umzusetzen.
Die Studierenden können die Seiten eines Indesign-Dokuments mit einer automatischen Seitennummerierung (Paginierung) versehen und haben in diesem Zusammenhang die Strukturierung eines Dokuments mit Hilfe von Abschnitten verstanden.
Die Studierenden kennen die wesentlichen Arbeitsschritte der Druckvorstufe.
Sie kennen die Möglichkeiten der Arbeit mit Bibliotheksobjekten.

Bewertung

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
alle Resultate der einzelnen Übungen

Zur Abgabe dieser Dateien beachten Sie bitte die Hinweise am Ende der Praktikumsdurchführung.

Praktikumsvorbereitung

Video “TIFF & PSD-Dateien” (02:10) auf video2brain.com [Link ]: Sowohl aus TIFF- als auch aus PSD-Dateien kann Adobe InDesign Alpha-Kanäle auslesen und dann automatisch für eine teilweise Freistellung des Bilds nutzen. Und was können PSD-Dateien zusätzlich?
Video “Arbeiten mit Bibliotheksobjekten” (05:08) auf video2brain.com [Link]: Um eine schnelle Einbindung in Ihr Layout zu gewährleisten, speichern Sie häufig benutzte Grafiken als eigenständige Bibliothek ab. Per Drag and Drop lassen sich diese Objekte dann einfach in Ihr Layout einbinden.
Video “Kopf- und Fußzeilen” (04:15) auf video2brain.com [Link ]: Tabellen, die über mehrere Rahmen verlaufen, benötigen Kopf- oder Fußzeilen für eine optimale Gestaltung und Übersicht. Hinweis: Videobeschreibung ist falsch verlinkt, deshalb der Link direkt zum Video.
Video “Objektstile” (05:43) auf video2brain.com [Link ]: In dieser Lektion erläutern wir Ihnen, wie Objektstile angelegt und formatiert werden. Dabei machen wir Sie mit den Feinheiten des gleichnamigen Dialogs vertraut und erläutern, wie Sie Formatierungen wieder zurücknehmen.
Video “Schwarzdarstellung (05:58) auf video2brain.com [Link ]: Schwarz wie die Nacht oder schwarz wie Ihr Kaffee? Schwarz ist eben nicht gleich Schwarz. Wie Sie die Darstellung von Schwarz für die Anzeige und Ausgabe bestimmen, wird Ihnen in dieser Lektion gezeigt.
Video “Dateien für die Ausgabe vorbereiten” (12:46) auf Adobe.com [Link]: Dieses Video zeigt, wie Sie Dateien vorbereiten, um sie aus InDesign zu exportieren. Sie sehen den Einsatz der Transparenzreduzierungsvorschau, der Überdrucken- und Separationsvorschau, des Druckfarben-Managers, des Preflight und des Verpackens.
Hinweis: Zum Starten des Video wählen Sie das Produkt “InDesign CS3″ aus und scollen dann im “Titel-Bereich” bis zum Titel “Dateien für die Ausgabe vorbereiten”. Im Unteren Fenster können Sie das Video “Video abspielen” dann starten.
Video “PDF-Export” (10:12) auf video2brain.com [Link]: Einige Grafikprogramme bieten auch die Möglichkeit eines direkten PDF-Exports. Am Beispiel von Adobe InDesign CS zeigen wir, wie Sie diesen Export optimal nutzen können.

Praktikumsdurchführung

1. Teil: Übungen

Mit Bildern arbeiten
1. Öffnen Sie die Datei mexican_folk_art.indd aus den Praktikumsmaterialien. (Sie enthält eine geringfügig weiter entwickelte Variante des Dokuments aus dem letzten Praktikum.) Passen Sie dann zunächst die Größe der Mond-Abbildung auf Seite “v” an. Wählen Sie dazu eine Skalierung von 50%.
2. Danach müssen auf dem ersten Druckbogen zwei Bilder neu positioniert bzw. geändert werden. Auf Seite “ii” ist das Sonnen-Bild nur zur Hälfte zu sehen. Mit Hilfe des Direktauswahl-Werkzeuges soll es soweit nach rechts gezogen werden, dass es vollständig zu sehen ist.
3. Anschließend soll das Bild der blauen Hand am linken Seitenrand geändert werden. Der bisherige Bildrahmen ist zu klein, um das Bild aufnehmen zu können. Mit Hilfe des Auswahlwerkzeuges muss der Bildrahmen deshalb so nach oben erweitert werden, dass die gesamte Hand zu sehen ist.
4. Nun soll neben dem Titeltext “Hecho en Mexico” das Bild eines Gürteltiers eingefügt werden. Dieses Bild soll später teilweise verdeckt sein. Dazu soll die Ebenenfunktionalität von Indesign genutzt werden. Aktivieren Sie deshalb zuerst die Ebene “Photos” in der Ebenenpalette.
  Platzieren Sie dann das Bild aus der Datei armadillo.tif rechts neben dem Titelschriftzug. Beschneiden Sie durch Veränderung des rechten Bildrahmens das Gürteltier so, dass nur der Vorderteil des Tiers zu sehen ist. Verschieben Sie anschließend den Bildrahmen so, dass er mit dem rechten Rand des Druckbogens abschließt.
  Notieren Sie zum Abschluss dieses Schritts Ihre Erkenntnisse zum Verhältnis von Bildrahmen und Bildinhalt sowie (darauf aufbauend) die Unterschiede im Einsatz von Auswahl- bzw. Direktauswahlwerkzeug im Protokoll.
Paginierung und Abschnitte
1. Auf dem ersten Druckbogen wurde bereits eine Fußzeile mit Seitenzahlen eingefügt. Fügen Sie in Analogie dazu auf den anderen Druckbögen ebenfalls eine Fußzeile mit Seitenzahlen ein. Beschreiben Sie im Protokoll Ihr Vorgehen. Formatieren Sie die Fußzeilentexte mit dem Absatzormat “Footline”.
2. Nun soll das Zahlenformat auf den Seiten des Artikels über die mexikanische Volkskunst in arabische Ziffern geändert werden. Fügen Sie dazu auf Seite “iii” eine Abschnittsmarke ein und wählen Sie in dem dafür aufzurufenden Dialog “Nummerierungs- und Abschnittsoptionen..” (erreichbar über das Pulldown-Menü der Seiten-Palette) geeignete Einstellungen.
3. Fügen Sie abschließend auf Seite 3 unterhalb der Titelzeile ein Inhaltsverzeichnis ein. Beschreiben Sie auch hier Ihr Vorgehen im Protokoll. Formatieren Sie das Inhaltsverzeichnis analog zum Zitat auf Seite 4 mit dem Objektstil “Pull-Quote”.

2. Teil: Arbeit am Projekt

Setzen Sie die Arbeit an dem Flyer-Projekt Ihres Teams fort. Sie sollten inzwischen alle Texte in den Flyer eingekürzt haben.
Vervollständigen Sie nun das Dokument entsprechend Ihrer Konzeptvorstellungen mit Bildern bzw. Kopf- und Fußzeilen. Probieren Sie den Preflight, den PDF-Export bzw. den PS-Proof anhand einer Zwischenversion Ihres Flyers aus. Stellen Sie die Resultate in dem Unterordner für die Praktikumsergebnisse auf dem Server “freud.rz.tu-ilmenau.de” bereit.
ACHTEN Sie auf die Vorgaben des Beitrags “Druckvoraussetzungen für die Printprojekte”!

3. Teil: Arbeitsabschluss

Sammeln Sie alle Materialien in einem Unterordner Ihres “public_html” Ordners auf dem Server “freud.rz.tu-ilmenau.de”. Erstellen Sie im Anschluss aus dem gesamten Ordner ein TGZ-Archiv. Schicken Sie an den Praktikumsbetreuer eine E-Mail, die einen Internet-Link auf das TGZ-Archiv enthält. Das Praktikumsprotokoll stellen Sie wie gehabt auf Ihrem Blog bereit.

Downloads

Praktikumsvorbereitung:

Bitte nutzen Sie zur Praktikumsvorbereitung die zur Vorbereitung auf das erste Indesign-Praktikum zur Verfügung gestellten Dokumente.

Alle nachfolgenden Downloads haben den Stand vom Sommersemester 2007. Bitte verwenden Sie zum Öffnen der Dokumente deshalb das Ihnen bekannte Passwort aus dem Jahr 2007.

Praktikumsdurchführung:

Praktikumsmaterialien (ZIP) [Download]

Vertiefende Materialien

Programmbeschaffung:

InDesign CS2 Testversionen für zu Hause: Viele InDesign CS2 Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.

Guide:

Adobe InDesign CS2 Guide (PDF) [Download] (kostenlos von Adobe) auf 86 Seiten eine kurze Einführung bzw. Guide für Umsteiger auf InDesign (Englisch). U.a. sind folgende Themen kurz und knapp erklärt:
- Dokumente, Seiten und Musterseiten einrichten
- Rahmen und Objekte erstellen
- Auswahltools, Objekte, Text und Grafik
- weiterführende Informationen zur Arbeit mit Text & Typografie sowie Grafiken
- Tabellen
- Alle Informationen zum PDF-Export für den Druck
- uvm.

Weiterführende Links:

indesign CS2 forum [Link] beinhaltet kostenloses Übungsmaterial und eine ausführliche Link-Liste in deutscher Sprache [Link]
HilfDirSelbst.ch –> InDesign Forum [Link] wird vom o.g. Forum auch sehr empfohlen!
DESIGNER IN ACTION [Link] Tipps und Tricks
Psd-tutorials.de [Link ] beinhaltet auch sehr viele InDesign Workshops (einige sind kostenlos, andere erfordern eine kostenlose Registrierung)

Praktikumsaufgabe (AW2) “HTML & CSS Vertiefung 1”

Gunther Kreuzberger — Sun, 08 Jun 2008 21:14:14 +0000

Lernziele

Die Studierenden kennen die Benutzeroberfläche von Macromedia Dreamweaver 8.
Sie beherrschen die Siteverwaltung und haben das Prinzip des Ein- und Auscheckens von Dateien verstanden.
HTML & CSS Dokumente können Sie selbständig erstellen.
Layoutentwürfe können Sie in HTML mittels CSS-Box-Model (DIV/Ebenentechnologie) umsetzen.
Den Aufbau von CSS-Style-Definitionen (Stile) haben sie verstanden und können eigene Stile weitgehend eigenständig festlegen.

Bewertung

Generelle Hinweise zur Bewertung der Mitarbeit in dem Praktikum entnehmen Sie bitte dem Dokument
„Allgemeine Hinweise zum Praktikum ‚Elektronische Dokumente’ im SS08“. Für den Gruppenbewertungsteil werden folgende Dokumente hinzugezogen:

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
alle Resultate der einzelnen Übungen Zur Abgabe dieser Dateien beachten Sie bitte die Hinweise am Ende der Praktikumsdurchführung.

Praktikumsvorbereitung

+++ ACHTUNG: Bitte halten Sie für die nächsten beiden Praktika Ihre Konzepte bereit
(analog oder digital). Vor allem bringen Sie Ihre Funktionsskizze, Layoutentwürfe, Assets etc. zur weiteren Projektarbeit mit! +++

Als Grundlage für die letzten beiden Praktika und die Projektarbeit dienen das Online-Praktikum “HTML & CSS” aus dem WS 07/08[LINK], insb. Ihre Protopage-Informationen und die Vorlesung “Elektronische Dokumente” aus dem WS 07/08 [LINK]. Insbesondere haben Sie das CSS-Box-Modell verstanden!

Als Erweiterung Ihrer Medienkompetenz im Umgang mit verschiedenen Softwareprodukten beschäftigen Sie sich in diesem Praktikum mit Macromedia Dreamweaver 8. Das Produkt verwendet das Prinzip WYSIWYG: “”What You See Is What You Get” und erlaubt eine Websiteerstellung im Entwurfs-, Code- oder geteiltem Modus. Als Vorbereitung für den 1. Teil des Praktikums (Übungen), verschaffen Sie sich bitte einen Überblick der grundlegenden Funktionen des Programms.

Programmoberfläche und Site-Verwaltung (Remote-Sites anlegen) als PDF-Datei eines Vorbereitungsvortrages des SS06 [s. u. Downloads: Praktikumsvorbereitung].
Video “Remote-Sites anlegen” (8:27 min) auf video2brain.com [LINK]: “Die Remote-Site ist der Webserver, auf dem Ihre Website im Internet oder Intranet landet. Dreamweaver erlaubt die direkte Anbindung und integriert FTP-Zugang und andere Anbindungsformen. Diese Lektion ist ein Wegweiser durch die Vielzahl der Einstellungsmöglichkeiten.” (Tobias Hauser, Christian Wenz)
Video “Absolute CSS-Positionierung” (4:06 min) auf video2brain.com [LINK]: “Die absolute Positionierung erlaubt das exakte Platzieren von Elementen. Die entsprechenden Elemente sind direkt in Dreamweaver integriert. Der Film zeigt die Vor- und Nachteile dieser Methode.” (Tobias Hauser, Christian Wenz)
Programmoberfläche im Detail, Funktionen, etc. –> ein vollständiges Tutorial zu Dreamweaver 8 auf teacherclick.com [LINK] (als Themenüberblick und Online-Nachschlagewerk gedacht)

Praktikumsdurchführung

Im ersten Teil des Praktikums sollen Sie die Erkenntnisse aus der Praktikumsvorbereitung rekapitulieren und die Anwendbarkeit dieses Wissens vertiefen. Dazu werden Sie eine Übungssite einrichten und im Programm mit einer fertigen Website arbeiten.

1. Teil: Übungen (Einzelarbeit)

Wie Sie schon bemerkt haben, befinden sich im Downloadbereich keine Praktikumsmaterialien. Alle Materialien, die Sie benötigen, haben Sie schon erstellt. Sie werden an Ihren persönlichen Profilen aus dem zweiten Online-Praktikum des vorangegangenen Semesters weiterarbeiten.

Persönliches Webgruppen-Profil zur Bearbeitung vorbereiten
1. Laden Sie das Archiv mit Ihrem Webgruppen-Profil aus dem Seminarspeicher herunter.
2. Transferieren Sie das Archiv mittels SFTP in das “public_html”-Verzeichnis Ihres Linux-Gruppenaccounts (oder eines seiner Unterverzeichnisse)
3. Entpacken Sie das Archiv, z.B. mittels “gunzip”. Welche URL hat dann die Startseite Ihres Web-Gruppenprofils?
Übungs-Site in Dreamweaver einrichten
1. Starten Sie Dreamweaver 8 und erstellen Sie eine neue Site mit geeignetem Namen.
2. Geben Sie die URL an, die direkt auf Ihre persönliche Profilseite verweist.
3. Als Lokalen Stammordner wählen Sie für diese Übung einen neuen Ordner auf Ihrem persönlichen Laufwerk “G:”.
4. Geben Sie für Remote-Server (FTP) die Zugangsdaten für Ihren Unix-Account (eldokXX) an. Achten Sie bei der Einrichtung auf die Aktivierung von SFTP. Geben Sie auch den genauen Ordner auf dem Server an, den Sie als Einstiegspunkt für die Remote-Verbindung verwenden wollen.
5. Aktivieren Sie das Ein- und Ausschecken für die Dateifreigabe.
6. Prüfen Sie die Einstellungen mit einer Testverbindung.
Änderungen vornehmen
1. Stellen Sie eine Verbindung mit dem Remote-Server her und checken Sie alle relevanten Dateien Ihres persönlichen Profils aus. Achten Sie darauf, dass Sie nur Ihre Profildateien auschecken und nicht Dateien Ihrer Teammitglieder.
2. Was stellen Sie bzgl. der Kennzeichnung aller lokaler und via Remote verfügbarer Dateien fest? Wie sind die einzelnen Dateinen Ihres persönlichen Profils vs. Dateien Ihrer Teammitglieder gekennzeichnet und zugänglich für Sie?
  (Gegebenenfalls müssen Sie zum Betrachten von Dateien, die nicht nur Ihr eigenes Profil betreffen, den Ordner auf dem Remote-Server wechseln.)
3. Zwischenziel: Sie können Ihre persönlichen Dateien lokal ändern und kennzeichnen diese Dateien auf dem Romet-Server entsprechend, dass Sie daran arbeiten.
4. Öffnen Sie aus der Lokalen Ansicht Ihr Profil und machen Sie sich mit der Arbeitsumgebung von Dreamweaver 8 durch die vorhanden HTML- und CSS-Materialien vertraut.
5. Betrachten Sie sich die HTML-Seite in der Code/ Teilen/ Entwurfsansicht.
6. Welche Möglichkeiten haben Sie CSS-Style-Informationen anzupassen, und wie können Sie den Code der CSS-Datei aufrufen?(Bitte im Übungsprotokoll notieren.)
7. Ändern Sie ein paar CSS-Style-Informationen nach Belieben ab oder ergänzen/ reduzieren Sie CSS-Stile. (Notieren Sie die Veränderungen im Übungsprotokoll,)
8. Sie können ohne Bedenken die alte Version überschreiben bzw. erweitern. Sie müssen dazu keine neue Kopie oder ähnliches erstellen. Arbeiten Sie einfach an der aktuellen Version weiter.
9. Durch einen “Upload” oder das “Einchecken” der bearbeiteten Datei können Sie das Ergebnis sofort online im Webbrowser betrachten.
10. Einige Profile verwenden in der Gruppe die selbe Style-Datei. Was stellen Sie im Umgang mit der Dateiverwaltung (Ein- und Auschecken) und der Möglichkeit Dateien zu bearbeiten fest? Wie finden Sie den Umgang mit Dreamweaver von der Erstellung einer HTML-Site (bzw. CSS-Stil als Änderung der HTML-Seite) bis zur Veröffentlichung auf dem Remote-Server im Vergleich zur Arbeit mit einem Text-Editor (und ggf. externem SFTP-Programm) aus dem Online-Praktikum “HTML & CSS”? Schildern Sie Ihre Erfahrungen im Übungsprotokoll anhand einer kurzen Pro- und Contra-Liste.
11. Geben Sie im Übungsprotokoll zur schnellen Erreichbarkeit die Internetlinks zu Ihren persönlichen Profilen mit an.
Übung abschließen
- Verschieben Sie das Übungsprotokoll in einen Unterordner Ihres “public_html” Ordners auf dem Server “freud.rz.tu-ilmenau.de”.

2. Teil: Arbeit am Projekt

Im zweiten Teil des Praktikums sollen Sie sich weiter mit dem Programm beschäftigen und intensiv an Ihrem Projekt arbeiten.

Einrichtung der Projektumgebung (Einzelarbeit):
1. Erstellen Sie sich jeder eine neue Site in Dreamweaver, die auf Ihr gemeinsames Projekt verweist.
2. Als lokalen Stammordner verwenden Sie einen Unterordner Ihres Projektverzeichnisses auf Laufwerk “G:”
3. Die Einstellungen entsprechen weitestgehend den schon im Übungsteil verwendeten Daten. Verwenden Sie auch für diese Site
  das Prinzip des Ein- und Auscheckens und benutzen dazu eine entsprechende individuelle Namenskennzeichnung.
4. Cloaking kann ggf. günstig für Sie sein, wenn Sie bestimmte Dateien Ihres lokalen Ordnern nicht auf den Server übertragen wollen.
Umsetzung der Struktur als HTML-CSS-Box-Layout (Gruppenarbeit):
1. Erstellen Sie gemeinsam ein CSS-Box-Layout für Ihr Websiteprojekt unter Verwendung von DIV-Tags.
2. Kennzeichnen Sie ggf. die DIV-Elemente mit einem internen Namen, um in der CSS-Style-Definitionen eindeutige Formatierungen für entsprechende Bereiche vornehmen zu können.
3. Als visuelle Unterstützung können Sie für diesen Projektstatus z.B. eine individuelle Hintergrundfarbe/ Dummy-Texte für das entsprechende DIV-Element oder andere Platzhalter für Ihre Inhalte, Bilder, Navigationselemente usw. verwenden.
Erstellung der Website-Navigation (Gruppenarbeit) :
1. Hierzu müssen nicht zwangsläufig ggf. verwendete Grafiken fertig gestellt sein. Wenn dies der Fall ist, können Sie Grafiken schon mit einbinden. Falls dem nicht so ist, verwenden Sie Platzhalter wie oben beschrieben. Die finalen Grafiken, falls verwendet, können später mittels CSS-Style-Definition neu referenziert werden.
2. Wichtig ist die ausschließliche Arbeit im Rahmen der CSS-Möglichkeiten. Die Navigation muss auch bei abgeschalteten Bildern, deaktiviertem Javascipt usw. funktionieren.
Ziel des Praktikums ist ein Grundlayout mit (einer) zentralen CSS-Style-Datei(en) Ihres Webprojektes mit funktionierender Navigationstechnik, das Ihre Funktionsskizze widerspiegelt. Ein solches Zwischenergebnis kopieren Sie bitte in den Ordner mit dem Übungsprotokoll und erstellen im Anschluss aus dem gesamten Ordner ein TGZ-Archiv. Schicken Sie an den Praktikumsbetreuer eine E-Mail,
die einen Internet-Link auf das TGZ-Archiv enthält.

Archivhinweis

Im Praktikum besteht für Sie die Möglichkeit Websites der vergangenen Semester, auf einem separaten Notebook, zu betrachten.

Downloads

Hinweis: Die nachfolgenden Downloads haben den Stand von 2007. Bitte verwenden Sie zum Öffnen der Dokumente deshalb das Ihnen bekannte Passwort aus dem Jahr 2007.

Praktikumsvorbereitung: » Präsentation aus dem SS06: Dreamweaver-Oberfläche, Site-Verwaltung (PDF) [LINK]

Vertiefende Materialien

Programmbeschaffung:

Dreamweaver Testversionen für zu Hause:
- Viele Dreamweaver Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.
- Auf der Website von Adobe ist die aktuellste Version DW CS3 als Testversion erhältlich [LINK]

Referenzkarte:

CSS Browser-Referenzkarte [LINK]

Weiterführende Links zu “HTML & CSS”, Dreamweaver & co:

Online-Nachschlagewerk SELFHTML []
CSS 4 you: “Die deutsche Seite für Cascading Stylesheets (CSS)” [LINK]
HilfDirSelbst.ch –> Adobe Dreamweaver Forum [LINK]
CSS-Blog.com –> CSS-Hilfe, CSS-Links, CSS-Standards uvm. [LINK]
Adobe hat für die neue Produktfamilie “CS3″ viele öffentlich zugängliche Videotutorials für die Design-Suite zur Verfügung gestellt, unter anderem auch sehr gute Einführungen für Dreamweaver CS3. Die meisten Funktionen sollten aber auch schon in Dreamweaver 8 funktionieren. [LINK]
Tutorials zu “HTML & CSS”:
- richinstyle.com [LINK]
- Workshop CSS: Allgemeine von css4you.de [LINK]

Weiterführende Links: Barrierefreies Webdesign & Usability:

WAI: Web Accessibility Initiative [LINK]
BITV: Barrierefreie Informationstechnik-Verordnung [LINK]
EinfachfürAlle: Aktion Mensch-Initiative für barrierefreies Webdesign [LINK]
useit.com: usable information technology [LINK]
Tutorials zu Barrierefreiheit:
- macximal-Blog: Maximale Informationen zu Webstandards und Barrierefreiheit [LINK]
- Barrierefreies-Webdesign.de [LINK]

Praktikumsaufgabe (AP2) “InDesign 1”

Gunther Kreuzberger — Sun, 08 Jun 2008 18:33:48 +0000

Lernziele

Die Studierenden kennen die Arbeitsoberfläche von Adobe Indesign CS2.
Sie können selbständig Indesign-Dokumente erstellen und haben die Bedeutung der dabei festzulegenden Dokumentenparameter verstanden.
Sie können die Strukturierung von Indesign-Dokumenten mit Hilfslinien, Musterseiten und Textrahmen gezielt beeinflussen.
Die Studierenden sind in der Lage, kurze Textbausteine und umfangreiche Textinhalte in Indesign-Dokumente einzufügen und mit Hilfe von Zeichenformaten und Absatzformaten zu strukturieren.

Bewertung

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
alle Resultate der einzelnen Übungen

Zur Abgabe dieser Dateien beachten Sie bitte die Hinweise am Ende der Praktikumsdurchführung.

Praktikumsvorbereitung

+++ ACHTUNG: Bitte halten Sie für die nächsten beiden Praktika Ihre Konzepte bereit (analog oder digital). Vor allem bringen Sie Ihre Funktionsskizze, Layoutentwürfe, Assets etc. zur weiteren Projektarbeit mit! +++

Video “InDesign CS2: Programmoberfläche” (4:01 min) auf video2brain.com [Link]: Kurze Einführung in die Programmoberfläche, nicht nur für Umsteiger von Quark XPress auf InDesign CS2.
Video”Programmoberfläche 2” (8:50 min) auf video2brain.com [Link]: Weiterführende Funktionen zum Umgang mit Adobe InDesign CS. “Das neue Interface von InDesign CS lernen Sie in dieser Lektion kennen.” (Christoph Grüder) Hinweis: Videobeschreibung ist falsch verlinkt, deshalb der Link direkt zum Video
Video “Neue Dokumente” (4:49 min) auf video2brain.com [Link]: “Wie Sie in InDesign CS ein neues Dokument anlegen sowie Anschnitt und Seiteninfobereich definieren, efahren Sie in diesem Abschnitt.” (Christoph Grüder)
Video “Mustervorlagen erstellen und verwalten” (4:42 min) auf video2brain.com [Link]: “In diesem ersten Teil verändert der Autor eine bestehende Mustervorlage, benennt sie um und lässt sie schlussendlich auf mehrere Seiten zuweisen. Abgesehen von der intensiven Nutzung des Palettenmenüs ist dabei keine Veränderung der Arbeitsschritte spürbar.” (Dirk Simanek)
Video “Absatzattribute” (10:41 min) auf video2brain.com [Link]: “Blocksatz & Co. sind Ihnen sicher bereits aus Office-Programmen bekannt. Doch InDesign CS2 bietet Ihnen ungleich mehr Möglichkeiten zur kreativen Absatzgestaltung: Hängende Einzüge, Initialen oder Grundlinienraster sorgen für ein ästhetisches Schriftbild. In dieser Lektion machen wir Sie Schritt für Schritt mit den entsprechenden Funktionen des Programms vertraut.” (Christoph Grüder)
Video “Platzierung – formatierter Text” (4:06 min) auf video2brain.com [Link]: “Wenn der Text sauber formatiert ist, können Stile aus Word den Absatzformaten in InDesign zugeordnet werden.” (Christoph Grüder)
Adobe Indesign Hilfe: Machen Sie sich mit den Konzepten “Zeichenformat” und “Absatzformat”, ihrer Erstellung sowie ihrer Anwendung vertraut.

Praktikumsdurchführung

Im ersten Teil des Praktikums sollen Sie die Erkenntnisse aus der Praktikumsvorbereitung rekapitulieren und die Anwendbarkeit dieses Wissens vertiefen. Dazu finden Sie im Downloadbereich Praktikumsmaterialien als Zip-Archiv. Bitte entpacken Sie den Inhalt in einen Übungsordner auf Ihrem privaten „Home-Verzeichnis”. Während des Praktikums führen Sie bitte ein gemeinsames Übungsprotokoll.

1. Teil: Übungen

Ihre Aufgabe besteht darin, einen teilweise fertiggestellten Beitrag über mexikanische Volkskunst zu vervollständigen. Das umfasst insbesondere die Einbindung und Platzierung von Text.

Übungsdokument zur Bearbeitung vorbereiten
1. Öffnen Sie das in den Praktikumsmaterialien enthaltene Indesign-Dokument mexican_folk_art.indd und richten Sie die Indesign-Arbeitsfläche Ihren Bedürfnissen entsprechend ein.
2. In dem Dokument sind die Hilfslinien ausgeblendet. Schalten Sie diese ein, um das Layout-Raster besser zu erkennen und Objekte daran auszurichten. Finden Sie mit Hilfe des Vorschau-Modus heraus, ob Hilfslinien mitgedruckt werden oder den Druckbereich einschränken. Notieren sie Ihre Erkenntnis im Übungsprotokoll.
Text einbinden
1. Auf Seite 3 des Indesign-Dokuments soll rechts unterhalb des Wortes “Mexico” der Text “Exploring Mexican Folk Art” erscheinen. Geben Sie diesen Text direkt ein. Nutzen Sie dazu einen Textrahmen, der an den beiden Hilfslinien unterhalb des Wortes “Mexico” ausgerichtet ist. Formatieren Sie anschließend den eingegebenen Text (Schriftart: Adobe Garamond Pro Regular, Schriftgröße: 18pt). Notieren Sie im Übungsprotokoll, wie Sie bei der Formatierung vorgegangen sind.
2. Der vollständige Text des Berichtes liegt bereits als Textdatei (report_folk_art.doc in den Praktikumsmaterialien) vor. Platzieren Sie diesen Text mit Hilfe von Textfluss als Textabschnitt in den beiden Spalten der unteren Hälfte von Seite 3, der ganzen Seite 4 sowie der unteren Hälfte von Seite 7. Notieren sie im Übungsprotokoll kurz Ihr Vorgehen. Machen Sie in diesem Zusammenhang den Unterschied manuellem und automatischem Verketten deutlich.
Konturenführung von Text um Objekte
1. Das Design der Seite 4 soll durch ein hervorgehobenes Zitat verbessert werden. Der dafür vorgesehene Text befindet sich bereits im Dokument auf der Montagefläche (außerhalb der Seite). Platzieren Sie diesen Textrahmen mit Hilfe der Steuerungspalette zunächst an der Position (10,16 cm; 7,62 cm) . Finden Sie heraus, auf welchen Punkt des Textrahmens sich diese Angabe bezieht. Richten sie den Textrahmen dann manuell so aus, dass er mittig zwischen beiden Spalten liegt und die untere Kontur des Rahmens durch die Mitte des auf der Seite zu sehenden roten Sterns verläuft.
2. Zur Verbesserung der Lesbarkeit des Zitats muss nun der Haupttextabschnitt um das Zitat herumgeführt werden. Nutzen Sie dazu die “Konturenführung um Objektform” der Konturenführung-Palette (Menü: Fenster –> Konturenführung).
3. Heben Sie das Zitat weiter hervor, indem Sie dem Textrahmen eine sichtbare Kontur geben. Nutzen Sie dazu die Farbe “PANTONE Warm Red CVC” aus der entsprechend vorbereiteten Farbfelder-Palette. Notieren Sie im Übungsprotokoll, wie man erreicht, dass der Textrahmen mit der angewählten Farbe nicht gefüllt, sondern nur umrandet wird. Ändern Sie mit Hilfe der Steuerungspalette anschließend die Textposition im Rahmen so, dass der Text vertikal zentriert wird. Verändern Sie zudem den Konturen-Stil auf “Breit – Schmal” und legen die Konturstärke auf 4 pt fest.
Mit Formaten arbeiten
1. Nun sollen die Texte des Beitrages mit Hilfe von Formaten formatiert werden. Dazu stehen Absatzformate und Zeichenformate zur Verfügung. Formatieren Sie zunächst den gesamten Haupttextabschnitt mit dem bereits vorliegenden Absatzformat “Body Text”. Formatieren Sie anschließend den ersten Absatz mit dem Absatzformat “Body Text / Drop Cap”. Notieren Sie im Übungsprotokoll Ihr Vorgehen. Machen Sie dabei insbesondere deutlich, inwieweit die zu formatierenden Texte vorher markiert werden müssen.
2. Im Haupttextabschnitt befinden sich drei Querverweise auf andere Seiten. Sie haben die Form “(page x)” und sollen zur besseren Erkennung kursiv und in der Schriftgröße 11pt gesetzt werden. Formatieren sie zunächst den ersten Querverweis “(page 7)” entsprechend. Erstellen Sie daraus ein Zeichenformat mit dem Namen “Querverweis”. Notieren Sie im Übungsprotokoll, ob der zugrunde liegende formatierte Text dabei mit dem Zeichenformat verbunden wurde. Weisen Sie anschließend allen Querverweisen, die noch nicht mit dem neu erstellten Zeichenformat verbunden sind, dieses Zeichenformat zu.
3. Analog zum Einsatz von Absatz- bzw. Zeichenformaten können für die Formatierung von Objekten sogenannte Objektstile verwendet werden. Formatieren Sie das Zitat auf Seite 4 des Beitrags mit dem Objektstil “Pull Quote”. Notieren Sie im Übungsprotokoll, was dabei zu beachten ist, damit der Objektstil auch tatsächlich wirksam wird.
Übung abschließen
Verschieben Sie das fertige Indesign-Dokument sowie das Übungsprotokoll in einen Unterordner Ihres “public_html” Ordners auf dem Server “freud.rz.tu-ilmenau.de”.

2. Teil: Arbeit am Projekt

Erstellen Sie ein eigenes Indesign-Dokument für das Faltblatt Ihres Teams. Wählen Sie die entsprechende Dokumentoptionen und notieren Sie diese in einem Übungsprotokoll für den zweiten Praktikumsteil.
Legen Sie ein geeignetes Spalten- und Layoutraster an.
Verständigen Sie sich im Team darüber, welche Absatz- und Zeichenformate bzw. Objektstile für die Formatierung der Inhalte Ihres Faltblattes benötigt werden. Notieren Sie im Übungsprotokoll, mit welchen Formaten Sie arbeiten wollen und welche Formatierungsoptionen darin zusammengefasst sind.
Fügen Sie zunächst die vorgesehenen Textinhalte in den Flyer ein und formatieren Sie die Texte mit den von Ihnen erstellten Absatz- und Zeichenformaten.
Beginnen Sie ggf. mit dem Einfügen und Formatieren von Bildern und Objekten.
Notieren sie im Übungsprotokoll, wie weit Sie mit der Arbeit an Ihrem Flyer gekommen sind und welche Schritte bis zum nächsten Praktikum, bei dem es um die einbindung von Grafiken sowie um die Druckvorstufe geht, noch erledigen müssen.
Verschieben Sie das Übungsprotokoll für den 2. Praktikumsteil auf den Server “freud.rz.tu-ilmenau.de”. Erstellen Sie im Anschluss aus dem gesamten Ordner ein TGZ-Archiv. Schicken Sie an den Praktikumsbetreuer eine E-Mail, die einen Internet-Link auf das TGZ-Archiv enthält.

Downloads

Hinweis: Die nachfolgenden Downloads haben den Stand von 2007. Bitte verwenden Sie zum Öffnen der Dokumente deshalb das Ihnen bekannte Passwort aus dem Jahr 2007.

Praktikumsvorbereitung:

Verlinkt als kostenloses Übungsmaterial im IndesignCS2 Forum [Link]:
- Schriftmusterblätter mit Einführung [Download] [Übungsmaterial]
- Download einer Print-Checkliste [Download]
- weitere Übungen zur “Transformation von Objekten”, “PSD-Ebenen” und “Verschachtelte Formate” sind ebenfalls dort verlinkt

Praktikumsdurchführung:

Praktikumsmaterialien (ZIP) [Download ]
Praktikumsaufgabe (AP2) “Indesign 1” (PDF) [Download]

Vertiefende Materialien

Programmbeschaffung:

InDesign CS2 Testversionen für zu Hause: Viele InDesign CS2 Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.

Guide:

Adobe InDesign CS2 Guide (PDF) [Download] (kostenlos von Adobe) auf 86 Seiten eine kurze Einführung bzw. Guide für Umsteiger auf InDesign (Englisch). U.a. sind folgende Themen kurz und knapp erklärt:
- Dokumente, Seiten und Musterseiten einrichten
- Rahmen und Objekte erstellen
- Auswahltools, Objekte, Text und Grafik
- weiterführende Informationen zur Arbeit mit Text & Typografie sowie Grafiken
- Tabellen
- Alle Informationen zum PDF-Export für den Druck
- uvm.

Weiterführende Links:

indesign CS2 forum [Link] beinhaltet kostenloses Übungsmaterial und eine ausführliche Link-Liste in deutscher Sprache [Link]
HilfDirSelbst.ch –> InDesign Forum [Link] wird vom o.g. Forum auch sehr empfohlen!
DESIGNER IN ACTION [Link] Tipps und Tricks
Psd-tutorials.de [Link ] beinhaltet auch sehr viele InDesign Workshops (einige sind kostenlos, andere erfordern eine kostenlose Registrierung)
Adobe hat für die neue Produktfamilie “CS3″ viele öffentlich zugängliche Videotutorials für die Design-Suite zur Verfügung gestellt.
http://www.adobe.com/de/designcenter/video_workshop/
Unter anderem auch gute Einführungen für InDesign CS3. Die meisten Funktionen sollten aber auch schon in InDesign CS2 funktionieren.

Konzeptbewertung endlich fertiggestellt

Gunther Kreuzberger — Mon, 19 May 2008 09:34:01 +0000

Liebe Studierende,

die Bewertung der Konzepte ist endlich fertiggestellt. Das Feedback zu Ihren Konzepten erhalten Sie in einer persönlichen Gesprächsrunde im Verlauf des nächsten Praktikums.

Weiterhin viel Erfolg bei der bearbeitung Ihrer Projekte wünscht Ihnen

G. Kreuzberger.

Praktikumsaufgabe (AW1) “Photoshop CS2 für Web”

Gunther Kreuzberger — Fri, 16 May 2008 13:05:19 +0000

Lernziele

Im 4. Praktikum beschäftigen Sie sich mit weiteren Techniken von Adobe Photoshop. Sie werden nach dem Praktikum in der Lage sein, mittels Histogrammen den Dynamikumfang eines Farbraumes optimal auszunutzen, um ein Bild optisch aufzuwerten. Den Unterschied zwischen Vektor- und Pixelgrafik können Sie beschreiben. Darauf aufbauend werden Sie mit Pfaden umzugehen lernen und die Notwendigkeit dessen Anwendung auch für Webprojekte erkennen.

Bewertung

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
alle Resultate der einzelnen Übungen

Zur Abgabe dieser Dateien beachten Sie bitte die Hinweise unter Punkt V. der Praktikumsdruchführung.

Praktikumsvorbereitung

Farbe, Farbmodelle und Bildoptimierung

Als Praktikumsvorbereitung finden Sie verschiedene Materialien im Downloadbereich. Als Basiswissen zu Farbe, Farbmodellen und Bildoptimierungen nutzen Sie das PDF-Dokument “Kleine Einführung in Farbmodelle & Bildoptimierung” (s. PVlink01). Einen weiteren Überblick zum Thema Farbe bekommen Sie im Kapitel “1.2 Farbe” der Grundlagenschulung Photoshop von Photozauber.de (s. PVlink02). Histogramme und Bildoptimierungen werden im Kapitel “4. Bildeinstellungen” der Grundlagenschulung Photoshop von Photozauber.de behandelt.

Ebenentechnik

Eine Wiederholung zu Ebenen finden Sie im Kapitel “3.4 Ebenen” (s. PVlink02). Weiterführende Techniken mit Ebenen finden Sie im anschließenden Kapitel “3.5 Alphakanäle und Ebenenmaske” (s. PVlink02). Zum besseren Verständnis von Ebenenmasken nutzen Sie das Videotutorial von Photozauber.de “Weiche Bildübergänge” (s. PVlink03).

Pfade in Photoshop

Für die Arbeit mit Pfaden kann das Grundlagenwissen zu Vektorgrafiken wiederholt werden: “1.1 Vektorgrafik vs. Pixelgrafik” der Grundlagenschulung Photoshop (s. PVlink02).
Im Anschluss machen Sie sich bitte mit dem Pfadwerkzeug in Photoshop vertraut. Lesen Sie dazu das Kapitel “3.6 Pfadwerkzeug”
(s. PVlink02) und führen im Anschluss zwei aufeinander aufbauende Übungen mit Videotutorial durch (s. PVlink04 und PVlink05) .

Webgrafiken

Ein paar weitere Informationen zur Bearbeitung von Bildern für das Web finden Sie im Kapitel “III. Bilder für das Web” (s. PVlink01).

Sie müssen die Inhalte nicht auswendig beherrschen, es geht um das prinzipielle Verständnis. Vertiefende Informationen finden Sie in der Photoshophilfe sowie in der Photoshop-Literatur der Universitätsbibliothek.

Praktikumsdurchführung

(1. Teil: Übungen; 2. Teil: Zeit für die Projektarbeit)

Im Downloadbereich finden Sie die Praktikumsmaterialien als Zip-Archiv. Bitte entpacken Sie den Inhalt in einen Übungsordner auf Ihrem privaten „Home-Verzeichnis”. Während dem Praktikum führen Sie bitte ein gemeinsames Übungsprotokoll. Die Erkenntnisse der Einzelarbeiten können Sie jeweils nach der einzelnen Übung zusammentragen. Als Resultate der Einzelarbeiten genügt ein Exemplar zur Abgabe, soweit nichts anderes vorgegeben ist. Die entstandenen Dokumente reichen Sie bitte zusammen mit dem Übungsprotokoll als Archiv ein (per Web-Link wie auch in den letzten Praktika).

Das optimierte Bild (Einzelarbeit)
1. In den Praktikumsmaterialien finden Sie einen Ordner “I.) Das optimale Bild”. Darin befinden sich drei Fotografien, die mit einer Digitalkamera aufgenommen wurden. Die Bilder sind nicht optimal belichtet und sollen von Ihnen einer individuellen Farb- und Tonwertkorrektur unterzogen werden. Der Umfang und die Art der Anpassung ist dabei Ihnen überlassen, das Resultat ist entscheidend.
2. Verwenden Sie zum Anpassen des Tonwertbereiches und der Farbbalance der Bilder ausschließlich Einstellungsebenen, statt Anpassungen direkt auf die Bildebene anzuwenden. Mithilfe von Einstellungsebenen können Sie beliebige Veränderungen testen, zurücknehmen oder durch das Ein- und Ausblenden verschiedener Einstellungsebenen die Resultate vergleichen, ohne die Daten des Originalbildes zu verändern.
3. Die Informationen- und Histogrammpalette kann Ihnen bei der Arbeit eine nützliche Hilfe sein.
4. Entscheiden Sie sich nach den individuellen Varianten der Einzelarbeit für ein gemeinsames Ergebnis. Geben Sie dieses als Tif-Datei mit “LZW-Komprimierung” als Gruppenergebnis ab. Alle nicht benötigten Einstellungsebenen und anderen Ebenen löschen Sie bitte vorher, um die Dateigröße so gering wie möglich zu halten.
5. Geben Sie im Übungsprotokoll kurz an, welche Veränderungen mit welchen Einstellungswerten Sie für das finale Ergebnis der drei Bilder verwendet haben.
Bildoptimierung und Ebenentechnik (Einzelarbeit)
1. Im Ordner “II.) Bildoptimierung und Ebenentechnik” der Praktikumsmaterialien befindet sich eine weitere Fotografie. Mit den Erfahrungen aus der 1. Übung können Sie eine schnelle Farb- und Tonwertkorrektur vornehmen.
2. Sie werden schnell auf das Problem stoßen, dass die Sonnenreflexionen durch eine Tonwertkorrektur an Details verlieren und dieser Bildausschnitt anderweitig weiter bearbeitet werden muss.
3. Verwenden Sie dazu Ihr Wissen aus der Vorbereitung und der Arbeit mit Ebenen, um zwei Bilder oder Bildausschnitte geschickt miteinander zu verbinden.
4. Entscheiden Sie sich nach den individuellen Varianten der Einzelarbeit für ein gemeinsames Ergebnis. Geben Sie dieses als Tif-Datei mit “LZW-Komprimierung” als Gruppenergebnis ab. Alle nicht benötigten Einstellungsebenen und anderen Ebenen löschen Sie bitte vorher, um die Dateigröße so gering wie möglich zu halten.
5. Geben Sie im Übungsprotokoll kurz an, welche Veränderungen mit welchen Einstellungswerten Sie für das finale Ergebnis des Bilder verwendet haben.
Navigationselemente für das Web (Gruppenarbeit)
1. Für diese Aufgabe können Sie auch ein Navigationselement Ihres Webprojektes verwenden, falls ein solches Anwendung findet.
2. Erstellen Sie mittels Pfadwerkzeuge eine Formenebene als Basis für ein Navigationselement (Button) Ihres Projektes.
3. Bearbeiten Sie das Element mit beliebiger Detailvielfalt (Text, Füllebenen etc.) und bezeichnen Sie die Ebene bzw. das Ebenenset als “link” für die mittels CSS stehende Pseudoklasse “a:link” eines noch nicht besuchten Links.
4. Wandeln Sie noch mindestens zwei Kopien dieses Navigationselements so ab, dass Sie für die Pseudoklassen “a:hover” und “a:visited” ebenfalls eine Variante erstellt haben.
5. Einzureichen als Gruppenergebnis mit dem Übungsprotokoll ist eine PSD-Datei, die alle Ebenen enthält und drei möglichst kleine im geeigneten Format gewählte Grafiken für das Web, die jeweils einen der drei genannten Zustände darstellt und mit CSS einfach eingebunden werden könnte.
Objekte richtig freistellen (Einzelarbeit)
1. Ziel dieser Übung ist es, das richtige Freistellen von Objekten mittels Pfaden zu üben.
2. Bei dieser Übung ist das Übungsprotokoll nicht erforderlich, da Sie Ihre Arbeit als Projektdatei einreichen.
3. Um einen ersten Eindruck zu bekommen, wozu diese Übungs sinnvoll ist, sehen Sie sich den Seitenauszug eines PR-Booklets vergangener Semester an [Download]. Sie können sich vorstellen, dass der Frosch auch entsprechend auf einer Website mit separatem Hintergrund platziert werden könnte [Download].
4. Ihre Aufgabe besteht nun darin, den Leuchtturm aus dem Bild “Leuchtturm.jpg” des Praktikumsordners mittels eines Pfades freizustellen. Dazu verwenden Sie aus der Werkzeugleiste das “Zeichenstift-Werkzeug” und achten darauf, dass in der Optionsleiste “Pfade” angewählt ist.
5. Erstellen Sie mittels Ankerpunkte und Anfasser einen Pfad. Dieser muss nicht perfekt sein. Die Übung mit dem Werkzeug steht im Vordergrund. Kleine Details wie z.B. die Kamera oder kleine Antennen können vernachlässigt werden.
6. Speichern Sie den fertigen Arbeitspfad in der Pfade-Palette als neuen Pfad “Leuchtturm” ab.
7. Im Anschluss sollen Sie den Pfad auf das Pixelbild zum Freistellen anwenden. Dazu erstellen Sie eine neue Vektormaske aus dem aktuellen Pfad. Rastern Sie die Vektormaske, um daraus eine Ebenenmaske zu erstellen.
8. Nun können Sie die Ebenenmaske als Auswahl laden und diese ggf. um 1-2 Pixel verkleinern, die Auswahl umkehren und z.B. den Filter “Gaußscher Weichzeichner” anwenden, um die harte Kante weich zu zeichnen.
9. Falls Sie immer noch “Blitzer” des Hintergrundes sehen, machen Sie die in Punkt 8 beschriebenen Schritte rückgänging und beschneiden die Auswahl um 1-2 Pixel (Ebenenmaske als Auswahl laden, verkleinern um 1-2 Pixel, Auswahl umkehren und löschen) und führen anschließend die in Punkt 8 beschriebenen Schritte erneut durch.
10. Speichern Sie Ihr fertiges Projekt es als Tif-Datei mit LZW-Kompression ab. Zusätzlich speichern Sie das Bild als webtaugliche Grafik in einem Format, das es erlaubt transparente Hintergründe mit Verläufen darzustellen. Beide Dateien versehen Sie mit einem individuellen Namen und reichen es gemeinsam mit dem Übungsprotokoll (diese Übung braucht wie Übung III. nicht protokolliert werden) und den anderen Dateien ein.
Sammeln Sie alle Materialien (s. Bewertung) in einem Unterordner Ihres “public_html” Ordners auf dem Server “freud.rz.tu-ilmenau.de”. Erstellen Sie im Anschluss aus dem gesamten Ordner ein komprimiertes TAR-Archiv (mit der Dateiendung TGZ; Kommandoaufruf “tar cfvz …”). Schicken Sie wie auch in den vorangegangenen Praktika an den Praktikumsbetreuer eine E-Mail, die einen Internet-Link auf das TGZ-Archiv enthält.

Nachdem Sie die Übungsaufgaben abgeschlossen haben, können Sie gern weiter an Ihren Navigations- und Hintergrundgrafiken für Ihr Website-Projekt arbeiten und individuelle Lösungen zusammen mit dem Praktikumsbetreuer diskutieren.

Downloads

Hinweis: Die nachfolgenden Downloads haben den Stand vom Sommersemester 2007 und sind daher auch mit dem betreffenden Passwort versehen. Aufgrund des Ihnen für das Sommersemester 2008 zugegangenen Passworts sollten Sie das benötigte Passwort selbst ableiten können.

Praktikumsvorbereitung:

PVlink01: Kleine Einführung in Farbmodelle, Bildoptimierung & Bilder für das Web (PDF) [Download]
PVlink02: Grundlagenschulung für Photoshop: “Photoshop Grundlagen” im Bereich WORKSHOPS –> SCHULUNGEN auf Photozauber.de [Link] (Hinweis: Sie können die Schulung über den Link “Gesamte Schulung herunterladen” als PDF downloaden)
PVlink03: Video “Weiche Bildübergänge” im Bereich WORKSHOPS –> VIDEOTUTORIALS –> Photoshop auf Photozauber.de [Link] (Hinweis: Sie können die Schulung über den Link “Gesamte Schulung herunterladen” als PDF downloaden
Ein sehr gutes kostenloses Videotutorial zur “Arbeit mit Ebenenmasken” als Ergänzung zu dem Video “Weiche Bildübergänge” findet sich unter folgendem Link: http://www.video2brain.com/videos-1490.htm (Zeitaufwand ca. 11 Minuten, sehr empfehlenswert!!!)
PVlink04: Pfade: Übung 01 (ZIP) [Download]
PVlink05: Pfade: Übung 02 (ZIP) [Download]

Praktikumsdurchführung:

Praktikumsmaterialien (ZIP) [Download]

Vertiefende Materialien

Programmbeschaffung:

Photoshop CS2 Tastenkürzel/ Shortcuts (PDF) [Download]
Photoshop CS2 Testversionen für zu Hause: Viele Photoshop CS2 Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.

Weiterführende Links:

Photozauber.de [Link] beinhaltet vielfältige Artikel, Tutorials und Hilfeforen rund um Design und Grafik (viel mehr als nur Photoshop): sehr empfehlenswert!
HilfDirSelbst.ch –> Kategorie Photoshop [Link ] beinhaltet einige Tutorials zur Bildoptimierung
Psd-tutorials.de [Link ] beinhaltet viele Workshops (einige sind kostenlos, andere erfordern eine kostenlose Registrierung)

Praktikumsaufgabe (AP1) “Photoshop CS2 für DTP”

Gunther Kreuzberger — Fri, 16 May 2008 13:00:35 +0000

Lernziele

Im 4. Praktikum beschäftigen Sie sich mit weiteren Techniken von Adobe Photoshop. Sie werden nach dem Praktikum in der Lage sein, mittels Histogrammen den Dynamikumfang eines Farbraumes optimal auszunutzen, um ein Bild optisch auszuwerten. Den Unterschied zwischen Vektor- und Pixelgrafik können Sie beschreiben. Darauf aufbauend werden Sie mit Pfaden umzugehen lernen und die Notwendigkeit dieser Anwendung für die weitere Arbeit im DTP-Workflow erkennen.

Bewertung

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
alle Resultate der einzelnen Übungen

Zur Abgabe dieser Dateien beachten Sie bitte die Hinweise unter Punkt V. der Prakti-kumsdruchführung.

Praktikumsvorbereitung

Farbe, Farbmodelle und Bildoptimierung

Zur Praktikumsvorbereitung finden Sie verschiedene Materialien im Downloadbereich. Als Basiswissen zu Farbe, Farbmodellen und Bildoptimierungen nutzen Sie das PDF-Dokument “Kleine Einführung in Farbmodelle & Bildoptimierung” (s. PVlink01). Einen weiteren Überblick zum Thema Farbe bekommen Sie im Kapitel “1.2 Farbe” der Grundlagenschulung Photoshop von Photozauber.de (s. PVlink02). Histogramme und Bildoptimierungen werden im Kapitel “4. Bildeinstellungen” der Grundlagenschulung Photoshop von Photozauber.de behandelt.

Ebenentechnik

Pfade in Photoshop

Für die Arbeit mit Pfaden kann das Grundlagenwissen zu Vektorgrafiken wiederholt werden: “1.1 Vektorgrafik vs. Pixelgrafik” der Grundlagenschulung Photoshop (s. PVlink02).
Im Anschluss machen Sie sich bitte mit dem Pfadwerkzeug in Photoshop vertraut. Lesen Sie dazu das Kapitel “3.6 Pfadwerkzeug” (s. PVlink02) und führen im Anschluss zwei aufeinander aufbauende Übungen mit Videotutorial durch (s. PVlink04 und PVlink05) .

Sie müssen die Inhalte nicht auswendig beherrschen, es geht um das prinzipielle Verständnis. Vertiefende Informationen zu den o.g. Themen finden Sie in der Photoshophilfe sowie in der Photoshop-Literatur der Universitätsbibliothek.

Praktikumsdurchführung

(1. Teil: Übungen; 2. Teil: Zeit für die Projektarbeit)

Im Downloadbereich finden Sie die Praktikumsmaterialien als Zip-Archiv. Bitte entpacken Sie den Inhalt in einen Übungsordner auf Ihrem privaten „Home-Verzeichnis”. Während des Praktikums führen Sie bitte ein gemeinsames Übungsprotokoll. Die Erkenntnisse der Einzelarbeiten können Sie jeweils am Ende eines Aufgabenblocks zusammentragen. Als Resultat der Einzelarbeiten genügt ein Exemplar zur Abgabe, soweit nichts anderes vorgegeben ist. Die entstandenen Dokumente reichen Sie bitte zusammen mit dem Übungsprotokoll als Archiv ein (per Web-Link wie auch in den letzten Praktika).

Das optimierte Bild (Einzelarbeit)
1. In den Praktikumsmaterialien finden Sie einen Ordner “I.) Das optimale Bild”. Darin befinden sich drei Fotografien, die mit einer Digitalkamera aufgenommen wurden. Die Bilder sind nicht optimal belichtet und sollen von Ihnen einer individuellen Farb- und Tonwertkorrektur unterzogen werden. Der Umfang und die Art der Anpassung ist dabei Ihnen überlassen, das Resultat ist entscheidend.
2. Verwenden Sie zum Anpassen des Tonwertbereiches und der Farbbalance der Bilder ausschließlich Einstellungsebenen, statt Anpassungen direkt auf die Bildebene anzuwenden. Mithilfe von Einstellungsebenen können Sie beliebige Veränderungen testen, zurücknehmen oder durch das Ein- und Ausblenden verschiedener Einstellungsebenen die Resultate vergleichen, ohne die Daten des Originalbildes zu verändern.
3. Die Informationen- und Histogrammpalette kann Ihnen bei der Arbeit eine nützliche Hilfe sein.
4. Entscheiden Sie sich nach den individuellen Varianten der Einzelarbeit für ein gemeinsames Ergebnis. Geben Sie dieses als Tif-Datei mit “LZW-Komprimierung” als Gruppenergebnis ab. Alle nicht benötigten Einstellungsebenen und anderen Ebenen löschen Sie bitte vorher, um die Dateigröße so gering wie möglich zu halten.
5. Geben Sie im Übungsprotokoll kurz an, welche Veränderungen mit welchen Einstellungswerten Sie für das finale Ergebnis der drei Bilder verwendet haben.
Bildoptimierung und Ebenentechnik (Einzelarbeit)
1. Im Ordner “II.) Bildoptimierung und Ebenentechnik” der Praktikumsmaterialien befindet sich eine weitere Fotografie. Mit den Erfahrungen aus der 1. Übung können Sie eine schnelle Farb- und Tonwertkorrektur vornehmen.
2. Sie werden schnell auf das Problem stoßen, dass die Sonnenreflexionen durch eine Tonwertkorrektur an Details verlieren und dieser Bildausschnitt anderweitig weiter bearbeitet werden muss.
3. Verwenden Sie dazu Ihr Wissen aus der Vorbereitung und der Arbeit mit Ebenen, um zwei Bilder oder Bildausschnitte geschickt miteinander zu verbinden.
4. Entscheiden Sie sich nach den individuellen Varianten der Einzelarbeit für ein gemeinsames Ergebnis. Geben Sie dieses als Tif-Datei mit “LZW-Komprimierung” als Gruppenergebnis ab. Alle nicht benötigten Einstellungsebenen und anderen Ebenen löschen Sie bitte vorher, um die Dateigröße so gering wie möglich zu halten.
5. Geben Sie im Übungsprotokoll kurz an, welche Veränderungen mit welchen Einstellungswerten Sie für das finale Ergebnis des Bilder verwendet haben.
Echtes Schwarz für den Druck und Pfade (Einzelarbeit)
Stellen Sie sich vor, Sie sind Redakteur im M.Press-Team und sollen für eine gedruckte Sonderausgabe der Online-Zeitung eine Titelgrafik für einen “Wanderbericht entlang der Hadrian’s Wall” gestalten.
1. Öffnen Sie die beiden Grafiken aus dem Ordner “III.) Echtes Schwarz für den Druck und Pfade” in Photoshop.
2. Stellen Sie sicher, dass sich beide Grafiken im CMYK Farbmodus befinden.
3. Entwerfen Sie eine Headline für den Artikel, die Sie im Hintergrundbild (eSfdD001.JPG) platzieren.
4. Alle Textelemente und weitere Grafiken sollen in Schwarz abgedruckt werden. Als erfahrener Druckprofi wissen Sie, dass nur 100% Schwarz im Druck keine Probleme macht.
5. Achten Sie deshalb darauf, dass Ihr gewähltes Schwarz nicht aus allen vier Farben des CMYK, sondern nur aus der Schwarz-Komponente zusammengesetzt ist.
6. Fügen Sie die Personengrafik in das Hintergrundbild als neue Ebene ein.
7. Sie werden feststellen, dass die Person a) “verpixelt” wirkt, b) mit so genannten “weißen Blitzern” umrandet ist und somit für eine beliebige Transformation und Positionierung im Bild nicht so gut geeignet ist.
8. Erstellen Sie deshalb aus der Grafik eine Auswahl (es ist ausreichend, wenn Sie dazu den Zauberstab verwenden) und wandeln diese in einen Arbeitspfad (Arbeitspfad aus Auswahl erstellen) mittels der Pfade-Palette. Speichern Sie diesen als neuen Pfad “Person” ab und transformieren und positionieren ihn nach eigenem Ermessen. Der Pfad gibt Ihnen die Möglichkeit, ggf. eine schnelle Änderung vorzunehmen, falls Ihr Chefredakteur mit der Positionierung und Größe der Person nicht zufrieden ist.
9. Wenn die Position sitzt, erstellen Sie sich eine neue Ebene und füllen den Pfad mit der Vordergrundfarbe Schwarz aus. Um der so entstandenen Pixelgrafik eine Tiefe zu geben, können Sie einen Schlagschatten und ggf. eine dünne Kontur als Ebeneneigenschaft hinzufügen.
10. Speichern Sie Ihre Einzelarbeit jeweils als Tif-Grafik mit LZW-Komprimierung, sodass alle Ebenen und Pfade erhalten bleiben. Fügen Sie in den Dateinamen Ihren Namen ein, um Sie eindeutig zuordnen zu können.
11. Aufgrund der Abgabe des Photoshop-Projektes bedarf es keiner Aufzeichnung im Übungsprotokoll.
Objekte richtig freistellen und einen Beschneidungspfad für InDesign definieren (Einzelarbeit)
1. Ziel dieser Übung ist es, das richtige Freistellen von Objekten mittels Pfaden zu üben und diese gleichzeitig als Beschneidungspfad für Layoutprogramme (z.B. InDesign) abzuspeichern.
2. Auch bei dieser Übung ist das Übungsprotokoll nicht erforderlich, da Sie Ihre Arbeit als Projektdatei einreichen.
3. Um einen ersten Eindruck zu bekommen, wozu diese Übungs sinnvoll ist, sehen Sie sich den Seitenauszug eines PR-Booklets vergangener Semester an [Download].
4. Ein weiteres Beispiel sehen Sie hier: [Download] mit den dazugehörigen visualisierten Beschneidungspfaden [Pfad1: Download] und [Pfad2: Download], an denen der Text in InDesign ausgerichtet wurde.
5. Ihre Aufgabe besteht nun darin, den Leuchtturm aus dem Bild “Leuchtturm.jpg” des Praktikumsordners mittels eines Pfades freizustellen. Dazu verwenden Sie aus der Werkzeugleiste das “Zeichenstift-Werkzeug” und achten darauf, dass in der Optionsleiste “Pfade” angewählt ist.
6. Erstellen Sie mittels Ankerpunkten und Anfasser einen Pfad. Dieser muss nicht perfekt sein. Die Übung mit dem Werkzeug steht im Vordergrund. Kleine Details wie z.B. die Kamera oder kleine Antennen können vernachlässigt werden.
7. Speichern Sie den fertigen Arbeitspfad in der Pfade-Palette als neuen Pfad “Leuchtturm” ab und speichern Sie anschließend auch einen Beschneidungspfad, den Sie für Ihre spätere Arbeit mit InDesign benötigen.
8. Im Anschluss sollen Sie den Pfad auf das Pixelbild zum Freistellen anwenden. Dazu erstellen Sie eine neue Vektormaske aus dem aktuellen Pfad. Rastern Sie die Vektormaske, um daraus eine Ebenenmaske zu erstellen.
9. Nun können Sie die Ebenenmaske als Auswahl laden und diese ggf. um 1-2 Pixel verkleinern, die Auswahl umkehren und z.B. den Filter “Gaußscher Weichzeichner” anwenden, um die harte Kante weich zu zeichnen.
10. Falls Sie immer noch “Blitzer” des Hintergrundes sehen, machen Sie die in Punkt 8 beschriebenen Schritte rückgängig und beschneiden die Auswahl um 1-2 Pixel (Ebenenmaske als Auswahl laden, verkleinern um 1-2 Pixel, Auswahl umkehren und löschen) und führen anschließend die in Punkt 8 beschriebenen Schritte erneut durch.
11. Im normalen Arbeitsablauf könnten Sie jetzt Ihr Projekt als PSD- oder Tif-Datei speichern, mit allen Ebenen und Masken für eine ggf. spätere Weiterbearbeitung oder als Backup Ihrer Arbeit. Für InDesign macht es Sinn, den jetzigen Status Ihres “finalen” Bildes als Tif-Datei mit nur einer Ebene zu speichern. Wenden Sie dazu die erstellte Ebenenmaske auf die Ebene an und reduzieren ggf. alle sichtbaren Ebenen auf eine einzige.
12. Achten Sie darauf, dass sich das Bild im CMYK-Modus befindet und speichern Sie es als Tif-Datei mit LZW-Kompression ab. Dieses versehen Sie mit einem individuellen Namen und reichen es gemeinsam mit dem Übungsprotokoll (diese Übung braucht wie Übung III. nicht protokolliert werden) und den anderen Dateien ein.
Sammeln Sie alle Materialien (s. Bewertung) in einem Unterordner Ihres “public_html” Ordners auf dem Server “freud.rz.tu-ilmenau.de”. Erstellen Sie im Anschluss aus dem gesamten Ordner ein komprimiertes TAR-Archiv (mit der Dateiendung TGZ; Kommandoaufruf “tar cfvz …”). Schicken Sie wie auch in den vorangegangenen Praktika an den Praktikumsbetreuer eine E-Mail, die einen Internet-Link auf das TGZ-Archiv enthält.

Downloads

Praktikumsvorbereitung:

PVlink01: Kleine Einführung in Farbmodelle & Bildoptimierung (PDF) [Download]
PVlink02: Grundlagenschulung für Photoshop: “Photoshop Grundlagen” im Bereich WORKSHOPS –> SCHULUNGEN auf Photozauber.de [Link](Hinweis: Sie können die Schulung über den Link “Gesamte Schulung herunterladen” als PDF downloaden)
PVlink03:Video “Weiche Bildübergänge” im Bereich WORKSHOPS –> VIDEOTUTORIALS –> Photoshop auf Photozauber.de [Link] (Hinweis: Sie können die Schulung über den Link “Gesamte Schulung herunterladen” als PDF downloaden)
Ein sehr gutes kostenloses Videotutorial zur “Arbeit mit Ebenenmasken” als Ergänzung zu dem Video “Weiche Bildübergänge” findet sich unter folgendem Link: http://www.video2brain.com/videos-1490.htm (Zeitaufwand ca. 11 Minuten, sehr empfehlenswert!!!)
PVlink04:Pfade: Übung 01 (ZIP) [Download]
PVlink05:Pfade: Übung 02 (ZIP) [Download]

Praktikumsdurchführung:

Praktikumsmaterialien (ZIP) [Download]

Vertiefende Materialien

Programmbeschaffung:

Photoshop CS2 Tastenkürzel/ Shortcuts (PDF) [Download]
Photoshop CS2 Testversionen für zu Hause: Viele Photoshop CS2 Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.

Weiterführende Links:

Photozauber.de [Link] beinhaltet vielfältige Artikel, Tutorials und Hilfeforen rund um Design und Grafik (viel mehr als nur Photoshop): sehr empfehlenswert!
HilfDirSelbst.ch –> Kategorie Photoshop [Link ] beinhaltet einige Tutorials zur Bildoptimierung
Psd-tutorials.de [Link ] beinhaltet viele Workshops (einige sind kostenlos, andere erfordern eine kostenlose Registrierung)

Gewinner der Kinogutscheine

Thomas — Wed, 14 May 2008 09:58:48 +0000

Liebe Studis,

wir möchten uns recht herzlich bei Euch für die rege Beteiligung am Online-Fragebogen bedanken!

Außerdem geben wir hiermit die aus den Teilnehmern ausgelosten Gewinner der Kinogutscheine für die Lindenlichtspiele Ilmenau bekannt. Die Online-ID’s lauten:

ED263 & ED481

Da wir, Marcel und ich, nicht wissen wer sich hinter den ID’s verbirgt, bitten wir die Gewinner die Gutscheine bei Herrn Kreuzberger im MeZ 328 abzuholen.

Den Gewinnern viel Spaß im Kino und nochmals vielen Dank an alle für die Unterstützung!

Beste Grüße,

Marcel und Thomas

Praktikumsaufgabe (B3) “Photoshop CS2”

Gunther Kreuzberger — Fri, 25 Apr 2008 15:00:23 +0000

Lernziele

Im 3. Praktikum beschäftigen Sie sich mit Anwendungen zur Bildbearbeitung am Beispiel von Adobe Photoshop. Sie erwerben Grundkenntnisse im Umgang mit Software aus der Adobe Produktfamilie, dessen Menüaufbau sich von z.B. Office-Produkten unterscheidet. Kenntnisse über digitale Bildbearbeitungsvorgänge (einfache Bildnachbearbeitung) werden gefestigt. Am Ende des Praktikums sind Sie in der Lage Bilder für das Web richtig aufzubereiten (Formate, Parameter).

Bewertung

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
alle Resultate der einzelnen Übungen

Zur Abgabe dieser Dateien gehen Sie ähnlich vor wie im 2. Praktikum. Alle einzureichenden Dokumente zum Praktikum archivieren Sie in ein gemeinsames Gruppenarchiv mit höchster Komprimierung. Laden Sie dieses Archiv auf Ihren Gruppenwebspace auf dem Unixserver “freud.rz.tu-ilmenau.de” und schicken Sie einen Internet-Link, der auf Ihr Archiv verweist, an den Praktikumsbetreuer.

Praktikumsvorbereitung

Als Praktikumsvorbereitung starten Sie bitte die Hilfe von Photoshop CS2. Zu erreichen ist das “Adobe Help Center” in Photoshop unter “F1″ oder über das Menü “Hilfe–> Photoshop Hilfe …”. Dort kann via Drop-Down-Box ganz oben “Produkthilfe für: “Adobe Photoshop CS2″ ausgewählt werden.

(Woher Sie eine Testversion für zu Hause bekommen entnehmen Sie bitte den Vertiefenden Materialien. Im RTK4 ist die entsprechende Photoshop Version installiert.)

Als Vorbereitung für das Praktikum arbeiten Sie bitte mind. folgende Hilfethemen durch:
(Bitte lassen Sie sich nicht von der Fülle der Themen erschlagen, Sie soll Ihnen als ein Gerüst durch die Hilfe von Photoshop dienen. Teilweise verstecken sich hinter einem Thema nur 1 bis 2 Sätze.)

Arbeitsbereich
- Arbeitsbereich-Grundlagen
  - Der Arbeitsbereich
- Paletten und Menüs (alle Unterpunkte)
- Arbeiten mit Dateien
  - So duplizieren Sie ein Bild in Photoshop
- Anzeigen von Bildern (alle Unterpunkte)
- Lineale, Hilfslinien und Raster (alle Unterpunkte)
- Wiederherstellen und Rückgängigmachen
  - So verwenden Sie die Befehle “Rückgängig” und “Wiederherstellen”
  - So brechen Sie einen Vorgang ab
  - Die Protokoll-Palette
  - So stellen Sie Protokoll-Optionen ein
Öffnen von Bildern in Photoshop und ImageReady
- Bildgröße und Auflösung
  - Pixelmaße und Bildauflösung
- Ändern der Bildgröße und Auflösung
  - So ändern Sie die Pixelmaße eines Bildes in Photoshop
Farbe
- Farbmodi (alle Unterpunkte)
- Kanäle und Farbtiefe
  - Farbkanäle
  - Farbtiefe
- Auswählen von Farben
  - Der Adobe-Farbwähler
  - So zeigen Sie den Adobe-Farbwähler an
  - Der Farbkreis
Auswählen
- Treffen einer Auswahl
  - So verwenden Sie die Auswahlwerkzeuge
  - So verwenden Sie das Lasso-Werkzeug
  - So verwenden Sie das Magnetische-Lasso-Werkzeug
  - So verwenden Sie den Zauberstab
- Verschieben, Kopieren und Einfügen einer Auswahl oder Ebene
  - So verschieben Sie eine Auswahl oder Ebene innerhalb eines Bildes
  - So verschieben Sie eine Auswahl oder Ebene
  - Kopieren einer Auswahl oder Ebene
  - So fügen Sie eine Auswahl in eine andere Auswahl ein
Transformieren und Retuschieren
- Ändern der Arbeitsflächengröße
  - So ändern Sie die Größe der Arbeitsfläche
- Drehen und Spiegeln von ganzen Bildern (alle Unterpunkte)
- Freistellen von Bildern (Überblick)
- Transformieren von Objekten (Überblick)
- Retuschieren und Reparieren von Bildern (Überblick)
Ebenen
- Ebenen – Grundlagen (bis auf die unteren zwei Punkte alle Unterpunkte)
- Auswählen, Gruppieren und Verbinden von Ebenen (Überblick)
- Verschieben, Kopieren und Fixieren von Ebenen (Überblick)
- Festlegen von Deckkraft und Fülloptionen (Überblick)
- Ebeneneffekte und -stile (Überblick)
Malen
(allgemein einen groben Überblick verschaffen)
- Wählen einer Vordergrund- und Hintergrundfarbe
  - So wählen Sie in der Werkzeugpalette Farben aus
Text
(allgemein einen ganz groben Überblick verschaffen)
Vorbereiten von Grafiken für das Web
- Optimieren von Bildern
  - Das Dialogfeld „Für Web speichern“
  - So optimieren Sie ein Bild für das Web
- Formate und Optionen für Webgrafiken (alle Unterpunkte)
Speichern und Exportieren von Bildern
(allgemein einen Überblick über gängige Formate schaffen)
Verwenden Sie ggf. Zusatzliteratur, um sich darüber zu informieren, welche Dateiformate Ebenen beim Speichern erhalten.

Bei einigen Hilfethemen reicht das reine Durchlesen nicht aus. Sie können zum Besseren
Verständnis die Hilfethemen gern an einem beliebigen Bild nachvollziehen.

Diese Themen werden auch sehr ausführlich in der entsprechenden Literatur behandelt. Neben einer großen Auswahl an Büchern in der Bibliothek, ist ein Grundstock im Semesterapparat zu finden.

Praktikumsdurchführung

Im Downloadbereich finden Sie die Praktikumsmaterialien als Zip-Archiv. Bitte entpacken Sie den Inhalt in einen Übungsordner auf Ihrem privaten „Home-Verzeichnis”. Während des Praktikums führen Sie bitte ein gemeinsames Übungsprotokoll. Die Erkenntnisse der Einzelarbeiten können Sie jeweils nach der Übung zusammentragen. Als Resultate der Einzelarbeiten genügt ein Exemplar zur Abgabe, soweit nichts anderes vorgegeben ist. Speichern Sie die Resultate der Übungen in Ihren Praktikumsordner des Linux-Gruppenarbeitsverzeichnissen, den Sie später zusammen mit dem Übungsprotokoll als Archiv einreichen.

Rote Augen entfernen (Einzelarbeit)
1. Öffnen Sie das Bild [Link] in Photoshop und entfernen Sie die “Roten Augen”.
2. Welche(s) Werkzeug(e) und/ oder Arbeitsschritte haben Sie dazu verwendet?
3. Haben Sie in der Gruppe unterschiedliche Arbeitstechniken angewendet? Welches Resultat ist Ihrer Meinung nach das gelungenste (Bitte Dateinamen angeben) ?
4. Falls Sie in der Gruppe unterschiedliche Ansätze gewählt haben, speichern Sie bitte jeweils eine Version zur Abgabe in den gemeinsamen Praktikumsordner.
Horizont gerade rücken und Bild ausfüllen (Einzelarbeit)
1. Öffnen Sie das Bild “elDok_Wachsenburg.jpg” in Photoshop.
2. Rücken Sie das Bild gerade, sodass die Burglandschaft ungefähr in Waage ist.
3. Achten Sie darauf, dass das Format 10 cm x 15 cm in der Auflösung 300 dpi erhalten bleibt.
4. Erweitern Sie die ggf. entstandenen neuen Randbereiche des Himmels und des Feldes mit einer ähnlichen weiterlaufenden Struktur wie in den Nachbarbereichen.
5. Welche(s) Werkzeug(e) und/ oder Arbeitsschritte haben Sie dazu verwendet?
6. Haben Sie in der Gruppe unterschiedliche Arbeitstechniken angewendet? Welches Resultat ist Ihrer Meinung nach das gelungenste (Bitte Dateinamen angeben) ?
7. Falls Sie in der Gruppe unterschiedliche Ansätze gewählt haben, kopieren Sie bitte jeweils eine Version zur Abgabe in den Praktikumsordner des Linux-Gruppenarbeitsverzeichnisses.
Neuer Titel für das Kanzleramt (Einzelarbeit)
1. Öffnen Sie das Bild “elDok_Bundeskanzleramt.jpg” in Photoshop.
2. Stellen Sie das Bild vom Hintergrund frei (beliebige Bildauswahl) und drehen/ spiegeln es entsprechend.
3. Auf dem eingescannten Foto befand sich eine Filzstift-Schmiererei. Entfernen Sie diese mit entsprechenden Retusche-Werkzeugen.
4. Fügen Sie einen persönlichen Titel in das Bild ein.
5. Welche(s) Werkzeug(e) und/ oder Arbeitsschritte haben Sie dazu verwendet?
6. Haben Sie in der Gruppe unterschiedliche Arbeitstechniken angewendet? Welches Resultat ist Ihrer Meinung nach das gelungenste (Bitte Dateinamen angeben) ?
7. Falls Sie in der Gruppe unterschiedliche Ansätze gewählt haben, kopieren Sie bitte jeweils eine Version zur Abgabe in den Praktikumsordner des Linux-Gruppenarbeitsverzeichnisses.
Arbeit mit Ebenen (Einzelarbeit)
1. Erstellen Sie ein neues Dokument in Photoshop mit mind. folgenden Vorgaben: 300 x 300 Pixel; 72 Pixel/Zoll; RGB-Farbe (8-Bit).
2. Stellen Sie sicher, dass das Ebenenfenster eingeblendet ist.
3. Erstellen Sie sich vier neue Ebenengruppen für vier fiktive Personen. Jeder Ordner soll im Laufe der Übung mind. eine Hintergrundebene und eine “Personenebene” enthalten.
4. Fügen Sie die Bilder “Person_1.tif”, “Person_2.tif”, “Person_3.tif” und “Person_4.tif” jeweils als eine “Personenebene”in die vier Gruppen ein.
5. Befreien Sie die vier Personen von ihrem jeweiligen (weißen) Hintergrund, sodass jeweils nur der Umriss der Person übrig bleibt.
6. Füllen Sie die vier Hintergrundebenen jeweils mit einer anderen Farbe.
7. Fügen Sie den vier Personenebenen jeweils ein Ebenenstil (Fülloptionen) hinzu. Dieser kann individuell gestaltet werden, aber auch für alle vier Personen gleich sein (z.B. ein Schlagschatten).
8. Zwischenübung: Optimale Bilder für das Web (Gruppenarbeit)
  1. Öffnen Sie das Bild “elDok_WEB_1.bmp” in Photoshop.
  2. Lassen Sie sich das Bild mit der Zoomstufe 100% anzeigen, um zu sehen, wie es auf einer Website wirkt.
  3. Sie sollen das Bild nun für das Web aufbereiten. Es soll auf die niedrigste Dateigröße reduziert werden, doch die Qualität soll erhalten bleiben. Öffnen Sie dazu das Tool “Für Web speichern…” in Photoshop.
  4. Wählen Sie zunächst im Dialogfeld den Reiter “4fach”. Dadurch sehen Sie vier Varianten des Bildes: das Original und drei veränderte Fassungen zum Vergleich.
  5. Wählen Sie im rechten Menübereich den Reiter “Bildgröße” und ändern Sie die Breite auf 800 Pixel (nur für das Bild “elDok_WEB_1.bmp”).
  6. “Probieren” Sie verschiedene Einstellungen und Formate, um eine möglichst geringe Dateigröße aber optimale Qualität für das Web zu erhalten (jeweils unter den vier Versionen erhalten Sie eine Dateigrößenvorschau). Achten Sie insbesondere darauf, dass die Qualität für das Web dem Original sehr ähnlich ist!
  7. Einigen Sie sich in der Gruppe auf eine optimale Einstellung und dokumentieren Sie die gewählten Einstellungsgrößen.
  8. Speichern Sie das Ergebnis unter einem neuen Namen ab.
  9. Öffnen Sie das Bild “elDok_WEB_2.bmp” in Photoshop und wiederholen Sie die Übung angepasst auf die aktuellen Bildeigenschaften.
  10. Haben Sie sich für ein anderes Format und/ oder Einstellungsgrößen entschieden?
  11. Für welches Format mit entspr. Einstellungen würden Sie sich für die vier Personenbilder entscheiden? Begründen Sie Ihre Antwort!
9. (Weiter mit der Einzelarbeit:) Mit den soeben gesammelten Erfahrungen für die Aufbereitung von Bildern für das Web speichern Sie die vier Personen jeweils als webtaugliches Bild. Ihre individuellen Ergebnisse der vier Personen (Bilddatei, die alle Ebenen erhält + 4 für das Web im optimalen Format aufbereitete Dateien) speichern Sie bitte in einen separaten Unterordner im Abgabeordner, der den Teammitgliedern zuzuordnen ist.
Packen Sie die oben genannten Dateien (s. Bewertung) in ein Zip-Archiv mit höchster Komprimierung. Kopieren Sie dieses Archiv in den “public_html” Ordner Ihres Linux-Gruppenarbeitsverzeichnisses und schicken Sie den daraus resultierenden Weblink zum Archiv per E-Mail an den Praktikumsbetreuer.

Downloads

Praktikumsdurchführung:

Praktikumsmaterialien (ZIP) [Download]

Vertiefende Materialien

Photoshop CS2 Tastenkürzel/ Shortcuts (PDF) [Download]
Photoshop CS2 Testversionen für zu Hause: Viele Photoshop CS2 Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.

Aktualisierte Praktikumstermine: Veränderungen für die Web-Teams

Gunther Kreuzberger — Fri, 25 Apr 2008 14:04:20 +0000

Liebe Studierende,

es zeigte sich, dass die Übersicht der Praktikumstermine im Fach “Elektronische Dokumente” aktualisiert werden muss. In der neuen Fassung ist nun auch der Feiertag “Christi Himmelfahrt” berücksichtigt. Von den Veränderungen betroffen sind die Praktikumstermine für die Webprojekt-Teams.

Weiterhin viel Erfolg bei der Bearbeitung Ihrer Projekte wünscht

G. Kreuzberger.

Dateilinks:

Praktikumstermine SS 2008, Stand vom 25.04.2008 (PDF-Datei)

Praktikumsaufgabe (B2) “Dateiarbeit, Archivierung, PDF”

Gunther Kreuzberger — Sun, 20 Apr 2008 21:50:33 +0000

Lernziele

Ihr zweites Praktikum soll allgemeine Fragen zum Umgang mit Dateien und Archiven klären und das Wissensniveau in den Grundkenntnissen zwischen den Teammitgliedern angleichen. Sie erlernen den Umgang mit Dateien und Ordnerstrukturen unter Windows und Unix. Außerdem erfahren Sie, wie Dateihierarchien in Form von Archiven erhalten bleiben können, um diese z.B. per E-Mail oder einem IM-Programm zu versenden. Sie werden den Vergleich zwischen unkomprimierten und komprimierten Daten als Grundlage einer Archiverstellung kennen lernen. Darüber hinaus werden Sie Grundkenntnisse zum Erstellen von PDF-Dateien erlangen.

Bewertung

Generelle Hinweise zur Bewertung der Mitarbeit in dem Praktikum entnehmen Sie bitte dem Dokument „Allgemeine Hinweise zum Praktikum ‚Elektronische Dokumente’ im SS07“. Für den Gruppenbewertungsteil werden folgende Dokumente hinzugezogen:

das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
jeweils drei PDF-Dokumente pro Teammitglied
das zu erstellende TAR-Archiv des Unix-Account

Bitte stellen Sie das Protokoll mit Hilfe Ihrer Weblogs zur Verfügung. Zur Bereitstellung der anderen Dateien beachten Sie bitte die Hinweise der letzten Teilaufgabe VI..

Praktikumsvorbereitung

Wiederholen Sie als Vorbereitung für das Praktikum die Vorlesung „V9: Physikalische Struktur: Textdaten vs. Binärdaten“ [LINK]. Beachten Sie im Besonderen den III. Teil zu Betriebssystemen.
Als weitere Vorbereitung dient die Präsentation „B2_Dateiarbeit_ (Praktikumsvorbereitung)“ [LINK].

Praktikumsdurchführung

Während des gesamten Praktikumszeitraums benötigen Sie in Ihrem Team ein Gruppenarbeitsverzeichnis, auf dem Sie gemeinsam genutzte Daten (zeitweilig) ablegen können. Dazu verfügt jede Gruppe über einen Gruppenordner auf dem Unix-Server „freud.rz.tu-ilmenau.de“. Die Logins für diese Unix-Account werden Ihnen im Praktikum mitgeteilt. Auf diesen Ordner können Sie per SFTP oder mit einem Secure Shell Client auch von extern aus zugreifen. Der Ordner „public_html“ (ist noch nicht vorhanden) dient im Unix-Account zur Onlinepublikation von Informationsseiten und Dokumenten (Gruppenwebspace). Erreichbar sind diese Online-Dokumente während des Sommersemesters 2008 unter „http://www.stud.tu-ilmenau.de/~eldokXX“ (XX entsprechend Ihres Teamcodes ersetzen). Bitte beachten Sie, dass alle Unterordner des “public_html”-Verzeichnisses sind ebenfalls öffentlich zugänglich sind und zum Verlinken von Dateien temporär verwendet werden können.

Dateiarbeit (Einzelarbeit)
1. Legen Sie sich einen persönlichen Ordner in Ihrem privaten „Home-Verzeichnis“ (Laufwerk G:\) an, in den Sie im Laufe des Praktikums Dateien ablegen können, die Sie zum Bearbeiten von verschiedenen Einzelübungen benötigen.
2. Im Abschnitt „Downloads“ finden Sie die Datei „Dateiarbeit_PRAKTIKUMSMATERIALIEN.zip“. Entpacken Sie die Materialien in den Übungsordner Ihres Home–Verzeichnisses. Die Datei enthält danach u.a. die beiden Ordner: „Dateiarbeit“ und „Archivierung“.
3. Im Ordner „Dateiarbeit“ befindet sich die Datei „Geheimes-Dokument“. Falls sich diese Datei „scheinbar“ nicht in dem Ordner befindet, machen Sie sich Gedanken, wie Sie die Datei im Windows Explorer anzeigen können. Um welches Dateiformat bzw. welche Dateiendung handelt es sich bei dem Dokument? Falls die Datei trotz aller Mühen immer noch „geheim“ bleibt, fragen Sie den Praktikumsbetreuer doch einmal nach einem Passwort für die Praktikumsmaterialien.
4. Protokollieren Sie Ihre Erkenntnisse im gemeinsamen Übungsprotokoll des Teams und beschreiben Sie kurz, wo die Einstellungen zum „Sichtbarmachen“ und „Anzeigen von Dateiendungen“ zu finden sind.
Dateiarbeit (Gruppenarbeit)
1. Die erfolgreiche Arbeit an Ihrem Projekt wird u.a. dadurch bestimmt, wie gut es den einzelnen Teammitgliedern gelingt, Assets und andere Dokumente zur kollaborativen Bearbeitung zur Verfügung zu stellen. Der Linux-Gruppenaccount kann hierzu nur einen sehr kleinen Beitrag leisten. Überlegen und recherchieren Sie deshalb gemeinsam in Ihrer Gruppe, welche Möglichkeiten “virtueller Festplatten” oder “shared workspaces” Sie sich erschließen und in Ihre E-Portfolios integrieren können. Entwickeln Sie anschließend eine für die restliche Projektlaufzeit verbindliche Datei- und Ordnerstruktur. Notieren Sie diese Ordnerstruktur(en) in einem passwortgeschützten Anhang zu Ihrem Praktikumsprotokoll (Teilen Sie das verwendete Passwort bitte per mündlich oder per E-Mail dem Praktikumsbetreuer mit.). Weshalb ist es sinnvoll, diese Angaben mit einem Passwort vor unbefugtem Zugriff zu schützen? Legen Sie dann die entsprechende(n) Ordnerstruktur(en) an.
  1. Website-Projekte: Beim Anlegen des Ordners für Ihre spätere Website beachten Sie bitte, dass Sie für Grafiken und Dokumente auf die Sie verlinken möchten einen eigenen Unterordner anlegen.
  2. Booklet-Projekte: Beim Anlegen eines Ordners für Ihre Booklet-Materialien machen Sie sich bitte Gedanken über eine Unterordnerstruktur, die Rohmaterialien (alle eingehenden Assets), final verwendete Assets, Texte sowie Dokumente für die Druckerei organisiert.
2. Starten einen SSH Client und stellen Sie eine Verbindung zu Ihrem Linux-Account her. Erstellen Sie dort den Ordner „public_html“.
3. Öffnen Sie die Datei „Meine-erste-Website.html“ aus dem Ordner „Dateiarbeit“ in einem Webbrowser.
4. Kopieren Sie anschließend diese HTML-Datei in den „public_html“ Ordner Ihres Unix-Account. Nutzen Sie dazu einen SFTP-Client (ist üblicherweise im SSH-Client integriert). Betrachten Sie das Ergebnis in einem Webbrowser durch Eingabe der URL: „http://www.stud.tu-ilmenau.de/~eldokXX“. Sehen Sie dieselbe Webseite wie unter „Punkt 3“ dargestellt? Beachten Sie, dass nur die „Startseite“ einer Website ohne direkte Dateiangabe in der URL automatisch im Browser angezeigt wird.
5. Um dies zu erreichen, benennen Sie bitte die Datei „Meine-erste-Website.html“ in „index.html“ um. Nutzen Sie dazu die SSH-Verbindung in ihrem SSH Client. Die entsprechenden Unix-Befehle haben Sie in der Vorbereitung schon kennengelernt.
6. Geben Sie anschließend abermals die URL: „http://www.stud.tu-ilmenau.de/~eldokXX“. in den Webbrowser ein, und Sie werden feststellen, dass die Seite nun sofort dargestellt wird.
PDF-Erstellung (Einzelarbeit)
1. Erstellen Sie aus der Webseite „http://www.sueddeutsche.de“ drei PDF-Dateien. Nutzen Sie dazu die Druck-Funktion Ihres Browsers.
  1. Ändern Sie zunächst nicht die Standardeinstellungen des „Adobe PDF“ Druckers und kennzeichnen Sie die erste PDF-Datei sichtbar als „Standard“ zzgl. Ihres Nachnamens und nach Wunsch beliebiger weiterer Zeichen.
  2. Für die zweite PDF-Datei ändern Sie die Standardeinstellungen auf „Kleinste Dateigröße“. Kennzeichnen Sie diese PDF-Datei als „Klein“ zzgl. der unter Nr. a. aufgeführten Angaben.
  3. Die dritte PDF-Datei soll mit den Standardeinstellungen „Druckausgabequalität“ erzeugt werden und natürlich auch einen entsprechenden Namen (Kennzeichen „Druck“) erhalten.
2. Öffnen Sie anschließen die PDF-Datei mit den Standard-Werten und schützen Sie diese mit dem Passwort für studienbegleitende Unterlagen des Praktikums vor unerlaubtem Zugriff.
3. Vergleichen Sie nun die Dateigrößen der drei PDF-Dokumente. Was stellen Sie fest?
4. Um Qualitätsunterschiede festzustellen, öffnen Sie bitte die beiden Dateien mit der „Druckausgabequalität“ und der „Kleinsten Dateigröße“ und vergleichen die beiden. Fügen Sie in das Dokument mit der „Kleinste Dateigröße“ an jede Stelle einen kurzen Kommentar bzw. Notiz ein, an der Sie (visuell auffällige) Unterschiede zu dem anderen PDF-Dokument erkennen.
5. Protokollieren Sie wie üblich Ihre Ergebnisse gemeinsam im Übungsprotokoll und kopieren Sie Ihre jeweiligen drei PDF-Dateien in den entsprechenden Übungsordner des Linux-Gruppenarbeitsverzeichnisses.
Archivierung I (Einzelarbeit)
1. Im Ordner „Archivierung“ der Praktikumsmaterialien finden Sie verschiedene Dateien. Archivieren Sie diese in ein Zip-Archiv mit verschiedenen Komprimierungsraten (z.B. unkomprimiert, schnell, normal, maximal). Was stellen Sie bezüglich unterschiedlicher Kompression und verschiedener Dateiarten fest? Wie verhält sich die Größe der unkomprimierten Dateien im Vergleich zur komprimierten Dateigröße?
2. Erstellen Sie aus einer zuvor geschaffenen Ordnerstruktur (mindestens ein Ordner und ein Unterordner mit verschiedenen Dateien) ein selbstentpackendes Archiv, das die Ordnerstruktur beibehält. Zum Testen speichern Sie das Archiv unter Ihrem Namen auf dem gemeinsamen Gruppenlaufwerk in einem Testverzeichnis ab. Kopieren Sie nun alle anderen Archive Ihrer Gruppenmitglieder außer Ihr eigenes in Ihr „Home-Verzeichnis“ (Laufwerk G:\) und testen Sie, ob beim Entpacken die Ordnerstrukturen der Archive Ihrer Teammitglieder erstellt werden.
3. Tragen Sie Ihre Erkenntnisse in dem gemeinsamen Übungsprotokoll zusammen.
Archivierung II (Gruppenarbeit) [Update: 21.04.2008, 24.04.2008]
1. ~~Im Ordner Archivierung befindet sich auch eine Zip-Datei „Meine-zweite-Website.zip“.~~ Kopieren Sie ~~diese~~ die Datei „Dateiarbeit_PRAKTIKUMSMATERIALIEN.zip“ mittels SFTP-Client auf Ihren Unix-Account in den Ordner „public_html“ und entpacken Sie die Datei mittels Ihnen bekannter Befehle im SSH Client.
2. Welche neuen Dateien bzw. Ordner befinden sich im „public_html“ Verzeichnis?
3. ~~Versuchen Sie die html-Datei in Ihrem Browser zu öffnen.~~
4. Archivieren Sie in Ihrem Unix-Account den gesamten „public_html“ Ordner inkl. aller Unterordner und Dateien in ein Tar-Archiv.
5. Kopieren Sie das Tar-Archiv anschließend ~~auf Ihren Gruppenarbeitsplatz~~ in Ihr privates Home-Verzeichnis und entpacken es dort, um dieselbe Ordnerstruktur wie im Unix-Account zu erhalten.
Packen Sie die oben genannten Dateien (s. Bewertung) in ein Zip-Archiv mit höchster Komprimierung. Erstellen Sie in Ihrem “public_html” Ordner einen Unterordner, in den Sie das Zip-Archiv kopieren. Schicken Sie an Gunther Kreuzberger eine E-Mail, die einen Internet-Link auf das Zip-Archiv enthält.

Downloads [Update: 29.04.2008]

Praktikumsvorbereitung:

B2_Dateiarbeit_(Praktikumsvorbereitung) [PPT:Download, ODP:Download ]
PC-User
- PowerPoint Viewer 2003 [Link]
- OpenOffice für PC [Link]
Mac-User
- PowerPoint Viewer für Mac [Link]
- OpenOffice für Mac [Link]

Praktikumsdurchführung:

B2_Dateiarbeit_PRAKTIKUMSMATERIALIEN (ZIP) [Download]

Praktikumsaufgabe (B1) “MS Word”

Gunther Kreuzberger — Sat, 05 Apr 2008 06:00:53 +0000

Lernziele

Nach Abschluss des Online-Praktikums können sie (anderen Personen) erklären, wie man MS-Word-Dokumente strukturiert und weshalb es sinnvoll ist, dazu Dokumentvorlagen zu benutzen. Darüber hinaus können Sie die typischsten Fehler bei der Erstellung von MS-Word-Dokumenten vermeiden und kennen die Möglichkeiten zur kollaborativen Bearbeitung von MS-Word-Dokumenten.

Praktikumsauftrag

Immer wieder haben Studierende der AMW Schwierigkeiten damit, (aus mehreren Zuarbeiten) eine sauber strukturierte Hausarbeit zu erstellen. Die optische Endredaktion nimmt dann oftmals soviel Zeit in Anspruch, dass die inhaltliche Überarbeitung der Hausarbeit zu kurz kommt, was sich negativ auf die Bewertung der Hausarbeit auswirkt.

Deshalb erhalten Sie den Auftrag, sich auf Grundlage des von Ihnen für das Projekt im Fach “Elektronische Dokumente” erstellten Konzepts mit den 10 Geboten für gut strukturierte Textdokumente ►[PDF] auseinander zu setzen. Finden und beseitigen Sie in Ihren Konzept-Dokumenten Verstöße gegen die 10 Gebote!

Im Zusammenhang mit der Bearbeitung der Aufgabenstellung können Sie sich zusätzlich gerne mit Ihren Gruppenmitgliedern über die Möglichkeiten zur Textstrukturierung in den Textverarbeitungsprogrammen anderer Office-Suites, z.B. Open Office oder iWorks austauschen.

Praktikumsdurchführung

Durchsuchen Sie zunächst einzeln das Konzept-Dokument nach Verstößen gegen die 10 Gebote für gut strukturierte Texte. Besprechen Sie die gefundenen Fehler dann im Team und listen diese im anzufertigenden Praktikumsprotokoll auf. Notieren Sie außerdem Ihre Überlegungen zu den Vorteilen einer Einhaltung des jeweils betroffenen Gebotes. Vereinbaren und realisieren Sie anschließend eine (sequentielle) Vorgehensweise zur kollaborativen Beseitigung der Verstöße mit Hilfe des MS-Word-Überarbeitungsmodus.

[Update vom 08.04.2008] Als Zusatzaufgabe entwickeln sie bitte eine Möglichkeit, um in der Kopfzeile jeder Seite die Überschrift des aktuellen Kapitels anzuzeigen. Notieren Sie Ihren Lösungsansatz im Protokoll.

Als Hilfestellungen dienen die in der Universitätsbibliothek verfügbaren Bücher zum Thema MS-Word sowie die Online-Hilfe dieser Textverarbeitungsanwendung.

Bewertung

Die Beurteilung des Praktikums erfolgt anhand des Praktikumsprotokolls sowie anhand des bereinigten Konzeptessetzt sich aus zwei Teilen zusammen, zum einen die abgegebene Dokumentvorlage (.dot-Datei) und zum anderen Ihre erstellte Wissenscollage. Für die Erstellung Ihrer Wissenscollage berücksichtigen Sie bitte das folgende zusammengefasste Kriterienschema des Informationsdesigns: ►[PDF] .

Abgabe & Feedback

Bitte stellen Sie ihre kompletten Aufgabenlösungen (bereinigtes Konzept sowie Praktikumsprotokoll) zeitnah auf Ihren Weblogs bereit.

Für Rückmeldungen und Fragen können Sie gerne die Kommentarfunktion im Tutorblog nutzen.

Zur Erinnerung

Tragen Sie bitte mindestens einmal pro Woche, wie in der Einführungsveranstaltung vorgestellt, Ihre Motivation bei der Abarbeitung der Aufgabe in das OnlineBarometer “eSAMB” ein ►[Link]. Eine kurze Videoanleitung zur Wiederholung finden Sie hier ►[Link]. Die Daten werden selbstverständlich anonym behandelt. Nutzen Sie hierfür ausschließlich Ihre persönliche Online-ID.

Und nun viel Spaß und Erfolg bei der Bearbeitung!

Ihr G. Kreuzberger sowie die Tutoren Thomas und Marcel.

Praktikumstermine im Sommersemester 2008

Gunther Kreuzberger — Fri, 14 Mar 2008 14:33:01 +0000

Liebe Studierende,

bereits mehrfach wurde gefragt, wie die im Vorlesungsverzeichnis ersichtlichen Praktikumstermine zu verstehen seien. Sie werden im Sommersemester alle 14 Tage ein Praktikum haben. Dementsprechend gilt von den im Vorlesungsverzeichnis ausgewiesenen sechs Terminen nur einer für Sie. Einen entsprechenden Vorschlag für die Aufteilung der Praktikumstermine werde ich in den nächsten Wochen erarbeiten, wenn klar ist, welche Studierenden in das “AMS – Career International”-Programm aufgenommen wurden. Spätestens in der ersten Aprilwoche wissen sie also, zu welchem Termin Sie zum Praktikum erscheinen müssen.

Beste Grüsse, G. Kreuzberger.

Erste E-Portfolio-Bewertung und geänderte Phasen

Gunther Kreuzberger — Sat, 08 Mar 2008 21:13:18 +0000

Liebe Studierende,

bitte haben Sie Verständnis für die verspätete Veröffentlichung Ihrer ersten E-Portfolio-Bewertungsergebnisse. Wir arbeiten derzeit immer noch an einer Lösung für die aussagekräftige Visualisierung der Bewertung. Der aktuelle Stand des Schemas enthält Ihre Ergebnisse aus der ersten Bewertungsphase bis zum 10. Februar anonymisiert geordnet nach Ihren eSamb Online-IDs. Bitte klicken Sie dazu auf die nachfolgenden Thumbnails:

ED105 bis ED263	ED264 bis ED442


ED448 bis ED631	ED648 bis ED926

————————————————————————————————————————————————————

In den letzten Tagen haben wir einigen von Ihnen auch Feedback-Kommentare mit Hinweisen für Ihr E-Portfolio geschrieben. Bitte schauen Sie dazu in Ihren Blogs nach, weil einige Kommentare erst noch von Ihnen freigeschaltet werden müssen. Viele arbeiten sehr fleißig und differenziert in Ihrem E-Portfolio – das freut uns sehr!
Generell sollten Sie aber darauf achten, sich stärker untereinander zu vernetzen (insbesondere durch Pingbacks), um sich die Inhalte besser einteilen zu können, damit nicht jeder über alles schreiben muss. Dadurch können Sie anschließend auch stärker über den Projektstand reflektieren, was auch bei vielen noch zu wenig erfolgt.

Aufgrund Ihres Prüfungsstresses in den letzten Wochen sowie den Semesterferien und der dadurch eingeschränkten Aktivität in den E-Portfolios haben wir beschlossen, die nachfolgenden zwei Bewertungsphasen zusammenzufassen, sodass die nächste Bewertung über den Zeitraum vom 11. Februar bis zum 06. April erfolgt. Bitte denken Sie daran, wie üblich, mindestens einmal in zwei Wochen einen Beitrag mit Projektbezug zu verfassen.

Viel Erfolg weiterhin bei Ihren Projekten und beste Grüße
Gunther Kreuzberger und Eure Tutoren.

Aufgabenstellung “Projekt-Konzept”

Gunther Kreuzberger — Sun, 03 Feb 2008 21:08:17 +0000

Liebe Studierende,

an dieser Stelle möchte ich noch einmal die bis zum Ende des Wintersemesters stehende Aufgabe formulieren und Ihnen gleichzeitig einige Hilfestellungen in Form von Beispiel-Dokumenten geben.

Projektaufgabe:

Eine (Non-Profit-)Organisation möchte zur Verbesserung ihrer Wahrnehmbarkeit ein neues Kommunikationsprodukt einsetzen. Ihr Gruppenprojektauftrag besteht darin, ein Booklet oder eine Website zu entwerfen, die die Wünsche des Projektauftraggebers aufgreift und alle aus Ihrer Sicht notwendigen Informationen enthält. Inhaltlich werden Ihnen zunächst keine Vorgaben gemacht, dennoch behält sich der Auftraggeber Änderungen vor.

Entwerfen Sie in der Gruppe ein Konzept, dass Sie im Anschluss mit dem Auftraggeber beraten und im Rahmen des Praktikums im SS2008 umsetzen.

Konzeptanforderungen:

Das bis zum 24.03.2008 als strukturiertes MS-Word-Dokument (im Ausnahmefall auch als strukturiertes OpenOffice-Dokument) einzureichende Konzept sollte folgende Dinge enthalten:

Projektname, -team, -zeitraum
Einleitung: kurze Projektbeschreibung und Zielsetzung inklusive Botschaften
Projektplanung: Milestones (01.03.07 – 31.08.07) mit Teilaufgaben/ -zielen
Projektorganisation: Aufgabenverteilung im Team
Storyboard: alle Texte, Assets, Anordnung
Scribbles und Motivvorschläge für Grafiken/ Bilder
(Die Urheberrechtsfragen der aufgrund Ihrer Motivideen zu erstellenden Bilder im SS08 müssen eindeutig sein! Bitte achten Sie schon bei der Motivauswahl darauf!)

Bitte beachten Sie auch die in folgenden Dokumenten zusammengestellten noch ausführlicher dargestellten Konzeptanforderungen:

Zu Ihrer besseren Orientierung (nicht jedoch zum bloßen Kopieren) stehen Ihnen auch folgende Konzepte von Teams aus dem Vorjahr zur Verfügung:

Übrigens ist es ausdrücklich erwünscht, wenn Sie sich mit den jeweiligen Auftraggebern in Verbindung setzen. Bitte informieren sie mich stets darüber, wenn Sie entsprechende Kontakte aufnehmen oder nutzen.

Viel Erfolg wünscht Ihnen

G. Kreuzberger.

Eine Investition in die Zukunft? | Aktuelles zum Blog-Einsatz und -Bewertung

Marcel — Sun, 03 Feb 2008 18:07:30 +0000

Liebe Studierende,

der aktuelle W&V-Karriere&Job-Newsletter (den ich übrigens jedem nur empfehlen kann ) berichtete am 28. Januar in der Rubrik “Trendscout” unter anderem Folgendes:

“Ohne Web 2.0 Aktivitäten im Recruiting haben Unternehmen in Deutschland kaum noch eine Chance, den geeigneten Kandidaten für die offene Stelle zu finden. Die Hälfte der im Rahmen einer Umfrage des eco Verbandes befragten Fach- und Führungskräfte aus der Internetwirtschaft gab an, dass die Integration solcher Maßnahmen in den Bewerbungsprozess “wichtig” ist, weitere 30 Prozent stuften diese sogar als “sehr wichtig” ein, immerhin zehn Prozent halten sie schon für “unabdingbar”. Aber auch die Ansprüche der Bewerber sind mittlerweile gestiegen. Großen Wert legen sie auf handwerkliche Qualität bei Blogs, Pod- und Videocasts der Unternehmenspräsentation im Internet. 41 Prozent der befragten Experten erwarten von Blog-Aktivitäten, in denen Angestellte von ihren Erfahrungen im Unternehmen berichten, einen echten Mehrwert. Auch Pod- und Videocasts stehen hoch im Kurs. 34 Prozent der Befragten erachten es für sinnvoll, wenn sich Unternehmen und Mitarbeiter über diese “Medien” dem Bewerbermarkt präsentieren und vorstellen. Die Online-Jobbörse stellenanzeigen.de hat ebenfalls eine Online-Umfrage zu diesem Thema durchgeführt. 62,2 Prozent der Teilnehmer finden Web 2.0 Anwendungen nur dann sinnvoll, wenn sie professionell auftreten und zusätzliche Informationen bieten. 18,8 Prozent allerdings empfinden sie als “Schnickschnack”. Es ist deutlich erkennbar, dass der ersten Euphorie ein Bewusstsein für mehr Qualität im Recruiting-Prozess im Web 2.0 folgt.”
(Original-Quelle: http://www.karriereundjob.de/news/trendscout/2008/01/07821/index.php)

Und auch wenn dieser Ausschnitt nur als ein Beispiel betrachtet werden kann, dass keinen absoluten Anspruch erhebt, wird doch deutlich, dass der kompetente Umgang mit Web 2.0-Anwendungen durchaus eine lohnende Zukunftsinvestition sein kann. Umso mehr freut es mich, dass in den vergangenen Tagen soviel positives Feedback von Euch zum Einsatz von Blogs bzw. E-Portfolios im Seminar Elektronische Dokumente bei uns ankam. Dafür nochmal ein herzliches Dankeschön für Eure Unterstützung!

Und wie Herr Kreuzberger in seiner Rundmail vom Freitag formulierte, wird es deshalb auch keine Veränderungen am Bewertungsschema geben müssen. Alles bleibt also wie in der Vorlesung bekanntgegeben, um den Aufwand, den sich viele von Euch bereits bisher mit dem Blog gemacht haben, auch entsprechend zu belohnen!
Die Datenschutz-Diskussion bleibt aber natürlich weiterhin wichtig und wir konnten diesbezüglich in den vergangenen zwei Wochen auch sehr konstruktive Gespräche mit den Studierenden führen, die sich besonders für diese Thematik einsetzen. Ergebnis dieser Diskussion ist die Bildung eines Datenschutz-Kompetenz-Teams, dass sich in Zukunft intensiv mit solchen Fragen beschäftigen wird, um Euch aktuell, spätestens im April – sowohl in einer Lehrveranstaltung für Euch alle als auch auf dem EduCamp und hoffentlich dem Medienforum im Juni – einen genauen Stand zu vermitteln, wie man mit seinen Daten im Internet kompetent und sicher umgeht. Das könnt Ihr Euren Studi-Kollegen an dieser Stelle also sehr hoch anrechnen, denn sie haben entscheidend mit dazu beigetragen, sich über dieses Thema noch mehr Gedanken zu machen!

Sicherlich mag man sich immer wieder fragen, ob es wirklich sinnvoll ist zu Bloggen. Das ging mir persönlich auch schon oft so. Ich denke, jeder sollte das für sich selbst herausfinden und dafür möchten wir Euch im Seminar Elektronische Dokumente die Chance geben. Hierzu zum Abschluss noch eine interessante Sichtweise von Helge Städtler an der Universität Bremen.

Ich wünsche Euch allen weiterhin viel Spaß und Erfolg beim Bloggen sowie natürlich gutes Gelingen bei den bevorstehenden Prüfungen!

Beste Grüße
Euer Tutor Marcel

Stellungnahme: Neue Rahmenbedingungen für den Einsatz von Blogs im Seminar Elektronische Dokumente

Marcel — Sun, 20 Jan 2008 22:43:39 +0000

Liebe Studierende,

in der letzten Woche hat sich einer Eurer Studienkollegen u.a. massiv darüber beschwert, einen Blog im Seminar führen zu müssen. Unter anderem äußerte er, dass mit dem erzwungenen Einsatz eines Blogs und der damit verbundenen Impressumspflicht nach § 5 Telemediengesetz (TMG) und § 55 Staatsvertrag über Rundfunk und Telemedien (RStV) das Grundrecht auf informationelle Selbstbestimmung angegriffen würde. Da ich den bereits lange geplanten Einsatz von Blogs im Seminar Elektronische Dokumente als Bereicherung und nicht als Nötigung für Euch beabsichtige, möchte ich daher folgende Stellung beziehen:

Ich habe den Einsatz eines persönlichen E-Portfolios und insbesondere eines Blogs für uns alle als Chance begriffen, den Umgang mit dem Internet zu fördern, so wie er in naher Zukunft wahrscheinlich Alltag sein wird und sich mit neuen Web-Anwendungen möglichst praxisnah zu beschäftigen. Außerdem habe ich den Einsatz als neue und vielleicht sogar bessere Methode für Eure Gruppenkommunikation und -zusammenarbeit betrachtet und dabei auch an eventuelle Zukunftspotenziale für Euren persönlichen (beruflichen) Lebensweg gedacht. Bestätigen kann ich dies natürlich nicht, da Ihr zu den ersten Studenten in Deutschland gehört, die solche Anwendungen zur Begleitung ihres Studiums einsetzen. Aber diese Herausforderung wollte ich zusammen mit Euch sehr gerne angehen und darüber in Erfahrung bringen, ob der Einsatz wirklich einen Nutzen für alle Beteiligten bringt. Das war und ist (noch) das Anliegen meiner Promotion. Da dies aber von Eurem Kommilitonen konsequent torpediert und abgelehnt wird, werde ich zusammen mit Herrn Kreuzberger dafür sorgen, dass das Einsatzszenario verändert wird. Ich hoffe, damit im Sinne aller zu handeln und wünsche Euch weiterhin viel Erfolg und beste Grüße

Euer Tutor Marcel