Δημιουργία Διαδραστικών Εφαρμογών Γεγονότα & Φύλλα εργασίας

Στον ψηφιακό μας κόσμο, δεν μπορούμε να αρνηθούμε τη σημασία του κινητού εφαρμογές . Δίνουν λύσεις σε καθημερινά προβλήματα και κάνουν τη ζωή μας πιο εύκολη. Σε αυτό το μάθημα, θα χρησιμοποιήσουμε το App Lab για να δημιουργήστε διαδραστικές εφαρμογές . Μια διαδραστική εφαρμογή είναι μια εφαρμογή που επιτρέπει στους χρήστες να αλληλεπιδρούν «με οπτικοακουστικές πληροφορίες μέσω gamification, οπτικοποίησης, ακόμη και VR/AR. Βασικά, κάθε εφαρμογή έχει κάποιου είδους διαδραστικότητα.”

Δείτε το αρχείο γεγονότων παρακάτω για περισσότερες πληροφορίες σχετικά με τη δημιουργία διαδραστικών εφαρμογών ή εναλλακτικά, μπορείτε να κάνετε λήψη του πακέτου φύλλου εργασίας Δημιουργία διαδραστικών εφαρμογών 28 σελίδων για χρήση εντός της τάξης ή του οικιακού περιβάλλοντος.

Βασικά Γεγονότα & Πληροφορίες

Σχεδιασμός της διεπαφής χρήστη

• Μια διεπαφή χρήστη είναι η οπτική εμφάνιση ενός ιστότοπου, ενός λογισμικού ή μιας εφαρμογής με την οποία αλληλεπιδρούν οι χρήστες.
• Για να είναι επιτυχημένη η εφαρμογή, ο δημιουργός θα πρέπει να λάβει υπόψη του τι χρειάζεται ο χρήστης της εφαρμογής. Η διεπαφή χρήστη πρέπει να είναι ελκυστική και αποτελεσματική. Θα πρέπει να υποστηρίζει το ταξίδι του χρήστη μέσω της εφαρμογής και να δημιουργεί μια θετική εμπειρία για τον χρήστη.
• Το App Lab εξοπλίζει τους δημιουργούς με μια εργαλειοθήκη σχεδιασμού που περιέχει όλα τα στοιχεία/στοιχεία της εφαρμογής.
• Ο δημιουργός της εφαρμογής μπορεί εύκολα να σχεδιάσει τη διεπαφή χρήστη της εφαρμογής του συνδυάζοντας διαφορετικά στοιχεία.
• Για να προσθέσετε ένα στοιχείο στην εφαρμογή, ο δημιουργός πρέπει να σύρει και να αποθέσει το στοιχείο στην οθόνη. Μπορούν να τοποθετήσουν το στοιχείο οπουδήποτε στην οθόνη και να επεξεργαστούν τις ιδιότητες του εν λόγω στοιχείου (αλλαγή μεγέθους, αλλαγή χρώματος, επεξεργασία κειμένου κ.λπ.).

Στοιχεία διεπαφής χρήστη

