Το iPhone είναι ένα φανταστικό φαινόμενο. Πρόκειται για μια συσκευή επικοινωνίας, μια πλατφόρμα πολυμέσων και πολλά άλλα όλα έρχονται σε ένα ενιαίο εργαλείο. Όλοι θέλουν σε αυτή τη συσκευή.
Το κατάστημα της Apple έχει μόλις περάσει τη λήψη ενός δισεκατομμυρίου εφαρμογών (εγώ το μόνο που αντιπροσωπεύει το 3% αυτής ...) και υπάρχει μια μεγάλη ποικιλία εφαρμογών από το εκπληκτικά χρήσιμο για το παράξενα περιττό.
Με τα εκατομμύρια των iPhones εκεί έξω, είναι λογικό να έχετε το περιεχόμενό σας ή την εφαρμογή διαθέσιμη σε αυτήν την πλατφόρμα, αλλά πώς να το κάνετε αυτό; Πού πηγαίνετε για να ξεκινήσετε; Και ποια είναι τα βήματα που πρέπει να πάρετε για να φτάσετε εκεί;
Αυτό το άρθρο είναι μια εισαγωγή στους διάφορους τρόπους απόκτησης περιεχομένου και εφαρμογών στο iPhone. Δεν είναι καθόλου ένας πλήρης οδηγός, αλλά ελπίζει να σας κατευθύνει προς τη σωστή κατεύθυνση και να σας δώσει μια γενική εικόνα του τι εμπλέκεται στη διαδικασία.
Το πρώτο βήμα στο γράψιμο για το iPhone είναι η κατανόηση του πώς τα πράγματα λειτουργούν πραγματικά στο iPhone . Νομίζω ότι είναι σχεδόν αδύνατο να αναπτυχθεί για το iPhone χωρίς να είναι σταθερός χρήστης για λίγο.
Το iPhone έχει έναν συγκεκριμένο τρόπο να κάνει τα πράγματα και αν το περιεχόμενό σας δεν συμμορφώνεται με αυτό θα παραμείνει σαν ένα πονόλαιμο αντίχειρα. Είναι πολύ διαφορετικό από αυτό που συμβαίνει σε μια επιφάνεια εργασίας.
Ο μόνος τρόπος αλληλεπίδρασης με περιεχόμενο στο iPhone είναι τα δάχτυλά σας . Αυτό υπαγορεύει πολλούς τρόπους με τους οποίους λειτουργεί η διεπαφή. Οι άλλες σημαντικές διαφορές είναι ότι η οθόνη είναι μικρή, μόνο μία εφαρμογή τρέχει κάθε φορά και υπάρχουν πολύ λίγες ευκαιρίες για την παροχή βοήθειας από τους χρήστες.
Το iPhone χρησιμοποιεί εκτενώς την κινούμενη εικόνα για να παρέχει μια υγρή, ευαίσθητη διασύνδεση που αισθάνεται σχεδόν φυσική (σαν το περιεχόμενο της οθόνης να κινείται πραγματικά, να πηδάει ή να καταρρέει). Πρέπει πραγματικά να πάρετε μια αίσθηση γι 'αυτό να είναι σε θέση να δημιουργήσει κάτι που ζει άνετα στο iPhone.
Θα μπορούσατε ενδεχομένως να χρησιμοποιήσετε τον προσομοιωτή iPhone σε ένα Mac αντί για ένα πραγματικό iPhone ή iPod Touch, αλλά ... αυτό δεν το κάνει πραγματικά. Το iPhone διαθέτει ένα σύνολο επιταχυνσιόμετρων που μπορούν να ανιχνεύσουν τον προσανατολισμό και την κίνηση της συσκευής . Πρέπει πραγματικά να το κρατήσετε και να το αισθανθείτε.
Η Apple παρέχει πληθώρα πληροφοριών στον ιστότοπο ανάπτυξης του iPhone:
http://developer.apple.com/iphone/
Υπάρχουν εισαγωγικά βίντεο, έγγραφα και δείγμα κώδικα. Εκτός από όλα τα εισαγωγικά υλικά, ένα μεγάλο έγγραφο για να ξεκινήσετε είναι οι κατευθυντήριες γραμμές iPhone διεπαφής χρήστη.
Μπορούν να βρεθούν εδώ:
http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf
Σας συνιστώ να αρχίσετε με αυτό το έγγραφο. Έχει παραδείγματα και σας καθοδηγεί στο ταξίδι. Εξοικειωθείτε με τον τρόπο με τον οποίο γίνονται τα πράγματα στο iPhone και το οπλοστάσιο των ελέγχων και της λειτουργικότητας που έχετε στη διάθεσή σας.
Δεν θα πάω βαθιά σε αυτό. Ο σχεδιασμός στο iPhone είναι σαν να σχεδιάζετε οποιαδήποτε άλλη πλατφόρμα.
Πρέπει να είστε σαφείς σχετικά με το τι θέλετε να επιτύχετε και να διερευνήσετε τη λειτουργικότητα που θέλετε να εκθέσετε με το σχέδιό σας. Προσπαθήστε για μια λύση που είναι σαφής, κατανοητή, οπτικά ευχάριστη και φυσικά ... δροσερή.
Μόλις γνωρίσετε το σχέδιο παιχνιδιού, η αναζήτηση ξεκινά για το σχέδιο. Με τη μοναδική εμφάνιση του iPhone, είναι σημαντικό να χρησιμοποιήσετε αυτή την εμφάνιση για την απεικόνιση της διεπαφής του έργου σας.
Αναζωογονώντας τη διεπαφή iPhone για wireframe ή σκίτσο είναι πολύ δουλειά. Ευτυχώς, οι άνθρωποι έχουν ήδη βάλει αυτή την προσπάθεια και είναι διαθέσιμος για εσάς.
Αυτές είναι συλλογές γραφικών widgets σε διάφορες μορφές που μπορούν να χρησιμοποιηθούν για τη συναρμολόγηση όσων μοιάζουν με οθόνες iPhone. Μπορείτε να τα χρησιμοποιήσετε για να σχεδιάσετε σκίτσα και σύρματα για τα έργα σας. Εδώ είναι μερικά:
Μέρος του Kit UI του Yahoo. Πρόκειται για έναν εξαιρετικό πόρο για κάθε οπτικοποίηση σχεδίασης UI. Το Yahoo! Το σχέδιο Stencil Kit 1.0 είναι διαθέσιμο για τα OmniGraffle, το Visio (XML), το Adobe Illustrator (PDF και SVG) και το Adobe Photoshop (PNG). Πρόκειται για ένα σύνολο γραφικών σε διαφορετικές μορφές που χρησιμοποιούνται σε διάφορες εφαρμογές και σας βοηθούν να βάλετε μαζί σκίτσα UI.
Κατέβασε εδώ: http://developer.yahoo.com/ypatterns/wireframes/
Ένα αρχείο Photoshop που έχει μια αρκετά ολοκληρωμένη βιβλιοθήκη περιουσιακών στοιχείων, μερικά επεξεργάσιμα
Κατέβασε εδώ: http://teehanlax.com/downloads/iPhone_GUI.psd.zip
Ένα PDF ή το Photoshop βασισμένο στο 'sketchepad' για τη σκιαγράφηση των διεπαφών του iPhone.
Μπορείτε να το κατεβάσετε εδώ:
http://labs.boulevart.be/index.php/2008/06/05/sketch-paper-for-the-mobile-designer/
Και φυσικά, υπάρχουν αρκετοί άλλοι που επιπλέουν.
ΕΝΤΑΞΕΙ. Έτσι τώρα έχετε μια ιδέα ή κάποιο περιεχόμενο, σκεφτήκατε το σχέδιο παιχνιδιού, σχεδιάσατε ένα περιβάλλον εργασίας που θα έβλεπε στο σπίτι στο iPhone. Τι έπεται? Λοιπόν ... υπάρχουν διάφορες προσεγγίσεις που μπορείτε να ακολουθήσετε για να αποκτήσετε το έργο σας στο iPhone:
Το iPhone έχει ένα αξιόλογο πρόγραμμα περιήγησης για κινητή συσκευή: Safari. Έχει μερικά κόλπα επάνω στα μανίκια του και κάνει ό, τι καλύτερο για να παρουσιάσει οποιαδήποτε ιστοσελίδα με ευανάγνωστο τρόπο. Έτσι ... αν έχετε έναν ιστοχώρο που λειτουργεί και μπορείτε να ξεφύγετε χωρίς να κάνετε τίποτα.
Το Safari είναι σε θέση να παρουσιάσει σχεδόν οποιαδήποτε ιστοσελίδα με ευανάγνωστο τρόπο. Ο χρήστης μπορεί να κάνει διπλό κλικ σε οποιοδήποτε τμήμα της ιστοσελίδας και το Safari θα μεγεθύνει σε μια ευανάγνωστη κλίμακα και θα παρουσιάσει τη συγκεκριμένη σελίδα.
Τα πράγματα που πρέπει να αποφευχθούν για τη συμμόρφωση με το iPhone είναι:
Έτσι, αν ο ιστότοπος / εφαρμογή σας λειτουργεί καλά με το Safari στο iPhone χωρίς αλλαγές, αυτό είναι το μονοπάτι σας με τη μικρότερη αντίσταση.
Το επόμενο βήμα είναι να διατηρήσετε τον ιστότοπό σας, αλλά να κάνετε μερικές προσαρμογές, έτσι ώστε η προβολή του σε ένα iPhone να είναι μια καλύτερη εμπειρία για τους επισκέπτες σας.
Εδώ μερικές απλές συμβουλές και κόλπο που θα κάνουν το site σας να λειτουργήσει καλά για έναν επισκέπτη iPhone.
Τώρα μιλάς! Πρόκειται να αναπτύξετε έναν ιστότοπο ειδικά για το iPhone. Πρέπει να μάθετε τι είναι δυνατό από εδώ http://developer.apple.com/safari/mobile.php και ξεκινήστε να τα βάζετε όλα μαζί.
Η ιδέα είναι να οικοδομήσουμε μια εφαρμογή Ιστού που να ζει άνετα στο iPhone , να διατηρεί το οπτικό στυλ και τις συμπεριφορές τις οποίες χρησιμοποιούν οι χρήστες του iPhone και να επωφελείται από τα ειδικά χαρακτηριστικά της πλατφόρμας, όπως χειρονομίες, αλλαγές προσανατολισμού κλπ.
Δεν χρειάζεται να ξεκινήσετε από το μηδέν. Υπάρχουν πολλοί μεγάλοι πόροι που παρέχουν ένα καλό σημείο εκκίνησης ή ένα πλαίσιο για την κατασκευή του iPhone σας:
Χρησιμοποιώντας το πρότυπο iPhone Aptana Studio / προβολή κώδικα
Το Aptana Studio δείχνει την προεπισκόπηση του iPhone
Διάφορες τοποθεσίες που αναπτύχθηκαν ειδικά για το iPhone
Οι ακόλουθες επιλογές αφορούν τα εργαλεία της Apple Developer. Για να έχετε πρόσβαση σε αυτά, πρέπει να είστε εγγεγραμμένος προγραμματιστής της Apple. Η σουίτα εργαλείων ονομάζεται συλλογικά Xcode. Το Xcode περιλαμβάνει ένα αριθμό εργαλείων, το καθένα αντιμετωπίζει ένα διαφορετικό μέρος του παζλ:
Η εγγραφή γίνεται εδώ:
http://developer.apple.com/
Ο κώδικας Dash είναι ένα περίεργο θηρίο. Είναι μέρος της σουίτας Xcode, αλλά δεν αλληλεπιδρά πραγματικά με τα υπόλοιπα εξαρτήματα (εκτός από τον προσομοιωτή iPhone που χρησιμοποιεί για την εκτέλεση έργων που αναπτύσσετε μαζί του).
Το Dashcode είναι ένα IDE που έχει σχεδιαστεί για την κατασκευή εφαρμογών ιστού για iPhone . Έχει μια σειρά προτύπων που μπορείτε να χρησιμοποιήσετε ως σημείο εκκίνησης για την εφαρμογή σας (εφαρμογή βάσει πλοήγησης, εφαρμογή με βάση την καρτέλα κλπ.) Και να την πάρετε από εκεί.
Υπάρχει μια βιβλιοθήκη ελέγχου που μπορείτε να χρησιμοποιήσετε, μεταφέροντας τα στοιχεία ελέγχου στη διεπαφή σας και στη συνέχεια αναθέτοντας ιδιότητες και λογική.
Ο Dashcode αποθηκεύει τα έργα του ως αρχείο έργου Dashcode και όταν τελειώσετε, εξάγετε το έργο ως html / javascript / css site για ανάπτυξη.
Δεν είναι κατασκευασμένο για πολύ περίπλοκες εφαρμογές που έχουν πολλά backend κώδικα, αλλά αν έχετε μια απλή αυτοτελής ιδέα. Δεν υπάρχει τίποτα γρηγορότερο από τον Dashcode για την τοποθέτηση του.
Μπορείτε να βρείτε τον οδηγό χρήστη για το Dashcode εδώ
Το IDE Dashcode, παρέχοντας μια βιβλιοθήκη ελέγχου, μια περιοχή διάταξης και μια ενότητα επεξεργασίας κώδικα
Προεπισκόπηση ενός ιστότοπου που αναπτύχθηκε στο Dashcode στον προσομοιωτή iPhone
Χρησιμοποιώντας όλα αυτά τα webkit μπορούν να προσφέρουν μαζί με ένα από τα πλαίσια, ή να χτίσετε τον ιστότοπό σας χρησιμοποιώντας το DashCode, μπορείτε να δημιουργήσετε κάτι πολύ κοντά σε μια εγγενή εφαρμογή iPhone που είναι ευαίσθητη στις αλλαγές προσανατολισμού, χρησιμοποιεί κινούμενα γραφικά για μεταβάσεις και εμφανίζει τα widgets UI του iPhone. Αυτό που θα λείπετε είναι το εξής:
Για να κερδίσετε την πλήρη μόχλευση του καταστήματος εφαρμογών και να επωφεληθείτε πλήρως από το iPhone που πρέπει να προσφέρετε, πρέπει να χρησιμοποιήσετε το iPhone SDK .
Η δημιουργία μιας εφαρμογής SDK iPhone αποκαλύπτει όλες τις δυνατότητες του iPhone. Το SDK παρέχει μια απίστευτα πλούσια συλλογή πλαισίων που είναι υπεύθυνα για μια συγκεκριμένη περιοχή λειτουργικότητας.
Η μεγάλη εικόνα είναι αυτή: Δημιουργήστε μια εφαρμογή στο Xcode, δημιουργήστε τη διεπαφή χρήστη στο Interface Builder και εκτελέστε την στο iPhone Simulator.
Το κύριο πλαίσιο με το οποίο πιθανότατα θα γίνει πιο εξοικειωμένο είναι το Cocoa Touch . Μεταξύ άλλων, περιέχει το πλαίσιο UIKit και το πλαίσιο περιβάλλοντος χρήστη βιβλίου διευθύνσεων . Υποστηρίζει επίσης παράθυρα, εκδηλώσεις και διαχείριση διεπαφών χρήστη και πολλά άλλα.
Υπάρχει πολύ μεγάλη ανύψωση που πρέπει να γίνει εδώ και πολλές πληροφορίες που πρέπει να απορροφηθούν για να επωφεληθούν από τον πλούτο που προσφέρει το iPhone.
Ευτυχώς υπάρχουν τόνοι πληροφοριών, τεκμηρίωσης, κώδικα δείγματος και βίντεο εισαγωγής που διατίθενται εδώ: http://developer.apple.com/iphone/
Οι κύριες έννοιες που χρειάζεστε για να τυλίξετε το κεφάλι σας είναι:
Το Xcode παρέχει πολλά πρότυπα έργων τα οποία μπορείτε να χρησιμοποιήσετε ως σημείο εκκίνησης για τις κύριες κατηγορίες εφαρμογών: Εφαρμογή που βασίζεται στην πλοήγηση, Εφαρμογή καρτέλας Tab κ.λπ.
Το πρώτο βήμα για να ξεκινήσετε με την ανάπτυξη του SDK είναι να κάνετε λήψη του SDK και να το εγκαταστήσετε. Το SDK είναι ένα βαρύ download 1GB και απαιτεί εγγραφή ως προγραμματιστής της Apple.
Το δεύτερο βήμα είναι να υπολογίσετε τι συμβαίνει και να πάρετε τα ρουλεμάν σας μέσα σε αυτό το περιβάλλον. Τα εισαγωγικά βίντεο είναι ένα καλό μέρος για να ξεκινήσετε και να προσανατολιστείτε.
Μπορείτε να τα βρείτε εδώ:
http://developer.apple.com/iphone/index.action
Xcode. Το νευρικό κέντρο της ροής ανάπτυξης IDE
Διασύνδεση Builder. Το εργαλείο που χρησιμοποιείτε για να ορίσετε οπτικά τη διασύνδεση εφαρμογών iPhone
Αυτός ο τελευταίος τύπος είναι βασικά μια εφαρμογή SDK με περιστροφή . Τα τμήματα της εφαρμογής είναι πραγματικά παράθυρα του Safari που εμφανίζουν ιστοσελίδες.
Αυτό χωρίζει την ανάπτυξη στην ενότητα που θα γραφτεί χρησιμοποιώντας το Xcode και τον αντικειμενικό c και την ενότητα που θα συλλέγει πληροφορίες από τον ιστό και θα την παρουσιάσει σε προβολή προγράμματος περιήγησης.
Βασικά, το Xcode θα χρησιμοποιηθεί για τη δημιουργία της εφαρμογής που εκτελείται στο iPhone και η Dashcode θα χρησιμοποιηθεί για την κατασκευή των διαδικτυακών τμημάτων της εφαρμογής. Η αίτησή σας είναι ο συνδυασμός αυτών των δύο τεχνολογιών που συνεργάζονται.
Μια καλή αναφορά για αυτόν τον τύπο εφαρμογής μπορεί να βρεθεί στο οδηγιών διεπαφής χρήστη
Για να συνοψίσουμε όλα αυτά, ας δούμε τα πιο σημαντικά στοιχεία που απαιτούνται για τη δημιουργία περιεχομένου για το iPhone:
Γράφτηκε αποκλειστικά για το WDD από τον Etan Rozin. Είναι σχεδιαστής διεπαφής χρήστη και τρέχει τη δική του ιστοσελίδα στο: www.rozin.com
Ποια εργαλεία χρησιμοποιείτε για την ανάπτυξη του iPhone; Παρακαλώ μοιραστείτε τα σχόλιά σας μαζί μας ...