ΧΟΛΗ ΣΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΣΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗ & ΕΠΙΚΟΙΝΩΝΙΩΝ ΠΡΟΓΡΑΜΜΑΣΙΣΙΚΕ ΕΦΑΡΜΟΓΕ ΣΟ ΔΙΑΔΙΚΣΤΟ Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογών ςε iphone Ονοματεπώνυμο: Επιβλζπων: ιώπθσ πφροσ ΑΜ. 2136 (spiross@mycosmos.gr) Λάντηοσ Θεόδωροσ (lantzos@teiser.gr) 27/05/2011
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 2
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr Πύνακασ περιεχομϋνων Εγκατάςταςθ mac ςε VM... 5 Εγκατάςταςθ Xcode & iphone SDK... 31 46) Α ΜΕΟΣ... 31 58) Β ΜΕΟΣ... 38 Titanium... 53 Ρροβλιματα Απόψεισ... 57 3
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone Ρροςοχι: Ρολφ ςθμαντικό πριν αρχίςετε να προγραμματίηετε οτιδιποτε είναι να διαβάςετε μερικά από τα προβλιματα που μπορεί να ςυναντιςετε. Θα τα βρείτε ςτθν ςελίδα 57. 4
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr Εγκατϊςταςη mac ςε VM Προςοχι: Ρριν ξεκινιςετε τον οδθγό βεβαιωκείτε ότι διακζτετε υπολογιςτι με CPU Intel και διακζτει hardware virtualization : VT-x (βλ. http://ark.intel.com/vtlist.aspx#41878 ) Πριν ξεκινιςω τθν διαδικαςία εγκατάςταςθσ κα πρζπει να ςθμειώςω πωσ ό,τι παρακυράκια (information window) βγάηει το VirtualBox εμείσ απλά πατάμε ΟΚ. 1) Θα πρζπει να κατεβάςουμε το VirtualBox από τθν ςελίδα http://www.virtualbox.org/wiki/downloads 2) Κάνουμε εγκατάςταςθ ςτον υπολογιςτι μασ το VirtualBox. 3) Στθ ςυνζχεια κατεβάηουμε από το «Mac OS Snow Leopard 10.6.6» 4) Ανοίγουμε το Virtual Box και πατάμε New. 5
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 5) Ρατάμε next και ςυμπλθρϊνουμε «mac» ςτο κουτάκι name, ςτο OS Type για Operating System επιλζγουμε το «Mac OS X» ενϊ ςτο version το «Mac OS X Server», ςτθ ςυνζχεια πατάμε next. 6) Στο επόμενο βιμα, Ορίηουμε τθν μνιμθ RAM που κα ζχει το "εικονικό" μασ μθχάνθμα. Εγϊ αποφάςιςα να βάλω 1024 MB δθλαδι 1GB. Ρατάμε next. 6
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 7) Επιλζγουμε το Create new hard disk και μετά next και ξανά next ςτο νζο παράκυρο που κα ανοίξει. 7
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 8) Επιλζγουμε τον τφπο του εικονικοφ δίςκου που κα φτιάξουμε, εγϊ διάλεξα να είναι προκακοριςμζνο το μζγεκοσ του απο τθν αρχι (fixed-size storage) και κα καταλάβει απο τϊρα 20 GB ςτον δίςκο μου(αν δε κζλετε να γίνει αυτό διαλζγετε τθν άλλθ επιλογι ζτςι κα δθμιουργθκεί ζνασ εικονικόσ δίςκοσ μικρόσ ςε μζγεκοσ και κα ζχει τθ δυνατότθτα να μεγαλϊνει μζχρι να φτάςει το όριο των GB που κα βάλετε εςείσ ςτο επόμενο βιμα). Ρατάμε next. 8
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 9) Στθ κζςθ Location δεξιά ζχει ζνα εικονίδιο ενόσ φακζλου με πράςινο βελάκι, κάνουμε κλικ εκεί και επιλζγουμε τθν διαδρομι ςτθν οποία κζλουμε να δθμιουργθκεί το εικονικό μασ λειτουργικό, το μζγεκοσ που κα δώςουμε, κα πρζπει να είναι τουλάχιςτον 25GB, εγώ δίνω 40GB. Ρατάμε next και ςτθ ςυνζχεια finish. 10) Ρεριμζνουμε μζχρι να δθμιουργθκεί ο εικονικόσ μασ δίςκοσ και πατάμε finish. 9
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 11) Μόλισ ολοκλθρωκεί θ διαδικαςία πατάμε Settings 10
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 12) Ρατάμε ςτα αριςτερά System και ΞΕ-τςεκάρουμε τθν επιλογι ςτο κόκκινο κουτάκι 11
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 13) Αλλάηουμε καρτζλα και κοιτάμε να είναι επιλεγμζνα τα παρακάτω. 12
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 14) Μετά πάμε από αριςτερά ςτο Display και δίνουμε για το βίντεο 128ΜΒ και ενεργοποιοφμε τα 3D. 13
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 15) Τϊρα κα επιλζξουμε το αρχείο για να κάνει εγκατάςταςθ (να ςθμειϊςω πωσ το αρχείο ζχει κατάλθξθ.iso). Επιλζγουμε πρϊτα το Empty από το Storage Tree και ςτθ ςυνζχεια το εικονίδιο με το διςκάκι ςτα δεξιά (από εκεί βρίςκουμε το αρχείο και το φορτϊνουμε). 14
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 16) Ραρατθροφμε πωσ ο δίςκοσ είναι επιλεγμζνοσ για τθν εγκατάςταςθ. 15
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 17) Τϊρα, για να μπορζςουμε να ςυνδεκοφμε ςτο διαδίκτυο κα πρζπει να κάνουμε μια ακόμα επιλογι. Από τα αριςτερά επιλζγουμε το Network και ςτθ ςυνζχεια ςτθν 1 θ καρτζλα επιλζγουμε Bridged Adapter και το είδοσ διαςφνδεςθσ μασ (πχ. ι τθν αςφρματθ κάρτα δικτφου ι τθν ενςωματωμζνθ κάρτα δικτφου Ethernet). Τζλοσ πατάμε ΟΚ. 16
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 18) Ρατάμε Start για να ξεκινιςει θ διαδικαςία εγκατάςταςθσ. 19) Ρατάμε ΟΚ ςτα ενθμερωτικά μθνφματα που μασ εμφανίηει. 17
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 20) Επιλζγουμε τθ γλϊςςα και πατάμε κάτω δεξιά το μπλε κυκλάκι. 21) Στο επόμενο βιμα πατάμε Continue, όπωσ βλζπετε παρακάτω 18
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 22) Ρατάμε Agree, για να ςυνεχίςει θ εγκατάςταςθ. 23) Επιλζγουμε Utilities Disk Utility. 19
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 24) Κάνουμε τισ παρακάτω ενζργειεσ με τθ ςειρά που ζχουν αρικμθκεί. 25) Στθν επιβεβαίωςθ πατάμε Erase 20
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 26) Και παρατθροφμε πωσ ζχει ξεκινιςει θ διαδικαςία 27) Βλζπουμε πωσ δθμιουργικθκε το διαμζριςμα, κλείνουμε το παράκυρο. 21
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 28) Επιλζγουμε τον δίςκο και πατάμε Customize 29) Επιλζγουμε τα παρακάτω, όπωσ ςτθν εικόνα. Ρατάμε ΟΚ. 22
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 30) Επιλζγουμε ξανά τον δίςκο και πατάμε Install 31) Ρεριμζνουμε να ολοκλθρωκεί θ εγκατάςταςθ (κζλει ϊρα ) 23
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 32) Μόλισ τελειϊςει πατάμε Continue για να ςυνεχίςουμε. 33) Σε αυτό το ςθμείο, αφαιροφμε τον εικονικό δίςκο. 24
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 34) Κάνουμε μια επανεκκίνθςθ του ςυςτιματοσ μασ, όπωσ τθν παρακάτω εικόνα. 35) Πταν ξεκινιςει κα μασ εμφανίςει τθν εικόνα αυτι, πατάμε ENTER 25
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 36) Επιλζγουμε τθ χϊρα και πατάμε ςυνζχεια.. 37) Επιλζγουμε τθ διάταξθ του πλθκτρολογίου και πατάμε ςυνζχεια. 26
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 38) Επιλζγουμε να μθ μεταφερκοφν οι πλθροφορίεσ, πατάμε ςυνζχεια 39) Ρατάμε ςυνζχεια (αν κζλετε βάηετε τα ςτοιχεία ςασ) 27
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 40) Ρατάμε ςυνζχεια όπωσ είναι αρικμθμζνα ςτθν εικόνα. 41) Βάηουμε ςτοιχεία για τθ δθμιουργία λογαριαςμοφ. 42) Επιλζγουμε τθν περιοχι (για ςωςτι ϊρα). Ρατάμε ςυνζχεια 28
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 43) Τζλοσ πατάμε Go. 29
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 44) Στθν επόμενθ οκόνθ πατάμε Continue.Μόλισ το πατιςουμε κα βγει μια οκόνθ που κα ηθτάει να πατιςουμε ταυτόχρονα τα πλθκτρα δίπλα απ τα shift δθλαδι Ζ, / 45) Στθν επόμενθ οκόνθ επιλζγουμε ISO και Done. 30
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr Εγκατϊςταςη Xcode & iphone SDK (Software Development Kit) Σε αυτό το ςθμείο ζχουμε τελειώςει με τθν εγκατάςταςθ του λειτουργικοφ μασ, ςτο ςθμείο αυτό ο οδθγόσ χωρίηεται ςε 2 μζρθ, παρακάτω αναλφουμε το Α μζροσ και ςτθ ςυνζχεια το Β. Είναι επιλογι ςασ με ποιον τρόπο κα ςυνεχίςετε (όχι και με τουσ 2). Στο τζλοσ (μόλισ τελειώςουν τα 2 αυτά μζρθ), ο οδθγόσ ςυνεχίηεται κανονικά (για όλουσ τουσ χριςτεσ ανεξαρτιτωσ πιο από τα 2 μζρθ ζχει ακολουκιςει). Το Β ΜΕΡΟΣ αρχίζει από το βήμα 58. 46) Α ΜΕΡΟ. Ανοίγουμε τον Safari 31
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 47) Δεξιά πάνω, γράφουμε xcode και πατάμε ςτο αποτζλεςμα που μασ εμφανίηει. 48) Ρατάμε Download Xcode κάτω αριςτερά. 32
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 49) Στθ ςυνζχεια πατάμε Log in 50) Και εδϊ ειςάγουμε τα ςτοιχεία μασ για να ςυνδεκοφμε ι κάνουμε νζο λογαριαςμό 33
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 51) Ρατάμε Learn more ςε όποια κατθγορία κζλουμε (εκεί ζχουμε επιλζξει είναι free) 52) Ζπειτα πατάμε Apply Now 34
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 53) Στθ ςυνζχεια πατάμε Continue 54) Δθμιουργοφμε ζνα νζο λογαριαςμό και πατάμε ςυνζχεια.. (κα ςασ ηθτθκοφν κάποια ςτοιχεία για τθ δθμιουργία, τα ςυμπλθρϊνετε κανονικά) 35
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 55) Μόλισ ςυμπλθρϊςουμε τα ςτοιχεία ςυνεχίηουμε από εδϊ (αν δεν βρίςκετε το ςθμείο απλά γράψτε ξανά ςτο google τθν λζξθ xcode και πατιςτε ςτο 1 ο αποτζλεςμα όπωσ ςτο βιμα 47). Βλζπουμε αριςτερά πωσ είμαςτε ςυνδεδεμζνοι και πατάμε δεξιά τθν επιλογι ios Dev Center 56) Ζπειτα πατάμε τθν επιλογι όπωσ ςτθν εικόνα. 36
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 57) Και ξεκινάει το κατζβαςμα του προγράμματοσ. Εδώ τελειώνει και το Α μζροσ, όποιοσ το ζκανε αυτό κα ςυνεχίςει ςτο βιμα 68. 37
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 58) Β ΜΕΡΟ. Για τουσ χριςτεσ που διάλεξαν το Β μζροσ ςυνεχίηουν κανονικά από εδϊ μζχρι το τζλοσ. Ρατάμε πάνω ςτο «μιλο» και system preferences 38
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 59) Ζπειτα επιλζγουμε Sharing 60) Στθ ςυνζχεια κάνουμε τα παρακάτω ζτςι όπωσ είναι αρικμθμζνα.. Στο 2 αφαιροφμε τον φάκελο που ζχει ιδθ και προςκζτουμε τον φάκελο Desktop. 39
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 61) Επιλζγουμε τθν 3 θ επιλογι (αφαιροφμε τθν 1 θ γιατί είναι επιλεγμζνθ) και επιλζγουμε και τον χριςτθ από κάτω και Done. 62) Ζπειτα πάμε ξανά ςτο «μιλο» και system preferences 40
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 63) Επιλζγουμε το Network 64) Και βλζπουμε τθν IP (προςοχι, αν δεν κάνουμε τα βιματα με τθ ςειρά μπορεί να βγάλει λακόσ IP. Η IP πρζπει να είναι τθσ μορφισ 192.168.x.x ) 41
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 65) Ράμε ςτα windows και φτιάχνουμε μια ςυντόμευςθ 42
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 66) Στθ ςυντόμευςθ βάηουμε τθν IP όπωσ φαίνεται ςτθν παρακάτω εικόνα (δθλ. \\192.168.x.x) και πατάμε επόμενο.. 43
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 67) Μασ ηθτάει τουσ κωδικοφσ που ζχουμε ςτον λογαριαςμό ςτο mac. Πταν δϊςουμε τον κωδικό κα μποφμε ςτον φάκελο και αντιγράφουμε μζςα ςτον φάκελο το πρόγραμμα xcode που ζχουμε κατεβάςει ςτα windows.. (θ διαδικαςία download του xcode δίνεται αναλυτικά ςτο Α μζροσ ). 44
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 68) Εδϊ είναι το ςθμείο όπου φτάνει κάποιοσ άςχετα με το ποιο από τα 2 μζρθ ζχει ακολουκιςει. Βλζπουμε το Xcode ςτθν επιφάνεια εργαςίασ και ςυνεχίηουμε με τθν εγκατάςταςθ του προγράμματοσ.. 69) Ρατάμε πάνω ςτο αρχείο και αρχίηει τθν αποςυμπίεςθ 45
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 70) Μόλισ τελειϊςει θ αποςυμπίεςθ κα μασ εμφανίςει αυτό το παράκυρο. Κάνουμε 2πλο κλικ ςτο πακζτο παρακάτω. 71) Στο μινυμα που μασ εμφανίηει πατάμε Continue 46
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 72) Ζπειτα πατάμε Continue (για ακόμα μια φορά) 73) Ξανά- πατάμε Continue 47
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 74) Ρατάμε Agree για να ςυνεχίςουμε τθν εγκατάςταςθ. 75) Ρατάμε για ακόμα μια φορά Continue 48
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 76) Ξανα-πατάμε Agree 77) Επιλζγουμε το δίςκο και πατάμε ςυνζχεια.. 49
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 78) Τςεκάρουμε τα παρακάτω όπωσ φαίνονται ςτθν εικόνα.. και πατάμε ςυνζχεια. 79) Ρατάμε Install 50
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr 80) Ρεριμζνουμε να ολοκλθρωκεί θ διαδικαςία εγκατάςταςθσ 81) Μόλισ ολοκλθρωκεί θ εγκατάςταςθ για να βροφμε το πρόγραμμα πατάμε δεξιά ςτθν επιφάνεια εργαςίασ τον δίςκο και μετά τον φάκελο Developer 51
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone 82) Μετά πατάμε ςτον φάκελο Applications 83) Και τζλοσ πατάμε πάνω ςτο πρόγραμμα 2πλο κλικ. 52
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr Titanium Ζνα άλλο εναλλακτικό πρόγραμμα που κα μποροφςατε να χρθςιμοποιιςετε είναι το titanium. To titanium είναι ζνα πρόγραμμα για τθν δθμιουργία εφαρμογϊν ςε iphone/ipad & android. Είναι δωρεάν και μπορείτε πολφ εφκολα να μάκετε να το χρθςιμοποιείτε. Το καλό με αυτό το πρόγραμμα είναι ότι δεν χρειάηεται να γράψετε δφο διαφορετικοφσ κϊδικεσ για να μπορζςετε να τρζξετε τθν εφαρμογι ςασ και ςε iphone και ςε adroid, απλά όταν τελειϊςετε με τθν ςυγγραφι του κϊδικα (js, html, css) επιλζγετε ςε ποια ςυςκευι κζλετε να εγκαταςτιςετε τθν εφαρμογι ςασ. Τθν εφαρμογι ςασ τθν προγραμματίηετε με χριςθ των παρακάτω: JavaScript HTML CSS Το titanium το κατεβάηετε από τθν ςελίδα http://www.appcelerator.com, ςτθν ςελίδα αυτι επίςθσ μπορείτε να βρείτε αρκετά παραδείγματα από τουσ developers και ακόμα μπορείτε να εγκαταςτιςετε τα διάφορα πρόςκετα που ζχουν δθμιουργιςει για να εκμεταλλευτείτε πλιρωσ τισ δυνατότθτεσ του κινθτοφ τθλεφϊνου! Το κάνετε εγκατάςταςθ ςτον υπολογιςτι ςασ (Mac), ϊςτε να μπορζςετε να δθμιουργιςετε τθν εφαρμογι που επικυμείτε. Θα χρειαςτεί να ζχετε εγκαταςτιςει το iphone SDK (βλ. προθγοφμενθ εγκατάςταςθ Xcode) ϊςτε να μπορζςετε να το δοκιμάςετε ςτον υπολογιςτι. Ρριν ξεκινιςετε κα πρζπει να δθμιουργιςετε ζνα απλό λογαριαςμό (register). Μόλισ ανοίγουμε το πρόγραμμα μασ βγάηει ςτθν παρακάτω εικόνα. (Αφοφ ζχουμε κάνει login με τον λογαριαςμό που ζχουμε δθμιουργιςει). Ρατάμε New Project. 53
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone Ρατϊντασ New Project μασ ηθτάει να δϊςουμε κάποια ςτοιχεία όπωσ τι τφποσ εφαρμογι κα είναι (deskop,mobile κτλ), το όνομα τθσ εφαρμογισ, τον προοριςμό που κα αποκθκευτεί κτλ. Στο τζλοσ ελζγχει αν ζχουμε εγκαταςτιςει κάποιο SDK. Ρατάμε Create Project. Συμπλθρϊνουμε κάποια ακόμα ςτοιχεία για τθν εφαρμογι που πρόκειται να δθμιουργιςουμε. Ρατάμε Save Changes 54
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr Αν παρατθριςατε δθμιουργικθκε ο φάκελοσ ςτθν Επιφάνεια εργαςίασ με το όνομα τθσ εφαρμογισ (myapplication). Τϊρα, κα πάμε ςτον φάκελο αυτό και κα ανοίξουμε το αρχείο για να προγραμματίςουμε. Myapplication Resources app.js Μζςα ςε αυτό το αρχείο μποροφμε, όπωσ είπα και παραπάνω, να προγραμματίςουμε ςε JavaScript, HTML, CSS. Μόλισ ολοκλθρϊςουμε τον προγραμματιςμό τθσ εφαρμογισ μασ (ι κατά τθ διάρκεια ϊςτε να επαλθκεφουμε αυτά που κάνουμε) γυρνάμε ςτο πρόγραμμα και πατάμε Launch ϊςτε να βγάλει ςτθν οκόνθ τον emulator του iphone ι του android. Σε περίπτωςθ που είχα εγκαταςτιςει και το Android SDK κα μου εμφάνιηε μια ακόμα επιλογι κάτω από το Run Emulator και δίπλα ακριβϊσ από το iphone ϊςτε να επιλζξω ςε ποιο κινθτό κζλω να τρζξω τθν εφαρμογι μου. Αν πάμε ςτθν καρτζλα Run on Device κα μποροφμε να περάςουμε τθν εφαρμογι ςτο κινθτό μασ (απαιτεί ςφνδεςθ του κινθτοφ με τον υπολογιςτι) και να τθν δοκιμάςουμε ςε κανονικζσ ςυνκικεσ. Στο Distribute, δθμιουργοφμε ζνα πακζτο τθσ εφαρμογισ μασ όπου μποροφμε να το ανεβάςουμε ςτα market τθσ apple & android ϊςτε να διανζμουμε τθν εφαρμογι μασ ςτο διαδίκτυο. 55
Οδθγόσ εγκατάςταςθσ προγραμμάτων για ανάπτυξθ εφαρμογϊν ςε iphone Ραρακάτω δείχνω μια εικόνα του αρχείου app.js που ζχουμε ανοίξει για να αρχίςουμε να προγραμματίηουμε τθ νζα μασ εφαρμογι Ο κϊδικασ που βλζπετε είναι ζνασ default κϊδικα που υπάρχει και δθμιουργεί δφο tabs. Μπορείτε να δείτε το αποτζλεςμα αν πατιςετε Launch χωρίσ να πειράξετε τίποτα ςτον κϊδικα. Στο ςθμείο αυτό ο οδθγόσ τελείωςε Ρλζον μπορείτε και εςείσ να γράψετε τθ δικι ςασ εφαρμογι για iphone. Ευχαριςτϊ που χρθςιμοποιιςατε τον οδθγό! 56
Σιϊπθσ Σπφροσ ΑΜ. 2136 spiross@mycosmos.gr Προβλόματα Απόψεισ Μερικά από τα προβλιματα που αντιμετϊπιςα και κζλω να τα μοιραςτϊ ςε αυτόν τον οδθγό είναι τα παρακάτω: 1. Ρρϊτο και βαςικότερο πρόβλθμα!!! Εάν δεν ζχετε υπολογιςτι με ios (τθσ apple), δεν κα καταφζρετε να κάνετε τθν δικιά ςασ εφαρμογι! 2. Κατά τθν διάρκεια τθσ εγκατάςταςθσ πρζπει να ακολουκθκοφν πιςτά τα βιματα διότι με ζνα μικρό λάκοσ πολφ πικανόν να μθν μπορζςει να εγκαταςτακεί το λειτουργικό ςφςτθμα. 3. Ζνα ςοβαρό πρόβλθμα είναι εκεί που κάνουμε τισ ρυκμίςεισ ςτο VirtualBox και ειδικά όταν επιλζγουμε τθν κάρτα δικτφου. Ρροςοχι εκεί λοιπόν γιατί εάν ζχουμε επιλζξει τθν αςφρματθ κάρτα και δεν είμαςτε ςτο δίκτυο δεν κα ζχουμε ςφνδεςθ με το διαδίκτυο μζςα ςτα mac. Θα πρζπει να αλλάξουμε τθν ρφκμιςθ και να επιλζξουμε τθν Ethernet Κάρτα δικτφου και μετά να ανοίξουμε το mac. 4. Επίςθσ, ζνα πολφ βαςικό πρόβλθμα είναι ότι θ μνιμθ του ςυςτιματοσ με αυτόν τον τρόπο που ζδειξα παραπάνω μοιράηετε και με τα windows επομζνωσ δεν κα ζχετε αρκετι μνιμθ για να μπορζςετε να κάνετε οτιδιποτε επικυμείτε. 5. Σε περίπτωςθ που υπάρχει κατάλλθλοσ υπολογιςτισ τότε παραβλζπετε τθν διαδικαςία εγκατάςταςθσ του λειτουργικοφ και επικεντρϊνεςτε ςτθν διαδικαςία εγκατάςταςθσ του Xcode ι του titanium. 6. Ρροτείνω μια δοκιμι του titanium γιατί πιςτεφω ότι κινείται ςτα πλαίςια του μακιματοσ και είναι αρκετά εφκολο για να ξεκινιςει κάποιοσ που δεν γνωρίηει άλλεσ γλϊςςεσ προγραμματιςμοφ. 7. Για να προγραμματίςετε ςε Xcode κα πρζπει να γνωρίηετε Objective-C. 57