forked from courses-ionio/hci
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0151910
commit 656a56f
Showing
1 changed file
with
183 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,183 @@ | ||
| ## Επικοινωνία Ανθρώπου-Υπολογιστή | ||
| ### ΔΕΣΠΟΙΝΑ ΚΩΜΟΔΙΚΗ | ||
| ### Π2018205 | ||
| ### ΟΙ ΣΤΟΧΟΙ ΜΟΥ ΓΙΑ ΤΟ ΜΑΘΗΜΑ ΕΙΝΑΙ ΝΑ ΚΑΤΑΝΟΗΣΩ ΤΟ ΠΕΡΙΒΑΛΛΟΝ ΤΟΥ GITHUB ΚΑΙ ΝΑ ΜΑΘΩ ΠΕΡΙΣΣΟΤΕΡΑ ΓΙΑ ΤΙΝ ΕΠΙΚΟΙΝΩΝΙΑ ΜΕΤΑΞΥ ΤΟΥ ΑΝΘΡΩΠΟΥ ΚΑΙ ΤΟΥ ΥΠΟΛΟΓΙΣΤΗ! | ||
| ### Netlify: https://despina-komo.netlify.app/ | ||
|
|
||
| | Εβδομάδα | Παραδοτέο | Αξιολόγηση| | ||
| | --- | --- | --- | | ||
| | 1 |<a href="Εισαγωγή"></span> <span class="toctext">Εισαγωγή</span></a> | Εξοικίωση με το github | | ||
| | 2 |<a href="Άσκηση γραμμής εντολών 1η"></span> <span class="toctext">Άσκηση γραμμής εντολών 1η</span></a>| Πρώτη επαφή με arch, πρώτη επαφή με τερματικό| | ||
| | 3 |<a href="Άσκηση γραμμής εντολών 2η"></span> <span class="toctext">Άσκηση γραμμής εντολών 2η</span></a>|αλλαγή γραμμής εντολών με τον αριθμό μητρώου μας, καταχώριση αρχείων μας, εμφάνιση αρχείου shell configuration και εμφάνιση πληροφοριών συστήματος (υλικό + λογισμικό)| | ||
| | 4 |<a href="Συμμετοχικό Περιεχόμενο A1"></span> <span class="toctext">Συμμετοχικό Περιεχόμενο A1 </span></a>|Για το συμμετοχικό περιεχόμενο Α1, επέλεξα να προσθέσω δύο δικές μου εικόνες με πληροφορίες για την κάθε μια. Οι συγκεκριμένες εικόνες είναι το Softwear και το Hardwear, με την δυνατότητα hand-tracking και πολλών ακόμη| | ||
| | 5| <a href="Άσκηση γραμμής εντολών 3η"></span> <span class="toctext">Άσκηση γραμμής εντολών 3η</span></a> |Επιπλέον εξοικίωση με το συγκεκριμένο project| | ||
| | 6 | <a href="Συμμετοχικό Περιεχόμενο A2"></span> <span class="toctext">Συμμετοχικό Περιεχόμενο A2 </span></a>| Για το συμμετοχικό Α2, επέλεξα να δημιουργήσω slide και timeline με τον τίτλο Λογισμικό με βασικό θέμα το λογισμικό υπολογιστών, τις διαδικασίες και τις οδηγίες χρήσης που εκτελούν ορισμένες εργασίες σε ένα υπολογιστικό σύστημα. | ||
| | 7 | <a href="Άσκηση γραμμής εντολών 4η"></span> <span class="toctext">Άσκηση γραμμής εντολών 4η</span></a> |Ο στόχος της εργασίας είναι να διαμορφώσουμε το περιβάλλον του προγράμματος περιήγησης στο τερματικό πρόγραμμα περιήγησης.| | ||
| | 8 |<a href="Συμμετοχικό Περιεχόμενο Β1"></span> <span class="toctext">Συμμετοχικό Περιεχόμενο Β1 </span></a>|Για το πρώτο κομμάτι του συμμετοχικού περιεχομένου Β, επέλεξα να αναπτήξω την ιστορική αναδρομή του λογισμικού για ψηφιακούς υπολογιστές με πρώιμα αποθηκευμένα προγράμματα . Παρακάτω παραθέτω τα .md αρχεία σχετικά με την γενία λογισμικού.| | ||
| | 9 | <a href="Άσκηση προγραμματισμού"></span> <span class="toctext">Άσκηση προγραμματισμού </span></a> |Σκοπός της άσκησης ήταν να τροποποιήσουμε το παράδειγμα δημιουργώντας ένα 2ο κουμπί που θα εκτελεί την ανάποδη λειτουργία από αυτή του κουμπιού 'another'. Το νεό κουμπί πρέπει να εμφανίζει το μήνυμα που είχε εμφανιστεί προηγουμένως.| | ||
| | 10 | <a href="Συμμετοχικό Περιεχόμενο Β2"></span> <span class="toctext">Συμμετοχικό Περιεχόμενο Β2 </span></a> |Στο δεύτερο κομμάτι του συμμετοχικού περιεχομένου, θα κάνω την βιογραφία ενος ατόμου πολύ σημαντικό στην ιστορία του προγραμματισμου.| | ||
| | 11 | <a href="Άσκηση προγραμματισμού"></span> <span class="toctext">Άσκηση προγραμματισμού </span></a> |Ο σκοπός της άσκησης είναι να τροποποιήσουμε το παράδειγμα προσθέτοντας ένα ακόμα κελί στη φόρμα. Το νέο κελί πρέπει να έχει προεπιλεγμένη τιμή “Gender” και οι διαθέσιμες επιλογές να είναι “Male”,”Female”.| | ||
| | 12 |<a href="Επίλογος"></span> <span class="toctext">Τελική Αναφορά</span></a> |Ικανοποίηση στόχων| | ||
| | 13 |<a href="Ομαδικότητα"></span> <span class="toctext">Ομαδικότητα</span></a> |Συμμετοχή στις συζητήσεις.| | ||
|
|
||
|
|
||
| # Πρόλογος | ||
| Η επικοινωνία Ανθρώπου-Υπολογιστή έχει ως στόχο να μας εισάγει στο ευρύ πεδίο μελέτης της αλληλεπίδρασής μας με τους ηλεκτρονικούς υπολογιστές. Πιο συγκεκριμένα, η αλληλεπίδραση αυτή πραγματοποιείται μεταξύ χρηστών και υπολογιστών στο επίπεδο του user interface μέσω του κατάλληλου software και hardware. Είναι προφανες λοιπόν, πως αποτελεί πλέον απαραιτητο εφόδιο για τον κάθε άνθρωπο, καθώς ολο ένα και περισσότερο οι υπολογιστές κατακλίζουν την καθημερινότητα μας και η τεχνολογία συνεχώς εξελισσεται. | ||
| Αντικείμενο μελέτης αποτελούν τα μέσα και οι διαδικασίες με τις οποίες επιτυγχάνεται η ανταλλαγή πληροφοριών και δεδομένων μεταξύ των ανθρώπινων οντοτήτων και των υπολογιστών, και όλα αυτά με τη βοήθεια γλωσσών προγραμματισμου όπως η HTML, JavaScript και CSS. Σημαντικά επιστημονικά επίπεδα με τα οποία θα έρθουμε σε επαφή είναι η θεωρία της επικοινωνίας και των μέσων, ο σχεδιασμός οπτικών εμπειριών όπως και ο προγραμματισμός της διάδρασης. | ||
| Μέσα απο το μαθημα αυτό, και της εργασίας, στόχος είναι με την σχεδίαση ευχρηστων για τον κάθε άνθρωπο υπολογιστών ώστε να καλύπτει τις ανάγκες του, να δημιουργηθεί ένα πιο προσιτό κλίμα μεταξύ ανθρώπου και υπολογιστή. Επιπλέον, η απόκτηση της δυνατότητας αξιολόγησης του βαθμού χρηστικότητας διαφόρων υπολογιστικών συστημάτων, βασιζόμενη στις γνώσεις μου καθώς και στις διάφορες τεχνολογίες που ήδη υπάρχουν. Ωστόσο, ο πιό σημαντικός στόχος όλων αποτελεί η σκέψη και υλοποίηση ενός τρόπου αλληλεπίδρασης ανθρώπου-υπολογιστή που δεν υλοποιηθεί ακόμα, μια καινούργια δημιουργία βασισμένη στις γνώσεις που προκειται να αποκτήσω μέσα από το μάθημα, που θα κάνει την αλληλεπίδραση των χρηστών με τους ηλεκτρονικούς υπολογιστές ακόμα πιο εύκολη και άμεση. Τέλος, θα μάθω να εργάζομαι σε ένα φιλικό προς τον χρήστη ιστότοπο, το GitHub, μέσω του οποίου θα πραγματοποιηθούν όλα τα παραδοτέα της εργασίας. | ||
|
|
||
|
|
||
| # Παραδοτέο 1 | ||
|
|
||
| <h2><span id="Eισαγωγή ">Εισαγωγή </span></h2> | ||
|
|
||
| Μέσα από το μάθημα ήθελα να γνωρίσω με το περιβάλλον του github διότι αποτελεί βασικό εργαλείο για τους πληροφορικούς. Επίσης ήθελα να εξοικειωθώ με το περιβάλλον του linux και να μάθω για τις τεχνικές που ακολουθούν οι προγραμματιστές για να κρατούν την εύκολη επικοινωνεία του ανθρώπου με τον υπολογιστή χρησιμοποιώντας διάφορες γλώσσες. | ||
|
|
||
| # Παραδοτέο 2 | ||
|
|
||
| <h2><span id="Άσκηση γραμμής εντολών 1η">Άσκηση γραμμής εντολών 1η</span></h2> | ||
|
|
||
|
|
||
| Ο στόχος της εργασίας είναι να ενημερωθούμε για την πρόγνωση του καιρού για την πόλη καταγωγής μας και μιας ακόμη πόλης στην οποία θα θέλαμε να ταξιδέψουμε. | ||
|
|
||
|
|
||
| <h2><span id="fetch the weather forecast for your home city and one more city that you want to travel to".></span></h2> | ||
|
|
||
| Σύνδεσμος: [asciinema](https://asciinema.org/a/385449) | ||
|
|
||
|
|
||
| # Παραδοτέο 3 | ||
|
|
||
| <h2><span id="Άσκηση γραμμής εντολών 2η">Άσκηση γραμμής εντολών 2η</span></h2> | ||
|
|
||
|
|
||
| Ο στόχος της εργασίας είναι να αλλάξουμε τη γραμμή εντολών με τον αριθμό μητρώου μας, να καταχωρίσουμε τα αρχεία μας, να εμφανίσουμε το αρχείο shell configuration και να εμφανίσουμε πληροφορίες συστήματος (υλικό + λογισμικό). | ||
|
|
||
| <h2><span id="change your command prompt with your student ID, list your dot files, display your shell configuration file and display system information (hardware+software)."></span></h2> | ||
|
|
||
| Σύνδεσμος: [asciinema](https://asciinema.org/a/385447) | ||
|
|
||
|
|
||
| # Παραδοτέο 4 | ||
|
|
||
| <h2><span id=" Συμμετοχικό περιεχόμενο Α1">Συμμετοχικό περιεχόμενο Α1</span></h2> | ||
|
|
||
| Για το συμμετοχικό περιεχόμενο Α1, επέλεξα να προσθέσω δύο δικές μου εικόνες με πληροφορίες για την κάθε μια. Οι συγκεκριμένες εικόνες είναι το Softwear και το Hardwear, με την δυνατότητα hand-tracking και πολλών ακόμη. | ||
|
|
||
| ## **LINKS:** | ||
|
|
||
| |Αντικείμενο | Repository Link | | ||
| | --- | --- | | ||
| |Hardwear | (https://github.com/despina-komo/_gallery/blob/%CE%A02018205/Softwear-Hardwear.md) | | ||
| | Softwear |(https://github.com/despina-komo/_gallery/blob/%CE%A02018205/Softwear-Hardwear.md) | | ||
|
|
||
| # Παραδοτέο 5 | ||
|
|
||
| <h2><span id="Άσκηση γραμμής εντολών 3η">Άσκηση γραμμής εντολών 3η</span></h2> | ||
|
|
||
| Ο στόχος της εργασίας είναι να εξοικειωθούμε με το πρόγραμμα επεξεργασίας κειμένου και με τις προσθήκες για επισήμανση του κώδικα και αυτόματη συμπλήρωση. | ||
|
|
||
| <h2><span id="text editor and plug-ins for code highlighting and autocompletion."></span></h2> | ||
|
|
||
| Σύνδεσμος: [asciinema](https://asciinema.org/a/385452) | ||
|
|
||
|
|
||
| # Παραδοτέο 6 | ||
| <h2><span id=" Συμμετοχικό περιεχόμενο Α2">Συμμετοχικό περιεχόμενο Α2</span></h2> | ||
|
|
||
| Για το συμμετοχικό Α2, επέλεξα να δημιουργήσω slide και timeline με τον τίτλο Λογισμικό με βασικό θέμα το λογισμικό υπολογιστών, τις διαδικασίες και τις οδηγίες χρήσης που εκτελούν ορισμένες εργασίες σε ένα υπολογιστικό σύστημα. | ||
|
|
||
| ## **LINKS:** | ||
|
|
||
| |Αντικείμενο | Repository Link | | ||
| | --- | --- | | ||
| | Slides | (https://github.com/despina-komo/site/commit/e5b643e1b4a9cf6105a55ade1ca636873205648d?short_path=b2e4144#diff-b2e4144b9b2e45ef8621a51b144dd95a23b8c0f4d9fb00efb659180e641bcd2e) | | ||
| | Timeline |(https://github.com/despina-komo/site/blob/%CE%A02018205/_timeline/%CE%9B%CE%BF%CE%B3%CE%B9%CF%83%CE%BC%CE%B9%CE%BA%CF%8C.md) | | ||
|
|
||
|
|
||
| # Παραδοτέο 7 | ||
|
|
||
| <h2><span id="Άσκηση γραμμής εντολών 4η">Άσκηση γραμμής εντολών 4η</span></h2> | ||
|
|
||
| Ο στόχος της εργασίας είναι να διαμορφώσουμε το περιβάλλον του προγράμματος περιήγησης στο τερματικό πρόγραμμα περιήγησης. | ||
|
|
||
| <h2><span id="browse popular web sites through the terminal."></span></h2> | ||
|
|
||
| Σύνδεσμος: [asciinema](https://asciinema.org/a/383771) | ||
|
|
||
|
|
||
|
|
||
| # Παραδοτέο 8 | ||
|
|
||
| <h2><span id=" Συμμετοχικό περιεχόμενο Β1">Συμμετοχικό περιεχόμενο Β1</span></h2> | ||
|
|
||
| Για το πρώτο κομμάτι του συμμετοχικού περιεχομένου Β, επέλεξα να αναπτήξω την ιστορική αναδρομή του υπολογιστικού λογισμικού για ψηφιακούς υπολογιστές με πρώιμα αποθηκευμένα προγράμματα . Παρακάτω παραθέτω τα .md αρχεία σχετικά με την γενία λογισμικού. | ||
|
|
||
| ## Αρχεία .md | ||
| https://github.com/despina-komo/site/blob/%CE%A02018205/_case-study/ProtiGeniaLogismikou.md | ||
|
|
||
| https://github.com/despina-komo/site/edit/%CE%A02018205/_case-study/History%20Of%20Softwear.md | ||
|
|
||
| ## Φωτογραφίες | ||
| https://github.com/despina-komo/images/blob/fd44563d75a42e35a1f71064f921851d5f83551a/5A5CFAC7-0F82-45F4-8E1C-8C0AF2C5CE59.jpeg | ||
|
|
||
| Άδεια φωτογραφίας: https://blogs.sch.gr/gmitrainas/2019/12/10/ypologistiko-systima/ | ||
|
|
||
|
|
||
| # Παραδοτέο 9 | ||
|
|
||
| <h2><span id="Άσκηση Προγραμματισμού ">Άσκηση Προγραμματισμού</span></h2> | ||
|
|
||
| Σκοπός της άσκησης ήταν να τροποποιήσουμε το παράδειγμα δημιουργώντας ένα 2ο κουμπί που θα εκτελεί την ανάποδη λειτουργία από αυτή του κουμπιού 'another'. Το νεό κουμπί πρέπει να εμφανίζει το μήνυμα που είχε εμφανιστεί προηγουμένως. | ||
|
|
||
| <i><a href="https://github.com/despina-komo/site/blob/master/_remix/mouse-button.md" tittle="Mouse button">Mouse button</a></i> | ||
|
|
||
|
|
||
|
|
||
| # Παραδοτέο 10 | ||
|
|
||
| <h2><span id=" Συμμετοχικό περιεχόμενο Β2">Συμμετοχικό περιεχόμενο Β2</span></h2> | ||
|
|
||
| Στο δεύτερο κομμάτι του συμμετοχικού περιεχομένου, θα κάνω την βιογραφία ενος ατόμου πολύ σημαντικό στην ιστορία του προγραμματισμου. Ήταν η πρώτη που αναγνώρισε ότι το μηχάνημα είχε εφαρμογές πέρα από τον καθαρό υπολογισμό και δημοσίευσε τον πρώτο αλγόριθμο που προοριζόταν να εκτελεστεί από μια τέτοια μηχανή. Ως αποτέλεσμα, θεωρείται συχνά ως η πρώτη προγραμματίστρια υπολογιστών | ||
|
|
||
| ## Αρχεία .md | ||
| https://github.com/despina-komo/site/blob/master/_case-study/Viografia.md | ||
| https://github.com/despina-komo/site/blob/%CE%A02018205/_case-study/Viografia.md | ||
|
|
||
|
|
||
| ## Φωτογραφίες | ||
|
|
||
| https://github.com/despina-komo/images/blob/5273c308420195407159e4fe0d5d2317238ecaf6/A288A8E3-7170-4AD3-A87F-83D6358AF3E6.jpeg | ||
|
|
||
| Άδεια φωτογραφίας:https://www.computerhistory.org/babbage/adalovelace/ | ||
|
|
||
| # Παραδοτέο 11 | ||
|
|
||
|
|
||
| <h2><span id="Άσκηση Προγραμματισμού ">Άσκηση Προγραμματισμού</span></h2> | ||
|
|
||
| Ο σκοπός της άσκησης είναι να τροποποιήσουμε το παράδειγμα προσθέτοντας ένα ακόμα κελί στη φόρμα. Το νέο κελί πρέπει να έχει προεπιλεγμένη τιμή “Gender” και οι διαθέσιμες επιλογές να είναι “Male”,”Female”. | ||
|
|
||
| <i><a href="https://github.com/despina-komo/site/blob/master/_remix/mouse-form.md" tittle="Mouse Form">Mouse form</a></i> | ||
|
|
||
|
|
||
|
|
||
| ## Παραδοτέο 12 | ||
|
|
||
| <h2><span id="Επίλογος">Επίλογος</span></h2> | ||
|
|
||
| ## Aνάλυση εργαλείων | ||
|
|
||
| Όλα τα παραδοτέα περιλαμβάνουν html css javascript και ασκήσεις γραμμής εντολών.Για να δοκιμαστούν και να επεκταθούν όλα τα παραδοτέα χρειαζόμασταν κάποιες πλατφόρμες.Αυτές ήταν το codepen(πλατφορμα html css javascript),asciinema(rec οθόνης γραμμής εντολών),linux os(για τις ασκήσεις γραμμής εντολών). | ||
|
|
||
|
|
||
| ## Συμπέρασμα | ||
|
|
||
| Μεσα από τους πιο πάνω στόχους που κατάφερα να υλοποιήσω μου δόθηκε η ικανότητα να κατανοήσω πιο πολύ το περιβάλλον του git hub και του linux, και ακόμη να ενημερωθώ περισσότερo για την επικοινωνία μεταξύ ανθρώπου και υπολογιστή.Μπαίνοντας σε αυτό το μάθημα δεν γνώριζα τίποτα περί linux και github. Ωστόσο πλέον μπορώ να πω ππως έχω έστω μια βασική εξοικίωση με τα εν λόγω συστήματα. Επιπλέον, η εμπειρία που απέκτησα δουλεύοντας πάνω σε project όπως το pibook είναι χρήσιμη καθώς μου έδωσε μια ιδέα για το πως συνεργάζονται προγραμματιστές μεγάλων project. | ||
|
|
||
| ## Ομαδικότητα | ||
| Μέσα από σχολιασμόυς συμφοιτητών μου κάτω απο την Τελική μου Αναφορά και συμετοχή στις συζητήσεις, κατάφερα να επιλύσω αρκετά προβλήματα που αντιμετώπησα. Θα ήθελα να τους πώ ένα μεγάλο ευχαριστώ! | ||
|
|
||
| ## ΔΕΣΠΟΙΝΑ ΚΩΜΟΔΙΚΗ | ||
| ## Α.Μ:Π2018205 | ||
|
|