Σχεδίαση και Ανάπτυξη Ιστοχώρων με εστίαση στον χρήστη
| Τίτλος | Σχεδίαση και Ανάπτυξη Ιστοχώρων με εστίαση στον χρήστη / User-centric Website Design and Development |
| Κωδικός | ΑΜΜ4700 |
| Σχολή | Κοινωνικών και Οικονομικών Επιστημών |
| Τμήμα | Δημοσιογραφίας και Μέσων Μαζικής Επικοινωνίας |
| Κύκλος / Επίπεδο | 1ος / Προπτυχιακό |
| Περίοδος Διδασκαλίας | Χειμερινή/Εαρινή |
| Υπεύθυνος/η | Παναγιώτης Τσαρχόπουλος |
| Κοινό | Ναι |
| Κατάσταση | Ενεργό |
| Course ID | 600022847 |
Πρόγραμμα Σπουδών: ΑΝΠΠΣ Τμήματος Δημοσιογραφίας και Μ.Μ.Ε. (2020-2021)
Εγγεγραμμένοι φοιτητές: 17
| Κατεύθυνση | Τύπος Παρακολούθησης | Εξάμηνο | Έτος | ECTS |
|---|---|---|---|---|
| ''ΜΕΣΩΝ ΕΠΙΚΟΙΝΩΝΙΑΣ'' | Επιλογής Κατεύθυνσης | Χειμερινό/Εαρινό | - | 5 |
| Τίτλος | Σχεδίαση και Ανάπτυξη Ιστοχώρων με εστίαση στον χρήστη |
| Ακαδημαϊκό Έτος | 2024 – 2025 |
| Περίοδος Τάξης | Χειμερινή |
| Διδάσκοντες άλλων Κατηγοριών | |
| Ώρες Εβδομαδιαία | 3 |
| Ώρες Συνολικά | 39 |
| Class ID | 600259648
|
Τύπος Μαθήματος
Eιδίκευσης / Kατεύθυνσης
Τρόπος Παράδοσης
- Πρόσωπο με πρόσωπο
Ηλεκτρονική Διάθεση Μαθήματος
- e-Οδηγός Σπουδών https://qa.auth.gr/el/class/1/600259648
Γλώσσα Διδασκαλίας
- Ελληνικά (Διδασκαλία, Εξέταση)
Μαθησιακά Αποτελέσματα
Με την επιτυχή ολοκλήρωση του μαθήματος, οι φοιτητές/φοιτήτριες θα:
- κατανοήσουν τις βασικές έννοιες και τις μεθοδολογίες που χρησιμοποιούνται στο σχεδιασμό εφαρμογών και ιστοχώρων.
- αποκτήσουν τις βασικές γνώσεις των τεχνολογιών που χρησιμοποιούνται στη δημιουργία ιστοχώρων.
- μάθουν τη χρήση κάποιων εργαλείων που χρησιμοποιούνται για τη δημιουργία των διαδραστικών πρωτοτύπων που στη συνέχεια θα καθοδηγήσουν την ανάπτυξη ενός ιστοχώρου.
Γενικές Ικανότητες
- Εφαρμογή της γνώσης στην πράξη
- Αναζήτηση, ανάλυση και σύνθεση δεδομένων και πληροφοριών, με τη χρήση και των απαραίτητων τεχνολογιών
- Αυτόνομη εργασία
- Σχεδιασμός και διαχείριση έργων
Περιεχόμενο Μαθήματος
1: Introduction to web development
- Overview of the course
- Understanding how the web works
- Front-end vs. back-end development
- Popular web development technologies and tools
2-4: User experience (UX) design
- User-centered design principles
- Conducting user research and creating personas
- Wireframing and prototyping
- Usability testing and iteration
5-6: HTML and CSS
- HTML basics, including tags, attributes, and semantic elements
- CSS basics, including selectors, properties, and the box model
- Building a simple webpage using HTML and CSS
- Introduction to CSS frameworks like Bootstrap and Foundation
7-8: Responsive web design
- Principles of responsive design
- Media queries and breakpoints
- Fluid grids and flexible images
- Building a responsive website using HTML and CSS
9: Web accessibility
- Understanding the importance of accessibility
- Creating semantic HTML
- Providing alternative text for images
- Using ARIA (Accessible Rich Internet Applications) attributes
10-11: Web analytics and optimization
- Introduction to Google Analytics
- Introduction to search engine optimization (SEO)
- Optimizing website performance
12: Web hosting and deployment
- Domain names and hosting providers
- File Transfer Protocol (FTP) and other file transfer methods
- Deploying a website to a live server
13: Presentation of students assignments
- Presentation of students assignments
Τύποι Εκπαιδευτικού Υλικού
- Σημειώσεις
- Διαφάνειες
Χρήση Τεχνολογιών Πληροφορίας και Επικοινωνιών
Χρήση Τ.Π.Ε.
- Χρήση Τ.Π.Ε. στην Εργαστηριακή Εκπαίδευση
Αξιολόγηση Φοιτητών
Περιγραφή
O βαθμός προκύπτει από μία εργασία που αξιολογεί όλα τα θέματα που καλύπτει το μάθημα. Η εργασία προσφέρει στους φοιτητές τη δυνατότητα να εφαρμόσουν τις γνώσεις τους σχετικά με το σχεδιασμό UX, την HTML, τα CSS και τις αρχές του responsive design για να δημιουργήσουν έναν ιστοχώρο που όχι μόνο θα προβάλλει τις δεξιότητες και τα επιτεύγματά τους αλλά και θα αποδεικνύει την κατανόηση των αρχών του σχεδιασμού με επίκεντρο τον χρήστη. Θα αποκτήσουν εμπειρία στη διεξαγωγή έρευνας χρηστών, στη δημιουργία πρωτοτύπων με τη χρήση εργαλείων όπως το Figma, στην υλοποίηση των βασικών σελίδων ενός ιστοχώρου και στη βελτιστοποίηση του για μηχανές αναζήτησης.
Θέμα εργασίας:
Θα πρέπει να δημιουργήσετε έναν ιστοχώρο που θα προβάλλει τις δεξιότητες και τα επιτεύγματά σας ως δημιουργός περιεχομένου. Ο ιστοχώρος θα πρέπει να είναι οπτικά ελκυστικός, φιλικός προς τον χρήστη και βελτιστοποιημένος για διάφορες συσκευές και μεγέθη οθόνης. Ο σχεδιασμός θα πρέπει να βασίζεται σε αρχές σχεδιασμού με επίκεντρο τον χρήστη. Θα προηγηθεί η δημιουργία ενός διαδραστικού πρωτοτύπου με τη χρήση ενός εργαλείου όπως το Figma.
Παραδοτέα:
- Διαδραστικό πρωτότυπο του ιστοχώρου.
- Πλήρως λειτουργικός ιστοχώρος, σύμφωνα με τις παραπάνω απαιτήσεις.
- Παρουσίαση που εξηγεί τη διαδικασία σχεδιασμού και ανάπτυξης, συμπεριλαμβανομένων τυχόν προκλήσεων και λύσεων
- Ζωντανή παρουσίαση του ιστοχώρου κατά τη διάρκεια του μαθήματος.
Κριτήρια αξιολόγησης:
- Ο σχεδιασμός του ιστοχώρου βασίζεται στις αρχές του σχεδιασμού με επίκεντρο τον χρήστη και ανταποκρίνεται στις διαπιστωμένες ανάγκες των χρηστών και στις απαιτήσεις σχεδιασμού.
Μέθοδοι Αξιολόγησης Φοιτητών
- Δημόσια Παρουσίαση (Συμπερασματική)
- Έκθεση / Αναφορά (Συμπερασματική)
Τελευταία Επικαιροποίηση
07-09-2023
