GMU:(In)visible Networks 2016: Difference between revisions

From Medien Wiki
No edit summary
 
(80 intermediate revisions by 5 users not shown)
Line 1: Line 1:
[[File:Freenetproject.png|thumb|300px|left|Freenetproject network visualisation]]
[[File:Freenetproject.png|thumb|300px|left|Freenetproject network visualisation]]
''Lecturer:'' [[GMU:Mindaugas Gapševičius|Mindaugas Gapševičius]]<br>
''Lecturer:'' [[:Category:Mindaugas Gapševičius|Mindaugas Gapševičius]]<br>
''Tutors:'' Hasibullah Sahibzada, Marco Schröder, Azucena Sanchez
''Tutors:'' Hasibullah Sahibzada, Marco Schröder, Azucena Sanchez
''Credits:'' 6 [[ECTS]], 4 [[SWS]]<br>
''Credits:'' 6 [[ECTS]], 4 [[SWS]]<br>
Line 14: Line 14:


The aim of the course is to redesign and to update the website of the GMU. This includes discussion on structuring the content and work on the new content. Students in the course will be introduced to server side systems/applications (Unix, Apache, MySQL), "front end" programming/CMS (Typo 3, HTML, PHP, Java Script) and content (website structure, writing). The work on content and programming will be supervised by tutors.
The aim of the course is to redesign and to update the website of the GMU. This includes discussion on structuring the content and work on the new content. Students in the course will be introduced to server side systems/applications (Unix, Apache, MySQL), "front end" programming/CMS (Typo 3, HTML, PHP, Java Script) and content (website structure, writing). The work on content and programming will be supervised by tutors.
== Application ==
  Please send a motivation letter before April 8th, 2016 to '''mindaugas.gapsevicius [ät] uni-weimar.de'''
'''To:''' [[Mindaugas Gapševičius|mindaugas.gapsevicius [ät] uni-weimar.de]]<br>
'''Subject:''' (In)visible Networks /// Application<br>
'''Content:'''
* Your motivation to join the course
* Name, Surname
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Valid email address @uni-weimar.de


== Tutors ==
== Tutors ==
Line 52: Line 37:
* Update on work (GMU website and wiki)
* Update on work (GMU website and wiki)


==server side==
==MediaWiki Server Side==
Supervised by Hasibullah Sahibzada
Supervised by Hasibullah Sahibzada
*small tutorials on languages
*web tutorials
*installing new wiki
*upgrading wiki
*implementing


==client side==
  Progress Status
Supervised by Azucena Sanchez
*what is CMS / different types
*general structure of wordpress / basics of html, css, php
*constructing and usability wordpress
*constructing and usability typo3/wiki


[[/First tutor class|First tutor class]]
*Small tutorials on languages (Done)
*Intro to HTML, CSS
*Web tutorials (Done)
*Installing new wiki (Done)
*Upgrading wiki database(Done)
*Merging database with latest MediaWiki version(Done)
*Implementing University Namespaces (Done)
*Implementing new template (In progress)
** Template decision (in progress)
** Template customization (in progress)
** Mobile version adaptivity (in progress)
*Implementing new plugins (In progress)
** Installing New advanced Editor (Done)
** Installing multi-picture drag and drop feature (Done)
** Integrating Picture licensing mechanisim (in progress)
** Installing other required old plugins
* Set other configurations for University mediawiki
* Showcasing the final version


==texts==
  Lectures
Supervised by Marco Schröder
[[/Lecture_1|Introduction to webservers]]
*general structures of the websites / different websites / artists websites
*Analysis of public GMU and WIKI/GMU
*create a structure for the website
*content (including BioLab, DBL, who is teaching, concept)


[[/Lecture_2|HTML and CSS]]


[[Category:SS16]]
[[/Lecture_3|JavaScript and PHP]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:Mindaugas Gapševičius]]


[[/Lecture_5|PHP & MySQL, MediaWiki]]




  Assignments