• Κουμπί – εμφανίζεται συνήθως ως σχήματα με μια ετικέτα στο κέντρο και επιτρέπει στον χρήστη να εκτελέσει μια συγκεκριμένη εντολή
• Επιγραφή – εμφανίζει κείμενο που παρέχει πληροφορίες στον χρήστη σχετικά με ένα συγκεκριμένο αντικείμενο
• Κουμπί ραδιοφώνου – μικρό κυκλικό στοιχείο που επιτρέπει στους χρήστες να επιλέξουν μια επιλογή από μια συγκεκριμένη λίστα
• Εικόνα – επιτρέπει στους δημιουργούς να εμφανίζουν μια εικόνα ενός συγκεκριμένου αντικειμένου στην οθόνη
• Οθόνη – επιτρέπει στους δημιουργούς να προσθέσουν μια νέα οθόνη στην εφαρμογή
• Διάγραμμα – επιτρέπει στους δημιουργούς να εμφανίζουν δεδομένα στους χρήστες και να επικοινωνούν το μήνυμά τους σχετικά με τα εν λόγω δεδομένα
• Επιλογή φωτογραφίας – επιτρέπει στους χρήστες να επιλέξουν μια φωτογραφία από τον υπολογιστή τους και να την αποθηκεύσουν
• Εισαγωγή κειμένου – όπου ο χρήστης μπορεί να εισάγει δεδομένα
• Αναπτυσσόμενο – αποκαλύπτει μια λίστα στοιχείων από τα οποία ο χρήστης μπορεί να επιλέξει ή να επιλέξει μια τιμή όταν κάνει κλικ σε ένα κουμπί
• Πλαίσιο ελέγχου – επιτρέπει στους χρήστες να επιλέξουν ένα στοιχείο επιλέγοντας το πλαίσιο δίπλα του
• Καμβάς – όπου οι χρήστες μπορούν να σχεδιάσουν και να δημιουργήσουν γραφικά
• Περιοχή κειμένου – μπορεί να χωρέσει απεριόριστο αριθμό χαρακτήρων (συνήθως χρησιμοποιούνται για τη συλλογή δεδομένων χρήστη όπως σχόλια, κριτικές κ.λπ.)
• Ολισθητής – επιτρέπει στους χρήστες να ελέγχουν μια τιμή σύροντας το κουμπί
• Δεν υπάρχει σταθερή φόρμουλα για τη δημιουργία της τέλειας εφαρμογής για κινητά, αλλά η τήρηση αυτών των καλών αρχών σχεδιασμού σίγουρα θα βοηθήσει τους δημιουργούς να δημιουργήσουν μια επιτυχημένη εφαρμογή.
• Πρώτον, είναι καλό να επιδιώκουμε τον μινιμαλισμό. Αποφύγετε την ακαταστασία. Η οθόνη πρέπει να έχει μόνο όλα τα απαραίτητα στοιχεία. Ο οπτικός και λειτουργικός σχεδιασμός θα πρέπει να είναι συνεπής σε όλη την εφαρμογή. Χρησιμοποιήστε το ίδιο σύνολο γραμματοσειρών, χρωμάτων και παρόμοια. Οι χρήστες θα περιμένουν ότι τα παρόμοια στοιχεία θα συμπεριφέρονται με τον ίδιο τρόπο σε όλη την εφαρμογή.
• Ο στόχος του δημιουργού είναι να έχει μια απλή, κατανοητή, λειτουργική εφαρμογή. Με άλλα λόγια, η διεπαφή χρήστη θα πρέπει να είναι διαισθητική.
• Οι χρήστες θα πρέπει να μπορούν να πλοηγούνται στην εφαρμογή εύκολα χωρίς καμία εκπαίδευση.
• Η εφαρμογή θα πρέπει επίσης να είναι ελκυστική. Οι χρήστες θα πρέπει να φύγουν νιώθοντας ότι θέλουν να επιστρέψουν.
• Η εφαρμογή πρέπει να είναι αποτελεσματική. Οι χρήστες δεν πρέπει να περάσουν από πάρα πολλά βήματα μόνο και μόνο για να ολοκληρώσουν αυτό που πρέπει να κάνουν. Μπορεί ο χρήστης να πετύχει τον στόχο του με λίγα μόνο κλικ;
• Ο χρήστης θα πρέπει επίσης να αισθάνεται ότι υποστηρίζεται κάθε φορά που χρησιμοποιεί την εφαρμογή. Εάν χρειάζονται βοήθεια ή συμβουλές, έχει η εφαρμογή τρόπο να τους βοηθήσει;
• Τέλος, οι χρήστες θα πρέπει να μπορούν να ανακτούν εύκολα όταν κάνουν λάθος.

Κάνοντας μια εφαρμογή διαδραστική

