diff --git "a/_biography/jo\303\253lle-coutaz.md" "b/_biography/jo\303\253lle-coutaz.md" new file mode 100644 index 000000000..4eb22e324 --- /dev/null +++ "b/_biography/jo\303\253lle-coutaz.md" @@ -0,0 +1,14 @@ +--- +author: athxim +title: Joëlle-Coutaz +image_url: /images/Coutaz-Joelle.jpeg +caption: "Η Joëlle Coutaz θεωρείται από τις πρώτες πρωτοπόρους στην έρευνα HCI στη Γαλλία και στην Ευρώπη." +categories: + - Βιογραφία +tags: + - HCI + - Joëlle Coutaz + - InteractionDesign +--- + +{% include bio-Coutaz.md %} diff --git a/_case-study/Microsoft_Kinect.md b/_case-study/Microsoft_Kinect.md new file mode 100644 index 000000000..b3603ab4c --- /dev/null +++ b/_case-study/Microsoft_Kinect.md @@ -0,0 +1,13 @@ +--- +author: athxim +title: Microsoft Kinect +image_url: /images/knuth-fonts-thumb.jpg +caption: "Το Kinect εισήγαγε την αλληλεπίδραση χωρίς χειριστήρια, επιτρέποντας στους χρήστες να αλληλεπιδρούν με υπολογιστές μέσω κινήσεων και φωνητικών εντολών." +categories: + - Μελέτη Περίπτωσης +tags: + - MotionTracking + - VoiceControl +--- + +{% include cs-Microsoft_Kinect.md %} diff --git a/_includes/bio-Coutaz.md b/_includes/bio-Coutaz.md new file mode 100644 index 000000000..e1b7e305f --- /dev/null +++ b/_includes/bio-Coutaz.md @@ -0,0 +1,13 @@ +Η Joëlle Coutaz (γεννημένη το 1944 στη Γαλλία) είναι Γαλλίδα επιστήμονας υπολογιστών και διεθνούς φήμης ερευνήτρια στον τομέα της αλληλεπίδρασης ανθρώπου–υπολογιστή (HCI). Θεωρείται μία από τις πρωτοπόρους της HCI στην Ευρώπη, με σημαντική συμβολή στην ανάπτυξη θεωρητικών και εφαρμοσμένων μοντέλων για πολυτροπικές διεπαφές και διαπροσαρμοστικές διεπαφές χρήστη. Η έρευνά της συνδέει τη μηχανική λογισμικού, την ψυχολογία του χρήστη και τον σχεδιασμό διεπαφών, δημιουργώντας διεπιστημονικές προσεγγίσεις που επηρέασαν τον σχεδιασμό σύγχρονων διαδραστικών συστημάτων. + +https://github.com/athxim1995/images/blob/master/Coutaz-Joelle.jpeg + +Η Joëlle Coutaz ξεκίνησε την καριέρα της στο Πανεπιστήμιο της Grenoble, όπου ανέπτυξε μεθόδους για την υποστήριξη της διαπροσαρμοστικότητας διεπαφών και την ενσωμάτωση διαφορετικών τρόπων εισόδου, όπως ο ήχος, η αφή και η γραφική αναπαράσταση. Η έρευνά της εστίασε στην αρχιτεκτονική συστημάτων HCI, θέτοντας τα θεμέλια για τη δημιουργία διεπαφών που προσαρμόζονται στις ανάγκες και τις προτιμήσεις των χρηστών σε πραγματικό χρόνο. + +Στη δεκαετία του 1990, η Coutaz ηγήθηκε του εργαστηρίου CLIPS-IMAG, όπου ανέπτυξε το μοντέλο PAC (Presentation-Abstraction-Control) για την ανάλυση και τον σχεδιασμό διαδραστικών συστημάτων, το οποίο έχει ευρεία εφαρμογή στην έρευνα και στην πρακτική της HCI. Το μοντέλο PAC αποτέλεσε βασικό εργαλείο για τη διαχείριση πολύπλοκων, πολυτροπικών διεπαφών, ενισχύοντας την επαναχρησιμοποίηση και τη διαλειτουργικότητα των συστατικών διεπαφής. + +https://github.com/athxim1995/images/blob/master/PAC%20model.jpg + +Η δουλειά της Joëlle Coutaz υπήρξε καθοριστική για τη θεμελίωση του τομέα της ευφυούς και προσαρμοστικής αλληλεπίδρασης ανθρώπου–υπολογιστή και έχει επηρεάσει τόσο ακαδημαϊκές έρευνες όσο και βιομηχανικές εφαρμογές. Έχει δημοσιεύσει πολυάριθμα άρθρα σε κορυφαία διεθνή περιοδικά και συνέδρια HCI, ενώ έχει επιβλέψει πολλές γενιές επιστημόνων που συνέχισαν την ανάπτυξη προηγμένων διαδραστικών συστημάτων. + +Η Joëlle Coutaz θεωρείται μία από τις πλέον επιδραστικές προσωπικότητες στον ευρωπαϊκό χώρο της HCI και η έρευνά της συνεχίζει να επηρεάζει τον σχεδιασμό διεπαφών για συσκευές πολλαπλών εισόδων, ευφυή περιβάλλοντα και συνεργατικά συστήματα. Οι θεωρητικές και πρακτικές συνεισφορές της στη διαπροσαρμοστικότητα και την πολυτροπική αλληλεπίδραση την καθιστούν μια εμβληματική προσωπικότητα στο πεδίο της ανθρώπινης αλληλεπίδρασης με υπολογιστές. diff --git a/_includes/cs-Microsoft_Kinect.md b/_includes/cs-Microsoft_Kinect.md new file mode 100644 index 000000000..6aa02b01b --- /dev/null +++ b/_includes/cs-Microsoft_Kinect.md @@ -0,0 +1,27 @@ +Case Study: Microsoft Kinect – Μια Καινοτομία στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή + +Το Microsoft Kinect αποτελεί μια σημαντική τεχνολογία στην ιστορία της αλληλεπίδρασης ανθρώπου-υπολογιστή (HCI), η οποία κυκλοφόρησε από τη Microsoft το 2010 για την κονσόλα Xbox 360. Πρόκειται για μια συσκευή ανίχνευσης κίνησης και βάθους, που επιτρέπει στους χρήστες να αλληλεπιδρούν με ψηφιακά συστήματα μέσω φυσικών κινήσεων και φωνητικών εντολών, χωρίς την ανάγκη παραδοσιακών χειριστηρίων εισόδου. Η καινοτομία αυτή υπήρξε καθοριστική για τη μετάβαση σε πολυτροπικές μορφές αλληλεπίδρασης, οι οποίες συνδυάζουν κινήσεις του σώματος, χειρονομίες και φωνητικές εντολές. + +https://github.com/athxim1995/images/blob/master/kinect.png + +Η συσκευή περιλαμβάνει έναν αισθητήρα RGB, έναν αισθητήρα βάθους (infrared projector και camera) και ένα σύστημα μικροφώνου, το οποίο επιτρέπει την ταυτόχρονη ανίχνευση σωματικών κινήσεων και φωνητικών εντολών σε πραγματικό χρόνο. Η τεχνολογία αυτή καθιστά δυνατή την ακριβή καταγραφή της θέσης και της κίνησης έως και 20 αρθρώσεων του σώματος, δημιουργώντας νέες δυνατότητες για εφαρμογές σε τομείς όπως η ψυχαγωγία, η εκπαίδευση, η φυσική αποκατάσταση και η ρομποτική. + + + +Καινοτομίες στην HCI + +Αλληλεπίδραση χωρίς φυσική επαφή: Το Kinect εισήγαγε μια μορφή αλληλεπίδρασης που μειώνει την εξάρτηση από συμβατικές συσκευές εισόδου, όπως ποντίκια και χειριστήρια. Αυτό αποτέλεσε καθοριστικό βήμα προς τη φυσική και φυσιολογικά έμπειρη αλληλεπίδραση χρήστη-υπολογιστή. + +Ανίχνευση σωματικών κινήσεων: Ο αισθητήρας βάθους επιτρέπει την ακριβή καταγραφή των κινήσεων και των στάσεων του χρήστη, ενισχύοντας την εμπειρία χρήστη μέσω διαδραστικών εφαρμογών. + +https://github.com/athxim1995/images/blob/master/Kinect-user.jpg + +Φωνητικές εντολές: Το ενσωματωμένο μικρόφωνο παρέχει δυνατότητες αναγνώρισης φωνής, επιτρέποντας στον χρήστη να ελέγχει συστήματα με φωνητικές εντολές, δημιουργώντας πολυτροπικές μορφές αλληλεπίδρασης. + +Δημιουργία ανοικτών εφαρμογών: Μέσω της διάθεσης του Kinect SDK, η συσκευή έγινε πλατφόρμα για ερευνητές και προγραμματιστές, οι οποίοι ανέπτυξαν εφαρμογές σε τομείς όπως η εκπαίδευση, η ιατρική, η ψυχαγωγία και η ρομποτική. + +Επιδράσεις και Συνεισφορές + +Η κυκλοφορία του Kinect υπήρξε ορόσημο στην εξέλιξη των τεχνολογιών HCI, καθώς εισήγαγε νέες μορφές φυσικής αλληλεπίδρασης που συνέβαλαν στην ανάπτυξη σύγχρονων συστημάτων εικονικής και επαυξημένης πραγματικότητας (VR/AR), ρομποτικής και έξυπνων συσκευών. Επιπλέον, η δυνατότητα αλληλεπίδρασης χωρίς παραδοσιακά χειριστήρια επηρέασε σημαντικά το σχεδιασμό διεπαφών, θέτοντας νέες βάσεις για μελλοντικές εφαρμογές σε εκπαιδευτικά, ιατρικά και ψυχαγωγικά περιβάλλοντα. + +Συνολικά, το Kinect δεν περιορίστηκε στη βιομηχανία ψυχαγωγίας, αλλά λειτούργησε ως πλατφόρμα πειραματισμού καινοτόμων τεχνολογιών HCI, ενισχύοντας την έρευνα και την ανάπτυξη νέων τρόπων αλληλεπίδρασης ανθρώπου-υπολογιστή. diff --git a/_remix/new-responsive_menu.md b/_remix/new-responsive_menu.md new file mode 100644 index 000000000..d4ceefb7c --- /dev/null +++ b/_remix/new-responsive_menu.md @@ -0,0 +1,21 @@ +--- +layout: single +title: Menu scroll with extra chapter and button return to top +header: no +categories: + - tools +tags: + - menu + - scroll + - HCI +--- + +Διαδραστικό παράδειγμα responsive μενού σε One page template χρησιμοποιώντας τη βιβιοθήκη Τwitter Βootstrap 3.0 . Στο παράδειγμα εμφανίζεται το μενού έπειτα από κύλιση του ποντικιού και υποστηρίζεται η λειτουργία αυτόματης μεταφοράς (scroll) στην ενότητα/κεφάλαιο που θα επιλέξει ο χρήστης μέσω του μενού. Δημιούργησα μία νέα ενότητα (ο5) και πρόσθεσα στο τέλος της σελίδας κουμπί επιστροφή που οδηγεί πάλι στη πρώτη ενότητα. + + + + diff --git a/_remix/new_mouse-scroll.md b/_remix/new_mouse-scroll.md new file mode 100644 index 000000000..b1256ff56 --- /dev/null +++ b/_remix/new_mouse-scroll.md @@ -0,0 +1,19 @@ +--- +layout: single +title: Mouse scroll & colour for possitive and negative values +header: no +categories: + - archetypes +tags: + - mouse + - scroll + - HCI +--- + +Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισόδου πρέπει ο χρήστης να κυλίσει δεξιά ή αριστερά το πορτοκαλί "κουμπί ώστε να αλλάξει η τιμή εισόδου". Όταν ο αριθμός είναι θετικό τότε το νούμερο γίνεται πράσινο, όταν είναι αρνητικός γίνεται κόκκινο και στο 0 γίνεται μαύρο + +