Search Header Logo
App Inventor

App Inventor

Assessment

Presentation

Computers

10th Grade

Practice Problem

Easy

Created by

Ach Karath

Used 5+ times

FREE Resource

9 Slides • 5 Questions

1

​7.1 To εκπαιδευτικό περιβάλλον ανάπτυξης εφαρμογών App Inventor

By Ach Karath

2

Poll

Τι πιστεύετε ότι σημαίνει ‘ελεύθερο λογισμικό’;

Δωρεάν χρήση

ο πηγαίος κώδικας διαθέσιμος

και τα δύο

3

Open Ended

Τι φαντάζεστε ότι σημαίνει ‘διαδικτυακό περιβάλλον’;

4

Multiple Choice

Τι σημαίνει «οπτικός προγραμματισμός με πλακίδια»;

1

Γράφουμε εντολές σε κώδικα Java ή Python.

2

Χρειάζεται να εγκαταστήσουμε ειδικό πρόγραμμα στον υπολογιστή.

3

Συνδέουμε έτοιμα «τουβλάκια» (blocks) που κουμπώνουν σαν παζλ

4

Χρησιμοποιούμε αποκλειστικά εντολές κειμένου.

5

media

🔓Ελεύθερο

🌐Διαδικτυακό

🧩Οπτικό προγραμματιστικό περιβάλλον με πλακίδια

📱Εφαρμογές για φορητές συσκευές Android και iOS

App Inventor

media

6

media

Βήμα 1ο

Επισκεφτόμαστε τον σύνδεσμο https://appinventor.mit.edu/ και επιλέγουμε  Create Apps!

Διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor

7

media

Βήμα 2ο

Για να έχουμε δικαίωμα πρόσβασης στο προγραμματιστικό περιβάλλον, θα πρέπει να διαθέτουμε λογαριασμό στην Google.

Διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor

8

media

Βήμα 3ο

Στο πάνω αριστερό τμήμα της οθόνης επιλέγουμε New Project (νέο έργο), οπότε και μας ζητείται να δώσουμε ένα όνομα για την εφαρμογή που πρόκειται να δημιουργήσουμε.

Διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor

9

media

Βήμα 4ο

Ανοίγει η καρτέλα Designer, για να σχεδιάσουμε την εμφάνιση της εφαρμογής μας επιλέγοντας τα απαραίτητα συστατικά στοιχεία και ορίζοντας ιδιότητες γι’ αυτά.

Διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor

10

media

Βήμα 5ο

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

Διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor

11

Βήμα 6ο

Διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor

Στο τελευταίο βήμα εγκαθιστούμε και ελέγχουμε την εφαρμογή μας με  τους δύο παρκάτω τρόπους:

  • με σύνδεση σε κάποια φορητή συσκευή (μενού USB ή AI Companion).

  • με προσομοίωση φορητής συσκευής στον υπολογιστή μας (μενού Emulator).

Διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor

media
media

12

Open Ended

Τι πιστεύετε ότι θα μπορούσατε να προγραμματίσετε με το App Inventor; Έχετε ιδέες που πιστεύετε ότι θα είχαν ενδιαφέρον να υλοποιηθούν;

13

Reorder

Σύρετε τις εικόνες στη σωστή σειρά έτσι ώστε να απεικονίζεται η διαδικασία δημιουργίας μιας εφαρμογής στο App Inventor.

Ανοιγμα Ιστοσελίδας App Inventor

Σύνδεση με λογαριασμό Google

Δημιουργία νέου έργου

Σχεδίαση εμφάνισης εφαρμογής

Προγραμματισμός της εφαρμογής

1
2
3
4
5

14

web page not embeddable

Ηλεκτρονική Σχολική Τάξη (η-Τάξη) | ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ | Εισαγωγή

You can open this webpage in a new tab.

​7.1 To εκπαιδευτικό περιβάλλον ανάπτυξης εφαρμογών App Inventor

By Ach Karath

Show answer

Auto Play

Slide 1 / 14

SLIDE