Κινητές τεχνολογίες · – Android (Linux-Google-Google...

Κινητές τεχνολογίες

Κινητές τεχνολογίες;

Ασύρματη δικτύωση Κινητές επικοινωνίες

Τεχνολογίες Πληροφορικής

Σύγχρονες κινητές συσκευές

• Έχουν δυνατότητα πρόσβαση στο Internet• Είναι εφοδιασμένες με Αισθητήρες

– Δέκτης GPS– Ηλεκτρονική πυξίδα– Επιταχυνσιόμετρο

• Διαθέτουν επαρκή υπολογιστική ισχύ γιαεκτέλεση υπολογιστικών εργασιών

Με τι θα ασχοληθούμε;

• Κινητός ιστός (mobile web)• Κινητές εφαρμογές

– στην πλατφόρμα Android– επαυξημένης πραγματικότητας (augmented

reality)

Κινητός ιστός (mobile web)• Πρόσβαση στον Παγκόσμιο Ιστό (WWW – World Wide

Web) – μέσω browser κινητών συσκευών– με χρήση κινητών ή άλλων ασύρματων δικτύων

• ☺– πρόσβαση οπουδήποτε-οποτεδήποτε σε πόρους WWW– παροχή υπηρεσιών με επίγνωση θέσης

• L– οθόνες χαμηλής ανάλυσης– δυσκολία παροχής δεδομένων από χρήστη– χαμηλότερες ταχύτητες και υψηλότερο κόστος μεταφόρτωσης

δεδομένων

Κινητές εφαρμογές στηνπλατφόρμα Android

• Android: λειτουργικό σύστημα και πλατφόρμαανάπτυξης εφαρμογών για κινητές συσκευές(smartphones, tablets, …)– Βασίζεται στο Linux– Αναπτύχθηκε αρχικά από την Google και μετά από

την Open Handset Alliance


• Android: λειτουργικόσύστημα και πλατφόρμαανάπτυξης εφαρμογώνγια κινητές συσκευές(smartphones, tablets, …)– Βασίζεται στο Linux– Αναπτύχθηκε αρχικά από

την Google και μετά απότην Open Handset Alliance


• Τεχνικές ανάπτυξης προηγμένων εφαρμογών– Εφαρμογές που βασίζονται σε εναλλακτικές επιλογές

• δικτύωσης / επικοινωνίας– SMS– Email– Bluetooth– NFC– WiFi

• ενσωμάτωσης πολυμεσικού περιεχομένου• αποθήκευσης• προσπέλασης βάσεων δεδομένων• αξιοποίησης ενσωματωμένων αισθητήρων

– Google Play: αγορά εφαρμογών Android

Κινητές εφαρμογές επαυξημένηςπραγματικότητας

• Επαυξημένη πραγματικότητα (augmented reality)– Ζωντανή – άμεση ή έμμεση – όψη αντικειμένου του

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

• Κείμενο• Ήχος• Video• 2D/3D γραφικά• Δεδομένα GPS• …


• Ευρεία διάδοση• Ευρύ πεδίο αξιοποίησης

– Τουρισμός– Ξενάγηση σε μουσεία– Διαφήμιση– Εμπόριο– Εκπαίδευση– Ιατρική– Διασκέδαση

• Ανοιχτά περιβάλλονταεπαυξημένηςπραγματικότητας

Οικοσύστημα κινητών εφαρμογών

Κατασκευαστέςκινητών συσκευών

Κινητάλειτουργικάσυστήματα

Κινητοίbrowsers

Κινητοίιστότοποι

Υβριδικές και εγγενείςκινητές εφαρμογές

Εργαλεία ανάπτυξηςεφαρμογών, εξομοιωτές,

εργαλεία ελέγχου

Υποδομές: ασύρματα δίκτυα, τηλεπικοινωνιακοί φορείς,

clouds

Πάροχοι τεχνολογίας(διαφημίσεις, πληρωμές, …)

Αγορέςκινητών εφαρμογών

Πάροχοιυπηρεσιών ιστού

Κινητές συσκευές

• Φορητές• Προσωπικές• Μας συνοδεύουν σχεδόν πάντα• Εύκολη και γρήγορη χρήση• Διαθέτουν κάποιου είδους δικτυακή σύνδεση και

μπορούν να συνδεθούν στο Internet

Κινητές συσκευέςMobile phones: τηλεφωνικές κλήσειςκαι sms

Featured phones: βασικό πρόγραμμα περιήγησης και camera, όχι οθόνη αφής, υποστηρίζουν 2G/3G

Smartphones: multitasking λειτουργικό σύστημα, πλήρες πρόγραμμα περιήγησης, WLAN (WiFi) συνδεσιμότητα εκτός από 2G/3G, λογισμικό music play, GPS, e-compass, camera, video recorder, Bluetooth, οθόνη αφής, επιταχυνσιόμετρο, μαγνητόμετρο

Tablets: οθόνη αφής, συνήθως με κινητό λειτουργικό σύστημα (π.χ., iOS) ή με κατάλληλατροποποιημένο λειτουργικό σύστημα για Η/Υ (π.χ., Windows Phone), WiFi, ίσως 2G/3Gκαι κατά τα λοιπά μοιάζουν με τα Smartphones

Άλλες κινητές συσκευές: ebook readers π.χ., Amazon Kindle με WiFi και 3G και πρόγραμμα περιήγησης στο web

Κινητές συσκευές: τεχνικάχαρακτηριστικά (Ι)

• Επεξεργαστής (4πύρηνο 2200 Mhz-Sony Experia Z Ultra)• Μνήμη RAM (2 GB-Sony Experia Z Ultra)• Κάρτα γραφικών• Κάμερες υψηλής ανάλυσης (π.χ. 41 MPixel-Nokia Lumia 1020)• Built-in Sensors

– Magnetometer για επίγνωση προσανατολισμού (orientation): γυρνάμε τη συσκευή γυρνάεικαι η οθόνη

– Proximity sensor για εκτίμηση εγγύτητας: κλειδώνει αυτόματα η οθόνη όταν απαντήσουμε σεκλήση

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

φωτεινότητας οθόνης για εξοικονόμηση μπαταρίας– Αισθητήρες για θερμοκρασία και ατμοσφαιρική πίεση

• GPS, A-GPS, WiFi για στίγμα της θέσης του χρήστη– GPS: Global Positioning System – χρήση 24 δορυφόρων– A-GPS: Assisted GPS – με υποβοήθηση σταθερής υποδομής κινητού δικτύου– WiFI: η θέση του χρήστη εντοπίζεται μέσω πόρων ασύρματων δικτύων π.χ., σημείο

πρόσβασης (access point) – χρήσιμο όταν δε μπορεί να χρησιμοποιηθεί GPS π.χ., εντόςκτιρίων

• Συνδεσιμότητα– Infrared, bluetooth– WiFi, 3G/4G, WiFi Direct (ad hoc wireless nets)– NFC (Near Field Communication)– RFID (Radio Frequency Identification)– Θύρες HDMI (High-Definition Multimedia Interface)

• Κινητά λειτουργικά συστήματα– Android (Linux-Google-Google Play-δημοφιλέστερο στην αγορά)– iOS 8.1 (ειδικά για συσκευές Apple Inc.-App Store)– Windows Phone 8.1 (Metro/Modern-Microsoft)

• Mobile browsers λόγω τεχνικών περιορισμών κινητώνσυσκευών π.χ., μικρό μέγεθος οθόνης, μικρή μνήμη, χαμηλού εύρους ζώνης

Κινητές συσκευές: τεχνικάχαρακτηριστικά (ΙΙ)

Κινητές εφαρμογές(mobile apps)

• Εγγενείς εφαρμογές– Προσαρμοσμένες σε συγκεκριμένη πλατφόρμα π.χ., Android, iOS– Χρησιμοποιούν εργαλεία της πλατφόρμας– Υπερτερούν σε εμφάνιση και απόδοση

• HTML5 εφαρμογές– Χρησιμοποιούν HTML5, JavaScript, CSS όπως οι web σελίδες– Cross-platform– Πρόβλημα για ασφαλή αποθήκευση δεδομένων και εκμετάλλευση

λειτουργιών κινητών π.χ., camera, sensors, ημερολόγιο• Υβριδικές εφαρμογές

– HTML5 εφαρμογές προσαρμοσμένες στο λειτουργικό σύστημα τωνσυσκευών

– PhoneGap για ανάπτυξη υβριδικών εφαρμογών

Κινητός ιστός (mobile web)

The Internet vs. the web

http://skillcrush.com/2012/08/19/the-internet-vs-the-web/

Internet• Παγκόσμιο σύστημα• Διασυνδεδεμένων δικτύων υπολογιστών• Που χρησιμοποιούν την οικογένεια πρωτοκόλλων TCP/IP• Με σκοπό τη διασύνδεση δισεκατομμυρίων συσκευών παγκοσμίως

• «Δίκτυο δικτύων»– Ιδιωτικά, δημόσια, ακαδημαϊκά, επιχειρηματικά, κυβερνητικά δίκτυα

μεταγωγής πακέτου– Συνδεδεμένα μεταξύ τους μέσω ευρέως φάσματος ηλεκτρονικών,

ασύρματων και οπτικών τεχνολογιών δικτύωσης– Διαθέτουν μεγάλο εύρος πληροφοριακών πόρων και συσκευών

• WWW• Email• Ομότιμα (Peer-to-peer) δίκτυα για ανταλλαγή αρχείων• Τηλεφωνία VOIP (Voice over IP)

WWW – World Wide Web –Παγκόσμιος Ιστός

• Υπηρεσία Internet• Σύστημα διασυνδεδεμένων εγγράφων υπερκειμένου που

μπορούν να προσπελαστούν μέσω του Internet– Έγγραφα υπερκειμένου = ιστοσελίδες (webpages) που

περιέχουν κείμενο, εικόνες, video, άλλα είδη πολυμεσικούπεριεχομένου

– Οι ιστοσελίδες ανοίγονται με ειδικό λογισμικό που ονομάζεταιπεριηγητής ιστού (browser) που επιτρέπει περιήγηση στιςιστοσελίδες μέσω υπερσυνδέσμων (hyperlinks)

• Mozilla Firefox

• MS Internet Explorer

• Google Chrome

WWW – World Wide Web –Παγκόσμιος Ιστός

• Πρόσβαση σε έγγραφα του web βασίζεται στο μοντέλοclient/server - πελάτη/διακομιστή– Συμφωνούμε ότι: web client = web browser– Γνωστοί web servers: Apache (open source), IIS (MS)

• Η επικοινωνία μεταξύ client και server γίνεται με τοπρωτόκολλο HTTP (HyperText Transfer Protocol)

http://www.slideshare.net/jgzheng/web-application-landscapehttps://docs.webplatform.org/wiki/tutorials/How_does_the_Internet_workhttps://msdn.microsoft.com/library/bb330932.aspx

Domain Name Server

Uniform Resource Locator

URL

IP

Βασικές τεχνολογίες σχεδίασης καιανάπτυξης στον Παγκόσμιο Ιστό

• HTML: HyperText Markup Language• CSS: Cascading Style Sheets• Javascript (και JQuery)


• HTML: HyperText Markup Language

• CSS: Cascading Style Sheets• Javascript (και JQuery)

• Για την ανάπτυξη ιστοσελίδων• Τα HTML έγγραφα έχουν

ομοιόμορφη συγκεκριμένηδομή για να αναγνωρίζονταιαπό όλους τους browsers

• Βασίζεται σεhypertext/hyperlinks

• Τρέχουσα έκδοση: HTML5 (10/2014)– Υποστήριξη σύγχρονων

τεχνολογιών πολυμέσων καιπροηγμένων γραφικών

– Αναγνωσιμότητα απόάνθρωπο και ερμηνεία καιαπό υπολογιστές καισυσκευές

– Ανάπτυξη κινητών εφαρμογών



• CSS: Cascading Style Sheets

• Javascript (και JQuery)

• Χρησιμοποιείται για τηνπεριγραφή της εμφάνισηςκαι μορφοποίησηςεγγράφου γραμμένου σεHTML

• Διαχωρίζεται τοπεριεχόμενο από τηνπαρουσίαση

• Πιο πρόσφατη έκδοση: CSS3– Media queries για

προσαρμογή περιεχομένουσε περιορισμούςσυσκευών (π.χ., ανάλυσηοθόνης)

http://www.w3schools.com/css/





• Javascript– Δυναμική γλώσσα

προγραμματισμού– Ενσωματώνεται στους

browsers ώστε ναεκτελούνται σενάρια στηνπλευρά του client

– Στόχος αλληλεπίδραση μετο χρήστη

• Ανάγνωση/επεξεργασίακειμένου που έχεισυμπληρώσει ο χρήστης

• Έλεγχος browser• Ασύγχρονη επικοινωνία

http://www.w3schools.com/js/





• JQuery– Δημοφιλής βιβλιοθήκη της

Javascript– Ανεξάρτητη πλατφόρμας– Διευκολύνει την ανάπτυξη

σεναρίων από την πλευράτου client και τηνενσωμάτωσή τους σεέγγραφα HTML

– Επιτρέπει τη δημιουργίαplugins

– Open-source (MIT)

http://www.w3schools.com/jquery/

Κινητός Ιστός – Mobile Web• Πρόσβαση στον Παγκόσμιο Ιστό• Με κινητή συσκευή• Μέσω ασύρματης τηλεπικοινωνιακής υποδομής

Τεχνικές και Εργαλεία Ανάπτυξηςγια Mobile Web

• Ολοκληρωμένα περιβάλλοντα ανάπτυξης (IDE –Integrated Development Environments) γιαMobile Web– Adobe Dreamweaver CC– Aptana Studio– Eclipse

• Εξομοιωτές (Emulators)– MobileTest.me: online εξομοίωση κινητής συσκευής

σε browser– Opera Mobile Classic Emulator: online/offline

εξομοίωση κινητής συσκευής σε browser

Διακομιστής Ιστού - Web Server• Όταν δημιουργήσουμε έναν (κινητό ) ιστότοπο

πρέπει να τον «ανεβάσουμε» (upload) σε κάποιοweb server– XAMPP

• Apache – MySQL – PHP - Filezilla FTP Client

• Δυναμικοί ιστότοποι: το περιεχόμενό τους έχειπαραχθεί από κάποιο πρόγραμμα πουεκτελέστηκε στο server και ενσωματώνειπεριεχόμενο αποθηκευμένο σε κάποια βάσηδεδομένων– Joomla, Wordpress

Ασκήσεις

• 1: Εμφάνιση ιστοσελίδας για υπολογιστήσε αντίστοιχη προσαρμοσμένη για κινητό

• 2: Τροποποίηση ιστοσελίδας γιαυπολογιστή σε αντίστοιχη για κινητό

Wikitude

• http://www.wikitude.com/app/– [email protected] - papaioan

Άσκηση

• Δημιουργία απλής AR εφαρμογής στοWikitude

Κινητές τεχνολογίες · – Android (Linux-Google-Google...

Documents

Transcript of Κινητές τεχνολογίες · – Android (Linux-Google-Google...