GUI/WEB Design

Course Information
Interdepartmental ProgrammePPS Advanced Computer and Communication Systems
Collaborating SchoolsElectrical and Computer Engineering
Music Studies
Journalism and Mass Communications
Cycle / Level2nd / Postgraduate
Teaching PeriodWinter
CoordinatorAthanasios Pallas
Course ID600004430

Class Information
Academic Year2018 – 2019
Class PeriodWinter
Faculty Instructors
Instructors from Other Categories
  • Nikos Antonopoulos
Weekly Hours24
Class ID
Course Type 2016-2020
  • Scientific Area
Course Type 2011-2015
Specific Foundation / Core
Mode of Delivery
  • Face to face
Language of Instruction
  • Greek (Instruction, Examination)
  • English (Examination)
Learning Outcomes
After the completion of the course students must: • Possess all the principles of design. • Be able to organize a web project. • Be familiar with all the basic knowledge of designing a GUI, a web page and a web site • Possess all the basic knowledge of interactivity especially in the case of web sites
General Competences
  • Apply knowledge in practice
  • Retrieve, analyse and synthesise data and information, with the use of necessary technologies
  • Adapt to new situations
  • Make decisions
  • Work autonomously
  • Work in teams
  • Work in an international context
  • Work in an interdisciplinary team
  • Generate new research ideas
  • Design and manage projects
  • Appreciate diversity and multiculturality
  • Respect natural environment
  • Demonstrate social, professional and ethical commitment and sensitivity to gender issues
  • Be critical and self-critical
  • Advance free, creative and causative thinking
Course Content (Syllabus)
BAUHAUS Basics: Point-Line-Level-Form-Pattern-Space. Composition: Golden Sections. Color: Color Systems-ITTENs Color Cycle-Complementary colors- Contrary Colors-Color Contrast-Quantitative Changes. Artistic examples. Artistic Composition with text. Color and Graphics. Artistic Composition for Websites. Introduction to web design – HTML – Basic principles of GUI- GUI in web pages - Introduction to Content management systems (CMS) - Web page design issues – Web site design issues Interactivity of web sites – types – reason for employing interactivity – case studies
Web page design
Educational Material Types
  • Slide presentations
  • Video lectures
  • Multimedia
Use of Information and Communication Technologies
Use of ICT
  • Use of ICT in Course Teaching
  • Use of ICT in Laboratory Teaching
  • Use of ICT in Communication with Students
  • Use of ICT in Student Assessment
Course Organization
Laboratory Work100.3
Artistic Workshop
Written assigments
Artistic creation
Student Assessment
3 assignments (50%) and final exams (50%)
Student Assessment methods
  • Labortatory Assignment (Formative, Summative)
  • Artistic Performance (Formative, Summative)
Additional bibliography for study
Web Style Guide 3rd Edition Patrick Lynch, Sarah Horton, Yale University Press; 3 edition (January 15, 2009 Εισαγωγή στην επικοινωνία ανθρώπου-υπολογιστή, Νικόλαος Αβούρης, Δίαυλος, 2000. The Principles of Beautiful Web Design, Jason Beaird, Sitepoint, 2007.
Last Update