ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ. «Ανάπτυξη εφαρμογής για εύκολη χρήση μέσα σε οχήματα για κινητά Windows Phone 8»

Transcript

1 Ανώτατο Τεχνολογικό Εκπαιδευτικό Ίδρυμα Λάρισας Σχολή Τεχνολογικών Εφαρμογών Τμήμα Μηχανικών Πληροφορικής ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ «Ανάπτυξη εφαρμογής για εύκολη χρήση μέσα σε οχήματα για κινητά Windows Phone 8» Φοιτήτρια: ΒΙΔΑΛΗ ΙΑΚΩΒΙΝΑ, Α.Μ:Τ03477 Επιβλέπων καθηγητής: ΙΑΤΡΕΛΛΗΣ ΟΜΗΡΟΣ ΛΑΡΙΣΑ 2014

2 «Δηλώνω υπεύθυνα ότι το παρόν κείμενο αποτελεί προϊόν προσωπικής μελέτης και εργασίας και πως όλες οι πηγές που χρησιμοποιήθηκαν για τη συγγραφή της δηλώνονται σαφώς είτε στις παραπομπές είτε στη βιβλιογραφία. Γνωρίζω πως η λογοκλοπή αποτελεί σοβαρότατο παράπτωμα και είμαι ενήμερη για την επέλευση των νομίμων συνεπειών» ΒΙΔΑΛΗ ΙΑΚΩΒΙΝΑ 2

3 Εγκρίθηκε από την τριμελή εξεταστική επιτροπή Τόπος Ημερομηνία / / ΕΠΙΤΡΟΠΗ ΑΞΙΟΛΟΓΗΣΗΣ 1) Ονοματεπώνυμο Υπογραφή 2) Ονοματεπώνυμο Υπογραφή 3) Ονοματεπώνυμο Υπογραφή 3

4 Περίληψη Η παρούσα πτυχιακή εργασία έχει ως αντικείμενο μελέτης την ανάπτυξη εφαρμογών για κινητά τηλέφωνα με λειτουργικό σύστημα Windows Phone 8. Σε μια εποχή όπως η σημερινή όπου τα smartphones έχουν καταλάβει μια θέση στη ζωή μας είναι σημαντικό να μάθουμε τις δυνατότητές τους, την μελλοντική τους πορεία όπως και ένα από τα ευρέως λειτουργικά συστήματα για αυτά: το Windows Phone. Έπειτα, θα αναλυθούν τα προγράμματα που χρησιμοποιήθηκαν για την ανάπτυξη της εφαρμογής που περιγράφει η παρούσα εργασία: το Visual Studio 2012 και το Blend. Θα αναλυθούν επίσης,η σύγχρονη γλώσσας προγραμματισμού C# καθώς και η δηλωτική γλώσσα XAML, και τέλος θα γίνει η παρουσίαση των αντίστοιχων κώδικων στις παραπάνω γλώσσες που συνέθεσαν την εφαρμογή, για την εύκολη και γρήγορη χρήση από οδηγούς οχημάτων, με την υποστήριξη αγαπημένων επαφών, χάρτη και την ενημερωσή τους περί προγραμματισμένων τους εκδηλώσων και ειδήσεων μέσω text to speech. 4

5 Ευχαριστίες Ευχαριστώ τον καθηγητή μου κ.όμηρο Ιατρέλλη, για την συμβολή του στην εκπόνηση της πτυχιακής μου εργασίας, τόσο για το θέμα που μου όρισε όσο για τις συμβουλές και τις ιδέες του, που συντέλεσαν στην καλύτερη υλοποίηση της. Βιδάλη Ιακωβίνα Δεκέμβριος

6 Περιεχόμενα Περίληψη... 4 Ευχαριστίες... 5 Περιεχόμενα... 6 Κεφάλαιο 1 - Εισαγωγή Τεχνολογίες τηλεπικοινωνιών και οδήγηση Τα smartphones γενικά Χαρακτηριστικά και δυνατότητες Κεφάλαιο 2 - Το Windows Phone Η εξέλιξη των Windows Phone Προγραμματισμός σε windows phone Φτιάχνοντας ένα πρότζεκτ Χρησιμοποιώντας το Blend Αναβαθμίζοντας το δηλωτικό αρχείο της εφαρμογής Θέματα Ασφάλειας Κεφάλαιο 3ο - Το Easy Car App Γενικά στοιχεία της εφαρμογής Μη αδρανοποίηση της εφαρμογής Εμφάνιση ευδιάκριτης ώρας και ημερομηνίας Εμφάνιση επίπεδου της μπαταρίας Πρόγνωση καιρού μέσω του OpenWeatherMap API Data Binding Η Πλατφόρμα Τοποθεσίας Χρησιμοποιώντας το OpenWeatherMap API Λίστα για προσθήκη αγαπημένων επαφών Choosers Launchers Κλήση επαφής

7 3.5 Uri Schemes Κουμπί για άμεση ενεργοποίηση της Σύνδεσης Δεδομένων To περιεχόμενο του μενού Appointments Location - Bing Maps directions task News Listpicker control Αποθήκευση τιμών - Isolated Storage Η χρήση του ΙsolatedStorageSettings Progress Bar Το Speech Synthesizer και το SSML Σκέψεις Βιβλιογραφία

8 Κεφάλαιο 1 - Εισαγωγή Η σημερινή κοινωνία στην οποία ζούμε χαρακτηρίζεται μεταξύ άλλων από την γρήγορη τεχνολογική πρόοδο, που παρά την οικονομική κρίση, προσπαθούμε να την ακολουθούμε πιστά αγοράζοντας, αργά ή γρήγορα, συστήματα τελευταίας τεχνολογίας για να διευκολύνουμε την ικανοποίηση των αναγκών μας. Και ακριβώς λόγω του ότι ο σύγχρονος άνθρωπος έχει ολοένα και περισσότερες ανάγκες καθώς ασχολείται καθημερινά με πολλά πράγματα, πρέπει να μπορεί να τα συνδιάζει για να κερδίσει χρόνο και γιατί όχι και χρήμα. Η Πληροφορική και οι Τηλεπικοινωνίες είναι δύο τομείς που έχουν γνωρίσει τεράστιες αλλάγες σε μικρά χρονικά διαστήματα και έκτος του ότι είναι αλληλένδετα, συνδιάζονται και με άλλες τεχνολογίες εκσυγχρονίζοντας και διευκολύνοντάς τις. Για παράδειγμα η πληροφορική έχει επιφέρει τρομερές αλλάγες στον τομέα της Ιατρικής βοηθώντας οι διαγνώσεις και οι εξετάσεις να γίνονται γρηγορότερα. Έπειτα οι ύπαρξη περισσότερων μέσων επικοινωνίας (πχ.διαδίκτυο,δωμάτια συνομιλίας,φόρουμ) έχουν βοηθήση στην διασύνδεση διαφορετικών πολυτισμων, ή στην απομακρυνσμένη επικοινωνία με γνωστούς και συγγενείς μας οπουδήποτε και αν βρίσκονται. Υπάρχουν εκατοντάδες παραδείγματα που θα μπορουσαμε να πουμε, όμως ας επικεντρωθούμε στον σκοπό για το οποίο γράφτηκε αυτή η πτυχιακή: για να δημιουργήσουμε μια εφαρμογή που θα ταιριάξει τον τομέα της αυτοκίνησης με την εύκολη επικοινωνία και χρήση του κινητού μεσα σε όχηματα. 1.1 Τεχνολογίες τηλεπικοινωνιών και οδήγηση Nokia Connected Car fund Η Nokia θα χρηματοδοτήσει εταιρείες που ασχολούνται με τεχνολογίες αυτοκινήτων και τοπικές υπηρεσίες που χρησιμοποιούν το HERE για την ανάπτυξη των χαρτών 8

9 του HERE, ώστε αυτό να περιλαμβάνει τοποθεσίες υπηρεσιών. Το ποσό ανέρχεται σε 1 εκατ. USD και θα δωθεί σε εταιρείες των οποίων οι καινοτομίες θα ειναι σημαντικές για ένα κόσμο συνδεδεμένων και "έξυπνων" αυτοκινήτων. Η Nokia έχει ήδη των πρωταρχικό ρόλο στον τομέα της αυτοκίνησης παρέχοντας πληροφορίες για την τοποθεσία μέσω της εφαρμογής HERE. Για αυτό και σκοπός της είναι να το βελτιώσει και να το αναπτύξει. "Το NGP αναμένεται να επιφέρει νέες καινοτομίες αλλά και οικονομική ενίσχυση στην Nokia,σε επιστροφή." είπε ο Rajeev Suri, πρόεδρος της Nokia και CEO. "Η ανακοίνωση μας για την χρηματοδότηση του 1 εκατ. USD τονίζει την πίστη μας ότι το συνδεδεμένο αυτοκίνητο είναι μια σημαντική υπό ανάπτυξη ευκαιρία στην οποίο το NGP σκοπεύει να δώσει μεγάλα ποσά. " Samsung Smart Driving Το Samsung Smart Driving έχει εισάγει μια επαναστατική τεχνολογία για τον τομέα της αυτοκίνησης. Το σύστημα διάγνωσης και ελέγχου στο αυτοκίνητο φέρνει τον οδηγό ένα βήμα πιο κοντά στο να μπορεί να ελέγχει την διάρκεια ζωής του οχήματος, με την συντήριση να γίνεται πιο εύκολα από ποτέ. Η λύση που πρότινε η Samsung έχει σχεδιαστεί ώστε να εξασφαλίσει ότι οι οδηγοί έχουν ένα ασφαλέστερο περιβάλλον οδήγησης στον δρόμο. Πρόκειται για ένα tablet που συνδιάζει την παροχή πληροφοριών σχετικά με το όχημα και την διασκέδαση, μέσω του οποίου οι χρήστες θα μπορούν να απολαμβάνουν τα χαρακτηριστικά του, βελτιώνοντας ταυτόχρονα την οδήγηση και την συντήριση του οχήματος. Το σύστημα αυτό προσαρμόζεται σε συγκεκριμένους κατασκευαστές, επιτρέποντας εύκολη πρόσβαση σε e-manuals του οχήματος για εκτενή επίβλεψη της απόδοσης. Το On Board Diagnostics στέλνει σχετικές πληροφορίες στο tablet σε πραγματικό χρόνο (διάγνωση πιθανών σφαλμάτων,ανάλυση ταχύτητας,περιστροφή κινητήρων/λεπτό,θερμοκρασία ψύξης). 9

10 Ψάχνοντας το ιστορικό του οχήματος και εντοπίζοντας τις ενδείξεις για αντικατάσταση,επιδιόρθωση ή παροχή service, κρατά ανοιχτή την επικοινωνία μεταξύ πελατών και κατασκευαστών. 1-1 Χρήση της ταμπλέτας της Samsung Motorola Car Technology Patent Το Phandroid είναι μια πατέντα της Motorola που περιγράφεται ως ένα σύστημα radar σχεδιασμένο για να προειδοποιεί τους οδηγούς πότε υπάρχει κάποιο εμπόδιο μπροστά από το αυτοκίνητο τους. Συγκεκριμένα, το σύστημα περιλαμβάνει μια βιντεοκάμερα, ένα βιντεο καταγραφέα και ένα κύκλωμα διαμόρφωσης radio συχνοτήτων που σκανάρει τον δρόμο προκειμένου να εντοπίσει εμπόδια και σε αυτή την περίπτωση να προειδοποιήσει τον οδηγό με κάποιο μήνυμα. Η Phandroid προβλέπει ότι αυτό το καινοτόμο σύστημα αυτοκινήτου θα δώσει την ευκαιρία στην Motorola που ανήκει πλέον στην Google, να βελτιώσει τις δυνατότητες του Waze. To Waze είναι μια εφαρμογή με χάρτες για κινητά που δίνει την δυνατότητα στους χρήστες να στέλνουν αναφορές για την κίνηση στους δρόμους, τυχόν ατυχήματα και άλλες δυσκολίες που συναντούν εν ώρα οδήγησης. 10

11 Sony: Smartphones as multimedia systems Η Sony ανακοίνωσε τον πρώτο δέκτη smartphone, επιτρέποντας σε πολλές μάρκες έξυπνων τηλεφώνων να δουλεύουν μέσω οθόνης στο ταμπλώ του αυτοκινήτου.το XSP-N1BT όπως ονομάζεται, διαθέτει ένα σύστημα που κρατάει με ασφάλεια ένα ευρύ φάσμα κινητών και έτσι τοποθετημένο, μετατρέπεται σε οθόνη αφής για να μπορεί να χρησιμοποιηθεί για οτιδήποτε μες στο αυτοκίνητο. H οθόνη αφής του κινητού λειτουργεί μέσω της εφαρμογής απομακρυνσμένης διασύνδεσης της Sony, και με σύνδεση Bluetooth ή USB. Η εφαρμογή διαθέτει φωνητικό χειρισμό για την διευκόλυνση των οδηγών. Επίσης το XSP-N1BT έχει δέκτη CD και USB που λειτουργεί και χωρίς το smartphone τοποθετημένο πάνω του. Διαθέτει κιόλας διάφορες εφαρμογές έτοιμες προς χρήση, όπως και την δυνατότητα να φορτήσει κανείς το κινητό του μέσω καλωδίου USB. 1-2 Το XSP-N1BT με ένα κινητό Sony προσαρμοσμένο πάνω του Apple PayCar Το PlayCar της Apple είνα αποτέλεσμα του πρότζεκτ "IOS in the car".επειδή η διάρκεια ζωής του αυτοκινήτου είναι μεγαλύτερη από αυτή των κινητών, το θέμα ήταν να σχεδιαστεί ένα σύστημα που να μπορεί να διατηρηθεί μοντέρνο και χρηστικό για μεγάλο διάστημα.έτσι, όπως άλλες εταιρείες έτσι και η Apple στηρίχθηκε σε εξωτερικές συσκευές τηλεφώνου για την λειτουργία του PlayCar, μιας και τα κινητά αναβαθμίζονται πιο συχνά σε σχέση με τα οχήματα. 11

