Στάδια μελέτης του GUI

Η βασική διεπαφή για τους περισσότερους παραθυρωμένα προγράμματα , μια γραφική διεπαφή χρήστη ( GUI ή ) επιτρέπει στους χρήστες να εργάζονται με και να χειριστούν μια εφαρμογή μέσω μιας οπτικής διεπαφής με μια συσκευή εισόδου , ​​όπως ένα ποντίκι ή οθόνη αφής . GUIs είναι event-driven - με άλλα λόγια , θα πάρει μόνο δράση σε απάντηση σε μια εντολή του χρήστη. Διαιρώντας τον κωδικό σας σε μια προβολή και ο ελεγκτής θα σας βοηθήσει να απεικονίσει κάθε στάδιο του σχεδιασμού GUI . Απόψεις και Ελεγκτές
Η

Κατ 'αρχάς , θα πρέπει να σκεφτείτε τα δεδομένα που θέλετε να παρουσιάζονται στο χρήστη και πώς θα το χειριστούν . Για παράδειγμα , σε ένα πρόγραμμα επεξεργασίας κειμένου το GUI παρουσιάζει το έγγραφο και ο χρήστης αλληλεπιδρά με αυτό , πληκτρολογώντας τους χαρακτήρες και επιλέγοντας εντολές από ένα μενού . Μπορεί να χρειαστείτε επιπλέον τα παράθυρα για να επεξεργαστείτε τις υποενότητες του εγγράφου , όπως φωτογραφίες ή υπολογιστικών φύλλων. Βοηθά να σκιαγραφήσει ένα διάγραμμα που χωρίζει τους διαφορετικούς τρόπους ο χρήστης μπορεί να δείτε και να χειριστείτε τα δεδομένα , συμπεριλαμβανομένου ενός καταλόγου των βασικών ενεργειών , ο χρήστης μπορεί να πάρει .
Εικόνων Καθορισμός Ενέργειες
Η

Μετά έχετε εξετάσει τους τρόπους οι χρήστες θα αλληλεπιδρούν με το πρόγραμμά σας , θα πρέπει να ορίσετε τις εντολές που θα χρησιμοποιήσετε για να εκτελέσετε την ενέργεια . Πολλοί GUIs ορίζουν πολλαπλούς τρόπους να εκτελούν την ίδια δράση . Για παράδειγμα , για να δημιουργήσετε ένα νέο αρχείο σε ορισμένα προγράμματα , ο χρήστης έχει την επιλογή να το πάτημα ενός κουμπιού , πηγαίνοντας στο βασικό μενού και επιλέγοντας την ενέργεια ή χρησιμοποιώντας μια συντόμευση πληκτρολογίου . Μια εφαρμογή που δημιουργήθηκε για μια συσκευή όπως ένα smartphone μπορεί να έχει ακόμα περισσότερες επιλογές , όπως μια φωνητική εντολή ή ενέργεια αφής . Για κάθε δράση , λίστα τη συντόμευση και εντολές που χρησιμοποιούνται για να το εκτελέσει .

Η Καθορισμός Εκδηλώσεις
Η

εντολές που προκλήθηκε από τα γεγονότα . Συνήθως, αυτά τα γεγονότα που δημιουργούνται από συσκευές εισόδου , ​​όπως ένα ποντίκι υπολογιστή , πληκτρολόγιο ή οθόνη αφής . Όταν ο χρήστης κάνει κλικ σε ένα κουμπί του ποντικιού , για παράδειγμα, δημιουργεί ένα δύο γεγονότα : ένα « ποντίκι προς τα κάτω " , όταν πατηθεί το κουμπί και μια εκδήλωση " ποντίκι " όταν αφήσετε το κουμπί . Συνδυάζοντας αυτά τα γεγονότα χαμηλού επιπέδου αποτελεί μια ενιαία εκδήλωση υψηλού επιπέδου που ονομάζεται " πιέζεται ποντικιού» ή « κλικ του ποντικιού . " Για κάθε μία από τις εντολές σας , θα πρέπει να καθορίζει τις συναφείς εκδηλώσεις .
Εικόνων Ελέγχου διάγραμμα ροής
Η

Αφού έχετε καθορίσει τα γεγονότα που θα χρησιμοποιήσετε , θα πρέπει να δημιουργήσετε ένα διάγραμμα ροής ελέγχου στο μοντέλο του πλήρους φάσματος της εισόδου του χρήστη για μια συγκεκριμένη εντολή ή subinterface . Όπως GUI λαμβάνει συμβάντα , θα αλλάξει καταστάσεις . Για παράδειγμα , όταν ένας χρήστης κάνει κλικ στο μενού , το πρόγραμμα θα αλλάξει από ένα "έτοιμο " κατάσταση σε ένα "ανοικτό μενού " κατάσταση , εμφανίζοντας το μενού στο χρήστη . Σε ένα διάγραμμα ροής ελέγχου , τα κράτη είναι τα κουτιά στο διάγραμμα και τα γεγονότα είναι τα βέλη .
Εικόνων Ενσωμάτωση GUI στοιχεία

Το τελικό βήμα είναι να εξεταστεί ποια συστατικά για χρήση σε GUI σας . Ένα συστατικό είναι ένα ενιαίο στοιχείο GUI , όπως ένα κουμπί , το παράθυρο ή κύλισης . Μια διάταξη οργανώνει αυτά τα συστατικά σε μια ιεραρχία : για παράδειγμα , το κύριο παράθυρο περιέχει ένα πίνακα , το οποίο περιέχει πολλά κουμπιά , και ούτω καθεξής . Για κάθε εκδήλωση υψηλού επιπέδου που έχετε , όπως το πάτημα ενός κουμπιού , μπορείτε να σχεδιάσετε το αντίστοιχο στοιχείο ή να εφαρμόσουν ένα εξάρτημα από ένα API . Το στάδιο αυτό είναι όπου μπορείτε να κάνετε τις αποφάσεις του σχεδιασμού σας, όπως τη βασική διάταξη για τα πάνελ και το βλέμμα του ολόκληρο το περιβάλλον του και την αίσθηση . Και πάλι , χρησιμοποιήστε ένα σκίτσο για να απεικονίσει το τελικό σχέδιο.
Η
εικόνων