ΥΛΟΠΟΙΗΣΗ MOBILE ΕΦΑΡΜΟΓΗΣ ΠΟΥ ΑΦΟΡΑ ΕΝΑ ΠΡΟΓΡΑΜΜΑ ΓΥΜΝΑΣΤΙΚΗΣ

Transcript

1 ΑΤΕΙ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ Τμήμα Μηχανικών Πληροφορικής ΤΕ ΥΛΟΠΟΙΗΣΗ MOBILE ΕΦΑΡΜΟΓΗΣ ΠΟΥ ΑΦΟΡΑ ΕΝΑ ΠΡΟΓΡΑΜΜΑ ΓΥΜΝΑΣΤΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΑΘΑΝΑΣΙΟΣ ΔΙΑΚΟΣ (ΑΜ: Τ-02619) Επιβλέπων: Δρ Χαϊκάλης Κωσταντίνος, Καθηγητής Εφαρμογών ΛΑΡΙΣΑ 2014

2 «Εγώ ο Αθανάσιος Διάκος δηλώνω υπεύθυνα ότι η παρούσα Πτυχιακή Εργασία με τίτλο <Υλοποίηση Mobile Εφαρμογής που αφορά ένα πρόγραμμα Γυμναστικής> είναι δική μου και βεβαιώνω ότι: Σε όσες περιπτώσεις έχω συμβουλευτεί δημοσιευμένη εργασία τρίτων, αυτό επισημαίνεται με σχετική αναφορά στα επίμαχα σημεία. Σε όσες περιπτώσεις μεταφέρω λόγια τρίτων, αυτό επισημαίνεται με σχετική αναφορά στα επίμαχα σημεία. Με εξαίρεση τέτοιες περιπτώσεις, το υπόλοιπο κείμενο της πτυχιακής αποτελεί δική μου δουλειά. Αναφέρω ρητά όλες τις πηγές βοήθειας που χρησιμοποίησα. Σε περιπτώσεις που τμήματα της παρούσας πτυχιακής έγιναν από κοινού με τρίτους, αναφέρω ρητά ποια είναι η δική μου συνεισφορά και ποια των τρίτων. Γνωρίζω πως η λογοκλοπή αποτελεί σοβαρότατο παράπτωμα και είμαι ενήμερος(-η) για την επέλευση των νομίμων συνεπειών» Διάκος Αθανάσιος. Περίληψη Η εφαρμογή μας έχει σχέση με Windows Phone 7 όπου ο χρήστης μπορεί να δημιουργήσει το προσωπικό του πρόγραμμα γυμναστικής. Βασικές τεχνικές που χρησιμοποιήσαμε είναι το Data Binding που μας επιτρέπει να αντλούμε δεδομένα μέσω ενός αντικειμένου που είναι συγχρονισμένο με κάποιο control.επίσης μέσω του ORM προτύπου που παρέχει η Microsoft,αποθηκεύουμε δεδομένα σε βάση δεδομένων χωρίς την χρήση SQL.Ακόμη το Isolated storage settings επιτρέπει την αποθήκευση διαφόρων ρυθμίσεων στο κινητό.μια σημαντική τεχνική αποτελεί το Web Browser Task που μας δίνει τη δυνατότητα να ανοίγουμε τον browser σε μια συγκεκριμένη σελίδα. Ο χρήστης ανοίγει την εφαρμογή(μέσω του Emulator )και βρίσκεται στην αρχική σελίδα.στη συνέχεια μπορεί να διαβάσει για το τι κάνει η εφαρμογή,από την Description Page.Επίσης -α-

3 μπορεί να επιλέξει ποιες ασκήσεις θα επιλέξει από την Configuration Page.Στη συνέχεια πάμε στην Workouts Page όπου μας εμφανίζονται όλες οι καταχωρημένες προπονήσεις και εκεί μας εμφανίζονται τρία κουμπία,το κουμπί add για καταχώρηση προπόνησης,το κουμπί top για την μέγιστη επίδοση σε κάθε άσκηση ξεχωριστά,το κουμπί next το οποίο μας παρουσιάζει τα τα κιλά της επόμενης προπόνησης.ακόμη,στην Informations Page μπορούμε να πάρουμε πολύ βασικές και ουσιαστικές γνώσεις πάνω σε θέματα διατροφής. Ευχαριστίες Ευχαριστώ τους γονείς μου για τον κόπο που κάνουν όλα αυτά τα χρόνια που σπουδάζω.επίσης ευχαριστώ και τον καθηγητή μου κ.χαϊκάλη που με βοήθησε να ολοκληρώσουμε μια εργασία που σχετίζεται με εφαρμογές,κυρίως σε Κινητά Τηλέφωνα με το αντίστοιχο λογισμικό,που σίγουρα τα επόμενα χρόνια θα μας απασχολεί όλους μας! Διάκος Αθανάσιος. -β-

4 ΠΕΡΙΕΧΟΜΕΝΑ ΠΕΡΙΛΗΨΗ...α. ΕΥΧΑΡΙΣΤΙΕΣ...β. ΠΕΡΙΕΧΟΜΕΝΑ...γ. 1 ΕΙΣΑΓΩΓΗ-ΙΣΤΟΡΙΚΗ ΑΝΑΔΡΟΜΗ-ΒΑΣΙΚΑ ΓΝΩΡΙΣΜΑΤΑ- Pivot control και χρήση. 1.1 Εισαγωγή Πυρήνας User Interface(Διεπαφή Χρήστη) Text Input(Eισαγωγή Κειμένου) Messaging Web Browser Contacts(Επαφές) Multimedia(Πολυμέσα) Media Support(Υποστήριξη από μέσα ενημέρωσης) Games(Παιχνίδια) Search(Αναζήτηση) Office Suite Windows Phone 7(Χρησιμοποιώντας το Control Pivot ).7. 2 Web Browser Control- Διάφορες Τεχνικές 2.1 Εισαγωγή στο Web Browser Control Object Relational Mapping Data Binding.18. -γ-