12 Συγκεκριμένα ενσωματώνει τις IPhone εφαρμογές στο ψηφιακό σύστημα του αυτοκινήτου, επιτρέποντας στον χρήστη να χρησιμοποιεί αυτές και τη συσκευή τηλεφώνου πιο εύκολα. Μπορεί να ακούσει μουσική, να το χρησιμοποιήσει ως GPS, να πραγματοποιήσει τηλεφωνικές κλήσεις, να διαβάσει μηνύματα, ακόμα και να παρακουθήσει βίντεο στο Youtube! Η σύνδεση του IPhone με το PlayCar γίνεται μέσω USB, κι έτσι ο οδηγός δεν χρειάζεται να πιάνει το κινήτο ή να κοιτάει αλλού εκτός από το δρόμο, μιας και πέρα της οθόνης αφής ή των κουμπιών,το μπορεί να ελεγχθεί φωνητικά μέσω του Siri. 1-3 Το PlayCar της Apple σε χρήση, ενσωματωμένο σε ταμπλώ αυτοκινήτου 1.2 Τα smartphones γενικά Ο όρος smartphone ή σε ελεύθερη μετάφραση "'έξυπνο" τηλέφωνο σήμερα αναφέρεται σε κινητά τελευταίας τεχνολογίας,με κάποιο λειτουργικό σύστημα κινητής τηλεφωνίας με προηγμένη υπολογιστική ικανότητα σε σχέση με τα απλά κινητά. Στην αρχή ήταν πολύ πιο απλά, συνδιάζοντας κυρίως τις λειτουργίες ενός PDA και ενός κινητού, ενώ με την πάροδο του χρόνο και την εξέλιξη της τεχνολογίας, 12

13 προστέθηκαν ολοένα και περισσότερες λειτουργίες(mp3 players, κάμερα, οθόνη αφής, wifi, web browsers). Τα επικρατέστερα λειτουργικά συστήματα που υπάρχουν σήμερα είναι το Android της Google, το ios της Apple, το Windows Phone της Microsoft και το Blackberry της RIM. Ένα σημαντικό πλεονεκτήματα των smartphones είναι ότι με την βοήθεια των APIs ενσωματώνουν καλύτερα εφαρμογές από sites και διάφορους άλλους φορείς.επίσης με την πάροδο του χρόνου έχουν αποκτήσει πολύ περισσότερες δυνατότητες σε σχέση με τα απλά κινητά, με μεγάλη γκάμα εφαρμογών να τρέχουν σε αυτά, και έχοντας καλύτερο και συχνότερα αναβαθμιζόμενο λογισμικό. 1.3 Χαρακτηριστικά και δυνατότητες Τα smartphones προσφέρουν κάτι περισσότερο από την απλή επικοινωνία με άλλους. Επιτρέπουν στον χρήστη να στείλει και να λάβει s και άμεσα μηνύματα ή υπενθυμίσεις. Οι πολλές δυνατότητές τους φαίνονται στην αρχή δύσκολα για να τα συνηθίσουμε αλλά σύντομα το smartphone γίνεται σύμμαχος σε μια φορτωμένη με υποχρεώσεις καθημερινότητα. Εκτός από τις κλησεις και τα μηνύματα που μπορεί να πραγματοποιήσει κάποιος, η ασύρματη σύνδεση αποτελεί ένα πολύ σημαντικό χαρακτηριστικό.συνήθως κάθε κατασκευαστής έχει έναν ενσωματωμένο browser στο smartphone αλλά υπάρχουν και πολλοί άλλοι browser όπου ο χρήστης μπορεί να κατεβάσει ανάλογα με την προτίμησή του. Το πόσο καλά αναπαριστά πολυμέσα όπως το βίντεο, η μουσική και η εικόνες είναι μέρικα από τα χαρακτηριστικά, που πολλοί αγοραστές κοιτάνε πριν αγοράσουν ένα smartphone. Είναι πολύ χρήσιμο κάποιος να μπορεί να μεταφέρει οπουδήποτε τα αγαπημένα του κομμάτια ή φωτογραφίες. Άλλωστε τα "έξυπνα" τηλέφωνα προσφέρουν επίσης πολλούς τρόπους επεξεργασίας και μοιράσματος των 13

14 οπτικοακουστικών μέσων. Επίσης τα περισσότερα smartphones ενσωματώνουν τεχνολογίες καταγραφής ήχου και βίντεο μέσω κάμερας στην πίσω όψη του κινητού και μερικά από την εσωτερική όψη του. Αυτό δίνει την δυνατότητα στους χρήστες να αποτυπώνουν εύκολα τις αγαπημένες τους στιγμές και να κρατάνε σημειώσεις όπου πηγαίνουν. Οι εφαρμογές, που υποστηρίζει το κάθε λογισμικό smartphone, είναι ένας αξιοσημείωτος παράγοντας στην χρήση του κινητού, καθώς μέσω των εφαρμογών το κινητό αποκτά ολοένα και περισσότερες δυνατότητες. Ως εφαρμογές θεωρούνται και τα παιχνίδια που χρησιμοποιούνται ως μέσο ψυχαγωγίας από μικρούς και μεγαλύτερους σε ηλικία χρήστες. Εν συντομία τα smartphones έχουν γίνει ένα αναπόσπαστο κομμάτι της ζωής μας και είναι σχεδόν αδύνατο κάποιος να μην τα χρησιμοποιεί καθημερινά, αφού παρέχουν τόσες υπηρεσίες γραφείου,πλοήγησης,ψυχαγωγίας κ.ά που έχουν σκοπο να βελτιώσουν την καθημερινότητά μας. 14

15 Κεφάλαιο 2 - Το Windows Phone Το Windows Phone ή εν συντομία WP είναι, όπως προαναφέραμε, ένα από τα πιο διαδεδομένα λειτουργικά συστήματα για smartphones. Το δημιούργησε η Microsoft ως συνέχεια των Windows Mobile που δεν κυκλοφορούν πια. Η Microsoft κατάφερε και έφτιαξε ένα νέο περιβάλλον χρηστη το οποίο ονόμασε Metro, στοχεύοντας περισσότερο το καταναλωτικό κοινό παρά τις επιχειρήσεις. Πρωτοκυκλοφόρισε τον Οκτόμβριο του 2010 με την έκδοση Windows Phone 7. To Metro στυλ που έχουν τα Windows Phones χαρακτηρίζεται από την απλοϊκή αλλά ταυτόχρονα μοντέρνα εμφάνιση του, γι'αυτό και κανονικά λέγεται "Modern". Τετράγωνα ή μεγαλύτερα ορθογώνια πλακίδια (tiles) διακοσμούν την αρχική επιφάνεια του κινητού, μέσω των οποίων ο χρήστης μπορεί να μεταβεί σε διάφορες εφαρμογές του κινητού. Η επιλογή των tiles που θα υπάρχουν στην αρχική οθόνη γίνεται από τον χρήστη με έντονο πάτημα οποιασδήποτε εφαρμογής και πατήματος της αντίστοιχης ενέργειας από το μενού που εμφανίζεται. Μέσα από εύκολο χειρισμό γίνεται τόσο η επιλογή μεγέθους του πλακιδίου, όσο και η μετέπειτα διαγραφή του, αν ο χρήστης αλλάξει γνώμη. 2-0 Η απεικόνιση τις Αρχικής Επιφάνειας ενός windows phone 15

16 2.1 Η εξέλιξη των Windows Phone Windows Phone 7 - Ήταν η πρώτη έκδοση των Windows Phone που κυκλοφόρησε πίσω το 2010, υπέστει αρκετές βελτιώσεις, από τις οποίες,η τελευταία είναι το Windows Phone 7.8 βγήκε τον Ιανουάριο του Αυτή η τελευταία περιελάμβανε χαρακτηριστικά από το Windows Phone 8 όπως είναι η αλλαγή μεγέθους των live tiles, περισσότερα χρώματα θέματος και μια αναβάθμιση στην οθόνη κλειδώματος που να μπορούσε να απεικονίζει αυτόματα, καθημερινά εικόνες από το Bing. Windows Phone 8 - Με τα Windows Phone 8, η Microsoft επέκτεινε τις δυνατότητες του λειτουργικού της αλλά η φιλοσοφία της παρέμεινε ίδια. Κυκλοφόρισαν το 2012 και τρέχουν σε συσκευές με μεγαλύτερη οθόνη και πολυεπεξεργαστές, επιτρέποντας τις εφαρμογές να τρέχουν στο background. Γι'αυτό όσες συσκευές τρέχουν τα Windows Phone 7 σήμερα δεν μπορούν να αναβαθμιστούν σε Windows Phone 8. Το Windows Phone 8 έχει πιο ανανεωμένο home screen, βελτιωμένη σύνδεση Bluetooth και καλύτερες ρυθμίσεις για το Wifi. Μεταξύ άλλων περιλαμβάνει Data Sense για τον έλεγχο της χρήσης δεδομένων, διορθώσεις στο XBOX Music και HTML 5 ανανέωση στο Internet Explorer Mobile. Επίσης μέσω των CalDAV/CardDav οι Windows Phone χρήστες μπορούν να συνδέσουν το κινητό τους με το Google Calendar ή άλλες υπηρεσίες. Windows Phone Κυκλοφόρισαν τον Απρίλιο του 2014 και σε αυτά προστέθηκαν: το Contana, ένα ψηφιακός βοηθός παρόμοιος με το Google Now και το Siri της Apple. Το Contana ρυθμίζει υπενθυμήσεις, αναγνωρίζει τη φωνή χωρίς να χρειάζεται συγκεκριμένες εντολές και απαντά σε ερωτήσεις χρησιμοποιώντας πληροφορίες του Bing. Επίσης, συγκεντρώνει πληροφορίες σε ένα Notebook για τα ενδιαφέροντα του χρήστη και προσωπικές πληροφορίες του. Ο χρήστης φυσικά μπορεί να διαγράψει όσα από αυτά δεν θέλει να τα έχει το Contana. Τα Windows Phone 8.1 χρησιμοποιούν την έκδοση Internet Explorer 11 για web browser. Ο ανανεωμένος browser περιλαμβάνει ένα νέο Youtube web player, την δυνατότητα να καρφιτσώνονται live tiles ιστοσελίδων στο homepage του κινητού, 16

17 και την ικανότητα να αποθηκεύει κωδικούς. Τέλος, ο χρήστης μπορεί να ανοίξει απεριόριστο αριθμό καρτέλων στον IE11 και αν έχει συνδεθεί στο κινητό με τον λογαρισμό του στη Microsoft μπορεί να συνχρονίσει τις καρτέλες του υπολογιστή και του κινητού αυτόματα. Το Windows Phone Store άλλαξε ως προς την εμφάνιση του, παρέχοντας περισσότερες πληροφορίες για κάθε εφαρμογή. Κάνει πλέον αυτόματα τις αναβαθμίσεις των εφαρμογών. Επίσης όποια εφαρμογή υπάρχει τόσο σε Windows 8.1 και Windows Phone 8 και συσχετίζονται, είναι δηλαδή οι λεγόμενες universal apps, τότε αν έχουν εγκατασταθεί στον υπολογιστή του χρήστη τότε θα εμφανίζονται στην κατηγορίας "My Apps" του κινητού. Υπάρχουν φυσικά νέες, ανανεωμένες εφαρμογές για τα Windows Phone 8.1 όπως το Battery Saver για να ελέγχεται η χρήση της μπαταρίας, το Storage Sense που επιτρέπει τους χρήστες να μεταφέρουν αρχεία και εφαρμογές από τη μνήμη του κινητού στη microsd κάρτα και αντίστροφα. Το Wifi Sense συνδέει αυτόματα το κινητό σε διαθέσιμα Wifi hotspots.το ημερολόγιο έχει αποκτήσει χαρακτηριστικά παρόμοια με το Microsoft Outlook Calendar και μπορεί να συνχρονιστεί ακόμη και με το Google Calendar. Οι χάρτες υποστηρίζουν την Aerial-view, το 3D mapping και δυναμική πυξίδα. Φανερώνουν επίσης κοντινά Wifi-hotspots αν υπάρχουν. 2.2 Προγραμματισμός σε windows phone Οι γλώσσες προγραμματισμού και τα προγραμματιστικά περιβάλλοντα για την ανάπτυξη εφαρμογών, για κάθε λειτουργικό σύστημα είναι διαφορετικά. Για το Windows Phone συγκεκριμένα χρησιμοποιείται το Visual Studio σε συνδιασμό με το Blend και με κώδικα σε C#, Visual Basic ή C++. Για το Easy Car App χρησιμοποιήθηκε η γλώσσα προγραμμάτισμού C#. Επίσης για τη δημιουργία της διεπαφής του χρήστη χρησιμοποιείται η δηλωτική γλώσσα XAML. 17

