mirror of
https://gitlab.com/harald.mueller/aktuelle.kurse.git
synced 2024-10-18 17:35:03 +02:00
ressourcen
This commit is contained in:
harald.mueller@tbz.ch
commit
5288ad0fa8
@ -4,8 +4,9 @@
|
||||
|
||||
[> **Bewertungsraster** ](https://docs.google.com/spreadsheets/d/10biUbNsA-Uf0LPIsZng3Tjh104b-ZDa7TDFd2m1Ph3Q/edit#gid=0 )
|
||||
|
||||
|
||||
[ Skript: **Multimedia einbinden**](./Modul_152_Script_3.pdf)
|
||||
- [Ressourcen](./auftraege/x_gitressourcen)
|
||||
- [Buecher_Skripts_Praesentationen](./auftraege/x_gitressourcen/Buecher_Skripts_Praesentationen)
|
||||
- [Buecher_Skripts_Praesentationen/Skript](./auftraege/x_gitressourcen/Buecher_Skripts_Praesentationen/Modul_152_Script_3.pdf)
|
||||
|
||||
## Aufträge & Übungen
|
||||
| Tag | Komp. | Nr. | Auftrag, Übung, Thema |
|
||||
|
||||
@ -31,13 +31,7 @@ Gehört zum Modul-Bewertungsraster (K1) M152_Bewertungsraster
|
||||
|
||||
Lesen Sie Kap. 3 im Buch (S. 40-90 , aber bitte nicht jeden Buchstaben -> überflugsmässig)
|
||||
|
||||
|
||||
|
||||
[Buch](./x_gitressourcen/Buecher_Skripts_Praesentationen/SaewertRiempp2019_Digital-Storytelling-im-Web_9783658230555.pdf)
|
||||
|
||||
|
||||
|
||||
https://bscw.tbz.ch/bscw/bscw.cgi/d31695006/SaewertRiempp2019_Digital-Storytelling-im-Web_9783658230555.pdf
|
||||
[SaewertRiempp2019_Digital-Storytelling-im-Web](../x_gitressourcen/Buecher_Skripts_Praesentationen/SaewertRiempp2019_Digital-Storytelling-im-Web_9783658230555.pdf)
|
||||
|
||||
und lassen Sie sich davon inspirieren,
|
||||
|
||||
@ -47,9 +41,12 @@ und lassen Sie sich davon inspirieren,
|
||||
|
||||
Studieren Sie, was Mockups und Wireframes sind und schreiben Sie mit eigenen Worten in 3-4 Sätzen, was der Unterschied ist und wozu man das braucht. (Abgabe in txt-File hier im Auftrag)
|
||||
|
||||
https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup/
|
||||
|
||||
https://bscw.tbz.ch/bscw/bscw.cgi/31665901
|
||||
- [https://app.moqups.com](https://app.moqups.com)
|
||||
- [https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools](https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools)
|
||||
- [https://www.iqual.ch/de/internet-glossar/mockups](https://www.iqual.ch/de/internet-glossar/mockups)
|
||||
- [https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup](https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup)
|
||||
- [https://www.lucidchart.com/pages/de/was-sind-website-wireframes](https://www.lucidchart.com/pages/de/was-sind-website-wireframes)
|
||||
- [https://www.iqual.ch/de/internet-glossar/wireframes](https://www.iqual.ch/de/internet-glossar/wireframes)
|
||||
|
||||
|
||||
### Wireframe anwenden
|
||||
@ -57,13 +54,12 @@ https://bscw.tbz.ch/bscw/bscw.cgi/31665901
|
||||
|
||||
Erstellen Sie eine Planung Ihrer Webseite mit einem Wireframe-Tool (oder skizzieren Sie von Hand / dann scannen oder fotografieren) und stellen Sie die entstanden Bilder/Grafiken/Scans in Ihrer neuen Webseite dar.
|
||||
|
||||
wieviele und welche Seiten
|
||||
was ist in Etwa drauf (keine Details!!)
|
||||
- wieviele und welche Seiten
|
||||
- was ist in Etwa drauf (Wichtig: keine Details!!)
|
||||
|
||||
https://www.elmastudio.de/eine-neue-webseite-entsteht-teil-2-die-layout-vorlage-mockup/
|
||||
|
||||
|
||||
Und machen Sie es so, wie diese Firma es für ihre Kunden anbietet.
|
||||
|
||||
https://www.snowflake.ch/ux-design/
|
||||
|
||||
|
||||
@ -22,5 +22,11 @@ Zeitbedarf: ca. 100-120 min
|
||||
|
||||
|
||||
|
||||
Lassen Sie sich anleiten von diesen Dateien (siehe BSCW-Link)
|
||||
https://bscw.tbz.ch/bscw/bscw.cgi/31700867
|
||||
Lassen Sie sich anleiten von diesen Dateien
|
||||
|
||||
- [Beispiele für einen perfekten Styleguide](https://t3n.de/news/styleguide-beispiele-794708/)
|
||||
- [den-perfekten-styleguide-fuer-eine-website-erstellen](https://www.ionos.de/digitalguide/websites/webdesign/den-perfekten-styleguide-fuer-eine-website-erstellen)
|
||||
- [Style Guide erstellen leicht gemacht](https://99designs.ch/blog/design-kreativitaet/style-guierstellen)
|
||||
- [Tools für Styleguides zu erstellen](https://t3n.de/news/styleguide-erstellen-tools-800688)
|
||||
- [snowflake.ch/ux-design](https://www.snowflake.ch/ux-design)
|
||||
|
||||
|
||||
@ -30,5 +30,4 @@ Lesen/studieren Sie im unten angegebenen Link die Dokumente. Finden Sie aus mög
|
||||
Die Abgabe hat nicht 2x die gleichen Fragen & Antworten in der Klasse!
|
||||
|
||||
|
||||
**Referenzmaterial**:
|
||||
https://bscw.tbz.ch/bscw/bscw.cgi/31665742
|
||||
[Referenzmaterial](../x_gitressourcen/Urheberrecht)
|
||||
|
||||
@ -8,4 +8,4 @@ Ergänzen Sie Ihre Urheberrechts-oder Ihre Impressum-Seite in Ihrem Internetauft
|
||||
|
||||
Alle Informationen, die Sie hier zusammentragen auf einer/der entsprechenden Seite aufführen und allenfalls mit eigenen Kommentaren oder Feststellungen ergänzen.
|
||||
|
||||
Ressourcen: https://bscw.tbz.ch/bscw/bscw.cgi/31665742 (und weiteres aus dem Internet)
|
||||
[Referenzmaterial](../x_gitressourcen/Urheberrecht) (und weiteres aus dem Internet)
|
||||
|
||||
@ -1,8 +1,12 @@
|
||||
## Urheberrecht
|
||||
|
||||
[Bundesgesetz über das Urheberrecht und verwandte Schutzrechte](https://www.admin.ch/opc/de/classified-compilation/19920251/)
|
||||
|
||||
[Eidgenössisches Institut für Geistiges Eigentum (IGE)](https://www.ige.ch/de.html)
|
||||
|
||||
[Impressumspflicht Schweiz (WEKA-Artikel 2018)](https://www.weka.ch/themen/marketing-verkauf/online-marketing/e-commerce/article/impressumspflicht-schweiz-so-erstellen-sie-rechtssichere-websites)
|
||||
|
||||
[Urheberrecht (Schweiz)](https://de.wikipedia.org/wiki/Urheberrecht_(Schweiz))
|
||||
|
||||
[Urheberrechtsgesetz (Schweiz)](https://de.wikipedia.org/wiki/Urheberrechtsgesetz_(Schweiz))
|
||||
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
## Wireframes, Mockups
|
||||
|
||||
- [https://app.moqups.com](https://app.moqups.com)
|
||||
- [https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools](https://thedigitalprojectmanager.com/de/die-10-besten-wireframe-tools)
|
||||
- [https://www.iqual.ch/de/internet-glossar/mockups](https://www.iqual.ch/de/internet-glossar/mockups)
|
||||
- [https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup](https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup)
|
||||
- [https://www.lucidchart.com/pages/de/was-sind-website-wireframes](https://www.lucidchart.com/pages/de/was-sind-website-wireframes)
|
||||
- [https://www.iqual.ch/de/internet-glossar/wireframes](https://www.iqual.ch/de/internet-glossar/wireframes)
|
||||
Loading…
Reference in New Issue
Block a user