[[/Assignment_1|Assignment 1]]


'''FIRST SESSION'''
[[/Assignment_2|Assignment 2]]


'''looking at different artist websites'''
[[/Assignment_3|Assignment 3]]


Marat Beltser
[http://www.maratbeltser.net/]


– a distributed structure
  Project Tasks


– one page links to different knots in the structure according to different parameters (time, place, media format – interchangeably)
==client side==
Supervised by Azucena Sanchez
*what is CMS / different types
*general structure of wordpress / basics of html, css, php
*constructing and usability wordpress
*constructing and usability typo3/wiki


– a fuzzy concept for content, that is relatively free moving but not providing a good orientation (rhizom?)
[[/First tutor class|First tutor Session]]
*Intro to HTML, CSS


– visually there is no highlighting of content, evth kept really simple (black&white)
[[Second Session]]
*Intro to CMS
*Setting up server and wordpress


[[Third and Fourth Sessions]]
*GMU [https://www.uni-weimar.de/medien/wiki/File:GMU_STRUCTURE.png Structure]
*[https://www.google.com/fonts Google Fonts]
*Some Worpress [http://www.creativebloq.com/web-design/wordpress-tutorials-designers-1012990 Tutorials] from a Site I really like
*[[/Assignment|Assignment]]


Nikolas Müller
[[Third and Fourth Sessions]]
[http://nikolasmueller.net/]
* [https://wordpress.org/plugins/live-composer-page-builder/ Live Composer Plugin / CSS]


– simple (portfolio) structure


– only parameter is the year, one page shows all works (pictures, videos) of that year
===GMU Prototypes===
[http://invisible.migaa.eu/gmu_annabetz/ Annabetz]


– good orientation and navigation
[http://invisible.migaa.eu/elisabeth/ Elisabeth]


– visual content is identical with the shown works
[http://invisible.migaa.eu/JulianeSchwabenbauer/ Juliane]


[http://invisible.migaa.eu/adnan/ Adnan]


wertlos.org (artist collective)
==texts==
[wertlos.org]
Supervised by Marco Schröder
*general structures of the websites / different websites / artists websites
*Analysis of public GMU and WIKI/GMU
*create a structure for the website
*content (including BioLab, DBL, who is teaching, concept)


– distributed structure according to content
*[[/FIRST SESSION|FIRST SESSION]]
*[[/SECOND SESSION|SECOND SESSION]]
*[[/THIRD SESSION|THIRD SESSION]]
*[[/CONTENT&STRUCTURE_GMU|CONTENT&STRUCTURE_GMU]]


– seems like special knowledge is demanded: you should already know what you are looking for (“you see what you deserve”)


– visually not very appealing: text is the important thing, but is not good readable
[[Category:SS16]]
(comment: “I’d spend no more than 2 secs on this side”)
[[Category:Werkmodul]]
 
[[Category:Fachmodul]]
 
[[Category:Mindaugas Gapševičius]]
'''interactive web art'''
 
– the content is randomly generated and seemingly irrational
 
– form and content cannot be divided/the website is part of the art, it is the information (even when it’s twisted)/the medium is the message ?
 
get dizzy here: http://wwwwwwwww.jodi.org/
 
see: https://en.wikipedia.org/wiki/Jodi_(art_collective)
 
 
see: graph theory wikipedia for interesting structures
 
 
How to navigate at the New York Times Webpage?
Better google the information you are looking for!
 
We came to the conclusion that the official MIT site is even more complicated than the Bauhaus site. Does that mean the more complicated it gets, the more sophisticated is the enterprise ?!
 
 
'''looking at the Bauhaus University site'''
 
– How many clicks do I need to get to specific content?
(six clicks at least to get to GMU student works..)
 
– How do I know what the GMU ''is'' and what people are doing there ?
(How many clicks..)
 
– What is to be done ?

Latest revision as of 20:52, 19 February 2021

Freenetproject network visualisation

Lecturer: Mindaugas Gapševičius
Tutors: Hasibullah Sahibzada, Marco Schröder, Azucena Sanchez Credits: 6 ECTS, 4 SWS
Date: Mondays/flexible 17:00 - 20:00
Venue: Marienstraße 7b, Room 204
First meeting: Monday, 11th of April 17:00 - 20:00


Although we all use computers and the Internet on a daily basis, we act in most cases as consumers. This is valid for creative people who work with computers, especially visual artists and designers. With the "(In) visible Networks" we will question other side of the networks: How data is transferred between computers? Why does the Internet require different types of machines? What is the role of servers and personal computers within the networks? What makes our data or our networks insecure? How to structure the website so visitors find the information?

The conceptual goals of this project include the comparison and reflection of different network structures (e.g. hierarchical structures, decentralized structures, oriented to Web 2.0, etc.).

The aim of the course is to redesign and to update the website of the GMU. This includes discussion on structuring the content and work on the new content. Students in the course will be introduced to server side systems/applications (Unix, Apache, MySQL), "front end" programming/CMS (Typo 3, HTML, PHP, Java Script) and content (website structure, writing). The work on content and programming will be supervised by tutors.

Tutors

  • Hasibullah Sahibzada (server side and back end), hasibullah.sahibzada [ät] uni-weimar.de
  • Marco Schröder (content), cramo.erst [ät] yahoo.com
  • Azucena Sanchez (web structure, CMS), azucena.sanchez [ät] uni-weimar.de

Syllabus

1 Seminar. Internet. 11.04.2016

  • Computer Networks and Routing Systems (LAN, WAN, P2P; TCP/IP, DNS)
  • CMS
  • GMU website and wiki
  • Planing work (GMU website and wiki)

2 Seminar. Self-organisation. 02.05.2016

  • Vulnerability of Networks
  • Alternative networks P2P (Baobaxia, Freenet, tor, BitTorrent, YaCy)
  • Update on work (GMU website and wiki)

3 Seminar. Social networks. 23.05.2016

  • Concepts (Bruno Latour, Graham Harman, Karen Barad)
  • Internet of things
  • Update on work (GMU website and wiki)

MediaWiki Server Side

Supervised by Hasibullah Sahibzada

  Progress Status
  • Small tutorials on languages (Done)
  • Web tutorials (Done)
  • Installing new wiki (Done)
  • Upgrading wiki database(Done)
  • Merging database with latest MediaWiki version(Done)
  • Implementing University Namespaces (Done)
  • Implementing new template (In progress)
    • Template decision (in progress)
    • Template customization (in progress)
    • Mobile version adaptivity (in progress)
  • Implementing new plugins (In progress)
    • Installing New advanced Editor (Done)
    • Installing multi-picture drag and drop feature (Done)
    • Integrating Picture licensing mechanisim (in progress)
    • Installing other required old plugins
  • Set other configurations for University mediawiki
  • Showcasing the final version
  Lectures

Introduction to webservers

HTML and CSS

JavaScript and PHP

PHP & MySQL, MediaWiki


  Assignments

Assignment 1

Assignment 2

Assignment 3


  Project Tasks

client side

Supervised by Azucena Sanchez

  • what is CMS / different types
  • general structure of wordpress / basics of html, css, php
  • constructing and usability wordpress
  • constructing and usability typo3/wiki

First tutor Session

  • Intro to HTML, CSS

Second Session

  • Intro to CMS
  • Setting up server and wordpress

Third and Fourth Sessions

Third and Fourth Sessions


GMU Prototypes

Annabetz

Elisabeth

Juliane

Adnan

texts

Supervised by Marco Schröder

  • general structures of the websites / different websites / artists websites
  • Analysis of public GMU and WIKI/GMU
  • create a structure for the website
  • content (including BioLab, DBL, who is teaching, concept)