18 Η γλώσσα προγραμματισμού C# Η C# είναι μία ολοκληρωμένη αντικειμενοστραφής γλώσσα προγραμματισμού σχεδιασμένη για τη δημιουργία λογισμικού σε.net Framework. Τα πάντα στη C# είναι αντικείμενα Παρέχει άμεση πρόσβαση σε τεράστιες βιβλιοθήκες κλάσεων του.net Framework και ασφάλεια των τύπων της. Η C# ως αντικειμενοστραφής γλώσσα, έχει τα εξής χαρακτηριστικά: Ενθυλάκωση Η Ενθυλάκωση συνδέει τον κώδικα με τα δεδομένα που χειρίζεται και τα κρατά και τα δύο ασφαλή από εξωτερικές παρεμβολές. Στην πράξη, αυτό σημαίνει ότι ο κώδικας και τα δεδομένα συνδέονται κατά τέτοιο τρόπο ώστε να δημιουργείται ένα μαύρο κουτί,μέσα στο οποίο βρίσκονται όλα τα απαραίτητα δεδομένα και ο απαραίτητος κώδικας. Έτσι δημιουργείται ένα αντικείμενο. Μέσα σε αυτό, ο κώδικας και τα δεδομένα μπορεί να είναι ιδιωτικά(private) -που σημαίνει ότι μπορούν να προσπελαστούν μόνο από άλλα μέρη του αντικειμένου- ή δημόσια (public) -μπορούν να προσπελαστούν και από τμήμα του προγράμματος που βρίσκεται έξω από το αντικείμενο. Πολυμορφισμός Ο Πολυμορφισμός επιτρέπει να χρησιμοποιούμε το ίδιο όνομα σε μεθόδους που εκτελούν διαφορετικό κώδικα ανάλογα με τον τύπο του αντικειμένου στο οποίο καλείται.έτσι μειώνεται η πολυπλοκότητα του κώδικα. Κληρονομικότητα Η κληρονομικότητα είναι μια διαδικασία που επιτρέπει σε ένα αντικείμενο να πάρει ιδιότητες ενός άλλου αντικειμένου. Η C# αναλύεται σε αυτό το σύγραμμα, με περισσότερη λεπτομέρεια ως προς την ανάπτυξη προγραμμάτων, στα Κεφάλαια 2 και 3. 18

19 Η δηλωτική γλώσσα XAML H XAML(Extensible Application Markup Language) είναι βασισμένη στην δηλωτική γλώσσα XML και ο σκοπός και η φιλοσοφία της μοιάζει με της γλώσσας HTML. Καθορίζει την οπτική εμφάνιση μιας εφαρμογής και η σχεδίαση του μπορεί να γίνει χωρίς να γίνουν καθόλου αλλαγές στο κώδικα της C# που τρέχει από πίσω. Έτσι διαφοροποιούνται οι εργασίες του σχεδιαστή και του προγραμματιστή. Ο προγραμματιστής που σχεδιάζει την εφαρμογή μπορεί, είτε να γράψει κώδικα σε XAML, είτε να σύρει τα εργαλεία που θέλει από την Εργαλειοθήκη(Toolbox) του Visual Studio και να τα βάλει στην εφαρμογή του, μέσω του Designer. Τα αρχεία XAML είναι XML αρχεία που έχουν ως επέκταση αρχείου το.xaml. Μέσω της XAML, εκτός από ορισμό των στοιχείων της διεπαφής χρήστη, μπορούμε να καθορίσουμε τον τρόπο που θα εμφανίζονται και να τα μορφοποιήσουμε χρησιμοποιώντας τα attributes τους και ορίζοντας templates. Πως χρησιμοποιείται: Στην XAML όπως και σε άλλες δηλωτικές γλώσσες (πχ xml,html) τα αντικείμενα ορίζονται μέσα σε ανοίγμα και κλείσιμο ετικέτας. Επίσης μέσα σε αυτές τις ετικέτες μπορούμε να ορίσουμε διάφορες ιδιότητες σε αυτά τα αντικείμενα, όπως προαναφέρθηκε. Παρακάτω παραθέτουμε ένα αρχικό πρότζεκτ που γίνεται ξεκάθαρο πως γίνονται τροποποιήσεις στα χαρακτηριστικά των στοιχείων της εφαρμογής. Εργαλεία που χρησιμοποιήθηκαν Το Microsoft Experssion Blend περιέχει εργαλεία σχεδίασης και φτιάχτηκε από την Microsoft για την σχεδίαση γραφικών για internet και desktop εφαρμογές. Αρχικά ήταν μια από τις εφαρμογές στην σουίτα Microsoft Expression Studio, πριν αυτή διακοπεί. Όσον αφορά το Easy Car App, το Blend χρησιμοποίηθηκε κυρίως για την επεξεργασία του template των κουμπιών της εφαρμογής. 19

20 Το Visual Studio είναι ενα ενοποιημένο περιβάλλον φτιαχμένο από την Microsoft. Χρησιμοποιείται για την δημιουργία προγραμμάτων σε μια μεγάλη γκάμα συστημάτων όπως web sites, web applications και web services. To Visual Studio χρησιμοποιεί πλατφόρμες όπως τα Windows API, Windows Forms, Windows Presentation Foundation, το Windows Store και το Microsoft Silverlight. Εμάς φυσικά θα μας απασχολήσει η δημιουργία εφαρμογής για κινητά που θα είναι διαθέσιμη έπειτα στο Windows Store. 2-1 Το logo του Blend 2-2 To logo του Visual Studio Για να ξεκινήσει κάποιος τον προγραμματισμό εφαρμογών για κινητά τηλέφωνα Windows Phones μπορεί να κατεβάσει το the Windows Phone 8 SDK, που διατήθεται δωρεάν στο Windows Phone Dev Center στην διεύθυνση: Αυτό περιλαμβάνει: o Microsoft Visual Studio 2012 Express for Windows Phone,μπορεί να εγκατασταθεί μόνο σε Windows 8 και μετέπειτα εκδόσεις.( ή κάποια άλλη μετέπειτα έκδοση του Visual Studio) o Microsoft Blend 2012 Express for Windows Phone o Τον εξομοιωτή ενός Windows Phone o Project templates, reference assemblies,και libraries 20

21 Ο Εξομοιωτής (Emulator) Η δυνατότητα της δοκιμής μιας εφαρμογής σε μια συσκευή πριν ανέβει στο Windows Phone Store,είναι πολύ αναγκαία. Άλλωστε μόνο σε μια πραγματική συσκευή μπορούμε να δούμε την πραγματική εκτέλεση της εφαρμογής. Το Visual Studio ενσωματώνει έναν emulator κι αυτό έρχεται να δώσει την λύση, διότι όχι μόνο είναι πιο γρήγορος από την χρήση συσκευής, αλλά προσφέρει διαφορετικές αναλύσεις οθόνης και όλες τις ρυθμίσεις που έχει ένα πραγματικό Windows Phone. Μάλιστα είναι ιδανικός για την λήψη στιγμιοτύπων της εφαρμογής μας, όταν θα θέλουμε να τα ανεβάσουμε σε κάποιο site ή ακόμη και στο Store. Ο emulator είναι μια εικονική συσκευή που υποστηρίζεται από το by Hyper-V το οποίο αλληλεπιδρά με το hardware του υπολογιστή. Έτσι αν έχουμε υπολογιστή με οθόνη αφής μπορούμε να την χρησιμοποιήσουμε κατά την διάρκεια του τεστ, καθώς επίσης και το μικρόφωνο, αν η εφαρμογή μας το χρησιμοποιεί. Είναι σημαντικό να αναφερθεί ότι ο emulator συνοδεύεται από μερικά εργαλεία που είναι χρήσιμα κατά την διάρκεια των τεστ, όπως αισθητήρες κίνησης και πλοήγησης για να είναι ακόμα πιο αποτελεσματικός. 2.3 Φτιάχνοντας ένα πρότζεκτ Για να φτιάξουμε μια εφαρμογή για Windows Phone 8, ανοίγουμε το Visual Studio και επιλέγουμε από το μενού: File>New Project... ή εναλλακτικά επιλέγουμε το "New Project..." στην σελίδα έναρξης. 21

22 2-3 Η αρχική οθόνη του Visual Studio Express 2012 Ύστερα μας δίνεται η δυνατότητα να επιλέξουμε το είδος της εφαρμογής και την διάταξή της. Φυσικά η διάταξη είναι κάτι που μπορούμε να το αλλάξουμε μετέπειτα προσθέτοντας ή διαγράφοντας σελίδες. Εδώ από τα Templates επιλέγουμε: Visual C# > Windows Phone App και Windows Phone Version OS 8.0. Αρχικά η εφαρμογή μας είναι κάπως έτσι: 2-4 Φτιάχνοντας ένα project 22

23 2-5 Η αρχική εικόνα του project μας Στα αριστερά είναι η απεικόνηση της εφαρμογής όπως θα φαίνεται σε μια συσκευή Windows Phone, ενώ στα δεξιά βρίσκεται ο XAML κώδικας της Main Page, όπως ονομάζεται, αυτή η αρχική σελίδα. Στο επάνω μέρος κάθε XAML σελίδας φαίνονται οι δηλώσεις των namespaces. Κάθε namespace ξεκινάει με το πρόθεμα xmlns, που είναι το βασικό XML namespace, ακολουθούμενο από ένα μεταβλητό πρόθεμα (πχ phone). Αυτό το πρόθεμα είναι σημαντικό διότι είναι αυτό που θα χρησιμοποιούμε στην υπόλοιπη σελίδα για να προσθέσουμε κάποιο control του εκάστοτε namespace. Έπειτα ορίζουμε ολόκληρο το namespace που περιέχει τα controls, διαφορετικά χρειάζεται να ορίσουμε ποιο assembly (το όνομα του DLL file) περιέχει την κλάση. Συνεχίζοντας με το αρχικό πρότζεκτ μας, βλέπουμε ότι τα αρχεία που υπάρχουν μέσα του, απεικονίζονται στον Solution Explorer: 23

24 2-6 Η απεικόνιση του Solution Explorer Περιγραφή των αρχείων ενός C# πρότζεκτ: Αρχείο ApplicationIcon.png App.xaml App.xaml.cs AppManifest.xml Περιγραφή Πρόκειται για την εικόνα (logo) που αντιπροσωπεύει την εφαρμογή μας στο κινητό τηλέφωνο. Είναι αυτό που βλέπουν οι χρήστες μόλις είναι να ανοίξουν την εφαρμογή, πράγμα που τονίζει και την σημασία της. XAML και αρχεία κώδικα για την εφαρμογή. Δηλωτικό αρχείο που περιγράφει την εφαρμογή. Χρειάζεται για να παράγει το πακέτο της εφαρμογής (XAP). AssemblyInfo.cs Άλλο ένα αρχείο που καθορίζει την διαμόρφωση της εφαρμογής και περιέχει το όνομα και την έκδοση metadata που εμπεριέχονται στο παραγόμενο συναρμολογούμενο αρχείο. MainPage.xaml MainPage.xaml.cs Η αρχική σελίδα και το αρχείο κώδικα που τρέχει όταν ξεκινάει η εφαρμογή. WMAppManifest.xml Περιγράφει την εφαρμογή περιέχοντας συγκεκριμένα δεδομένα όπως την ονομασία της,το εικονίδιο της κτλ. Assets Μέσα στα Assets υπάρχουν και βάζουμε τις εικόνες, το logo ή/και αρχεία ήχου της εφαρμογής. Μπορούμε εύκολα να αλλάξουμε το όνομα της εφαρμογής και τον τίτλο της σελίδας. Εδώ έχουμε 2 textblocks που μετονομάζοντας τις ιδιότητες "Text" τους,μπορούμε να βάλουμε αυτό που θέλουμε. Όλα τα χαρακτηριστικά και οι 24

25 ιδιότητες των στοιχείων που έχουμε στην εφαρμογή μας φαίνονται αναλυτικά στα "Properties" εφόσον έχουμε επιλεγμένο το αντίστοιχο στοιχείο. Τα Properties, με λίγα λόγια χρησιμοποιούνται για να αλλάξουμε την εμφάνιση και την συμπεριφορά του κάθε control. 2-7 Εχοντας κάνει τις πρώτες αλλαγές στο Title Panel του project Έπειτα μπορούμε να προσθέσουμε όποιο εργαλείο θέλουμε από το "Toolbox" στα αριστερά, που εμφανίζεται και με την συντόμευση Ctrl+ W,X. Επιλέγουμε το κουμπί "Button" και το σέρνουμε πάνω στην οθόνη του κινητού στο σημείο που επιθυμούμε. Αυτό θα προστεθεί μέσα στο ContentPanel της σελίδας μέσα στο οποίο εντάσσεται συνήθως το περιεχόμενο της. Στα κουμπιά μπορούμε να αλλάξουμε το περιεχόμενο τους μέσω της ιδιότητας "Content". 2-8 Τοποθετώντας το κουμπί για την μεταβίβαση του χρήστη στην επόμενη σελίδα. 25