5 3 Γλώσσα C# -.NET Framework Τύποι 3.1 Εισαγωγή στη γλώσσα C# και το.net Framework Η γλώσσα C# Net Framework Platform Architecture Γενική Δομή C# προγράμματος Main() και Command-Line Arguments Types(Τύποι),Variables(μεταβλητές),Values(Τιμές) Specifying Types in variable declaration Built-in Types Custom Types(προσαρμοσμένοι Τύποι) The Common Type System(Σύστημα Κοινών τύπων) Value Types Reference Types(Τύποι Αναφοράς) Tύποι Κυριολεκτικών Τιμών Generic Type(Γενικοί Τύποι) Implicit Types,Anonymous Types,Nullable Types Arrays,Strings και μερικά χαρακτηριστικά 4.1 Arrays(Πίνακες) Array Overview(Επισκόπηση Πίνακα) Strings(Αλφαριθμητικό) String vs System.String Declaring και Initializing Strings(Δήλωση και αρχικοποίηση αλφαριθμητικών) Σταθερότητα των String Objects Format Strings(Μορφοποίηση Αλφαριθμητικών) Substrings Accessing Individual Characters Null Strings και Empty Strings Χρήση του StringBuilder για γρήγορη δημιουργία Strings String,Extension methods και LINQ 49. -δ-