• Ο κώδικας κάνει τα στοιχεία της διεπαφής χρήστη διαδραστικά. Ο σχεδιαστής χρειάζεται κώδικα για να κάνει τα στοιχεία να συμπεριφέρονται με συγκεκριμένο τρόπο και να επιτρέπουν στους χρήστες να αλληλεπιδρούν μαζί του.
• Το παράδειγμα δείχνει πώς να κωδικοποιήσετε ένα κουμπί με τέτοιο τρόπο ώστε όταν ο χρήστης κάνει κλικ σε αυτό, θα εκτελέσει μια εργασία (κάνει το φόντο πράσινο).
• Ο σχεδιαστής πρέπει να εισάγει τις σωστές πληροφορίες μέσα στο μπλοκ κωδικοποίησης, όπως φαίνεται παρακάτω.
• 'Οι διαδραστικές εφαρμογές χρειάζονται στοιχεία διεπαφής χρήστη και χειριστές συμβάντων για αυτά τα στοιχεία διεπαφής χρήστη και κάθε τύπο αλληλεπίδρασης χρήστη που απαιτείται.'
• Το πρώτο αναπτυσσόμενο μενού επιτρέπει στον σχεδιαστή να επιλέξει το στοιχείο που θέλει να κωδικοποιήσει.
• Το δεύτερο αναπτυσσόμενο μενού επιτρέπει στον σχεδιαστή να επιλέξει τον τύπο ενέργειας που θέλει να κάνει ο χρήστης για να ενεργοποιήσει το καθορισμένο συμβάν.
• Οποιαδήποτε εργασία ή εντολή πρέπει να εκτελέσει το στοιχείο βρίσκεται μέσα στο μπλοκ συμβάντος. Στο παράδειγμα, κάνοντας κλικ στο κουμπί θα οριστεί το χρώμα φόντου της οθόνης σε πράσινο.
• Για να μάθετε περισσότερα σχετικά με τη διαδικασία κωδικοποίησης, συμπληρώστε τα παρακάτω φύλλα εργασίας.

Σημείωση:

• Η χρήση των φύλλων εργασίας απαιτεί τη σύνδεση στον λογαριασμό σας στο App Lab. Επισκεφτείτε τη διεύθυνση https://code.org/educate/applab.
• Αυτό το πακέτο φύλλου εργασίας είναι η συνέχεια του Εισαγωγή στη δημιουργία εφαρμογών . Εάν χρειάζεστε ένα πιο αναλυτικό σεμινάριο για αρχάριους στο App Lab, ανατρέξτε σε αυτό το πακέτο φύλλου εργασίας.

Δημιουργία φύλλων εργασίας διαδραστικών εφαρμογών

Αυτό είναι ένα φανταστικό πακέτο που περιλαμβάνει όλα όσα πρέπει να γνωρίζετε για τη Δημιουργία Διαδραστικών Εφαρμογών σε 28 σελίδες σε βάθος. Αυτά είναι έτοιμα προς χρήση φύλλα εργασίας Δημιουργία διαδραστικών εφαρμογών που είναι ιδανικά για τη διδασκαλία των μαθητών σχετικά με τη σημασία των εφαρμογών για κινητές συσκευές. Δίνουν λύσεις σε καθημερινά προβλήματα και κάνουν τη ζωή μας πιο εύκολη. Σε αυτό το μάθημα, θα χρησιμοποιήσουμε το App Lab για να δημιουργήσουμε διαδραστικές εφαρμογές. Μια διαδραστική εφαρμογή είναι μια εφαρμογή που επιτρέπει στους χρήστες να αλληλεπιδρούν «με οπτικοακουστικές πληροφορίες μέσω gamification, οπτικοποίησης, ακόμη και VR/AR. Βασικά, κάθε εφαρμογή έχει κάποιου είδους διαδραστικότητα.”

Πλήρης Λίστα Συμπεριλαμβανόμενων Φύλλων Εργασίας

• Γεγονότα δημιουργίας διαδραστικών εφαρμογών
• Αρχές καλού σχεδιασμού
• Καλός σχεδιασμός UI
• Διαδραστικά στοιχεία εφαρμογής
• Η αγαπημένη σας εφαρμογή
• Εφαρμογή μουσικής
• Αριθμομηχανή εφαρμογή
• App Survey/Poll
• Master Clicker Game
• Πού είναι το Bug; Παιχνίδι
• Ποια είναι η ιδέα σας για την εφαρμογή;

Σύνδεση/αναφορά αυτής της σελίδας

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

Ο σύνδεσμος θα εμφανιστεί ως Δημιουργία διαδραστικών εφαρμογών Γεγονότα και φύλλα εργασίας: https://kidskonnect.com - KidsKonnect, 23 Νοεμβρίου 2020

Χρήση με οποιοδήποτε πρόγραμμα σπουδών

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

Μοιράσου Το Με Τους Φίλους Σου: