/FinalReportHCI

Τελική αναφορά μαθήματος HCI

Τίτλος εργασίας: Οπτικοποίηση δεδομένων εκπαιδευτικού συστήματος (USA)

Ονοματεπώνυμο: Κρυελεση Χριστίνα

Αριθμός Μητρώου: Π2017129

Εισαγωγή

Στα πλαίσια του μαθήματος Επικοινωνία Ανθρώπου-Υπολογιστή του Γ εξαμήνου έκανα την εργασία Data Visualization δεδομένων εκπαιδευτικού συστήματος (USA).Η εργασία αυτή οπτικοποιεί στατιστικά δεδομένα με χρήση της βιβλιοθήκης D3 της Javascript.

Σύνοψη

Υλοποίησα τα ζητούμενα και του πρώτου παραδοτέου και το πρώτο ζητούμενο του δεύτερου.

Διαδικασία Ανάπτυξης

Για την συγγραφή και την εκτέλεση του κώδικα έγινε χρήση της διαδικτυακής πλατφόρμας του github.Στην συνέχεια , για κάθε παραδοτέο κατέγραψα το τί πρέπει να κάνω και πώς το κάνω. Μετά έγινε προσπάθεια υλοποίησης του κώδικα .

Ανάλυση σχετικών έργων και εργαλείων

Επειδή δεν γνώριζα javascript, html και css χρειάστικα βοήθεια από εκπαιδευτικές ιστοσελίδες όπως ( w3schools και codecademy ) , έτσι κατάφερα να βρω βασικά παραδείγματα και ιδέες για τη χρήση συναρτήσεων και συντακτικού.

Ιστορικό

Συμπεράσματα

Συμπερασματικά έχει δημιουργηθεί μια σελίδα με οπτικοποισεις δεδομένων που μπορεί να προσφέρει στον επισκέπτη ενδιαφέρον πληροφορίες σχετικά με τα δεδομένα που αναπαριστούν, αλλα παράλληλα λαμβάνει υπόψη του και ανθρώπους με δυσκολίες στην όραση κάτι το οποίο μπορεί είναι πολύ σημαντικό γιατί μπορεί να χρησιμοποίηθει απο τον καθένα. Η εργασία αυτή εμβαθύνει τις γνώσεις των φοιτητών σε γλώσσες προγραμματισμού (html5, javascript, css), στη χρήση της πλατφόρμας Github και στην αναπαράσταση και οπτικοποίηση δεδομένων από ένα σετ δεδομένων με αρχεία τύπου json ή csv κ.α, με τη βοήθεια του ανοιχτού κώδικα (open source) της βιβλιοθήκης D3.js της Javascript.

Δικτυογραφία

περιλαμβάνει ιστοσελίδες, κομμάτια κώδικα ή tutorials που βασίστηκα για την άσκηση.

https://www.w3schools.com/ https://www.w3schools.com/bootstrap/bootstrap_get_started.asp https://responsivevoice.org/ https://css-tricks.com/box-sizing/