6 5 Ultra Hard Gainers Παρουσίαση- Επεξήγηση βασικών σημείων 5.1 Τι είναι το XAML Βιβλιογραφία KΕΦΑΛΑΙΟ 1ο ΕΙΣΑΓΩΓΗ-ΙΣΤΟΡΙΚΗ ΑΝΑΔΡΟΜΗ-ΒΑΣΙΚΑ ΓΝΩΡΙΣΜΑΤΑ-Pivot control και χρήση. Εισαγωγή[1.1] Η Microsoft αποκάλυψε και επίσημα το νέο operating system(λειτουργικό σύστημα),windows Phone 7 Series, στο Mobile Wold Congress(Παγκόσμιο Συνέδριο Κινητής) στη Βαρκελώνη στις 15/2/2010,και παρουσίασε επιπρόσθετες λεπτομέρειες στο MIX 2010(συγκέντρωση της Microsoft) στις 15/3/2010.Το τελικό SDK έγινε διαθέ-σιμο στις 16/9/2010.Αργότερα η HP αποφάσησε να μην δημιουργήσει συσκευές για Windows Phone,επικαλούμενη ότι έπρεπε να επικεντρωθεί σε συσκευές του webos που αγοράστηκαν πρόσφατα.ως το επίσημο όνομα,είχε επικριθεί ως περίπλοκο και ως "φλύαρο",το όνομα του λειτουργικού συστήματος που επισήμως συντομεύθηκε ήταν το Windows Phone 7 στις 2/4/2010. Στις 11/10/2010,ο Steve Ballmer(Microsoft's CEO),ανακοίνωσε δέκα συσκευές για Windows Phone 7,που δημιουργήθηκαν από τις HTC,Dell,Samsung και LG,οι πωλήσεις ξεκίνησαν στις 21/10/2010 στην Ευρώπη και Αυστραλία και στις 8/11/2010 στις Ηνωμένες Πολιτείες.Οι συσκευές που έγιναν διαθέσιμες από 60 φορείς σε 30 χώρες,με επιπρόσθετες συσκευές να παρουσιάζονται το 2011.Πάνω στην απελευθέρωση των Windows Phone 7,επιπλέον κατασκευαστές έγιναν συνέταιροι και μέσα σε αυτούς συμπεριλαμβάνονται οι Acer,Fujitsu και ΖΤΕ. -1-

7 Τα Windows Phone αρχικά υποστηρίζονται από 25 γλώσσες,με εφαρμογές να είναι διαθέσιμες μέσω του Windows Phone Store σε 35 χώρες και περιφέρειες.υποστήριξη για επιπλέον γλώσσες και περιοχές,μεταγενέστερα έφεραν τα Mango & Tango updates στο OS αντίστοιχα. Χαρακτηριστικά Πυρήνας[1.2] Τα Windows Phone 7 είναι η μόνη έκδοση με τα Kernel χαρακτηριστικά να είναι βασισμένα σε Windows Embedded Compact 7 μια έκδοση των Windows Embedded CE,τα οποία χρησιμοποιούνταν επίσης στα Windows Mobile και στα Pocket PC συστήματα. User interface(διεπαφή χρήστη)[1.3] Ένα από τα χαρακτηριστικά των Windows Phone 7 είναι η διεπαφή χρήστη και βασίζεται σ'ένα σύστημα σχεδίασης με την κωδική ονομασία και γνωστό ως Metro.Η αρχική οθόνη καλείται "Start screen",και απαρτίζεται από "Live Tiles".Τα Tiles είναι Links για applications,χαρακτηριστικά,συναρτήσεις και ατομικά στοιχεία(όπως επαφές,ιστοσελίδες,εφαρμογές ή εργαλεία ενημέρωσης).οι χρήστες μπορούν προσθέσουν,να -2-

8 ανασυντάξουν ή να μετακινήσουν "tiles".τα tiles είναι δυναμικά και ενημερώνονται σε πραγματικό χρόνο-για παράδειγμα,το tile ενός λογαριασμού θα εμφανίσει τον αριθμό των αδιάβαστων μηνυμάτων ή το tile θα μπορούσε να εμφανίσει ζωντανή ενημέρωση για καιρικές συνθήκες. Άλλο ένα βασικό χαρακτηριστικό των Windows Phone 7 είναι να οργανώνονται σε "hubs",τα οποία συνδυάζουν το τοπικό και το online περιεχόμενο μέσω της ολοκλήρωσης των Windows Phone με δημοφιλή δημόσια networks,όπως το Facebook,Windows Live και Twitter.Για παράδειγμα οι εικόνες hub μας δείχνουν φωτογραφίες που τραβιούνται με συσκευές κάμερας,και οι χρήστες που χρησιμοποιούν φωτογραφίες άλμπουμ στο Facebook.Το People hub μας δίνει επαφές συγκεντρωτικά από πολλαπλές πηγές συμπεριλαμβάνοντας τα Windows Live,Facebook,Gmail. Από το Hub οι χρήστες μπορούν κατευθείαν να κάνουν 'like' και να σχολιάσουν σε δημόσια network updates.το άλλο που ενσωματώνεται στα hubs είναι το Xbox Music και Video,Xbox Live Games,Windows Phone Store και το Microsoft Office. To Windows Phone χρησιμοποιείται από τεχνολογίες multi -touch.το default user interface των Windows Phone έχει μαύρο θέμα το οποίο παρατείνει την διάρκεια ζωής της μπαταρίας με OLED screens ως τελείως μαύρα pixels. Ο χρήστης μπορεί να επιλέξει ένα φωτεινό θέμα επίσης,και μπορεί επιπλέον να διαλέξει από διαφορετικά χρώματα.τα στοιχεία του User interface σαν tiles,δείχνουν στους χρήστες να επιλέξουν accent color!tα third party applications μπορούν αυτόματα να ορίζουν το θέμα τους με τέτοια χρώματα. Text Input(Εισαγωγή Κειμένου)[1.4] Οι χρήστες εισάγουν κείμενο χρησιμοποιώντας στην οθόνη virtual keyboard,το οποίο έχει αποκλειστικά ένα κλειδί για εισαγόμενα emoticons,και χαρακτηριστικά που σημάνουν έλεγχο και λεξική πρόβλεψη.οι προγραμματιστές εφαρμογών(οι "inhouse" και "ISV") ενδέχεται να καθορίσουν διαφορετικές εκδόσεις του virtual keyboard προκειμένου να περιοριστούν οι χρήστες σε ορισμένα πρότυπα όπως αριθμητικοί χαρακτήρες μόνοι τους.οι χρήστες μπορούν να αλλάξουν μια λέξη αφ'ότου έχει γραφτεί,η οποία θα μπορεί να επικαλιστεί μια λίστα από συγγενικές λέξεις.πιέζοντας και κρατώντας ορισμένα κλειδιά θα αποκαλυφθούν παρόμοιοι χαρακτήρες.αυτά τα κλειδιά είναι κάπως μεγαλύτερα και απόμακρα ξεχωριστά όταν βρίσκονται σε κατάσταση "landscape".τα κινητά μπορεί ωστόσο να δημιουργηθούν με "hardware keyboard" για γράψιμο κειμένου. -3-

9 Messaging[1.5] Το σύστημα μηνυμάτων των Windows Phone 7 οργανώνεται μέσα σε "threads".αυτή η τεχνική επιτρέπει την συνομιλία με ανθρώπους που επικοινωνούν μέσω πολλαπλών πλατφόρμων.(όπως το Windows Live Messenger,Facebook Messaging,ή SMS μέσα σε ένα και μοναδικό thread,και δυναμική αλλαγή ανάμεσα σε υπηρεσίες ανάλογα στην διαθεσιμότητα.) Web browser[1.6] Το Windows Phone 7.5 έχουν ένα βασικό χαρακτηριστικό την έκδοση του Internet Explorer Mobile με μια μηχανή απόδοσης η οποία είναι κατά κανόνα βασισμένη σε Internet Explorer 9. Ο ενσωματωμένος web browser επιτρέπει στον χρήστη να διατηρεί μια λίστα που αποτελείται από τις αγαπημένες του ιστοσελίδες και "tiles" τα οποία είναι συνδεδεμένα προς τις αγαπημένες ιστοσελίδες στο "Start screen".ο browser μπορεί να υποστηρίξει πάνω από 6 καρτέλες,οι οποίες μπορούν όλες να φορτωθούν παράλληλα.άλλα δευτερεύοντα χαρακτηριστικά περιλαμβάνουν "multi-touch" χειρονομίες,μια εξορθολογισμένη UI,λείο zoom in and out κινουμένων σχεδίων,την ικανότητα να αποθηκεύονται εικόνες οι οποίες βρίσκονται σε ιστοσελίδες,παραχώρηση ιστοσελίδων μέσω ,και παρέχει υποστήριξη για "inline" αναζήτηση η οποία παρέχει στο χρήστη να μπορεί να ψάχνει για μια λέξη ή φράση σε αντίστοιχη ιστοσελίδα δαχτυλογραφώντας την. Η Microsoft έχει ανακοινώσει σχέδιο για κανονικό update των Windows Phone browser και του σχεδίου τηs ανεξάρτητης μηχανής από το Windows Phone Update system. Contacts(Επαφές)[1.7] Οι επαφές είναι οργανωμένες μέσω του "People hub",και έχουν τη δυνατότητα να εγγράφονται χειροκίνητα σε επαφές ή να εισάγονται από το Facebook,το Windows Live Contacts,το Twitter,το LinkedIn και από το Gmail.Οι επαφές έχουν την δυνατότητα να εισάγονται χειροκίνητα από το Outlook χρησιμοποιώντας Windows Live Contacts ή το Gmail.Το "What's New" τμήμα μας δείχνει νέα "τροφή" και το "Pictures" τμήμα μας εμφανίζει φωτογραφίες από τόσα κοινωνικά δίκτυα που γίνονται από τις επαφές.ο το "Me" τμήμα μας εμφανίζει κατόχους που χρησιμοποοιούν κινητά και είναι επίσης χρήστες σε κοινωνικά δίκτυα και συγκεκριμένα σε Status και σε Walls,επιτρέποντας έτσι τον χρήστη να κάνει Update στο Status του και να ελέγχει στο Bing και στο Facebook. -4-

10 Ωστόσο οι επαφές μπορούν να προστεθούν στην αρχική οθόνη με το να καρφιτσώνονται οι ίδιες στην έναρξη.η "Live Tile" επαφή επιδεικνύει το δικό της κοινωνικό Status αλλά και την εικόνα προφιλ της στην αρχική οθόνη και το Contact hub διαφημίζει το δικό του Facebook wall καθώς όλα τα υπόλοιπα από την επαφή του όπως οι πληροφορίες και πληροφορίες από άλλα δικά του κοινωνικά δίκτυα.εάν μια επαφή έχει πληροφορίες αποθηκευμένες σε πολλαπλά κοινωνικά δίκτυα,τότε οι χρήστες μπορούν συνδέσουν δύο ξεχωριστούς λογαριασμούς επαφών,επιτρέποντας την πληροφορία να είναι εμφανής και προσβάσιμη από μια μόνο κάρτα.από τα Windows 7.5,οι επαφές μπορούν ωστόσο ταξινομούνται.εδώ,κάθε πληροφορία από κάθε επαφή είναι συνδυασμένη μέσα σε μια μονή σελίδα η οποία μπορεί να είναι προσβάσιμη απευθείας από το Hub ή από το να είναι καρφιτσωμένη στην αρχική οθόνη. [1.8] Τα Windows Phone υποστηρίζουν τα Outlook.com,Exchange,Yahoo!Mail και Gmail και επιπλέον υποστηρίζουν πολλές άλλες υπηρεσίες μέσω του POP και IMAP πρωτοκόλων.για τους "ντόπιους" τύπους λογαριασμών,οι επαφές και τα ημερολόγια μπορούν να συγχρονιστούν επίσης.οι χρήστες μπορούν επίσης να αναζητούν μέσω των κάνοντας αναζήτηση στο θέμα,στο "σώμα",στους αποστολείς και στους αποδέκτες επίσης.τα s μας εμφανίζουνται σε "threading" μορφή και πολλαπλά εισερχόμενα,μπορούν να συνδυαστούν ή να φυλάσσονται ξεχωριστά. Πολυμέσα(Multimedia)[1.9] Η μουσική και το Video Hub σε Windows Phone.Η μουσική και τα Video Hub επιτρέπουν στο χρήστη να έχει πρόσβαση σε τραγούδια,βίντεο,και σε αποθηκευμένα podcast σε συσκευή,και σε links απ'ευθείας στο "Xbox Music Store" ώστε να έχει τη δυνατότητα να αγοράζει μουσική,ή να ενοικιάζει με το Xbox Music Pass κάνοντας απλώς εγγραφή στη συγκεκριμένη πηρεσία.όταν περιηγείσαι στη μουσική από έναν καλλιτέχνη,οι χρήστες είναι σε θέση να δουν το βιογραφικό του αντίστοιχου καλλιτέχνη που παρέχεται από το Xbox Music.Αυτό το hub ενσωματώνει με πολλές άλλες εφαρμογές την παροχή video και υπηρεσίες σχετικά με την μουσική,περιλαμβάνοντας χωρίς όρια το iheartradio,το Youtube και το Vevo.Aυτό το hub επίσης συμπελιλαμβάνει το "Smart Dj" το οποίο μεταγλωττίζει μια λίστα από τραγούδια που είναι αποθηκευμένα στο κινητό,παρόμοια και στο τραγούδι ή στη καλλιτεχνική πιλογή.αγόρασε ταινίες και άλλα video και μπορεί να "παίξει" στο Xbox Video.Το "Pictures Hub" επιδεικνύει τους χρήστες Facebook και SkyDrive άλμπουμ φωτογραφιών,καθώς και φωτογραφίες που τραβήχτηκαν από "built in" κάμερα.οι χρήστες μπορούν ωστόσο να μεταφέρουν φωτογραφίες σε κοινωνικά δίκτυα,να σχολιάζουν σε άλλες εικόνες,και να κάνουν tag σε φωτογραφίες σε κοινωνικά δίκτυα.οι multi-touch χειρονομίες επιτρέπουν να κάνει κάποιος ζουμ ελαχιστοποίησης ή μεγιστοποίησης στις φωτογραφίες του. -5-

11 Media support(υποστήριξη από μέσα ενημέρωσης)[1.10] Τα Windows Phone 7 υποστηρίζουν WAV,MP3,WMA,AAC/MP4/M4A/M4B και 3GP/3G2 χαρακτηριστικά.οι φάκελοι των βίντεο υποστηρίζονται και περιλαμβάνουν AVI,MP4/M4V,3GP/3G2 και MOV(Quick Time) χαρακτηριστικά.αυτά υπο στηρίζονται από audio και βίντεο κριτήρια που θα είναι εξατρημένα σε κωδικοποιητές που περιέχουν μέσα τους. Aυτό έχει γίνει ωστόσο από πριν γνωστό,δηλαδή ότι οι DivX και Xvid κωδικοποιητές μέσα στο AVI είναι ωστόσο σε δράση στο αντίστοιχο σύστημα.σε αντίθεση,το προηγούμενο Windows Mobile operating system,υπάρχουν στη στιγμή μη "third party" εφαρμογές για χειρισμό άλλων διαμορφώσεων βίντεο.το image file formats υποστηρίζοναι με το να περιλαμβάνουν JPG/JPEG,PNG,GIF,TIF και BMP. Μετά από την ενημέρωση "Mango",τα Windows Phone 7 προσθέτουν την ικανότητα για τους χρήστες ώστε να έχουν διαχρονικά ringtones.τα ringtone audio files πρέπει να είναι κάτω από 1ΜΒ και μικρότερο από 40 δευτερόλεπτα.τα custom ringtones συνεχίζουν να είναι αχρησιμοποίητα για text μυνήματα,ims ή s. Games(Παιχνίδια)[1.11] Το "Games Hub" παρέχει πρόσβαση στα παιχνίδια σε ένα κινητό μαζί με "Xbox Live" λειτουργικότητα,περιλαμβάνονας την ικανότητα σε κάποιο χρήστη να αλληλεπιδρά με το δικό του "avatar",ανασκοπώντας και εκδίδοντας το προφίλ του,παρακολουθώντας τα επιτευγματά του και τα "leaderboards",και στέλνοντας μηνύματα σε φίλους δια μέσω του Xbox Live.To "Game Hub" ωστόσο έχει τα χαρακτηριστικά του σε μια περιοχή για διαχείρηση προσκλήσεων και στρέφει κοινοποιήσεις σε "turn Based multiplayer games". Search(Αναζήτηση)[1.12] Το Hardware της Microsoft απαιτεί να οριστεί κάθε συσκευή που τρέχει Windows Phone 7 και η οποία θα πρέπει να έχει ένα αποκλειστικό "Search Button" στο μπροστινό της συσκευής το οποίο εκτελεί διαφορετικές δράσεις.πιέζοντας "αναζήτηση" ενώ μια εφαρμογή είναι ακόμα ανοιχτή,επιτρέπει στον χρήστη να κάνει αναζήτηση μέσα σε εφαρμογές και να μπορεί να παίρνει πλεονέκτημα από αυτό το χαρακτηριστικό,για παράδειγμα,πιέζοντας "αναζήτηση" στο "People Hub",επιτρέπεται στους χρήστες να αναζητήσουν στη λίστα των επαφών τους για συγκεκριμένους εγγεγραμμένους φίλους.αυτό έχει αλλάξει στα Windows Phone 7.5,ωστόσο και καθώς η αναζήτηση προορίζεται για το Bing,έτσι εφαρμογές οι οποίες προηγουμένως χρησιμοποιούσαν αυτό το χαρακτηριστικό,τώρα περιλαμβάνουν "μαλακά" κουμπιά αναζήτησης. -6-

12 Σε άλλη περίπτωση και πιέζωντας το κουμπί της "Αναζήτησης" θα επιτραπεί στο χρήστη να εκτελέσει μια αναζήτηση από Web sites,νέα και τοποθεσίες από χάρτες χρησιμοποιώντας την εφαρμογή "Bing". Tα Windows Phone διαθέτουν επίσης μια συνάρτηση αναγνώρισης της φωνής,που δημιουργήθηκε από την "TellMe" η οποία επιτρέπει το χρήστη να εκτελέσει αναζήτηση μέσω Bing,καλώντας επαφές ή "launch applications" απλά μιλώντας.αυτό μπορεί να ενεργοποιηθεί πιέζωντας και κρατώντας το κουμπί Start. Το Bing είναι η "default" Μηχανή αναζήτησης σε συσκευές Windows Phone,λόγω του ότι είναι ολοκληρωμένες από συναρτήσεις στο OS(επίσης συμπεριλαμβάνουν τη χρήση "map service" για τοποθεσία-βάση αναζήτησης και Queries).H Microsoft δήλωσε ότι άλλη μηχανή αναζήτησης μπορεί επίσης να χρησιμοποιηθεί. Από τις τοποθεσίες-βάσεις αναζήτησης,το Bing Maps σε Windows Phone 7 παρέχει "turn-byturn navigation" υπηρεσία για τους χρήστες Windows Phone,και το "Local Scout" μας δείχνει ενδιαφέρον σημεία όπως αξιοθέατα και restaurants κοντά στην περιοχή σου!το Bing Audio επίσης επιτρέπει στο χρήστη να κάνει "match" ένα τραγούδι με το αντίστοιχο όνομα,όσο το Bing Vision επιτρέπει στους χρήστες να διαβάζουν Barcodes,QR codes και tags. Office suite[1.13] Το "Ofiice Hub" οργανώνει όλες τις εφαρμογές Microsoft Office και έγγραφα.το Microsoft Office Mobile παρέχει διαλειτουργικότητα ανάμεσα στα Windows Phone και σε Desktop εκδόσεις του Microsoft Office.Tα Word Mobile,Excel Mobile,PowerPoint MObile,OneNote Mobile,Share Point Workspace Mobile,επιτρέπει τα περισσότερα Microsoft Office File formats να παρουσιάζονται και να εκδίδονται ακριβώς σε συσκευή Windows Phone. To Microsoft office μπορεί ωστόσο να ανοίγει αρχεία από το SKyDrive και Office 365,καθώς τα αρχεία αποθηκεύονται τοπικά στο κινητό.τα Office Files σε Windows Phone 7 είναι ταξινομημένα ανά κομμάτια,word documents(το μπλε κομμάτι),excel spreadsheets(πράσινο κομμάτι),παρουσιάσεις Power Point(κόκκινο κομμάτι) και OneNote documents(μοβ κομμάτι). Windows Phone 7(Χρησιμοποιώντας το control Pivot)[1.14] -7-

13 Ίσως να είναι ένα από τα πιο εύκολα στη χρήση controls που έχουν να επιδείξουν τα Windows Phone. Ένα χαρακτηριστικό είναι ο τρόπος αντιγραφής με μικρότερη οθόνη σε ένα κινητο τηλέφωνο και μπορεί να παρέχει αυτόματα χειροκίνητη υποστήριξη.ο χρήστης μπορεί να μετακινεί το κείμενο και να μετακινέιται γύρω από αυτό,χρησιμοποιώντας οριζόντια περιστροφή ή «tap & drag».το Pivot Control είναι ιδανικό στην παρουσίαση περιεχομένου το οποίο είναι λογικά διαιρεμένο μέσα σε αναγνωρίσιμους τομείς.επίσης είναι σταθερά χωρισμένο μέσα στις σελίδες που ο χρήστης μπορεί να επιλέξει από το menu.αξίζει να αναφέρουμε ότι δεν είναι λάθος να αποκαλέσουμε το Pivot Control ένα pivot control,όμως αυτό δεν είναι ιδιαίτερα σχετικό με pivot tables ή με κάποιο συγκρότημα και με εξελιγμένα δεδομένα που δείχνουν ότι μπορεί να δημιουργήθηκαν χρησιμοποιώντας ένα pivot table control.συμπεραίνουμε πως το «Pivot Control» μπορεί να μοιάζει σίγουρα και με ένα page control και αυτό θα μπορούσε να είναι λιγότερο εκφοβιστικό αν αυτό ονομαζόταν έτσι. Βασικά(Basics) Οι βασικές αρχές της χρήσης του pivot item είναι πάρα πολύ απλές.αυτό το control από μόνο του δρα ως «container» για κάποια επιπλέον PivotItems που επιθυμείς να προσθέσεις μέσα σ αυτό.η βασική δομή του έχει ως εξής: <controls:pivot> <controls:pivotitem> first page content </controls:pivotitem> <controls:pivotitem> second page content </controls:pivotitem> <controls:pivotitem> third page content </controls:pivotitem> </controls:pivot> To περιεχόμενο της κάθε σελίδας μπορεί να είναι οποιοσδήποτε συνδυασμός από Silverlight controls που εσύ επιθυμείς να χρησιμοποιήσεις.εσύ δεν μπορείς να χρησιμοποιήσεις οποιοδήποτε άλλο container-control μέσα σε Pivot Control πλην του PivotItem. Eάν εσύ δώσεις ένα PivotItem με μια επικεφαλίδα (header) τότε αυτή εμφανίζεται σαν ένα «menu item» στην κορυφή της σελίδας.μόνο όπως πολλά header menu items εμφανίζονται για να μπορούν να χωρέσουν σε μια σελίδα και τα οποία περιστρέφουν με τις σελίδες ούτος ώστε σε πολλές περιπτώσεις εσύ να έχεις τη δυνατότητα να δείς τουλάχιστον το menu item για την αντίστοιχη σελίδα και την επόμενη σελίδα προς δεξιά.για παράδειγμα : -8-

14 <Grid x:name="layoutroot" Background="Transparent"> <controls:pivot Title="My Pivot"> <controls:pivotitem Header="Page1" > </controls:pivotitem> <controls:pivotitem Header="Page2" > </controls:pivotitem> <controls:pivotitem Header="Page3" > </controls:pivotitem> <controls:pivotitem Header="Page4" > </controls:pivotitem> </controls:pivot> </Grid> Aυτό το κομμάτι κώδικα που προηγήθηκε δημιουργεί το σχεδιάγραμμα για τέσσερις σελίδες με menu items στη κορυφή αλλά εσύ μπορείς να δεις γενικά μόνο τα menu items για τη στοχευμένη σελίδα αλλά και την επόμενή της στα δεξιά : -9-

15 ΚΕΦΑΛΑΙΟ 2 ο Εισαγωγή στο Web Browser Control[2.1] Το Web Browser control είναι κάτι το οποίο στην πραγματικότητα είναι καινούργιο γενικά στα Windows Phone 7.Για το λόγο αυτό είναι απλά μια πλατφόρμα στη φόρμα του διαδικτύου του Internet Explorer στα Windows Phone,αυτό είναι καλό πλεονέκτημα,που οι λειτουργίες του μπορούν άνετα να χρησιμοποιηθούν σε εφαρμογές από δικές μας συσκευές.αυτή είναι η καλύτερη επιλογή προκειμένου να ενισχυθεί η χρηστικότητα. Eδώ κάποιος μπορεί να βρει πολλούς διαφορετικούς τρόπους προκειμένου να χρησιμοποιήσει αυτό το control σε Windows Phone 7.Το παράδειγμά του περιλαμβάνει την δυναμική δημιουργία με Html κώδικα και τότε εμφανίζεται το ίδιο σαν μια κανονική σελίδα.το άλλο πράγμα που μπορούμε εμείς να κάνουμε είναι να παρουσιάσουμε μια στατική σελίδα η οποία είναι στην πραγματικότητα αποθηκευμένη εντελώς σε μεμονωμένη αποθήκη ή μάλλον να αποθηκεύσουμε την σελίδα σε μια μεμονωμένη αποθήκη. Τώρα θα δείξουμε βήμα βήμα την διαδικασία στο πως εμείς μπορούμε να χρησιμοποιήσουμε ή να αναπτύξουμε το Web Browser control των Windows Phone 7. Βήματα Το πρώτο βήμα είναι να ανοίξουμε το Visual Studio και να αρχίσουμε να δημιουργούμε ένα καινούργιο Silverlight για Windows Phone 7 εφαρμογή.αυτό θα πρέπει να είναι σωστό με ένα έγκυρο project name ώστε να μπορεί να φαίνεται όπως στην εικόνα που ακολουθεί. -10-

16 Εικόνα 1: Αντιπροσώπευση εισαγωγής νέου Project στο Visual Studio Eμείς θα δούμε τώρα το design για Windows Phone 7 καθώς και το Xaml των παραθύρων τα οποία θα βοηθήσουν εμάς στο να αρχίσουμε να σχεδιάζουμε την δική μας εφαρμογή.ας ξεκινήσει η εκμάθηση με drag & drop του Web Browser control το οποίο μπορεί να επιτευχθεί από το Visual Studio Tool Box και να ξαναεπανέλθει το μέγεθός του.αυτό μας δείχνει και η εικόνα που ακολουθεί παρακάτω. Εικόνα 2:Eκπροσωπώντας το Visual Studio Tool Box Καταχώρηση 1: ΧΑΜL Code -11-

17 <!--TitlePanel contains the name of the application and page title--> <StackPanel x:name="titlepanel" Grid.Row="0" Margin="12,17,0,28"> <TextBlock x:name="applicationtitle" Text="MRBOOL" Style="StaticResourcePhoneTextNormalStyle"/> <TextBlock x:name="pagetitle" Text="Web Browser" Margin="9,-7,0,0" Style="StaticResourcePhoneTextTitle1Style"/> </StackPanel> <!--ContentPanel - place additional content here--> <Grid x:name="contentpanel" Grid.Row="1" Margin="12,0,12,0"> <phone:webbrowser HorizontalAlignment="Left" Margin="9,121,0,0" Name="webBrowser1"VerticalAlignment="Top" Height="475" Width="441" /> <TextBox Height="72" HorizontalAlignment="Left" Margin="-4,22,0,0" Name="textBox1"Text="TextBox" VerticalAlignment="Top" Width="380" /> <Button Content="Go" Height="72" HorizontalAlignment="Left" Margin="371,22,0,0"Name="button1" VerticalAlignment="Top" Width="85" /> </Grid> Tώρα θα προσθέσουμε Behind-κώδικα έτσι ώστε να έχουμε πρόσβαση σε κάποιο site παρέχοντας το URL.H ιδιότητα προέλευσης του Web Browser Control χρειάζεται να χρησιμοποιηθεί προκειμένου να εκχωρήσουμε το URI για να ανακατευθύνουμε το χρήστη σε πρόσβαση με κάποιο κουμπί.εκτός από αυτό εμείς μπορούμε να ζητήσουμε μια διαδικασία-υποκατάστατο ώστε να μπορούμε να χρησιμοποιούμε το χαρακτηριστικό της Πλοήγησης(URI)ή την ιδιότητα προκειμένου να κάνουμε το ίδιο έργο όπως προηγήθηκε με τη βοήθεια κάτω από την οθόνη. Καταχώρηση 2: private void button1_click(object sender, RoutedEventArgs e) string struri = textbox1.text.tostring(); webbrowser1.source = new Uri(strURI, UriKind.Absolute); //webbrowser1.navigate(new Uri(strURI, UriKind.Absolute)); -12-

18 Εικόνα 3:Εκπροσωπώντας την Πλοήγηση(URI) σαν χαρακτηριστικό ή σαν ιδιότητα Ας δούμε τώρα το αποτέλεσμα που φαίνεται στo Windows Phone 7 Emulator όταν εμείς τρέχουμε την εφαρμογή.σ αυτό το σημείο εσύ αρκεί να πατήσεις το πλήκτρο F5 έτσι ώστε να χτίσεις και να εκτελέσεις το project και το αποτέλεσμα μπορεί να φανεί όπως φαίνεται και στο παρακάτω σχήμα που θα ακολουθήσει. Τώρα θα δούμε πως να δημιουργήσουμε μια δυναμική html καθώς και τη διαδικασία που θα την χαρτογραφήσουμε στο Web Browser control έτσι ώστε να φορτώνεται το περιεχόμενο html σαν μια static page.το πρώτο βήμα είναι ότι θα πρέπει να προσθέσουμε μια νέα σελίδα και στη συνέχεια το web browser control με το πολύ σε παρόμοιο τρόπο που μοιάζει με τον προηγούμενο.η θέση τοποθέτησης αυτών των controls προκειμένου να φορτωθεί η html φαίνεται στην παρακάτω εικόνα. Καταχώρηση 3: XAML Code -13-

19 <StackPanel x:name="titlepanel" Grid.Row="0" Margin="12,17,0,28"> <TextBlock x:name="applicationtitle" Text="MRBOOL" Style="StaticResourcePhoneTextNormalStyle"/> <TextBlock x:name="pagetitle" Text="Web Browser" Margin="9,-7,0,0" Style="StaticResourcePhoneTextTitle1Style"/> </StackPanel> <!--ContentPanel - place additional content here--> <Grid x:name="contentpanel" Grid.Row="1" Margin="12,0,12,0"> <phone:webbrowser HorizontalAlignment="Left" Margin="9,6,0,0" Name="webBrowser1"VerticalAlignment="Top" Width="441" Height="595" /> </Grid> Εικόνα 4: Εκπροσώπηση της εικόνας που περιέχει τα control που προαναφέραμε. Το επόμενο βήμα είναι να προσθέσουμε τον κατάλληλο κώδικα προκειμένου να φορτώσουμε το περιεχόμενο της HTML χρησιμοποιώντας το WebBrowser_onloaded event και μπορεί να απεικονιστεί από τον παρακάτω κώδικα.το έργο του κώδικα είναι να παίρνει το στατικό περιεχόμενο της html και να το φορτώνει στο web browser control.tώρα προσθέτω το παρακάτω κώδικα στο κώδικα που παρουσιάζεται πίσω από τη σελίδα.αυτό επιτυγχάνεται προκειμένου να φορτώνεται οποιαδήποτε στατική Html page σύμφωνα με την απαίτηση του κάθε ζητήματος. -14-

20 Καταχώρηση 4: Kώδικας που τρέχει από πίσω public WebBrowserPage2() InitializeComponent(); webbrowser1.loaded += WebBrowser_OnLoaded; private void WebBrowser_OnLoaded(object sender, RoutedEventArgs e) webbrowser1.navigatetostring("<html><head><meta name='viewport' content='width=480, user-scalable=yes' /></head><body><h2>welcome to MrBool! </h2> </body></html>"); Figure 5:Εκπροσώπηση Κλάσσης που αναπτύσουμε. Τώρα εμείς θα εκτελέσουμε ή θα τρέξουμε την εφαρμογή και αυτό μπορεί να γίνει φανερό δηλαδή ότι το Web Browser Control φορτώνει τη στατικό περιεχόμενο HTML.Eμείς πρέπει απλώς να πατήσουμε το πλήκτρο F5 και το αποτέλεσμα μπορεί να παραχθεί και να είναι φανερό στο Windows Phone 7 Emulator,όπως διακρίνεται στην εικόνα που ακολουθεί παρακάτω. -15-

21 Eικόνα 6:Εκπροσώπευση του αποτελέσματος(output). -16-

22 Object-Relational Mapping[2.2] Στο λογισμικό των υπολογιστών είναι μια τεχνική προγραμματισμού για μετατροπή δεδομένων ανάμεσα σε ασύμβατους τύπους συστημάτων σε object-oriented γλώσσες προγραμματισμού.αυτό δημιουργεί,σε ισχύ,μια «virtual object database»(εικονική βάση δεδομένων-αντικειμένων) η οποία μπορεί να χρησιμοποιηθεί από μέσα από την γλώσσα προγραμματισμού.είναι και τα δύο ελεύθερα και εμπορικά πακέτα διαθέσιμα που εκτελούν object-relational mapping(αντικειμενο-σχεσιακή χαρτογράφηση). Overview(επισκόπηση) Τα καθήκοντα στη Διαχείρηση Δεδομένων στο object-oriented programming(αντικειμενοστραφή προγραμματισμό) έχουν τυπικά εφαρμοστεί από τον χειρισμό αντικειμένων,τα οποία είναι σχεδόν πάντα «non scalar values»(μη βαθμωτά σε τιμές).για παράδειγμα σκεφτείτε μια εγγραφή στο βιβλίο διευθύνσεων που αντιπροσωπεύει ένα άτομο και με κανένα ή περισσότερους αριθμούς τηλεφώνων ή με καμία ή περισσότερες διευθύνσεις.αυτό το παράδειγμα θα μπορούσε να μοντελοποιηθεί σε μια object oriented υλοποίηση,από ένα αντικείμενο «Άτομο» με -17-

23 πεδία/γνωρίσματα,που να κρατά κάθε είδος δεδομένου που η είσοδός του περιλαμβάνει το όνομα του «Άτόμου»,μια λίστα από αριθμούς τηλεφώνων,και μια λίστα από διευθύνσεις.η λίστα των αριθμών τηλεφώνων θα περιέχει «PhoneNumber objects» και ούτω καθ εξής.η καταχώρηση διεύθυνσης βιβλίου αντιμετωπίζεται ως ένα μεμονωμένο αντικείμενο από τη γλώσσα προγραμματισμού(αυτό μπορεί να είναι αναφερόμενο από μια μεμονωμένη μεταβλητή που περιέχει ένα δείκτη προς το object,για παράδειγμα).διάφορες μέθοδοι μπορούν να είναι συσχετισμένες με το αντικείμενο,όπως μια μέθοδος επιστρέφει τον αριθμό του τηλεφώνου που προτιμάται,την διεύθυνση κατοικίας και ούτω κάθε εξής. Ωστόσο πολλά δημοφιλή προιόντα βάσεων δεδομένων όπως δομημένη query βάσης δεδομένων γλώσσα και διαχείρησης συστημάτων(sql DBMS) μπορούν μόνο να αποθηκεύσουν και να ελέγξουν βαθμωτές τιμές όπως άρτιοι αριθμοί,strings οργανωμένα μέσα σε πίνακες.ο προγραμματιστής πρέπει είτε να μετατρέπει τις τιμές των αντικειμένων σε ομάδες από απλούστερες τιμές για αποθήκευση στη βάση δεδομένων(και να μετατρέπει αυτές πίσω κατά την ανάκτηση ),ή χρησιμοποιεί απλές βαθμωτές τιμές μέσα στο πρόγραμμα.το Object-relational mapping χρησιμοποιείται για την εφαρμογή της πρώτης προσέγγισης. H καρδιά του προβλήματος η μετάφραση της λογικής αναπαράστασης των αντικειμένων μέσα σε μια ατομική «φόρμα» που να είναι ικανό να αποθηκευτεί στη βάση δεδομένων,όσο διατηρώντας κάπως τις ιδιότητες των αντικειμένων και τις σχέσεις έτσι ώστε αυτές να μπορούν να φορτώνονται ως ένα αντικείμενο όταν αυτό είναι αναγκαίο.εάν αυτή η αποθήκευση και ανάκτηση και λειτουργικότητα έχει εφαρμοστεί,τα αντικείμενα είναι τότε λέμε κάπως επίμονα. Σύγκριση με παραδοσιακές μεθόδους πρόσβασης δεδομένων: Συγκρίνοντας δίαφορες παραδοσιακές τεχνικές ως προς την ανταλλαγή ανάμεσα σε μια αντικειμενοστραφή γλώσσα προγραμματισμού και μιας σχεσιακής βάσης δεδομένων,το ORM συχνά μειώνει μέγεθος του κώδικα που είναι αναγκαίο να γραφτεί. Τα μειονεκτήματα από τα εργαλεία του O/R mapping,γενικά,στελέχη από υψηλού επιπέδου αφαίρεσης(abstraction) μπερδεύουν τι γίνεται στη πραγματικότητα στον εκτελεστικό κώδικα(implementation code).επίσης ισχυρή εξάρτηση στο ORM λογισμικό έχει αναφερθεί ως μείζων παράγοντας στη παραγωγή κακών βάσεων δεδομένων ως προς τη σχεδίασή τους. Data Binding[2.3] Το Data Binding είναι μια από τις πιο σημαντικές τεχνικές ανάπτυξης που χρησιμοποιούνται για να παρέχουν στο χρήστη,την οπτική αναπαράσταση των δεδομένων.αυτό συνδέει τα υποκείμενα «data source» με την διεπαφή χρήστη και -18-

24 επιτρέπει την διαχείρηση των δεδομένων και την πλοήγησή τους.σ αυτό το παράδειγμα θα εξηγήσουμε πως θα εφαρμόσουμε απλά την τεχνική Data Binding σε εφαρμογή Windows Phone 7.Εμείς θα δημιουργήσουμε μια απλή εφαρμογή με δύο «input controls» με όριο στην απλή πηγή δεδομένων δηλαδή ένα controls για δημιουργία,διαγραφή και πλοήγησης δεδομένων σε μια πηγή δεδομένων.αυτό το παράδειγμα δείχνει μια υλοποίηση για μια λίστα βιβλίων που η συγκεκριμένη εφαρμογή αποθηκεύει βιβλία τα οποία εμείς έχουμε διαβάσει.ξεκινάμε δημιουργώντας μια καινούργια «Windows Phone Application»και το όνομά της είναι «BookList».Όταν το project έχει δημιουργηθεί και μας ανοίξει μπορούμε να ξεκινήσουμε τον «Debugger» με F5.Το Windows Phone Emulator θα ξεκινήσει και μετά από λίγο χρονικό διάστημα και θα τρέχει εντός του «emulator».δεν κλείνουμε το emulator επειδή χρειάζεται λίγο χρόνο να ξαναξεκινήσει.αντίθετα,εμείς μπορούμε να πιέσουμε το πλήκτρο της επιστροφής και ο «debugger» θα σταματήσει.όταν εμείς θα τρέξουμε την εφαρμογή ξανά αυτό θα ξεκινήσει σχεδόν αμέσως.είμαστε έτοιμοι τώρα να κάνουμε πραγματική δουλειά.κοιτάμε το «solution explorer»και ανοίγουμε το αρχείο με ονομασία MainPage.xaml.Αυτή είναι η σελίδα με την οποία ξεκινά η εφαρμογή και μας δείχνει πότε η εφαρμογή μας ξεκινάει.όταν εμείς ανοίξουμε κάποιο κομμάτι XAML της σελίδας θα πρέπει να δούμε ένα κινητό στην οθόνη: Ανοίγουμε το «toolbox» και ρίχνουμε κάποια controls στο ContentPanel μας.αυτά που θα χρειαστούμε φαίνονται παρακάτω: Δύο textblock controls για να χρησιμεύσουν ως «labels».η ονομασία δεν είναι τόσο σημαντική. Δύο textbox controls για εισαγωγή δεδομένων.το όνομα του πρώτου «txtname» και το δεύτερο txtauthor. Δύο κουμπιά για προσθήκη και για διαγραφή αρχείων.το όνομα του πρώτου btnprevious και του δευτέρου btnnext. -19-

25 Ένα επιπλέον textblock για μετρητή δεδομένων και το όνομα αυτού lblcounter. Τα προηγούμενα controls θα έχουν την εξής μορφή: Οι έμπειροι προγραμματιστές που πιθανώς προτιμούν να προσθέσουν controls από την επεξεργασία κώδικα στο XAML αρχείο.αυτό έχει την πιο απλή XML σύνταξη και με τη βοήθεια του «Visual Studio Intellisense» μπορεί να γίνει πιο γρήγορο στο να επεξεργάζεται δίαφορες ιδιότητες.από την άλλη μεριά τα τοποθετημένα controls είναι πιο εύκολα στο να χρησιμοποιήσουν γνωστή διεπαφή drag and drop. Τώρα,όταν όλα τα controls είναι ονομασμένα και τοποθετημένα,εμείς μπορούμε να συνεχίσουμε με τον κώδικα του project.εμείς θα χρειαστούμε κάποιο«αντικείμενο»για την δέσμευση των controls,έτσι προσθέτουμε μια νέα κλάσση στο project και το όνομα αυτού «Boo.cs».Άνοιξε το και προσθέτεις δύο ιδιότητες κάπως έτσι: Αυτή η κλάση θα χρησιμοποιηθεί για να δημιουργήσουμε book objects τα οποία συγκρατούν τη βασική πληροφορία όπως το όνομα και δημιουργός που εμείς επιθυμούμε να δείξουμε στο χρήστη.ωστόσο εκεί υπάρχει ένα ακόμη πράγμα που πρέπει να κάνουμε πριν να εφαρμόσουμε την πλήρη λογική. -20-

26 Αρχικά εμείς πρέπει να κάνουμε σετ το BindingContext στο ContentPanel.Ανοίγουμε το XAML file και βρίσκουμε το ContentPanel grid control,και κάνουμε σετ την ιδιότητα BindingContext όπως παρακάτω, Έτσι επιτρέπει όλα τα controls μέσα στο ControlPanel μας να συνδέονται προς τις ιδιότητες του αντικειμένου που ορίζεται από το BindingContext. Επομένως,εμείς πρέπει να αναλάβουμε τη φροντίδα του πρώτου μας textbox.προσθέτουμε ή φτιάχνουμε την text ιδιότητα όπως παρακάτω: Εμείς έχουμε τώρα να συνδέσουμε την ιδιότητα Text του txtname control με την ιδιότητα Name από την Book κλάση.μπορούμε να κάνουμε ακριβώς το ίδιο και με το txtauthor control: -21-