Για το ψηφιακό μέρος της εργασίας έχει χρησιμοποιηθεί η MINDAR βιβλιοθήκη, όπως αυτή περιγράφεται από τον δημιουργό της στην σελίδα της MINDAR. Είναι ανοικτού κώδικα και υποστηρίζει image tracking & face tracking.
Προτείνεται το Brackets αλλά μπορείτε να χρησιμοποιήσετε όποιο άλλο θέλετε
Ο κώδικας που θα χρησιμοποιήσουμε κάνει χρήση της κάμερας και επιπλέον πρέπει να δοκιμαστεί και σε κινητό τηλέφωνο. Γι αυτό τον λόγο πρέπει να εγκαταστηθεί ένας τοπικός (local) HTTP server. Προτείνετε να χρησιμοποιηθεί το http server module της Python για τα Windows -υπάρχει ήδη στα MacOS & Linux:
- Goto Python.org
- Στα Download Section κλικ Python “3xxx”
- Επιλέξτε το για να κατεβάσετε το αρχείο εγκατάστασης
- Εκτελέστε το
- Επιλέξετε το “Add Python 3.xxx to PATH” κουτάκι επιλογής
- Εγκαταστήστε και κλείστε το παράθυρο
Για να το ενεργοποιήσετε:
- Πηγαίντε στη γραμμή εντολών πληκτρολογώντας cmd
- Με τις εντολές cd <όνομα καταλόγου>, cd.. και dir πηγαίνετε στον φάκελο που υπάρχει ο κώδικας και πληκτρολογείτε py -3 -m http.server για να ξεκινήσει να τρέχει ο local server στο default chanel 8000 ή εναλλακτικά πληκτρολογείστε το κανάλι που θέλετε
- Ανοίξτε τον web browser και πληκτρολογείστε localhost:8000 και θα εμφανιστούν οι φάκελοι και τα αρχεία που μπορούν να εκτελεστούν τοπικά
- Αν δεν έχετε ήδη λογαριασμό στο Github, μπορείτε να δημιουργήσετε έναν χρησιμοποιώντας το email του πανεπιστημίου.
- Στη συνέχεια συνδεθείτε στο αποθετήριο του μαθήματος και κάντε το αποθετήριο στον δικό σας λογαριασμό.
- Δημιουργία github σελίδας ώστε η εργασία σας να υπάρχει online στον λογαριασμό σας διαθέσιμη σε όποιον έχει το σύνδεσμο στη σελίδα. Ο κώδικας που αντιγράψατε δείχνει στο δικό μου αποθετήριο, οπότε πρέπει να γίνουν οι απαραίτητες τροποποιήσεις στην επιλογή settings / δημιουργία github page.
- Ο κώδικας εκτελείται και μπορείτε ήδη να δείτε την επάυξηση, εάν χρησιμοποιήσετε τα προεπιλεγμένα 3 markers (xxx.png) που υπάρχει στον φάκελο targets, μέσα στον φάκελο assets.
Συγχαρητήρια, έχετε έτοιμο τον βασικό κώδικα της εφαρμογής σας!
Αποθήκευση αποθετηρίου (κώδικα) τοπικά στον υπολογιστή:
- Μπορείτε να χρησιμοποιήσετρε την εφαρμογή git GUI - την κατεβάζετε και κάνετε εγκατάσταση στον υπολογιστή σας
- Κλωνοποιείτε το αποθετήριο ώστε να εργάζεστε τοπικά.
- Αφού γίνει η κλωνοποίηση, μπορείτε να δουλέψετε τοπικά τον κώδικα στην εφαρμογή brackets ή Atom και να βλέπετε το αποτέλεσμα στον browser τοπικά.
Όλη η δουλειά πρέπει να γίνεται τοπικά:
- έχετε unstaged changes που πρέπει να γίνουν staged, τουλάχιστον αυτές που επιθυμείτε να ανεβάσετε -
- αφού ελέγξετε ότι έχουν επιλεγεί σωστά οι αλλαγές θα κάνετε commit. Να θυμάστε ότι κάθε commit πρέπει να συνοδεύεται με κάποιο αντιπροσωπευτικό σχόλιο -
- τέλος πρεπει να γίνει push στο github του commit Αν γίνει οποιαδήποτε αλλαγή στο online αποθετήριο τότε για να μην υπάρξουν απώλειες - συγκρούσεις πρέπει να ενημερώνετε και το τοπικό αποθετήριο (fetch from origin).
Η εφαρμογή που έχετε δουλεύει ήδη με το xxx.png αρχείο που βρίσκεται στον φάκελο targets, μέσα στον φάκελο assets. Μπορείτε να δοκιμάσετε την εφαρμογή, ενεργοποιώντας την επαύξηση με αυτό το αρχείο. Επίσης, προσέξτε ότι μέσα στον ίδιο φάκελο υπάρχει ένα αρχείο με το ίδιο όνομα xxx αλλά η επέκταση που έχει είναι .mind Αυτό συμβαίνει γιατί μια εικόνα πρέπει να υποστεί επεξεργασία ώστε να χρησμοποιηθεί σαν marker.
- Για να χρησιμοποιήσετε το δικό σας marker, αφού το δημιουργήσετε (ένα png αρχείο εικόνας), συνδεθείτε στο image tracker compiler και σύρετε το αρχείο -α στο ειδικό πλαίσιο και πατήστε .
- Τοποθετείστε και τα δυο αρχεία μέσα στον φάκελο assets/targets ώστε η εφαρμογή να είναι εκτελέσιμη και μακριά από τον φυσικό χώρο…
- Για να δημιουργήσετε περισσότερα markers πρέπει να σύρετε ταυτόχρονα πολλά png files στο ειδικό πλαίσιο Περισσότερες πληροφορίες μπορείτε να βρείτε εδώ.
Για την εργασία πρέπει να δημιουργήσετε τουλάχιστον τρία (τρία) markers στο οποία θα συνδέσετε ψηφιακό περιεχόμενο
Κάθε marker πρέπει να αντιστοιχεί σε ψηφιακό περιεχόμενο που θα έχει σκοπό να εμπλουτίσει την εμπειρία του χρήστη. Για τη δημιουργία του ψηφιακού περιεχομένου μπορεί να ανήκει στα παρακάτω είδη, ανάλογα με τις ανάγκες της εργασίας που έχετε επιλέξει:
(α) 3D Model (.gltf) + Ήχος (.mp3)
(β) Βίντεο (*.mp4)
(α) Να φαίνεται το περιεχόμενο σεόλη την οθόνη του κινητού