26 Τα Events είναι ένας τρόπος για να διαχειριστούμε τις αλληλεπιδράσεις του χρήστη με τα control μας.έτσι για να κάνει ένα κουμπί κάτι χρήσιμο πρέπει να ορίσουμε έναν Event Handler που θα εκτελείται ας πούμε όταν πατάμε το κουμπί "Είσοδος". Γράφοντας δίπλα στον υπάρχων Xaml κώδικα του button: <Button Content="Είσοδος" HorizontalAlignment="Left" Margin="166,332,0,0" VerticalAlignment="Top" Width="169" Click="Button_Click"/> ή απλά με διπλό πάτημα πάνω στο κουμπί, δημιουργείται μια κενή μέθοδος στον κώδικα από πίσω: private void Button_Click(object sender, RoutedEventArgs e) { // ο κώδικα που θέλουμε να εκτελείται όταν πατάμε το κουμπί } Εμείς θέλουμε, όταν ο χρήστης πατάει το κουμπί να μεταβαίνει σε μια άλλη σελίδα. Έτσι δημιουργούμε αυτή τη σελίδα πατώντας το όνομα του πρότζεκτ: 2-9 Τα βήματα για την εισαγωγή μιας νέας σελίδας στο project μας 26

27 Αφού επιλέξουμε ένα Windows Phone Portrait Page, δημιουργείται μια σελίδα κάθετη σελίδα με το όνομα Page1 και μπορούμε να της βάλουμε να εμφανίζει ότι εμείς θέλουμε. πχ. Ένα textblock που να καλωσορίζει τον χρήστη στην εφαρμογή μας. Τώρα, μένει να ενώσουμε την Page1 με την Main Page. Αυτό το πετυχαίνουμε με την εντολή Navigate, εφόσον την τοποθετήσουμε μέσα στον Event Handler Button_Click που φτιάξαμε παραπάνω: private void Button_Click(object sender, RoutedEventArgs e) { NavigationService.Navigate(new Uri("/Page1.xaml", UriKind.Relative)); } Την εκτέλεση της εφαρμογής μπορούμε να την ξεκινήσουμε από το: Debug > Start Debugging (F5). Κατά την εκτέλεση της εφαρμογή έχουμε: 2-10 Η αρχική σελίδα της εφαρμογής 2-11 Η σελίδα καλωσορίσματος Χρησιμοποιώντας το Blend Όπως αναφέραμε προηγουμένως το Blend είναι ιδανικό για να κάνουμε επιπλέον αλλαγές στην εφαρμογή μας. Ειδικότερα θα λέγαμε για την επεξεργασία 27

28 templates και την δημιουγία animations. Θα δείξουμε την εφαρμογή και των δύο τεχνικών στο πρώτο μας πρότζεκτ. Επεξεργασία Template Αρχικά μπορούμε να ανοίξουμε το πρόγραμμά μας στο Blend μέσω του Visual Studio πατώντας δεξί κλικ στο όνομα του πρότζεκτ μας, μέσα στον Solution Explorer. Αρχικά ως δική μας προτίμηση αφαιρούμε το Border Brush του κουμπιού, επιλέγοντας το "Trasparent" από τo Brush Properties. Για να επεξεργαστούμε το template ενός οποιουδήποτε αντικειμένου που έχουμε στην εφαρμογή μας, πρέπει να το επιλέξουμε και ύστερα να πατήσουμε δεξί κλικ >Edit Template > Edit a Copy. Ο λόγος για τον οποίο επιλέγουμε το "Edit a Copy" είναι για να πάρουμε τις τωρινές ιδιότητες του control όπως είναι αυτή την στιγμή στο πρότζεκτ μας και να μπορούμε να κάνουμε αλλαγές σε αυτό και να τις δούμε πιο εύκολα. Έπειτα μπορούμε να παρατηρήσουμε ότι εμφανίστηκαν κάποιες επιλογές στο παράθυρο των "States" States και Object and Timeline 28

29 Στα "States" όπως δηλώνει και το ονομά τους, παρουσιάζονται όλες οι πιθανές καταστάσεις που μπορεί να βρεθεί το εκάστοτε control. Τώρα για παράδειγμα επιλέξαμε να τροποποιήσουμε το template του κουμπιού "Έναρξη" που δημιουργήσαμε παραπάνω. Έτσι έχοντας επιλεγμένη την κατάσταση "Pressed", φανερώνονται στο παράθυρο "Objects and TimeLine" ποια μέρη του κουμπιού επιρρεάζονται (εδώ το ButtonBackground που γίνεται κόκκινο) Όποιαδήποτε αλλαγή σε κάποιο state καταγράφεται όσο το recording είναι "on" Έτσι, ενώ καταγράφει αν επιλέξουμε το ButtonBackground μπορούμε να δούμε αναλυτικά τις ιδιότητες του και να τις επεξεργαστούμε. Πιο συγκεκριμένα επιλέγοντας το ButtonBackground μπορούμε να αλλάξουμε το κόκκινο χρώμα που είχε ως προκαθορισμένη ρύθμιση το κουμπί και επιλέγοντας το ContentContainer μπορούμε να τροποποιήσουμε το κείμενο του κουμπιού. Δημιουργία Animation Για να δημιουργήσουμε ένα Storyboard πρέπει αρχικά να ανοίξουμε το παράθυρο "Animation", πηγαίνοντας στο Window > Workspaces > Animation. Ύστερα μέσα από το Objects and Timelines επιλέγουμε "New..." : 29

30 2-14 Δημιουργώντας νέο Storyboard Επιλέγοντας το αντικείμενο που θέλουμε να επεξεργαστούμε, μπορούμε να δημιουρήσουμε ένα καινούριο καρέ επιλέγοντας το "Record Keyframe" Με αυτόν τον τρόπο μπορούμε να βάλουμε όσα καρέ θέλουν την χρονική στιγμή που επιθυμούμε ώστε να φτιάξουμε ένα πολύ ωραίο αποτέλεσμα Παράδειγμα Storyboard Όπως φαίνεται στην εικόνα 2-14 έχουμε ένα storyboard που μεταβαίνει από την αρχική κατάσταση του κουμπιού μας σε μια τελική όπου έχουν γίνει αλλαγές στο background colour και το foreground colour του. Φυσικά την κινησή του την έχουμε τροποποιήσει επίσης εμείς, διαφορετικά θα ήταν ένα στατικό κουμπί που απλώς αλλάζει χρώμα. Για να γίνει το αποτέλεσμα με την κίνηση του κουμπιού, φαίνονται τα επιπλέον καρέ στο timeline, ένα για την κίνηση προς τα αριστερά και ένα για την 30

31 κίνηση προς τα δεξιά. Όπως και με την τροποποίηση του template έτσι και στην επεξεργασία των καρέ η καταγραφή θα πρέπει να είναι ανοιχτή και να διαλέξουμε αναλυτικά σε ποια στοιχεία του κάθε αντικειμένου θα επέμβουμε Ανοιχτή καταγραφή Storyboard Ύστερα για να χρησιμοποιήσουμε το Storyboard που δημιουργήσαμε, αρκεί να βάλουμε την κατάλληλη εντολή στο σημείο που θέλουμε. Για παράδειγμα: private void Button_Click(object sender, RoutedEventArgs e) { Storyboard2.Begin(); } Όπου StoryBoard2 είναι το όνομα που δώσαμε στο animation μας και η μέθοδος Begin() του λέει να ξεκινήσει να εκτελείται. Με λίγη παρατήρηση μπορούμε να κάνουμε οποιαδήποτε αλλαγή θέλουμε στα αντικείμενα μας και να δώσουμε ένα πιο ωραίο τόνο στην εφαρμογή μας. 2.4 Αναβαθμίζοντας το δηλωτικό αρχείο της εφαρμογής Όπως αναφέραμε παραπάνω το WMAppManifest.xml περιγράφει την εφαρμογή μας.το αρχείο αυτό είναι που υπάρχει στις εφαρμογές που μπαίνουν στο Windows Store. Μπορούμε να επεξεργαστούμε και να κάνουμε αλλαγές στο AppManifest μέσω του Manifest Designer.Αυτό έχει 4 καρτέλες: Όνομα Καρτέλας Application Capabilities Περιγραφή Χρησιμοποιείται για να ρυθμίσετε ρυθμίσεις της εφαρμογής όπως το εμφανιζόμενο όνομα,την αρχική σελίδα και τα εικονίδια της. Προσδιορίζει τα χαρακτηριστικά του τηλεφώνου που χρησιμοποιεί η 31

32 Requirements Packaging εφαρμογή, όπως την πρόσβαση στο Ίντερνετ, την πρόσβαση στη βιβλιοθήκη μουσικής του τηλεφώνου κτλ. Προσδιορίζει τις απαιτήσεις από πλευράς hardware που χρειάζεται η εφαρμογή όπως το NFC, την χρήση μπροστά ή πίσω κάμερας κτλ. Περιέχει πληροφορίες για το πακέτος της εφαρμογής όπως το όνομα του εκδότη, τον αριθμό έκδοσης, τις υποστηριζόμενες γλώσσες κ.ά Θέματα Ασφάλειας Τα smartphones σήμερα αποτελούν τα πιο προσωπικά αντικείμενα των ανθρώπων, αποτελώντας προέκταση των χεριών τους. Περιέχουν άλλωστε ονόματα, τηλέφωνα, διευθύνσεις των οικογενειών τους, των φίλων και των γνωστών. Η συλλογή φωτογραφιών, τα και ίσως κι άλλα σημαντικά αρχεία είναι συχνά αποθηκευμένα στο κινητό μας, αφού το κουβαλάμε συνεχώς πάνω μας. Οπότε για να διασφαλίσουμε ότι όλες αυτές οι πληροφορίες παραμένουν ασφαλείς, χρειάζεται ένα ισχυρό μοντέλο ασφαλείας. Το μοντέλο αυτό βασίζεται στην παραδοχή διαφορετικών τμημάτων, που έχουν μεμονομένα περιεχόμενα στα οποία δημιουργούνται και εκτελούνται διεργασίες. Ένα τμήμα είναι μια αρχή ασφαλείας για την οποία τα δικαιώματα είναι παραχωριμένα στο σύστημα. Το σύστημα παραχωρεί τα δικαιώματα για κάθε ένα από αυτά σύμφωνα με την μακροχρόνια αρχή, η οποία λέει ότι μια εφαρμογή δεν πρέπει να έχει την δυνατότητα να χρησιμοποιήσει δεδομένα, πέρα από αυτά που είναι απολύτως απαραίτητα για την εκτέλεση των λειτουργιών της. Για παράδειγμα μια εφαρμογή που στέλνει δεν πρέπει να έχει την δυνατότητα να ανοίγει αυθαίρετα την κάμερα του κινητού για να τραβήξει φωτογραφία, γιατί σαφώς αυτό δεν χρειάζεται κατά την αποστολή ενός .έτσι για να διασφαλίσουμε τι θα μπορεί να χρησιμοποιεί η εφαρμογή μας πρέπει να επιλέξουμε τις αντίστοιχες ενέργειες από τα Capabilities. Στην παραπάνω εφαρμογή που φτιάξαμε δεν χρησιμοποιούμε δεδομένα από το 32

33 κινητό του χρήστη μιας και είναι πολύ απλή, ωστόσο είναι σημαντικό να παραθέσουμε τα Capabilities που έχουμε επιλεγμένα για το Easy Car App: 33

34 Κεφάλαιο 3ο - Το Easy Car App Το Easy Car App δημιουργήθηκε με τη χρήση πολλών σελίδων διασυνδεδεμένων είτε με την Main Page είτε μεταξύ τους. Φυσικά, κάθε μια έχει τις δικές τις λειτουργίες, που είναι περισσότερες από μια απλή εμφάνιση μηνύματος. Η Main Page είναι ένα Portrait Page αποτελείται από 2 Panoramas ώστε να είναι εύκολη και γρήγορη η πρόσβαση στις διάφορες λειτουργίες της. Συγκεκριμένα η εφαρμογή περιέχει: Εμφάνιση ευδιάκριτης ώρας και ημερομηνίας Εμφάνιση επίπεδου της μπαταρίας Πρόγνωση καιρού μέσω του openweathermap.org API Λίστα για προσθήκη αγαπημένων επαφών Κουμπί για άμεση ενεργοποίηση του Wifi Menu με τα εξής: o o o Appointments (Κανονισμένες Συναντήσεις) Map (Χάρτη Πλοήγησης) News (Ειδήσεις ανά τον κόσμο) Γενικά στοιχεία της εφαρμογής To Panorama Control που επιλέχθηκε, είναι στην ουσία μια μεγάλη οριζόντια επιφάνεια που περιέχει PanoramaItems. Αυτά αποτελούνται από τμήματα περιεχομένου στα οποία ο χρήστης μπορεί να μεταβεί κάνοντας κατάλληλες χειρονομίες, συνήθως με κάποια κίνηση δεξιά ή αριστερά. Το Panorama Control είναι ένα από τα πιο διαδεδομένα controls στο Windows Phone, διότι τα PanoramaItems του μπορούν να περιέχουν οτιδήποτε (λίστες, εικόνες κά). Στο Easy Car App σχεδόν κάθε σελίδα συνοδεύεται με ένα Application bar στο κάτω μέρος της.η Application bar εξ'ορισμού(default state) είναι μια σειρά εικονιδίων στο κάτωκάτω μέρος της εφαρμογής. Χρησιμοποιείται από τους προγραμματιστές για να 34

35 απεικονίζουν εντολές που μπορεί να πατήσει ο χρήστης κατά απαίτηση και σχετίζονται με το περιεχόμενο και την χρήση της εφαρμογής. Πολλές εφαρμογές έχουν ίδια εικονίδια για τις βασικές εντολές στο Windows Phone 8, διότι παρέχονται κάποια από αυτά με το SDK που αναφέραμε στην αρχή, στην τοποθεσία: C:\Program Files (x86)\microsoft SDKs\Windows Phone\v8.0\Icons. Η Application Bar μπορεί να απεικονιστεί σε 3 καταστάσεις: μικρή, προκαθορισμένη και σε πλήρες μέγεθος. Η μικρή κατάσταση αναφέρεται για όταν δεν έχει κάποιο εικονίδιο αλλά μόνο menu items. Όταν, η Application bar αποτελείται από menu items αυτά φαίνονται μόνο όταν είναι σε πλήρες μέγεθος. Σε πλήρες μέγεθος φανερώνονται και λεζάντες κάτω από τα εικονίδια αν έχουν οριστεί Μη αδρανοποίηση της εφαρμογής Ένα σημαντικό χαρακτηριστικό της εφαρμογής είναι να μένει μόνιμα ανοιχτή, από της στιγμή που την ανοίξει ο οδηγός, μέχρις ότου να την κλείσει ο ίδιος. Αυτό επιτυχγάνεται με μια προσθήκη κώδικα, στο App.xaml όπου βρίσκονται τέσσερις Event Handlers, ένας για κάθε κατάσταση: <Application.ApplicationLifetimeObjects> <!--Required object that handles lifetime events for the application--> <shell:phoneapplicationservice Launching="Application_Launching" Closing="Application_Closing" Activated="Application_Activated" Deactivated="Application_Deactivated"/> </Application.ApplicationLifetimeObjects> Έτσι για να απενεργοποιήσουμε την αδρανοποίηση της App.xaml.cs και γράφουμε: εφαρμογής πηγαίνουμε στο PhoneApplicationService.Current.UserIdleDetectionMode = IdleDetectionMode.Disabled; μέσα σε κάθεμια από τις 4 καταστάσεις ( Launching, Closing, Activated, Deactivated ), όπως και στο public App() που βρίσκεται στην αρχή: 35

36 public App() {... true; // Show graphics profiling information while debugging. if (Debugger.IsAttached) { // Display the current frame rate counters. Application.Current.Host.Settings.EnableFrameRateCounter = PhoneApplicationService.Current.UserIdleDetectionMode = IdleDetectionMode.Disabled; } } Εμφάνιση ευδιάκριτης ώρας και ημερομηνίας Η ώρα και η ημερομηνία του κινητού εμφανίζονται μέσα σε 2 Textblocks με την χρήση της ιδιότητας DateTime.Now: <TextBlock x:name="dateblock" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Width="177" Height="47" FontSize="36" TextAlignment="Center" Margin="44,178,0,0" FontFamily="Segoe WP SemiLight" Foreground="White" Text="12/10/2014"/> <TextBlock Margin="122,56,269,86" Text=":" FontSize="65" TextAlignment="Center" Foreground="White"/> <TextBlock x:name="minuteblock" Margin="151,0,0,78" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Bottom" Width="96" Height="117" FontSize="82" TextAlignment="Center" Foreground="White" FontFamily="Segoe WP Light" LineHeight="7" Text="30"/> Και ο κώδικας για την εμφάνισή τους: HourBlock.Text = DateTime.Now.Hour.ToString(); MinuteBlock.Text = DateTime.Now.Minute.ToString("0#"); Dateblock.Text = DateTime.Today.Day.ToString() + "/" + DateTime.Today.Month.ToString() + "/" + DateTime.Today.Year.ToString(); Όμως δεν αρκεί να τα γράψουμε μία φορά καθώς θέλουμε να ανανεώνεται συνεχώς. Έτσι πρέπει να δημιουργήσουμε μια συνάρτηση: void dt_tick(object sender, EventArgs e) { HourBlock.Text = DateTime.Now.Hour.ToString(); MinuteBlock.Text = DateTime.Now.Minute.ToString("0#"); Dateblock.Text = DateTime.Today.Day.ToString() + "/" + DateTime.Today.Month.ToString() + "/" + DateTime.Today.Year.ToString(); } Η οποία θα εκτελείται για κάθε δευτερόλεπτο. 36

37 dt.interval = TimeSpan.FromSeconds(1); dt.tick += dt_tick; dt.start(); Εμφάνιση επίπεδου της μπαταρίας Για την ένδειξη της τιμής της μπαταρίας χρησιμοποιείται ο παρακάτω κώδικας: Windows.Phone.Devices.Power.Battery.GetDefault().RemainingChargePercent.ToStrin g(); Χρησιμοποιείται μέσα στην παρακάτω συνάρτηση, που καλείται όταν η μπαταρία που απομένει μειωθεί κατά 1%. void MainPage_RemainingChargePercentChanged(object sender, object e) { Windows.Phone.Devices.Power.Battery.GetDefault().RemainingChargePercent.ToStrin g();... } Αυτό που υλοποιήθηκε μετά την ανάκτηση της τιμής της μπαταρίας είναι μια δομή επιλογής με την οποία, αφού ελέγξουμε την τιμή της μπαταρίας εισάγουμε το κατάλληλο imageurl και εμφανίζουμε την εικόνα της μπαταρίας μέσω του στοιχείου batteryimg που έχουμε στο MainPage.xaml: batteryimg.source = new BitmapImage(new Uri(imageUrl, UriKind.Relative)); 3-1 Η ένδειξη ώρας/ημερομηνίας και μπαταρίας 37

38 3.1 Πρόγνωση καιρού μέσω του OpenWeatherMap API Τι είναι τα APIs To API (Application Programming Interface) αλλιώς και διεπαφή προγραμματισμού εφαρμογών είναι το γραφικό περιβάλλον (interface) που ένα υπολογιστικό σύστημα, βιβλιοθήκη (library: μια συλλογή από έτοιμα υποπρογράμματα που χρησιμοποιείται για την ανάπτυξη λογισμικού) ή διαδικτυακή εφαρμογή/υπηρεσία (web application) παρέχει, προκειμένου να επιτρέψει να γίνουν προς αυτό αιτήσεις από άλλα προγράμματα και/ή ανταλλαγή δεδομένων. Πως λειτουργεί ένα API; Ένας από τους πρωταρχικούς σκοπούς μιας διεπαφής API, είναι να διατυπώσει το σύνολο των λειτουργιών-υπηρεσιών που μπορεί να παρέχει ένα λειτουργικό σύστημα, μια διαδικτυακή υπηρεσία κλπ σε άλλα προγράμματα χωρίς να γίνεται κάποια αναφορά στον κώδικα που υλοποιεί αυτές τις υπηρεσίες. Το API απλά ορίζει με ποιές εξωτερικές εντολές θα παρέχει την αμφίδρομη επικοινωνία με την υπηρεσία που θέλει να συνδεθεί προς αυτό χωρίς να αποκαλύπτει τον πηγαίο κώδικά του. Αυτές οι εντολές που καλούν το API, μπορεί να είναι γραμμένες σε συγκεκριμένη προγραμματιστική γλώσσα (Language-dependent) αναλόγως του τύπου του API. Στην εφαρμογή μας η πρόβλεψη καιρού που γίνεται μέσω του OpenWeatherMap API, και τα εμφανίζουμε μέσα από ένα ListBox control με τον παρακάτω Xaml κώδικα: 38

39 Data Binding Όπως φαίνεται παραπάνω τα δεδομένα μέσα στα στοιχεία του ListBox δεν εισάγονται χειροκίνητα αλλά μέσω data binding. Γενικά, όταν τα στοιχεία που θέλουμε να εμφανίζει η εφαρμογή μας δεν είναι πολλά, μπορεί να βολεύει ο χειροκίνητος τρόπος για την εισαγωγή τους σε αυτήν. Όμως για πιο πολύπλοκα δεδομένα, μπορεί να αποτελεί εμπόδιο, μιας και σε περίπτωση τροποποιήσεων για παράδειγμα, ο φόρτος εργασίας θα ήταν πιο πολύς απ' ότι με μια τεχνική σαν το data binding. Πλεονεκτήματα της χρήσης data binding: o Επιτρέπει την ένωση διαφόρων πηγών δεδομένων (Κλήση δικτυακών υπηρεσιών, SQL ερωτήματα, αντικείμενα επιχειρήσεων κτλ). Οι εν λόγω πηγές δεδομένων παρουσιάζονται στον κώδικα της εφαρμογής ως μια ή περισσότερες κλάσεις. o Απλοποιεί τη σύνδεση και το συγχρονισμό των δεδομένων έτσι δεν χρειάζονται συνεχώς συντήρηση από τον προγραμματιστή. o Διατηρεί τον διαχωρισμό μεταξύ του User Interface σχεδιασμού και της λογικής της εφαρμογής. Το data binding είναι ένας τρόπος με τον οποίο μπορούμε να ορίσουμε την σχέση μεταξύ των δεδομένων της εφαρμογής και του User Interface που τα απεικονίζει. Είναι σημαντικό άλλωστε να υπάρχουν ξεκάθαρα όρια μεταξύ των διαφορετικών 39

40 λειτουργικών κομματιών μιας εφαρμογής.πχ διαφορετική σημασία έχουν τα τμήματα του περιβάλλοντος χρήστη και διαφορετική τα κομμάτια που περιέχουν δεδομένα και διαχειρίζονται μια πηγή δεδομένων. Το σχήμα παρακάτω επεξηγεί την χρήση του data binding. 3-2 Data Binding Επίσης ένα πλεονέκτημα που έχουμε όταν έχουν οριστεί οι σχέσεις μεταξύ των δεδομένων και του UI, είναι όταν αλλάζει η τιμή των δεδομένων στην πηγή τους. Η εφαρμογή δεν χρειάζεται να κάνει κάτι για αυτή την αλλαγή. Απλώς βασίζεται στην κλάση που αντιπροσωπεύει αυτή την πηγή δεδομένων ενεργοποιώντας ένα change notification event, το οποίο παίρνει η εφαρμογή και το χρησιμοποιεί για την αλλαγή του UI. Το ίδιο γίνεται και αντίστροφα, αν ο χρήστης δηλαδή αλλάξει τα δεδομένα στο UI, αυτά αλλάζουν και μέσα στην πηγή. Η Πλατφόρμα Τοποθεσίας Το Location API είναι φτιαγμένο πάνω στην πλατφόρμα του αισθητήρα και παράγει γεωγραφικά δεδομένα για εφαρμογές. Ένα από τα σημαντικά χαρακτηριστικά της είναι ότι πολλές εφαρμογές μπορούν να έχουν πρόσβαση στον ίδιο αισθητήρα ταυτόχρονα. Παλιότερα ίσχυε ότι μόνο μια εφαρμογή μπορούσε να έχει πρόσβαση στις συντεταγμένες του GPS σε κάποια χρονική στιγμή. Υπάρχουν πολλές διαφορετικές μέθοδοι για να προσδιορίσουμε την τοποθεσία της συσκευής τηλεφώνου, κάθεμια από τις οποίες έχει διαφορετικό επίπεδο ακριβείας. Μέθοδος εντοπισμού τοποθεσίας Global Positioning System (GPS) WiFi triangulation Ακρίβεια 5-15 μέτρα μέτρα 40

41 Cell Phone Tower triangulation IP Address resolution 40 μέτρα - 5 χιλιόμετρα 50 χιλιόμετρα Το Location API υπολογίζει την πιο ακριβή τοποθεσιά που είναι με βάση τους αισθητήρες που είναι διαθέσιμοι. Αν είναι πολλοί από αυτούς διαθέσιμοι θα αναφέρει μόνο τον πιο ακριβή. Οι Windows Store εφαρμογές μπορούν να έχουν πρόσβαση στο Location API μέσω του Windows.Devices.Geolocation namespace. Η κύρια κλάση στο Windows.Devices.Geolocation namespace για να παίρνει την τοποθεσία του χρήστη είναι η κλαση Geolocator. Αυτή η κλάση έχει τα παρακάτω Events, Methods και Properties. Events Όνομα PositionChanged positionchanged StatusChanged statuschanged Methods Όνομα GetGeopositionAsync getgeopositionasync Περιγραφή Ενεργοποιείται όταν ανανεώνεται η τοποθεσία. Ενεργοποιείται όταν η κατάσταση του Geolocator αλλάζει. Περιγραφή Ξεκινά έναν ασύνχρονο χειρισμό για να ανακτήσει την τοποθεσία του χρήστη. Properties Όνομα DesiredAccuracy desiredaccuracy LocationStatus locationstatus MovementThreshold movementthreshold ReportInterval reportinterval Περιγραφή Το επίπεδο ακριβείας στο οποίο δείχνει ο Geolocator την τοποθεσία. Το στάτους που δείχνει την κατάσταση του Geolocator για να αναδείξει κάποια ανανέωση στην τοποθεσία. Λαμβάνει και καθορίζει την απόσταση (σε μέτρα) σύμφωνα με τις συντεταγμένες του τελευταίου PositionChanged event που χρειάζεται για τον Geolocator ώστε να ενεργοποιήσει ένα νέο PositionChanged event. Ο ζητούμενος ελάχιστος χρόνος μεταξύ 2 ανανεώσεων τοποθεσίας σε miliseconds. 41

42 Χρησιμοποιώντας το OpenWeatherMap API Αφού αναλύσαμε την κλάση Geolocator ας δούμε την πράξη την χρήση του PositionChanged event στο πρότζεκτ του Easy Car App. Ο κώδικας στην C#: Στην περίπτωση της ενημέρωσης καιρού, έχουμε την κλάση WeatherInfo.cs που ενημερώνεται κάθε φορά που τρέχει ο παραπάνω κώδικας, δηλαδή με την αλλαγή τοποθεσίας. Έτσι, το ListBox control που εμφανίζει τον καιρό, ενημερώνεται μέσω data binding από τις τιμές αντικειμένου του WeatherInfo, για το temp_c, το temp_f,το icon και το condition που λαμβάνονται από το API του OpenWeatherMap.org. 42

43 Το OpenWeatherMap προσφέρει ένα απλό και ωραίο API που ταιριάζει με την σχεδίαση της εφαρμογής μας. Προβάλει καιρικά δεδομένα για οποιοδήποτε μέρος στον πλανήτη, περιλαμβάνοντας πάνω από πόλεις, μιας και έχει πάνω από σταθμούς που ανανεώνονται συχνά! Στην δωρεάν εκδοχή του, που χρησιμοποιήθηκε για αυτήν την πτυχιακή, επιτρέπει έως κλήσεις το λεπτό και έως κλήσεις την ημέρα. Τα δεδομένα του αναναιώνονται από 10 λεπτά έως και 2 ώρες και αξίζει να σημειωθεί ότι εκτός από τα πρόσφατα καιρικά δεδομένα μιας περιοχής, παρέχει κι άλλες πληροφορίες όπως πρόβλεψη καιρού, καιρικούς χάρτες, ώρα ανατολής και δύσης ήλιου, οποιαδήποτε καιρικά δεδομένα θέλουμε για κάποια τοποθεσία( πχ. πόσο αέρα έχει) και το ιστορικό μιας περιοχής (< 1 μήνα για την δωρεάν εκδοχή). Ο προγραμματιστής έχει την δυνατότητα να διαλέξει, ποια από αυτά θα προβάλει και τον τρόπο που θα τα εμφανίσει την εφαρμογή του. Τα δεδομένα διατείθονται σε μορφή JSON,XML και HTML. Για το Easy Car App επιλέχθηκε η XML μορφή όπως φαίνεται και παραπάνω. 3.2 Λίστα για προσθήκη αγαπημένων επαφών Οι αγάπημένες επαφές του χρήστη απεικονίζονται μέσα σε ένα LongListSelector με το όνομα "Lista". 43

44 Το Windows Phone toolkit Όπως φαίνεται και στον κώδικα παραπάνω, στην λίστα αγαπημένων επαφών έχει προστεθεί ένα context menu item που επιτρέπει στον χρήστη να διαγράψει κάποια επαφή που δεν χρειάζεται άλλο. Το context menu είναι ένα control που εφανίζεται εφόσον εγκαταστήσουμε το WP-toolkit στον Package Manager Console πατώντας στην εντολή: PM> Install-Package WPtoolkit Επίσης χρειάζεται να βάλουμε το κατάλληλο namespace στην XAML σελίδα που θα το χρησιμοποιήσουμε. xmlns:toolkit="clrnamespace:microsoft.phone.controls;assembly=microsoft.phone.controls.toolkit" Τα controls που περιλαμβάνει το Windows Phone Toolkit είναι: ToggleSwitch: Χρησιμοποιείται κυρίως σε σελίδες ρυθμίσεων μιας και παίρνει τιμή on/off. ContextMenu: Ένα μενού που εμφανίζεται όταν ο χρήστης πατήσει έντονα ένα αντικείμενο. DatePicker και Timepicker: Για επιλογή της ώρας ή της ημερομηνίας. WrapPanel: Στοιχίζει τα εμφωλευμένα controls το ένα δίπλα στο άλλο αυτόματα και αν δεν έχει χώρο βγάζει καινούρια γραμμή. AutoCompleteBox: Ένα ειδικό TextBox που μπορεί να εμφανίσει προτινόμενες επιλογές στον χρήστη σύμφωνα με το κείμενο που πληκτρολογεί ο χρήστης. ListPicker: Απεικονίζει μια λίστα αντικειμένων. Χρησιμοποιείται κυρίως όταν οι χρήστες έχουν να επιλέξουν μεταξύ διαφορετικών επιλογών. ExpanderView: Χρησιμοποιείται για να δημιουργεί στοιχεία που μπορούν να επεκταθούν χρησιμοποιώντας την δομή δέντρου για να απεικονίσουν άλλα στοιχεία. πχ. η απεικόνιση των συζητήσεων στην εφαρμογή μηνυμάτων. MultiSelectList: Μοιάζει με το ListBox μόνο που δίπλα από κάθε item του έχει ένα checkbox, επιτρέποντας την πολλαπλή επιλογή. PhoneTextBox: Ένα ειδικό TextBox με αρκετά επιπρόσθετα χαρακτηριστικά όπως την τοποθέτηση εικονιδίου μέσα του, τη καταμέτρηση χαρακτήρων κ.ά HubTile: Μπορεί να χρησιμοποιηθεί για να δημιουργήσει ένα παρόμοιο αντίγραφο της αρχικής οθόνης με Live Tiles μέσα την εφαρμογή. 44

45 CustomMessageBox: Ένα ειδικό MessageBox που προσφέρει πολλά περισσότερα από το απλό, όπως αλλαγή των κουμπιών, την αλλαγή της διάταξής του κ.ά. Rating: Δίνει την δυνατότητα στους χρήστες να βαθμολογίσουν κάτι μέσα από μια εφαρμογή. Μοιάζει όπως η βαθμολόγιση που γίνεται μέσα από το Store. SpeechTextBox: Ένα ειδικό TextBox που υποστηρίζει φωνητική αναγνώριση, έτσι ώστε οι χρήστες να προφέρουν το κείμενο αντί να το πληκτρολογούν. Από τα παραπάνω, έχουν χρησιμοποιήθει το Context Menu και το Listpicker μέσα στο Easy Car App. 3.3 Choosers Ο κώδικας για την προσθήκη επαφής, εκτελείται καθώς πατάμε το κουμπί "Plus_btn", εκτελεί ένα Chooser: private void Plus_btn_Click(object sender, EventArgs e) { phonenumberchoosertask.show(); } Ένας Chooser είναι κι αυτό στην ουσία ένα API που τρέχει μια built-in εφαρμογή του τηλεφώνου, που υπάρχει δηλαδή επί της κατασκευής του λειτουργικού.όταν αυτή η ενέργεια που εκτελεί ο Chooser ξεκινήσει, ο χρήστης μπορεί να επιλέξει να την τερματίσει ή να την διακόψει. Choosers για τα Windows Phone 8 Τίτλος Address chooser task Camera capture task Εmail address chooser task Game Invite task Phone Περιγραφή Εκτελεί το Contacts application.χρησιμοποιείται για να αποκτήσουμε πρόσβαση στην φυσική διεύθυνση μιας επαφής που έχει επιλεγεί από τον χρήστη. Εκτελεί το Camera application.επιτρέπει στον χρήστη να τραβάει φωτογραφίες μέσω της εφαρμογή σας. Εκτελεί το Contacts application. Χρησιμοποιείται για να αποκτήσουμε πρόσβαση στo μιας επαφής που έχει επιλεγεί από τον χρήστη. Περιέχει τον κώδικα για να εμφανίσει στην οθόνη ένα game invite το οποίο δίνει την δυνατότητα στο χρήστη να προσκαλεί άλλους χρήστες σε multiplayer games. Εκτελεί το Contacts application.χρησιμοποιείται για να αποκτήσουμε 45

46 Number Chooser task Photo chooser task Save Contact task Save address task Save Number Phone task Save Ringtone task πρόσβαση στα τηλέφωνα μιας επαφής που έχει επιλεγεί από τον χρήστη. Εκτελεί το Contacts application.μέσω αυτού ο χρήστης μπορεί να επιλέξει μια φωτογραφία. Εκτελεί το Contacts application.μέσω αυτού ο χρήστης μπορεί να αποθηκεύσει μια επαφή. Εκτελεί το Contacts application.μέσω αυτού ο χρήστης μπορεί να αποθηκεύσει ένα . Εκτελεί το Contacts application. Μέσω αυτού ο χρήστης μπορεί να αποθηκεύσει ένα τηλέφωνο. Εκτελεί το Ringtones application. Μέσω αυτού ο χρήστης μπορεί να αποθηκεύσει ένα ringtone από την εφαρμογή σας στη λίστα με τα ringtones του τηλεφώνου. Μόλις ο Chooser του "Phone Number Chooser task" ολοκληρωθεί, εκτελείται ο παρακάτω κώδικας όπου σε περίπτωση που έχει επιλεγεί ένα νούμερο που υπάρχει ήδη στην "Lista" εμφανίζει κατάλληλο μήνυμα. Διαφορετικά το DisplayName και το PhoneNumber προστήθονται σε μια λίστα από IsolatedStorageSettings μεταβλητές την "showncontact", ενώ στην λίστα ObservableCollection "contactnames" εισάγωνται μόνο τα ονόματα αυτών που επιλέγονται. Το LonglistSelector control "Lista" παίρνει κάθε φορά τις τιμές που έχει το contactnames, μιας και θέλουμε να φαίνονται μόνο τα ονόματα των αγαπημένων επαφών. 46

47 3.4 Launchers Όμοια με τους Choosers και οι Launchers είναι APIs που τρέχουν κάποια built-in εφαρμογή του τηλεφώνου, που υπάρχει δηλαδή επί της κατασκευής του λειτουργικού.όταν αυτή η ενέργεια που εκτελεί ο Launcher ξεκινήσει, ο χρήστης μπορεί να επιλέξει να την τερματίσει ή να την διακόψει. Όταν εμφανιστεί μια καινούργια εφαρμογή, η συγκεκριμένη εφαρμογή ξαναενεργοποιείται. Η κλήση μια επαφής γίνεται με την βοήθεια του Phone call task launcher. Launchers για τα Windows Phone 8 Τίτλος Bing Maps directions task Bing Maps task Connection settings task Εmail compose task MapDownloader task MapUpdaterTask Maps task Maps directions task Marketplace detail task Marketplace Hub task Marketplace review task Marketplace search task Media Player launcher Phone call task Search task Περιγραφή Εκτελεί το Bing Map application, προσδιορίζοντας μια αρχική ή/και μια τελική τοποθεσία για τις οποίες εμφανίζει οδηγίες πλοήγησης. Εκτελεί το Bing Map application, κεντράρωντας σε μια συγκεκριμένη τοποθεσία ή την τωρινή τοποθεσία του χρήστη. Ανοίγει τις ρυμθίσεις σύνδεσης της συσκευής. Δίνει την δυνατότητα στο χρήστη να αλλάξει τις ρυθμίσεις σύνδεσης μέσα από την εφαρμογή μας. Ανοίγει το app μαζί με ένα καινούργιο μήνυμα.ο χρήστης μπορεί να στείλει κάποιο μέσα από την εφαρμογή μας. Επιτρέπει στο χρήστη να κατεβάσει έναν χάρτη για offline χρήση. Επιτρέπει στο χρήστη να ελέγχει αν υπάρχουν updates σε ένα χάρτη που έχει κατεβάσει νωρίτερα για offline χρήση. Ανοίγει το Maps application. Ανοίγει το Maps application και εμφανίζει οδηγίες πλοήγησης μεταξύ 2 σημείων. Ανοίγει το Store ή το Marketplace και εμφανίζει λεπτομέρειες για κάποια συγκεκριμένη εφαρμογή. Ανοίγει το Store ή το Marketplace. Ανοίγει το Store ή το Marketplace και εμφανίζει τη σελίδα κριτικών για την τρέχουσα εφαρμογή. Ανοίγει το Store ή το Marketplace και εμφανίζει τα αποτελέσματα αναζήτησης κάποιου συγκεκριμένου όρου. Ανοίγει τον Media Player. Εκτελεί το Phone app. Επιτρέπει στον χρήστη να πραγματοποιήσει κάποια κλήση από την εφαρμογή μας. Ανοίγει το Web Search application. 47

48 Share link task Share status task SMS compose task Web browser task Επιτρέπει στον χρήστη να κοινοποιήσει κάποιο link σε κάποιο κοινωνικό δίκτυο της επιλογής του. Επιτρέπει στον χρήστη να κοινοποιήσει μήνυμα status σε κάποιο κοινωνικό δίκτυο της επιλογής του. Ανοίγει το Messaging application με ένα νέο μήνυμα να εμφανίζεται.δίνει την δυνατότητα στο χρήστη να στείλει κάποιο μήνυμα από την εφαρμογή μας. Εκτελεί το Web Browser application Κλήση επαφής Η πραγματοποίηση μια κλήσης μέσω της εφαρμογής μας γίνεται με την εκτέλεση του Phone call Launcher, που ενεργοποιείται όταν πατάμε κάποια επαφή από την "Lista". Πιο συγκεκριμένα, υπάρχει μια δομή επανάληψης που θα ελέγχει αν το Lista.SelectedItem που πατήθηκε είναι έχει ίδιο όνομα με κάποιο item από τα ονόματα στην αποθηκευμένη μας λίστα (showncontact) κι μόλις βρεθεί καλεί τον αριθμό της επαφής μέ την τιμή του Value που εχει το item: 48

49 3.5 Uri Schemes Γενικά στις Windows phone εφαρμογές δεν επιτρέπεται να τροποποιούμε απευθείας κάποια ρύθμιση. Ένας άλλος τρόπος εκτός από τα υπάρχοντα Launchers που προαναφέραμε, είναι να χρησιμοποιήσουμε κάποιο Uri Scheme. Αυτά καλούνται μέσω της κλάσης Launcher όπου απαιτεί το namespace: using Windows.System; Επειδή η μέθοδος με την οποία γίνεται η κλήση είναι η LaunchUriAsync, θα πρέπει η συνάρτηση μέσα στην οποιά τα καλούμε να έχει οριστεί ως ασύγχρονη (async). Launcher.LaunchUriAsync(new Uri(URI SCHEME)); Λειτουργία Bluetooth Airplane Mode Cellular Wifi Location & Accounts Lock Settings Send Search for and app by publisher Uri Scheme "ms-settings-bluetooth:" "ms-settings-airplanemode:" "ms-settings-cellular:" "ms-settings-wifi:" "ms-settings-location:" "ms-settings- andaccounts:" "ms-settings-lock:" "zune: search?publisher=iakwvina" Κουμπί για άμεση ενεργοποίηση της Σύνδεσης Δεδομένων Για την μετάβαση στις ρυθμίσεις του Cellural + Sims μέσα από την εφαρμογή, μπορούμε να προβάλλουμε τα Settings χρησιμοποιώντας το αντίστοιχο URI Scheme. private async void Data_btn_Click(object sender, RoutedEventArgs e){ await Launcher.LaunchUriAsync(new Uri("ms-settings-cellular:")); } 49

50 3-3 Ρυθμίζοντας το Data Connection 3.6 To περιεχόμενο του μενού Η εφαρμογή περιλαμβάνει ένα μενού 3 κουμπιών, μέσω των οποίων ο οδηγός μπορεί να μεταβεί στις αντίστοιχες σελίδες: o Appointments (Κανονισμένες Συναντίσεις) o Location (Εύρεση Τοποθεσίας) o News Feed (Ειδήσεις ανά τον κόσμο) Appointments Πατώντας το κουμπί των "Appointments" η εφαρμογή μεταβιβάζει τον χρήστη σε μια νέα σελίδα προκειμένου να ενημερωθεί για τις εκδηλώσεις που έχει κανονίσει στο ημερολόγιό του. Εμφανίζονται σε μια λίστα που αναγράφει το θέμα της εκδήλωσης (Subject), και από κάτω με μικρότερη γραμματοσειρά την ημερομηνία και την ώρα που αυτή, έχει κανονιστεί (StartTime). Επιλέγοντας κάποιο από τα ραντεβού, ο οδηγός μπορεί να δει επιπλέων πληροφορίες όπως: τις λεπτομέριες (Details),την ώρα έναρξης (StartTime) και την ώρα λήξης (EndTime), την τοποθεσία (Location) και το στάτους (Status). 50

51 3.6.2 Location - Bing Maps directions task Η ανάδειξη της τοποθεσίας του χρήστη γίνεται μέσα από το Bing Maps directions task που αναφέραμε παραπάνω ως έναν από τους Launchers των WindowsPhone8. Ενεργοποιώντας το Bing Maps directions task, η εφαρμογή ζητάει άδεια για να χρησιμοποιήσει την τοποθεσία μας. Αν δεν δώσουμε την άδεια δεν μπορεί να μας δώσει πληροφορίες σχετικά με το που βρισκόμαστε. Όταν ο χρήστης δώσει την συγκατάθεσή του, το task ανοίγει έχοντας επιλεγμένη ως αρχική τοποθεσία(start Location), το Location του και περιμένει από τον οδηγό να ορίσει την τοποθεσία προορισμού (End Location). Αν ορίσει ο χρήστης ένα End Location, το Bing Maps direction ψάχνει να βρει την διαδρομή προς την τοποθεσία προορισμού και την απεικονίζει στον χάρτη δίνοντας στοιχεία για τις 2 τοποθεσίες, την αρχική και την τελική και οδηγίες για την πλοήγηση μέχρι την τελική τοποθεσία. Επίσης δίνεται η δυνατότητα να επιλέξει μεταξύ της διαδρομής με το αμάξι ή με τα πόδια. 3-4 Η εφαρμογή ζητά αποδοχή από τον χρήστη Και στις 2 περιπτώσεις υπολογίζεται η απόσταση σε μίλια και ο πιθανός χρόνος που θα κάνει το αμάξι ή ο άνθρωπος για να φτάσει εκεί που επιθυμεί. Ο χρήστης μπορεί να βγει από το πλαίσιο των οδηγιών είτε πατώντας οπουδήποτε στο χάρτη είτε πατώντας το Back button της συσκευής. Αν θέλει να επανέλθει το πλαίσιο οδηγιών στην οθόνη, πρέπει να επιλέξει το "directions list" από το Application Bar Menu. Για να σβήσει την διαδρομή από τον χάρτη μπορεί να επιλέξει το "clear map" από το Application Bar Menu. Αν ο χρήστης δεν επιθυμεί να δώσει κάποιο τελικό προορισμό όταν ανοίξει το task, πατώντας οπουδήποτε στην οθόνη μπορεί να δει απλώς το χάρτη.οι επιλογές που του δίνονται από το Application Bar Menu είναι πολύ χρήσιμες: Scout Αναζητάει και εμφανίζει επιχειρήσεις, μαγαζιά και αξιοθέατα κοντά στην τοποθεσία του οδηγού. Ο οδηγός μάλιστα έχει την δυνατότητα να επιλέξει τα κριτήρια με τα οποία θα γίνει η αναζήτηση. πχ. με βάση την απόσταση, το είδος του μαγαζιού. 51

52 Επιλέγοντας μια τοποθεσία εμφανίζονται πληροφορίες σχετικά με αυτήν, αξιολογίσεις και φωτογραφίες. Directions Ο χρήστης μπορεί να αναζητήσει την διαδρομή προς έναν τελικό προορισμό που θα πληκτρολογίσει, οποιαδήποτε στιγμή, όπως όταν ανοίγει η εφαρμογή. Me Δείχνει την τρέχουσα τοποθεσία του χρήστη,με μια καρφίτσα στο χάρτη, αν έχει δωθεί η άδεια κατά το άνοιγμα του Bing Maps directions task. Search Ο χρήστης μπορεί να αναζητήσει μια τοποθεσία πληκτρολογώντας ή εκφέροντας την ονομασία της, για να δει απλώς πληροφορίες σχετικά με αυτή και έπειτα να προβάλει την λίστα οδηγιών πλοήγησης αν το επιθυμεί. Directions list Εμφανίζει την λίστα οδηγιών πλοήγησης από την τρέχουσα τοποθεσία προς την τοποθεσία τελικού προορισμού που έχει ορισθεί. Search results Εμφανίζει την τελευταία αναζήτηση που εχει γίνει για μια τοποθεσία και επιλέγοντάς την, εμφανίζεται με ένα στίγμα στο χάρτη. Clear map Καθαρίζει τον χαρτή. Show traffic / Hide traffic Εμφανίζει / Κρύβει τις διάφορες χρωματιστές γραμμές στο χάρτη, οι οποίες προσδιορίζουν τον βαθμό κυκλοφορικής συμφόρισης που υπάρχει στους αντίστοιχους δρόμους. Favorite places / hide favorites Εμφανίζει/ Κρύβει τις αγαπημένες τοποθεσίες του χρήστη στο χάρτη, εφόσον έχει προσδιορίσει κάποια ως αγαπημένη. Αυτό που αρκεί να κάνει, είναι να επιλέξει μια τοποθεσία στο χάρτη και να πατήσει την επιλογή "Add icon". 52

53 Aerial view on / off Εμφανίζει/ Κρύβει τον εναέριο χάρτη. Zoom out Εστιάζει προς τα έξω τον χάρτη News Στην ενότητα των News ο χρήστης μπορεί να διαβάσει και να ακούσει τα νέα που επιθυμεί. Τα νέα είναι χωρισμένα με ένα pivot control σε δύο μέρη: τα "Country News" και τα "My News". Τα "Country News" αποτελούνται από ένα listpicker control που περιέχει ονόματα διαφόρων χωρών. Επιλέγοντας μία χώρα, η εφαρμογή προβάλει τα νέα για την χώρα αυτή. Έχει επιλεγεί μια από τις πιο γνωστές για κάθε χώρα, πηγή ειδησεογραφικών νέων, καθώς τα νέα που προβάλλουν αυτές είναι παρόμοια. Ώστοσο σε μελλοντικό update της εφαρμογής και κατόπιν κριτικών των χρηστών θα εμπλουτιστούν και με άλλες πηγές ή/και περισσότερες χώρες. Στην ενότητα "My News" από την άλλη, ο χρήστης μπορεί να δει τα άρθρα από μια δική του πηγή ειδήσεων, εφόσον την εισάγει πρώτα στα "Settings".Αρχικά έχουν εισαχθεί: Χώρα USA Argentina Australia Brazil China France Greece Germany India Italy Japan Korea Russia Spain Turkey Πηγή Ειδήσεων CBSnews.com ArgentinaIndependent.com theaustralian.com.au The Rio Times Xinhuanet.com France24.com Enetenglish.gr thelocal.de timesofindia.com thelocal.it japantoday.com nknews.org voiceofrussia.com thelocal.es hurriyetdailynews.com Η λίστα επιλογών είναι ένα Listpicker control, όπως φαίνεται στην εικόνα. 53

54 3.6.4 Listpicker control Το Listpicker είναι ένας βασικός και συχνός μηχανισμός σε Windows Phone εφαρμογές, μοιάζοντας με την λειτουργία του Combo box. Συνήθως προβάλλει μια λίστα επιλογών από την οποία ο χρήστης μπορεί να επιλέξει ένα ή περισσότερα από τα απεικονιζόμενα αντικείμενα. Ο τρόπος εμφάνισης ενός Listpicker ποικίλει, ανάλογα με την προτίμηση του προγραμματιστή, για το αν θέλει η λίστα που εμφανίζεται να επεκτείνεται στην ίδια σελίδα ή σε fullscreenmode. Πως λειτουργεί: Πατάει ο χρήστης το listpicker, όπου εμφανίζονται οι επιλογές σε expand ή fullscreen mode.επιλέγει μια ή περισσότερες επιλογές ανάλογα με το είδος του listpicker. Αν το είδος της επιλογής ειναι multiple υπάρχουν και δυο κουμπιά κάτω κάτω για την αποδοχή και την ακύρωση της ενέργειας του χρήστη. 54

55 3-4 Listpicker με Expand mode και Listpicker με fullscreen mode. Οπότε, αν η επιλογή ειναι πολλαπλή πρέπει να πατήσουμε το κουμπί αποδοχής για να ολοκληρωθεί η διαδικασία. Έτσι μόλις επανέλθουμε στην σελίδα που ανοίξαμε το listpicker, θα απεικονίζει την επιλογή ή τις επιλογές που διαλέξαμε,όπως φαίνεται στις εικόνες στην επόμενη σελίδα. Χαρακτηριστικά Επικεφαλίδα: To listpicker control μπορεί να απεικονίζει μια ετικέτα μια ή παραπάνω λέξεις (τύπου string) που έχει επιλέξει ο προγραμματιστής. πχ. <toolkit:listpicker x:name="listpicker2" Header="CHOOSE:" FontSize="24" SelectionMode="Single" Background="White" Foreground="Black" BorderBrush="#FFAAACAE" SelectionChanged="Listpicker2_SelectionChanged" ExpansionMode="FullScreenOnly" Margin="6,0,14,585" Grid.Column="1"/> πχ.το "Occurs" είναι η επικεφαλίδα header του παρακάτω listpicker. 55

56 3-5 Listpicker με επικεφαλίδα Σκοπός της επικεφαλίδας είναι να βοηθήσει το χρήστη να καταλάβει την χρήση του listpicker. Το περιεχόμενο του της ετικέτας, ορίζεται μέσω της ιδιότητας "Header" και μπορεί να τροποποιηθεί από ένα DataTemplate, ορισμένο ως "HeaderTemplate". Εξ ορισμού το HeaderTemplate είναι ένα Textblock template το οποίο περιέχει ένα απλό κείμενο. Όμως μπορούμε να ορίσουμε με διαφορετικό τρόπο το HeaderTemplate αν το επιθυμούμε και να του δώσουμε διαφορετική όψη. Τρόποι επιλογής 3-6 Listpicker με τροποποιημένη επικεφαλίδα Ένα listpicker control υποστηρίζει 2 τρόπους για να επιλόνται τα αντικείμενα του: Single -μόνο ένα αντικείμενο μπορεί να επιλεγεί κάθε φορά. Multiple - κανένα ή περισσότερα μπορούν να επιλεγούν ταυτόχρονα. 56

57 Τρόποι επέκτασης Όταν ένας listpicker έχει selection mode ως single, ο προγραμματιστής μπορεί να επιλέξει ανάμεσα σε fullscreen εμφάνιση ή επέκταση στην σελίδα που βρίσκεται ο listpicker. Τρόπος απεικόνησης των επιλεγμένων Όταν ένας listpicker έχει selection mode ως multiple, ο προγραμματιστής μπορεί να ορίσει πως να εμφανίζονται όταν ο listpicker επιστρέψει στην κατάσταση αδράνιας κατόπι της επιλογής. 57

58 Ανακτώντας τα επιλεγμένα αντικείμενα: Άμεσα μέσω της τιμής των ιδιοτήτων SelectedItem ή SelectedItems. Διαμέσου του μηχανισμού data binding, δεσμεύντας κάποια ιδιότητα του control. 3-7 Η εμφάνιση της σελίδας των νέων Δηλαδή, δημιουγήθηκε ένας Listpicker που είναι FullScreenOnly, μέσω του οποίου ο χρήστης επιλέγει για ποιο πράγμα θέλει να ενημερωθεί. Από κάτω ακριβώς, έχει ένα Listbox το οποίο ενημερώνεται κάθε φορά με άρθρα από τις πηγές ειδήσεων που προαναφέρθηκαν, ανάλογα με την χώρα που επιλέχθηκε. 58

59 3.6.5 Αποθήκευση τιμών - Isolated Storage Μια συχνή και σημαντική ενέργεια είναι το πέρασμα τιμών διαφόρων μεταβλητών από την μια σελίδα της εφαρμογής στην άλλη ή γενικά η ανάγκη αποθήκευσης δεδομένων ώστε να τα θυμάται η εφαρμογή μας και να τα ανακτά. Το Isolated Storage είναι ένας μηχανισμός αποθήκευσης δεδομένων που παρέχει ασφάλεια, καθορίζοντας τυποποιημένους τρόπους συμμετοχής του κώδικα στα αποθηκευμένα δεδομένα. Ονομάζεται Isolated γιατί μόνο η εφαρμογή μας έχει πρόσβαση σε αυτά τα δεδομένα κι όχι ο χρήστης. Ο τρόπος αποθήκευσης που χρησιμοποιούμε στο Easy Car App είναι το IsolatedStorageSettings που είναι στην ουσία μια βιβλιοθήκη που αποθηκεύει ζεύγη ονομάτων/ μεταβλητών. Αυτά μπορούμε να τα ανακτήσουμε εύκολα όποτε θελήσουμε. Τα δεδομένα παραμένουν αποθηκευμένα ακόμη κι αν εκκινήσουμε/κλείσουμε την εφαρμογή μας ή κλείσουμε το κινητό κτλ. Γενικά μένουν εκεί μέχρις ότου να τα διαγράψουμε ή ο χρήστης διαγράψει την εφαρμογή. Eίναι χρήσιμο να επισηνμάνουμε είναι ότι: 1. Προσπαθώντας να ανακτήσουμε μια τιμή από το IsolatedStorageSettings και αυτό δεν έχει ήδη δημιουργηθεί,μπορεί να πετάξει κάποιο error.οπότε καλό είναι να αρχικοποιούμε τα settings ή να ελέγχουμε την ιδιότητα.contains πρώτα. 2. Μπορούμε να αποθηκεύουμε οτιδήποτε θέλουμε στα Settings. Είτε μια μεταβλητή είτε κάποιο αντικείμενο ή ότι άλλο θέλουμε. 3. Όταν ανακτούμε τα δεδομένα πρέπει να θυμόμαστε να τα κάνουμε cast, διότι κατά την αποθήκευση, κρατά το αντικείμενο και όχι τον τύπο. Η χρήση του ΙsolatedStorageSettings Είναι αναγκαίο για το EasyCarApp, να θυμάται ποια χώρα έχει επιλέξει ο χρήστης ώστε να προβάλει αυτήν τις επόμενες φορές που θα μεταβεί στην σελίδα των Ειδήσεων.Άλλη μια περίπτωση στην οποία χρειάζεται ο μηχανισμός του IsolatedStorage είναι για το link που εισάγει ο χρήστης στα Settings της εφαρμογής. 59

60 Αρχικά, ορίζουμε μια λίστα μεταβλητών IsolatedStorageSettings "settings",μέσω της οποίας θα αποκτούμε πρόσβαση στα δεδομένα που θέλουμε. IsolatedStorageSettings settings = IsolatedStorageSettings.ApplicationSettings; Για την ανάκτηση της τιμής της χώρας που έχει επιλέξει ο χρήστης και του link, χρησιμοποιούμε έναν δείκτη/όνομα "country" και "link" αντίστοιχα και εισάγουμε την τιμή, μόλις ο χρήστης μεταβεί προς κάποια άλλη σελίδα: //Στην σελίδα Countries_News.xaml.cs protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e) {... settings["country"] = Listpicker2.SelectedIndex; if (settings.contains("link")) { settingslink = settings["link"].tostring(); } } Με παρόμοιο τρόπο αποθηκεύσαμε και τον σύνδεσμο του χρήστη από τα Settings: //Στην σελίδα SettingsPage.xaml.cs protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e) { if (link_block.text!= "") settings["link"] = link_block.text; } Έτσι η εφαρμογή αποθηκεύει τις τιμές των δύο στοιχείων κάθε φορά που εκτελείται η συνάρτηση OnNavigatedFrom και μόλις θα θέλουμε να τα ξαναχρησιμοποιήσουμε αρκεί να τα καλέσουμε με τον δείκτη τους. Είναι σημαντικό να αναφέρουμε την διαγραφή στοιχείων από το IsolatedStorageSetting.Το μόνο που χρειάζεται να γνωρίζουμε είναι τον δείκτη της εγγραφής.στo τελευταίο παράδειγμα ας πούμε, το κλειδί είναι το "link". Έτσι αν θέλουμε να σβήσουμε την τιμή που έχει αυτό, αρκεί να γράψουμε την 60

61 μέθοδο Remove() και κατόπι των απαραίτητων ελέγχων που χρειάζονται, όπως παρακάτω: IsolatedStorageSettings.ApplicationSettings.Remove("link"); Το παραπάνω παράδειγμα αφαίρεσης στοιχείων από το IsolatedStorageSettings δεν χρειάστηκε στο Easy Car App Progress Bar Όταν γίνει η επιλογή του στοιχείου που θέλουμε από τον Listpicker, εμφανίζεται ένα progress bar για να ειδοποιήσει τον χρήστη ότι το περιεχόμενο της σελίδας φορτώνει. Αυτό είναι ένα Indeterminate progress bar, μιας και δεν φανερώνει πόσος θα είναι ο χρόνος αναμονής μέχρι να φορτώσει η σελίδα. Τα στοιχεία της σελίδας οστόσο δεν πρόκειται να αργήσουν πολύ να φορτώσουν οπότε είναι και το καταλληλότερο από τα υπόλοιπα progress bar που μπορούμε να χρησιμοποιήσουμε. Γενικά υπάρχουν: Determinate progress bar: Δείχνει πόση πρόοδο έχει κάνει η εφαρμογή για μια διεργασία. Όσο η διεργασία πραγματοποιείται, η μπάρα γεμίζει με χρώμα από τα αριστερά προς τα δεξιά μέχρι να γεμίσει. Δεν προσδιορίζει πότε ο χρήστης μπορεί να χρησιμοποιήσει την εφαρμογή, όπως κάνουν τα indeterminate styles. Indeterminate progress bar: Υποδεικνύουν ότι ο χρήστης μπορεί να συνεχίσει να χρησιμοποιεί την εφαρμογή όσο γίνεται η διεργασία. Τελείες εμφανίζονται και κινούνται από αριστερά προς τα δεξιά, σε μια ευθεία και εξαφανίζονται μόλις φτάσουν στο τέλος της. 61

62 Indeterminate progress ring : Υποδεικνύει ότι η δραστηριότητα του χρήστη είναι μπλοκαρισμένη για όσο διαρκεί η διεργασία που γίνεται. Πολλές κουκίδες κινούνται με την φορά του ρολογιού σχηματίζοντας κύκλο. Ιδιότητες Ιδιότητα Περιγραφή Maximum Value IsIndeterminate Ένας αριθμός που προσδιορίζει την τιμή της ολοκλήρωσης. Η προκαθορισμένη τιμή είναι 1.0. Ένας αριθμός που προσδιορίζει την τρέχουσα πρόοδο. πχ πόσα bytes έχουν κατέβει από το συνολικό μέγεθος ένος αρχείου. Προσδιορίζει αν η progress bar είναι ή όχι απροσδιόριστη (indeterminate). Το θέτουμε true ή false ανάλογα με το τι θέλουμε. 3.7 Το Speech Synthesizer και το SSML Μόλις φορτώσουν οι ειδήσεις στο listbox των νέων - είτε είναι στο "Country News" είτε στο "My News" - ο χρήστης μπορεί να επιλέξει να διαβάσει και να ακούσει την ανάγνωση κάποιου άρθρου με την βοήθεια του Speech Synthesizer που λειτουργεί μέσω του API, Windows.Phone.Speech.Synthesis. Ο λόγος, που παράγεται από αυτό, είναι γνωστός ως Text-To-Speech (TTS) και χρησιμοποιείται για την ανάγωση περιεχομένου μηνυμάτων, την παρουσίαση αποτελεσμάτων κ.ά. SSML Η Speech Synthesis Markup Language (SSML) είναι μια δηλωτική γλώσσα βασισμένη στην XML,την οποία χρησιμοποιούν οι προγραμματιστές για να ρυθμίσουν τα χαρακτηριστικά που θα έχει ο συνθετικός λόγος TTS που θα προφέρεται μέσα σε μια εφαρμογή. Όλα τα SSML στοιχεία ανήκουν στο ssml namespace. 62

63 Έχει επιλεγεί να εκφωνείται η αγγλική γλώσσα (που είναι και εξαρχής η μόνη αναγνωρίσιμη αν δεν ορίσουμε άλλες γλώσσες για τον Speech Synthesizer). Ένας τρόπος να επιλέξουμε την γλώσσα και την φωνή που θέλουμε να έχει, είναι μέσω του Speech Synthesis Markup Language (SSML), όπως φαίνεται παρακάτω: string ssmltext = "<speak version=\"1.0\" "; ssmltext += "xmlns=\" xml:lang=\"en- US\">"; ssmltext += "<prosody rate=\"0.8\">"+update.stitle + "," + Update.sDescr+",</prosody>"; ssmltext += "</speak>"; Εκτός από την αγγλική γλώσσα που έχει επιλεγεί (en-us), επιλέγεται και ο ρυθμός εκφοράς (prosody rate) σε βαθμό 0.8 για να μην είναι πολυ γρήγορος όπως είναι εξ' αρχής το Synthesizer. Τα ακόλουθα στοιχεία εντάσσονται στο System.Speech: SSML Στοιχεία audio break emphasis lexicon mark Περιγραφή Χρήση Ιδιότητες Υποστηρίζει την εισαγωγή καταγραφημένων ακουστικών αρχείων Ένα κενό στοιχείο που χρησιμοποιείται ανάμεσα στα κενά μεταξύ λέξεων Υποδεικνύει την έμφαση με την οποία προφέρεται ο λόγος. Προσδιορίζει ένα αρχείο λεξικού που περιέχει τις προφορές για το περιεχόμενο του αρχείου. Ορίζει ένα συγκεκριμένο σημείο αναφοράς μέσα στην πρόταση.αυτό το στοιχείο μπορεί να χρησιμοποιηθεί για να τονίσει ένα εξερχόμενο audio stream για ασύγχρονες Προαιρετική Προαιρετική Προαιρετική Προαιρετική Προαιρετική src strength, time level uri,type name 63

64 p and s phoneme prosody say as speak sub voice ειδοποιήσεις. Υποδηλώνει την δομή των παραγράφων και των προτάσεων ενός αρχείου. Υποδηλώνει την φωνητική προφορά του περιεχόμενου κειμένου.παρακάμπτει τις προφορές του lexicon. Προσδιορίζει το εύρος,την ένταση,την διάρκεια, τον ήχο του κειμένου που περιέχει. Υποδηλώνει το είδος του κειμένου που περιέχει (ως αριθμός, ως ημερομηνία) Το απαιτούμενο βασικό στοιχείο για όλα τα SSML αρχεία Προσδιορίζει μια συμβολοσειρά κειμένου που πρέπει να προφέρεται στην θέση που κειμένου που βρίσκεται εντός του στοιχείου Προσδιορίζει την φωνή και της ιδιότητές της, που θα χρησιμοποιηθεί για το TTS Προαιρετική Προαιρετική Προαιρετική Προαιρετική Απαιτείται Προαιρετική Προαιρετική xml:lang ph,alphabet pitch, contour,range,rate,volume,duration interpret-as, format, detail version, xmlns, xml:lang alias xml:lang, gender, age, variant,name Λόγω του ότι, το SSML του Speech Synthesizer αναγνωρίζει και εκφέρει σωστά μόνο τα αγγλικά, γίνεται πρώτα ανίχνευση της γλώσσας του εκάστοτε άρθρου και μετά γίνεται η ανάγνωση ή όχι του κειμένου. Αυτό γίνεται με την βοήθεια του Microsoft Translator και με την επιλογή της μεθόδου "Detect". 64

65 Ανίχνευση γλώσσας Η συνάρτηση Detect() καλείται μέσα στην Main() μόλις φορτώσει το περιεχόμενο της σελίδας.στη συνέχεια αποστέλεται αίτημα στον σέρβερ και μόλις αυτός ανταποκριθεί, επιστρέφεται με απάντηση το μήνυμα για ανίχνευση.μόλις ανιχνευτεί η γλώσσα του μηνύματος επιστρέφεται και αναγράφεται στο περιεχόμενο του textblock lan. Αν το lan έχει ως περιεχόμενο την λέξη "en" ο Speech Synthesizer θα ξεκινήσει να εκφέρει τον τίτλο και την περιγραφή του άρθρου ενώ σε άλλες περιπτώσεις εκφέρει το μήνυμα: "Not supported Language". public class AdmAccessToken { public string access_token { get; set; } public string token_type { get; set; } public string expires_in { get; set; } public string scope { get; set; } } void Detect() { strtexttotranslate += txtdescription.text; //"\n" + myselecteditem.content.tostring(); String strtranslatoraccessuri = " System.Net.WebRequest req = System.Net.WebRequest.Create(strTranslatorAccessURI); req.method = "POST"; req.contenttype = "application/x-www-form-urlencoded"; IAsyncResult writerequeststreamcallback = (IAsyncResult)req.BeginGetRequestStream(new AsyncCallback(RequestStreamReady), req); } private void RequestStreamReady(IAsyncResult ar) { string clientid = "translate21"; string clientsecret = "hln0suxipevf/yr402aksa7agnwzklv8pugq/j1i3pm="; String strrequestdetails = string.format("grant_type=client_credentials&client_id={0}&client_secret={1}&sc ope= HttpUtility.UrlEncode(clientID), HttpUtility.UrlEncode(clientSecret)); System.Net.HttpWebRequest request = (System.Net.HttpWebRequest)ar.AsyncState; 65

66 byte[] bytes = System.Text.Encoding.UTF8.GetBytes(strRequestDetails); System.IO.Stream poststream = request.endgetrequeststream(ar); poststream.write(bytes, 0, bytes.length); poststream.close(); request); request.begingetresponse(new AsyncCallback(GetResponseCallback), } private void GetResponseCallback(IAsyncResult ar) { HttpWebRequest request = (HttpWebRequest)ar.AsyncState; HttpWebResponse response = (HttpWebResponse)request.EndGetResponse(ar); try { System.Runtime.Serialization.Json.DataContractJsonSerializer serializer = new System.Runtime.Serialization.Json.DataContractJsonSerializer(typeof(AdmAccessTo ken)); AdmAccessToken token = (AdmAccessToken)serializer.ReadObject(response.GetResponseStream()); string uri = " + System.Net.HttpUtility.UrlEncode(strTextToTranslate); System.Net.WebRequest translationwebrequest = System.Net.HttpWebRequest.Create(uri); string headervalue = "Bearer " + token.access_token; translationwebrequest.headers["authorization"] = headervalue; IAsyncResult writerequeststreamcallback = (IAsyncResult)translationWebRequest.BeginGetResponse(new AsyncCallback(translationReady), translationwebrequest); } } catch {} private void translationready(iasyncresult ar) { try { HttpWebRequest request = (HttpWebRequest)ar.AsyncState; HttpWebResponse response = (HttpWebResponse)request.EndGetResponse(ar); System.IO.Stream streamresponse = response.getresponsestream(); 66

67 System.IO.StreamReader streamread = new System.IO.StreamReader(streamResponse); string responsestring = streamread.readtoend(); System.Xml.Linq.XDocument xtranslation = System.Xml.Linq.XDocument.Parse(responseString); string strtest = xtranslation.root.firstnode.tostring(); } Deployment.Current.Dispatcher.BeginInvoke(() => { lan.text = strtest; Speak(); }); } catch {} 67

68 Σκέψεις Το Easy Car App ολοκληρώθηκε μετά από πολλές τροποποιήσεις τόσο στον κώδικα όσο και στην σχεδίαση. Ελπίζω να παρέχει ένα εύχρηστο περιβάλλον διεπαφής για τον οδηγό ή τον μετακινούμενο χρήστη. Σε αρχικό στάδιο πιστεύω πως προσφέρει τις βασικές λειτουργίες που αναμενόνταν. Υπάρχουν αρκετές προσθήκες που μπορούν να μπουν σε μελλοντικά updates και θα βελτιώσουν ακόμη περισσότερο την εμφαρμογή. Σε σύγκριση με τις υπόλοιπες εφαρμογές για αυτοκίνητα που υπάρχουν στο market, το Easy Car App πρωτοτυπεί στην σχεδίαση προσφέροντας έναν μοντέρνο τρόπο απεικόνισης των δεδομένων και ταυτόχρονα είναι όσο πιο απλοϊκό γίνεται ώστε να είναι εύκολη χρήση του όταν το κινητό βρίσκεται πάνω σε κάποιο mobile holder εν ώρα κινήσης του αυτοκινήτου. Car Dash Lumia Car App Car dashboard Easy Car App 68