2009 »Μαρτίου» Yahoo! User Interface Blog (YUIBlog)

Πάρεργο Κτίριο: Μαθήματα σε Yui + Adobe AIR

Σχετικά με το Συντάκτης: Τσαντ Auld είναι Front-end Μηχανικός συνεργάζεται με την ομάδα Buzz Marketing Yahoo!. Μια πολύ καιρό open-source συνεργάτης, ο πρόσφατα βοήθησε να ξεκινήσει το έργο MiaCMS , ένα επόμενης γενιάς πιρούνι του Mambo κατασκευάστηκε με τη χρήση Yui. Σε αυτό το άρθρο, μας καθοδηγεί μέσω της διαδικασίας της ανάπτυξης ενός desktop εφαρμογή με Yui στην πλατφόρμα Adobe Air.

Αναρωτηθήκατε ποτέ τι λέει ο κόσμος αυτή τη στιγμή για την εταιρία, το εμπορικό σήμα σας, των υπηρεσιών, των προϊόντων, κλπ; πάρεργο , εμπνευσμένο από μια πρόσφατη εσωτερική έργο αμυχή στο Yahoo!, υπερβαίνει την τυπική διαδικασία έρευνας μεταξύ των πελατών για να μπορείτε να ακούσετε σε πραγματικό χρόνο για τους ανθρώπους μιλάμε για τα προϊόντα σας και στη συνέχεια χρησιμοποιήστε ότι ανατροφοδότηση για τη βελτίωση των υπηρεσιών σας ή να βοηθήσει τους χρήστες με τα προβλήματά τους.

Εν συντομία αναφέρθηκε, οι στόχοι του έργου μας ήταν να

Δημιουργήστε μια desktop εφαρμογή που επιτρέπει τη δημιουργία, την ομαδοποίηση και αυτόματη εκτέλεση των προηγμένων ερωτημάτων αναζήτησης κατά Twitter
Αξιοποίηση υπαρχόντων δεξιοτήτων και μέσων
Στόχος των Windows, Mac OS X και Linux λειτουργικά συστήματα και να ελαχιστοποιηθεί το ύψος της πλατφόρμας συγκεκριμένο κωδικό που πρέπει να γραφτεί
Open source τον κώδικα έτσι ώστε οι άλλοι μπορούν να μάθουν από, να συμβάλει στην, και / ή να επεκτείνουν το προϊόν κατά την κρίση τους

Η ομάδα μας των front-end μηχανικοί είναι εμπειρογνώμονες σε JavaScript, CSS, HTML, και PHP αλλά δεν έχουν μεγάλη εμπειρία στην ανάπτυξη εφαρμογών desktop. Έτσι, το ερώτημα ήταν, πώς να μεγιστοποιηθεί η υπάρχουσα ικανότητα-σύνολα μας για την ανάπτυξη desktop; Η απάντηση για εμάς ήταν να χρησιμοποιήσει την πλατφόρμα Adobe AIR , η οποία «επιτρέπει στους προγραμματιστές να χρησιμοποιούν δοκιμασμένες τεχνολογίες web για τη δημιουργία πλούσιων εφαρμογών Internet που τρέχουν έξω από το πρόγραμμα περιήγησης σε πολλαπλά λειτουργικά συστήματα». Δεδομένου ότι η AIR υποστηρίζει HTML / JavaScript ανάπτυξης (εκτός από την Flex και Flash), θα μπορούσαμε να οικοδομήσουμε την εφαρμογή μας σε παραδοσιακές τεχνολογίες του διαδικτύου, πάνω από Yui , και έχουν τρέξει στα τρία βασικά λειτουργικά συστήματα desktop.

Yui Πλέγματα στο AIR

Πάρεργο περιέχει μια εκτεταμένη εφαρμογή της Βιβλιοθήκης Yui. Θα πρέπει να ελπίζουμε να χρησιμεύσει ως ένα μεγάλο παράδειγμα για άλλους προγραμματιστές ενδιαφέρονται να πειραματίζεται με Yui και το Adobe AIR. Η εφαρμογή διάταξης είναι κατασκευασμένο χρησιμοποιώντας Yui πλέγματα και ακόμα κάνει χρήση της πρόσφατα προστέθηκε Ρόλοι Landmark ARIA . Πλέγματα λειτούργησε πολύ καλά στο περιβάλλον AIR και γίνονται ανασχηματισμοί που συνέβησαν μέσα ανάπτυξης εύκολο να εφαρμοστεί με ελάχιστες αλλαγές κώδικα. Ακριβώς όπως και στο πρότυπο πρόγραμμα περιήγησης στο περιβάλλον, Yui πλέγματα μπορεί να χρησιμεύσει ως ένα μεγάλο θεμέλιο για μια εφαρμογή AIR, ακόμη και αν ο κύριος του έργου αποφασίσει κατά τη χρήση το υπόλοιπο της βιβλιοθήκης JavaScript και να επιλέξει άλλο πλαίσιο αντ 'αυτού.

Yui Components στο AIR

Εκτός από πλέγματα, πάρεργο χρησιμοποιεί επίσης την Dom , Event , Drag and Drop , JSON , Selector , Container , Button , Μενού , Slider , και TabView συστατικά. Είμαι ευτυχής να αναφέρω ότι όλα τα στοιχεία Yui απέδωσε εξαιρετικά καλά στο περιβάλλον AIR και απαιτούνται τροποποιήσεις. Πάρεργο θέτει σε εφαρμογή ένα αρκετά προσαρμοσμένη σχεδιασμό και έτσι κάποια προσαρμοσμένη εκδορά από τα συστατικά Yui όφειλε, αλλά δεν γίνουν οι τροποποιήσεις του πυρήνα. Οι περισσότερες εφαρμογές AIR τείνουν να έχουν μια πλούσια desktop εφαρμογή αίσθηση. Γι 'αυτό το επίπεδο προσαρμογής, το άρθρο εκδορά Yui είναι μια μεγάλη αναφορά για να ξεκινήσετε.

Πέρα από το πρόγραμμα περιήγησης

Μια σημαντική ενίσχυση της πλατφόρμας Adobe AIR πάνω από το παραδοσιακό περιβάλλον web είναι η πρόσβαση σε μια τοπική βάση δεδομένων SQLite και το σύστημα αρχείων του χρήστη. Τοπική πρόσβαση στη βάση δεδομένων γίνεται όλο και περισσότερο διαθέσιμο σε παραδοσιακά περιβάλλοντα ιστό μέσω της τεχνολογίας, όπως το Gears και HTML 5 αποθήκευσης πλευρά του πελάτη, αλλά προς το παρόν αυτές οι λύσεις δεν είναι πανταχού παρούσα. Για όσους ενδιαφέρονται για την ανάπτυξη AIR, σε πλάγια αντιμετώπισε πολλές από τις συνήθεις εργασίες που μια τυπική εφαρμογή του αέρα μπορεί να απαιτήσει, για παράδειγμα, γοητευτικός εξωτερικά δεδομένα, το χειρισμό ενημερώσεις εφαρμογών, που αλληλεπιδρούν με την τοπική βάση δεδομένων, σε συνεργασία με το τοπικό σύστημα αρχείων, τη δρομολόγηση μητρική παράθυρα του προγράμματος περιήγησης, εμφανίζοντας ειδοποιήσεις στην επιφάνεια εργασίας, κλπ. Θα πρέπει να αποδειχθεί μια χρήσιμη αναφορά σε αυτό.

Συμβουλές για την ανάπτυξη του εναέριου

Γνωρίστε το περιβάλλον σας. AIR χρησιμοποιεί το WebKit open source μηχανή περιήγησης κάτω από την κουκούλα. Παραδοσιακά ανάπτυξης ιστοσελίδων έχει ως στόχο να κάνει ένα έργο εφαρμογή ή ιστοσελίδα σε όσα προγράμματα περιήγησης / λειτουργικών συστημάτων όσο το δυνατόν. Ποια προγράμματα περιήγησης για την υποστήριξη έρχεται συνήθως κάτω σε ένα παράγοντα του κόστους σε σχέση με τη χρήση. Ωστόσο, κωδικοποιεί μια ενιαία μηχανή απόδοσης μειώνει την ανάγκη για την προετοιμασία και τη δοκιμή κατά την φωνεύω των πιθανών συνδυασμών στην αγορά. Τούτου λεχθέντος, αυτό κάνει ακόμα νόημα να αναπτυχθεί κατά τρόπο cross-browser, όπου είναι δυνατόν αφού μπορεί να έρθει η στιγμή που η εφαρμογή πρέπει να βρει το δρόμο της επιστροφής σε ένα πιο παραδοσιακό περιβάλλον του προγράμματος περιήγησης. Χρησιμοποιώντας ένα πλαίσιο όπως Yui θα κάνει αυτή τη διαδικασία σχετικά ανώδυνη. Είναι απλό να δούμε την browsers και πλατφόρμες που υποστηρίζονται από Yui μέσω του βαθμολογημένος διάγραμμα Υποστήριξη Browser . Οι προγραμματιστές θα πρέπει να είναι αρκετά ασφαλές να παίρνετε κάποιες βασικές συντομεύσεις κατά την οικοδόμηση AIR εφαρμογή (με τη χρήση -webkit-border-radius κάνει στρογγυλεμένες γωνίες ένα αεράκι), αλλά τα χρησιμοποιούν με φειδώ και να τεκμηριώσει τους έτσι ώστε να είναι εύκολο να εντοπιστούν αργότερα.
Κατά τη διάρκεια της ανάπτυξης μιας σύνθετης εφαρμογής σε οποιοδήποτε περιβάλλον, ένα στερεό σύνολο εργαλείων εντοπισμού σφαλμάτων είναι ένα must-have. Adobe προσφέρει μερικά χρήσιμα εργαλεία για τον εντοπισμό σφαλμάτων αέρα έξω από το κουτί. Οι προγραμματιστές θα πρέπει να εξετάσει το Launcher Debug AIR (ADL) , η HTML Introspector , και το HTML Source Viewer . Εκτός από το πακέτο εργαλείων, Aptana Studio με το Adobe AIR Plugin του αποδείχθηκε, αποτελούν απαραίτητο στοιχείο. Το plugin Aptana παρέχει βοήθεια με τη δημιουργία ενός σχεδίου AIR, την εισαγωγή των κοινών πλαισίων JavaScript, για τον εντοπισμό σφαλμάτων, συσκευασία / εξαγωγή και την ψηφιακή υπογραφή της αίτησης.
Μην ξεχνάτε τις τεχνικές επιδόσεις που έχουμε μάθει από το πρότυπο περιβάλλον του προγράμματος περιήγησης (δηλαδή, τη βελτιστοποίηση των εικόνων σας, minify και συνδυάζουν CSS της εφαρμογής και JavaScript αρχεία, και για το βαρύ event-based εφαρμογές όπως το πάρεργο, να επωφεληθούν από τις τεχνικές αντιπροσωπείας περίπτωση ) . Εφαρμογές AIR τρέχουν στην επιφάνεια εργασίας και έτσι υπάρχει λίγο περισσότερη επιείκεια με την απόδοση σε σχέση με το τυπικό περιβάλλον του προγράμματος περιήγησης, αλλά να θυμάστε ότι όπως και το πρόγραμμα περιήγησης μόνο του, το δοχείο AIR καταναλώνει επίσης ένα μεγάλο κομμάτι της μνήμης του συστήματος, ακόμη και πριν από τον τελωνειακό κώδικα της εφαρμογής κλωτσιές σε .

Μελλοντικές προοπτικές

Η beta έκδοση του πάρεργο μπορεί να εγκατασταθεί σε http://sideline.yahoo.com . Ο κώδικας είναι open source υπό τους όρους της BSD άδειας και φιλοξενείται στο GitHub . Χαιρετίζουμε εισφορών, ανατροφοδότηση, και / ή προτάσεις. Επίσης, στο πνεύμα της διατήρησης πράγματα όσο το δυνατόν διαφανέστερη και την υποστήριξη της αναδυόμενης τεχνολογίας θα λιμάνι πιθανό να παραγκωνίσει τιτανίου στο εγγύς μέλλον. Κάποια αρχική εργασία έχει ήδη γίνει με το λιμάνι και θα συνεχίσει τις επόμενες εβδομάδες. Είναι επίσης πολύ πιθανό ότι πάρεργο θα καταλήξουν εφαρμογή ενός ORM JavaScript όπως JazzRecord να διευκολύνει τις αλληλεπιδράσεις βάσης δεδομένων σε όλες τις πλατφόρμες. Αν κάποιος έχει περισσότερες συμβουλές για την υποστήριξη πολλαπλές πλατφόρμες θα θέλαμε να τους ακούσουμε.

Τώρα πηγαίνετε εμπρός και το πιρούνι !

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Focus Εφαρμογή: DocLanding

30 Μαρ, 2009 στις 10:24 π.μ. από τον Eric Miraglia | Σε Yui Εφαρμογές | 1 σχόλιο

DocLanding: Online, on-demand διαχείρισης εγγράφων

Todd Fishback είναι ο Πρόεδρος της DocLanding , μια web-based λύση διαχείρισης εγγράφων. Todd μας ενώνει με YUIBlog για να συζητήσουν την επιλογή της ομάδας του από Yui κοινής ωφελείας και widgets στο DocLanding διεπαφή χρήστη. Μπορείτε να μάθετε περισσότερα σχετικά με DocLanding από την παρουσίασή του στο Φθινόπωρο του 2008 συνέδριο Demo .

Πείτε μας λίγο για DocLanding - ποια είναι τα κεντρικά προβλήματα να λύσετε για τους χρήστες σας;

DocLanding είναι ένα on-demand λύση διαχείρισης εγγράφων που προσφέρει επιχείρηση έγγραφο τάξη λειτουργία διαχείρισης για ένα κλάσμα του κόστους των περισσότερων επιχειρηματικών λύσεων. Το λογισμικό μπορεί να παραδοθεί μέσω του λογισμικού μας as a Service (SaaS) προσφορά ή ως ένα εσωτερικό σύστημα. Οι πελάτες μας είναι κυρίως στις οικονομικές υπηρεσίες και χώρους της υγειονομικής περίθαλψης.

Κοινά ζητήματα να λύσουμε για τους πελάτες μας περιλαμβάνουν την παροχή μια web-based κεντρικό χώρο αποθήκευσης για διανομή του εργατικού δυναμικού, on-demand web-based σάρωση για το χαμηλό γραφεία όγκο χαρτιού και desktop παρτίδα με βάση τη σάρωση σε υψηλά αξιώματα όγκο χαρτιού. Άλλα ζητήματα που θα αντιμετωπιστούν συμπεριλαμβάνονται ασφαλή ανταλλαγή εγγράφων και τη συνεργασία, την επεξεργασία εγγράφων / σχολιασμούς, έλεγχος έκδοσης, έγγραφο σχολιασμό, και το έγγραφο υδατογράφησης. Η μοναδική προσέγγιση μας για να ελέγχεται χωριστά αλλά συνδέονται με συλλογές εγγράφων επιτρέπει στους χρήστες να έχουν πρόσβαση ανόμοια αποθετήρια με μία κοινή σύνδεση.

Ποια ήταν η συγκεκριμένη διεπαφή χρήστη προκλήσεις που παρουσιάζονται από το σχεδιασμό του προϊόντος σας;

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

Βρήκαμε ότι θα εξοικονομήσετε χρόνο και χρήματα για ζητήματα υποστήριξης, όταν κάνετε το site σας απλό και εύκολο στη χρήση. Μέρος αυτού είναι η χαλάρωση των προδιαγραφών που απαιτούνται για τη λειτουργία του site. Έχουμε το δικό μας περικοπεί ακριβώς για οποιοδήποτε σύγχρονο πρόγραμμα περιήγησης με JavaScript και Flash. Ο σχεδιασμός ιστοσελίδα πυρήνα καταλήξαμε παρουσίασε τις δικές της προκλήσεις με πολύ συγκεκριμένη χρήση της οθόνης ακινήτων. Βρήκαμε τους χρήστες μας ήταν σε καλύτερη θέση να κάνουν πλήρη χρήση της εφαρμογής, όταν εμείς οι ίδιοι δοθεί προσοχή στα χρώματα, την εικονογραφία και την εγγύτητα των ελέγχων με τη λειτουργία τους. Νομίζουμε ότι είμαστε στο σωστό δρόμο, διότι σελίδα σχολίων μας έχει επιστρέψει περισσότερες αιτήσεις για πρόσθετα χαρακτηριστικά από ό, τι για τα αιτήματα βοήθεια.

Επιλέξατε Yui για να βοηθήσει δύναμη το site σας. Τι σας οδήγησε σε αυτή την απόφαση;

Η απλή απάντηση είναι η συνέπεια και ταχύτητα. Χρειαζόμασταν ένα πλαίσιο που θα μας επιτρέψουν να πληρούν τις προδιαγραφές σχεδιασμού του προϊόντος μας. Πιο συγκεκριμένα, είχαμε τους φιλόδοξους στόχους του σχεδιασμού, όπως η διατήρηση ενός θέα οθόνη και την ελαχιστοποίηση ή την εξάλειψη πλήρη postbacks σελίδα. Επιπλέον, θέλαμε απαιτούμενα στοιχεία μας να είναι και να λειτουργεί το ίδιο σε τόσους διαφορετικούς browsers όπως θα μπορούσε να διαχειριστεί. Υπάρχουν αρκετά ζητήματα συνοχής μεταξύ browsers και μεθοδολογίες καθιστώντας τους να αντιμετωπίσει ήδη, έτσι ώστε κάθε πλαίσιο που επιλέξαμε ώστε να ελαχιστοποιηθεί το ύψος του browser ειδικά για την κωδικοποίηση θα είχαμε να κάνουμε. Μετά πειραματίζεται με μια ποικιλία διαφορετικών πακέτων εργαλείων, Yui βγήκε ξεκάθαρα στην κορυφή. Υπήρχε ένα κομμάτι από μια καμπύλη μάθησης σε όλα τα προϊόντα, αλλά είναι Yui είχε την καλύτερη ανταμοιβή.

Το πλαίσιο βάσης δεν απαιτεί ένα plug-in, που παίζει καλά με. NET, και τα σενάρια είναι φως, σφιχτό και στερεό. Μόλις πήραμε την κρεμάσει του πλαισίου, βρήκαμε το διαφωτιστικό να συγκρίνουμε τα μεγαλύτερα παραδοσιακά σελίδες μας διασύνδεση με τις εκδόσεις Yui. Σε κάθε περίπτωση, να προσαρμόζει τη μεθοδολογία UI μας επιστραφούν τεράστια οφέλη στην απόδοση και τη συνέπεια με τα ελαφρύτερα λήψεις στους πελάτες μας.

Τι Yui συστατικά χρησιμοποιείτε πιο βαριά στην εφαρμογή σας;

Είμαστε χρησιμοποιώντας πραγματικά πάρα πολλά από τα συστατικά. Το πιο ευεργετικό αυτοί έχουν αυτά που μας επιτρέπουν να κάνουμε όσο με και σε μία οθόνη όσο το δυνατόν, έτσι ώστε η TreeView , Μενού , SimpleDialog και Διευθυντής διάταξης ήταν εξαιρετικά χρήσιμες. Στην πραγματικότητα είμαστε χρησιμοποιώντας σχεδόν όλοι οι έλεγχοι, αλλά εκτιμούμε ιδιαίτερα την Ελέγχου αποστολέα δυνατότητα 's να χειριστεί πολλαπλή επιλογή αρχείων. Έχουμε ήδη ψάχνει για μια λύση σε αυτό το πρόβλημα εδώ και αρκετό καιρό και είναι Yui έχει το πιο κομψό που έχουμε αντιμετωπίσει μέχρι τώρα. Έχουμε κάνει καλή χρήση του βοηθητικού προγράμματος JSON και Connection Manager για να ελαχιστοποιηθεί σε μεγάλο βαθμό το μέγεθος και τον αριθμό των αιτήσεων με τον server που κάνουμε, η οποία διατηρεί το αποτύπωμα μας κάτω και το πιο σημαντικό κρατά τους χρήστες μας εργασίας και όχι να περιμένει.

Ποιο είναι το μέλλον του DocLanding; Ποιες είναι οι προκλήσεις που εργάζεστε για την αντιμετώπιση σε επόμενες εκδόσεις σας;

Είμαστε συνεχώς εργάζονται για να βελτιώσουν το σύνολο των χαρακτηριστικών του προϊόντος μας. Οι χρήστες μας έχουν ζητήσει για τα χαρακτηριστικά για την καλύτερη ενσωμάτωση της επεξεργασίας των εγγράφων τους με την κύρια εφαρμογή έτσι θα κάνουμε του χρόνου γι 'αυτό. Είμαστε, επίσης, που εργάζονται για τη βελτίωση της φιλοξενίας μεγάλων αρχείων αποστολής. Σε αντίθετη περίπτωση, έχουμε πολλές ιδέες στο τραπέζι και είμαστε βάρους ποιες θα ήταν πιο επωφελής για τους χρήστες μας. Μια έκδοση του site βελτιστοποιημένες για κινητά τηλέφωνα και netbooks είναι στο στάδιο του σχεδιασμού, ήδη, καθώς και εργαλεία για την εισαγωγή δομημένων φακέλους από την επιφάνεια εργασίας απευθείας σε DocLanding. Πειραματικά, είμαστε παίζουμε με την ιδέα του μόνο την αποθήκευση των μεταδεδομένων στην ιστοσελίδα και το τράβηγμα περιεχόμενο απευθείας από το δίκτυο μηχανές-πελάτη που εκτελεί το λογισμικό μας. Σε τελική ανάλυση, τις ανάγκες των χρηστών μας θα υπαγορεύσει σε ποια κατεύθυνση κινούμαστε δίπλα.

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Η οικοδόμηση ενός Fast άνθρωποι-Finder για το Flickr με Yui AutoComplete

26 Μαρτίου του 2009 στις 08:59 π.μ. από τον Ross Harmes | Σε Ανάπτυξης | 1 σχόλιο

Στο Flickr , προσθέσαμε πρόσφατα μια νέα άτομα-επιλογέα widget σε μερικές από τις σελίδες μας? αυτό το χαρακτηριστικό στηρίζεται στις Yui AutoComplete Ελέγχου . Οι άνθρωποι-επιλογέας widget επιτρέπει στα μέλη μας για να επιλέξετε άτομα από τη λίστα επαφών τους, η οποία μπορεί να περιέχει πάνω από 20.000 καταχωρήσεις. Λόγω του μεγάλου όγκου των δεδομένων που εμπλέκονται, παραδοσιακές τεχνικές για γοητευτικός και αναλύοντας τα δεδομένα δεν ήταν εφικτό, κυρίως λόγω υπερβολικά αργής φορές parse. Σε αυτό το post, θα ρίξουμε μια ματιά σε μερικές από τις διαφορετικές μορφές δεδομένων προσπαθήσαμε και στο Αυτόματης ρύθμισης που κρίθηκαν ως οι πλέον αποδοτικοί.

Κατ 'αρχάς, είναι εδώ ένα βίντεο recap του τι προσπαθούσαμε να ολοκληρώσει? Το νέο αλληλεπίδραση με τους ανθρώπους-finder widget απεικονίζεται στα δεξιά:

Ανάκτηση και Ανάλυση: XHR και προσαρμοσμένα δεδομένα

Η μεγαλύτερη πρόκληση ήταν να βρεθεί μια μορφή δεδομένων που θα είναι γρήγορα για να κατεβάσετε, γρήγορα για να αναλύσει, και - πάνω απ 'όλα - ασφαλή. Προσπαθήσαμε πρώτο XML και Ajax, XML parsing αλλά αποδείχθηκε ότι είναι πολύ αργή για να - στην πραγματικότητα, διαπιστώσαμε ότι η προσέγγιση αυτή θα μπορούσε να μειώσει το πρόγραμμα περιήγησης σε μεγαλύτερα σύνολα δεδομένων. Στη συνέχεια προσπαθήσαμε ένα συνδυασμό JSON και Ajax? Αυτό ήταν κατά πολύ πιο γρήγορα, αλλά χρειάστηκε ακόμα περισσότερο από 80 δευτερόλεπτα για να αναλύσει το μεγαλύτερο σύνολο των δεδομένων μας (ένας πίνακας που περιέχει περίπου 10.700 αντικείμενα, καθένα με διάφορες ιδιότητες).

Στο τέλος, βρήκαμε δύο μεταφορές / αναλύσει τις τεχνικές που αποδείχθηκε ότι ήταν εξαιρετικά γρήγορη:

Ανάκτηση JSON (τυλιγμένο σε μια λειτουργία επανάκλησης) με τη χρήση ετικετών που δημιουργούνται δυναμικά script?
parsing μια προσαρμοσμένη μορφή δεδομένων (έλεγχος χαρακτήρων λίστα οριοθετημένη) χρησιμοποιώντας split() , τραβηγμένο με Ajax (χρησιμοποιώντας Yui του Connection Manager ).

Στο τέλος, πήγαμε με την προσαρμοσμένη μορφή. Μορφοποίηση JSON μας έτσι ώστε να μπορεί να εκτελεστεί από μια δυναμική tag σενάριο ήταν λιγότερο ασφαλή προσέγγιση και όχι μια νίκη απόδοση. Χρησιμοποιώντας XHR μας έδωσε ένα πιο ασφαλές και εξακολουθεί να είναι πολύ αποδοτικοί λύση.

Αλληλεπίδραση του χρήστη: Yui AutoComplete

Μόλις είχαμε έναν τρόπο να πάρει τα δεδομένα σε JavaScript γρήγορα, η επόμενη πρόκληση ήταν να δημιουργήσει έναν τρόπο για τον χρήστη για γρήγορη αναζήτηση μέσα από τη λίστα των επαφών. Για να επιτευχθεί αυτό, στραφήκαμε σε Ελέγχου AutoComplete Yui του. Ήταν προσαρμοσμένη στις ανάγκες μας, ακριβώς: εξαιρετικά γρήγορη και πολύ παραμετροποιήσιμο. Για να το χρησιμοποιήσετε με τα προσαρμοσμένα δεδομένα μας, δημιουργήσαμε μια λειτουργία που θα χρησιμοποιηθεί ως παράδειγμα για AutoComplete DataSource? Κάθε πάτημα πλήκτρου στο widget πυροδοτεί αυτή τη λειτουργία και περνάει στη συμβολοσειρά αναζήτησης. Μέσα σε αυτή τη λειτουργία, εμείς βρόχου μέσω όλων των επαφών του μέλους και να προσπαθήσουμε να ταιριάζει με το ερώτημα σε τέσσερις διαφορετικούς τομείς. Χρησιμοποιήσαμε κανονικές εκφράσεις για να κάνετε την αντίστοιχη σειρά.

Ακόμη και για μεγάλα σύνολα των επαφών, βρήκαμε αυτή την τεχνική για να είναι εξαιρετικά αποτελεσματική. Αυτή είναι η βασική έκδοση του τι κάναμε:

  λειτουργία searchContacts (query) {

        var αγώνων = [],
            queryRegEx = νέα RegExp (ερώτημα, «i»), / / ερώτημα θα πρέπει να
                                                 / / Ελέγχεται πριν 
                                                 / / Χρήση σε ένα regex.
            επαφή?

         για (var n = 0, len = contacts.length? n <τζαμάκι? n + +) {

                επαφή = επαφές [n]?

                αν (contact.username.search (queryRegEx) == -1! | |
                    contact.realname.search (queryRegEx) == -1! | |
                    contact.emailAddress.search (queryRegEx) == -1! | |
                    contact.alias.search (queryRegEx)! == -1) {
                        matches.push (επαφής)?
                }
        }

        επιστροφή τους αγώνες?
 }

Μόλις είχαμε τα στοιχεία που συνδέονται με το widget, κάναμε μία αλλαγή στην προεπιλεγμένη ρύθμιση παραμέτρων αυτόματης καταχώρησης: Θέτουμε την queryDelay παράμετρο 0 (η προεπιλεγμένη τιμή είναι 200ms). Αυτό σημαίνει ότι δεν θα υπάρξει καμία καθυστέρηση μεταξύ το πάτημα ενός πλήκτρου και μια αναζήτηση που ξεκίνησε. Υπάρχουν μειονεκτήματα σε αυτή (η Αυτόματη Καταχώρηση εμφανίζει την τάση να τρεμοπαίζει λίγο αν πληκτρολογήσετε μερικούς χαρακτήρες σε γρήγορη διαδοχή), αλλά διαπίστωσε ότι είναι το μεγαλύτερο επίτευγμα που κάναμε, πιο σημαντικό ακόμα και από βελτιστοποιήσεις σε λειτουργία αναζήτησής μας. Ενώ ένα queryDelay των 200ms ή περισσότερο μπορεί να είναι πιο κατάλληλο για XHR ή άλλες απομακρυσμένες πηγές στοιχείων, διαπιστώσαμε ότι μας regex που βασίζεται DataSource με τα τοπικά δεδομένα ήταν στο ύψος της αποστολής της αναζήτησης σε κάθε πάτημα πλήκτρου. Με την Αυτόματη Καταχώρηση, πήραμε δωρεάν caching προστεθεί στο μίγμα, έτσι ώστε οποιαδήποτε δεδομένη αναζήτηση, θα πρέπει μόνο να γίνει μία φορά.

Περισσότερες λεπτομέρειες σχετικά με όλες αυτές τις τεχνικές, συμπεριλαμβανομένων λεπτομερών πληροφοριών σχετικά με τις διάφορες μορφές δεδομένων και εκτενή στοιχεία προφίλ για κάθε μία, μπορούν να βρεθούν στο code.flickr blog.

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Σε άγρια κατάσταση για 25 του Μαρτίου 2009

25, Μαρτίου, 2009 στις 09:08 π.μ. από Yui Ομάδα | Σε Στην Άγρια | 3 Σχόλια

Νέα και σημειώσεις από την Yui κοινότητα τις τελευταίες εβδομάδες. Ενημερώστε μας στα σχόλια τι χάσαμε, και θα πάρει την επόμενη φορά:

Ross Harmes σε Yui AutoComplete και το Flickr Οι άνθρωποι Finder : Ross Flickr είναι Harmes έχει ένα ενδιαφέρον κομμάτι πάνω στο blog Κώδικα Flickr για να κάνει πολύ γρήγορη αναζήτηση προτείνουμε τη δημιουργία του Flickr Οι άνθρωποι Finder χαρακτηριστικό. Ross εξετάζει λεπτομερώς τη διαδικασία που χρησιμοποιεί για την επεξεργασία λίστες επαφών γρήγορα για τον πελάτη, να πάρει τους σε JavaScript. Από εκεί, στράφηκε προς Jenny Donnelly του Yui AutoComplete : «[Με] σειρά επαφών στην JavaScript, χρειαζόμασταν έναν τρόπο για να αναζητήσετε μέσα από αυτά και επιλέξτε μία. Γι 'αυτό, χρησιμοποιήσαμε εξαιρετική AutoComplete widget Yui του. Για να πάρετε τα δεδομένα στο widget, δημιουργήσαμε ένα DataSource αντικείμενο που θα εκτελέσει μια λειτουργία για να έχει αποτελέσματα. Αυτή η λειτουργία απλά looped μέσα από σειρά επαφών μας και ταιριάζει το συγκεκριμένο ερώτημα σε σχέση με τέσσερις διαφορετικές ιδιότητες της κάθε επαφής, χρησιμοποιώντας μια κανονική έκφραση (RegExp αντικειμένων κατέληξε να είναι εξαιρετικά κατάλληλη για αυτό, με το μέσο χρόνο αναζήτησης για την υπόθεση 10.000 επαφές έρχονται σε λιγότερο από 38ms). Μετά τα αποτελέσματα που συγκεντρώθηκαν, το widget AutoComplete φρόντισε όλα τα άλλα, συμπεριλαμβανομένων προσωρινή αποθήκευση των αποτελεσμάτων. "
W3C Beta τοποθεσία χρησιμοποιώντας Yui Επαναφορά και γραμματοσειρές : Nicole Sullivan έγραψε στο να μας πει ότι Yui Reset και γραμματοσειρές αποτελούν μέρος της νέας επανασχεδιασμό ιστοσελίδα του W3C, το οποίο θα μπορείτε να δείτε εδώ. Η ιστοσελίδα χρησιμοποιεί επίσης OOCS της Nicole εργασίας.
Βραζιλία ιστοσελίδας Kellogg είναι χτισμένο με σύνδεση Yui, Animation, και Περισσότερα : Βραζιλία τοποθεσία Kellogg του web εφαρμόζει μια ποικιλία Yui συστατικά. Παρατηρήσαμε του Connection Manager , Animation , Get , και πολλά άλλα, όλα έρχεται κάτω μέσω μιας ενιαίας combo-χειρισμός URL από yahooapis.com. Νίκαια. ( αρχική πηγή. )
Yui στοχάστρων - Greenbookings.com, Βιώσιμη ταξιδιωτική ιστοσελίδα : Yvo Schaap έγραψε στο να μας πείτε για Greenbookings.com , μια που εγκαινιάστηκε πρόσφατα ταξιδιωτική ιστοσελίδα που εστιάζει στις αναδυόμενες κόσμο της βιώσιμης μετακίνησης. Όταν κάνετε κράτηση μέσω Greenbookings, θα caclulate και σας επιτρέπουν να αντισταθμίσει το ίχνος άνθρακα που παράγεται από τα ταξίδια σας. Γράφει Yvo: «Δουλεύω με το πλαίσιο Yui για μεγάλο χρονικό διάστημα και χθες κυκλοφόρησε νέα ιστοσελίδα μου greenbookings.com που έχει σχεδόν κάθε ενότητα του πλαισίου σε χρήση: το ημερολόγιο, τις καρτέλες, datatable , ιστορία + ημερολόγιο διάστημα , πλέγματα, Αυτόματη Καταχώρηση, και πολλά άλλα. Επίσης πολλή προσπάθεια έχει περάσει σε μια πολύ γρήγορη φόρτωση της σελίδας με την αφαίρεση όλων javascript από την επικεφαλίδα στο κάτω μέρος της σελίδας. "Μας αρέσει η ιστοσελίδα και η χρήση της συνεισφοράς John Peloquin να Yui, το Ημερολόγιο Διάστημα για την επιλογή ημερομηνίας .
Yui στοχάστρων - άπειρο παιχνίδι site Σταυρόλεξο : Marco Αίγλη έγραψε στο να μας πείτε για μια νέα έκδοση της Άπειρης σταυρόλεξο, ένα παιχνίδι site χρησιμοποιώντας μια μεγάλη ποικιλία από Yui κοινής ωφελείας και widgets. "Την περασμένη Παρασκευή μια νέα έκδοση του Απείρου σταυρόλεξο απελευθερώθηκε. Είναι η πρώτη έκδοση που είναι διαθέσιμη στα αγγλικά. Είναι μια άπειρη σταυρόλεξο που τρέχει εντελώς στο πρόγραμμα περιήγησης. Πολλά διαφορετικά στοιχεία Yui χρησιμοποιήθηκαν για την ανάπτυξη, συμπεριλαμβανομένης της κίνησης, Button, Connection Manager, Datatable, JSON, Μενού και άλλα. Το παιχνίδι έχει ως στόχο την ανάπτυξη του μεγαλύτερου σταυρόλεξο του κόσμου. Οι χρήστες μπορούν να παίξουν και να προσθέτουν τα δικά τους ερωτήματα. Είναι ένα μείγμα από σταυρόλεξο και scrabble. " Ελέγξτε το παιχνίδι εδώ ? να είστε βέβαιος να συνδεθείτε και στη συνέχεια χρησιμοποιήστε το μενού στο κάτω μέρος της οθόνης για να προσθέσετε τις δικές σας ερωτήσεις.
DevX, "Rich Web περιβάλλον εργασίας χρήστη της Yahoo για Java Developers" : DevX έχει ένα νέο άρθρο για Java προγραμματιστές ενδιαφέρονται Yui . Γράφει Narayanan AR: « Αυτό είναι το πρώτο άρθρο σε τρία μέρη σειρές που αφορούν κυρίως Java προγραμματιστές που δεν είναι JavaScript εμπειρογνώμονες, αλλά την ανάπτυξη εφαρμογών web με server-side πλαίσια (όπως JavaServer Pages, Struts, ή την άνοιξη). Σε αυτή την έκδοση, JavaScript αρχάριοι θα δείτε πώς να χρησιμοποιείτε Yui για την εγκατάσταση και το σχεδιασμό, και θα πρέπει να μάθουν μια καλή συμφωνία για τον αντικειμενοστρεφή προγραμματισμό JavaScript. Για τους προγραμματιστές που έχουν ήδη ειδικός σε JavaScript, για αυτή τη σειρά το άρθρο χρησιμεύει ως μια εισαγωγή στη βιβλιοθήκη Yui. "
Βίντεο: "Yui για Freaks Ελέγχου" με τον Christian Heilmann : Η ομάδα Ajaxian έχει Yui χριστιανική Heilmann μιλήσουμε πάνω σε βίντεο? έλεγχος αυτό έξω εδώ ή στο ενσωματωμένο πρόγραμμα αναπαραγωγής παρακάτω.
Yui AutoComplete και Ημερολόγιο στην ιστοσελίδα Τουρκικές Αερογραμμές : Cagatay Τσιβίτσι έγραψε στο να μας πείτε για τη χρήση της τουρκικής ιστοσελίδα Airlines είναι της Yui AutoComplete και το Ημερολόγιο στο εργαλείο κρατήσεων. Πολλές ταξιδιωτικές ιστοσελίδες έχουν χρησιμοποιήσει αυτόν τον συνδυασμό με τα χρόνια? Southwest.com ήταν ένας από τους πρώτους που υιοθέτησαν το Yui Ημερολόγιο και συνεχίζει να χρησιμοποιεί μία από τις αρχικές εκδόσεις του ημερολογίου στην τρέχουσα ιστοσελίδα κρατήσεων. δική ταξιδιωτική ιστοσελίδα της Yahoo είναι ένα άλλο καλό παράδειγμα πώς αυτά τα widgets μπορούν να χρησιμοποιηθούν μαζί - αυτό τέθηκε σε εφαρμογή από Yui ImageLoader συγγραφέα Matt Mlinac. ( αρχική πηγή. )
Caridy Patino Mayea: "YUI3: Έλεγχος των σημαντικών γεγονότων Εγκεφαλικά επεισόδια (KeyUp, KeyDown, πάτημα πλήκτρου)" : Caridy (συγγραφέας του δημοφιλούς Βιβλιοθήκη βράσιμο επεκτάσεις Yui) διαθέτει ένα νέο blog post up για το χειρισμό σημαντικά γεγονότα Yui 3 . ( αρχική πηγή. )
Balsamiq mockups για Yui Συστατικά : Η mockups για να πάει στο blog έχει πολλές συνιστώσες Yui χλεύασε χρησιμοποιώντας τη διασύνδεση Balsamiq, συμπεριλαμβανομένων των μενού και τα κουμπιά , ημερολόγια , και Carousels . ( αρχική πηγή. )
Περισσότερα από Matt Snider σε Yui-EXT-MVC : Matt έχει συνέχιση των εργασιών για Yui-EXT-MVC έργο του . Σύμφωνα με τον Matt, «το όφελος από τη χρήση AJAX συστήματος των κατηγοριών ελεγκτή είναι ότι απλοποιεί Yui του Connection Manager και ένας προγραμματιστής μπορεί να προβούν σε προκαταχώριση callbacks, εξασφαλίζοντας το είδος της αναμενόμενης απάντησης. Είναι διαθέσιμο σε http://code.google.com/p/yui-ext-mvc/source/browse/trunk/assets/js/mvc/lib/controller.js . Στο μέλλον θα είμαι προσθέτοντας εντολή λογική μοτίβο για γοητευτικός JSON και HTML δεδομένα από το διακομιστή. "
Geo Paul Tarján του Explorer με YQL και Yui : SearchMonkey μηχανικός Paul Tarján έχει μια ενδιαφέρουσα επίδειξη χρησιμοποιώντας Yui TabView και το Yahoo Maps Ajax API για να εμφανίσετε τα αποτελέσματα μιας αναζήτησης YQL geo . Το interface σας επιτρέπει να εισάγετε ένα όνομα θέση και στη συνέχεια αναζήτηση για αυτή τη θέση, τα αδέλφια αυτή τη θέση είναι, ότι οι πρόγονοί τοποθεσίας, κλπ. Για το ευρύτερο πλαίσιο και γιατί αυτό είναι ενδιαφέρον, δείτε το blog PHP εφευρέτης Rasmus Lerdorff για το θέμα . ( αρχική πηγή. )
Meg Smitley - "φορτώσει δυναμικά Yui Εξαρτήσεις» : Meg γράφει (σε Meglog) : "Έχω χρησιμοποιήσει Yui πλέγματα και LayoutManager για τη ραχοκοκαλιά της διεπαφής app μου, από το τέλος του περασμένου έτους. Είναι μια απότομη καμπύλη εκμάθησης και θα εξακολουθούν να θεωρούν τον εαυτό μου πάρα πολύ αρχάριος και, μάλιστα, μόνο παρατήρησα αυτήν την εβδομάδα στην καρτέλα "δυναμική φόρτιση» για το Yui Configurator . Αντί να στατικά συμπεριλαμβανομένων των απαιτούμενων Yui CSS και JavaScript πόρους, είναι δυνατή η χρήση YUILoader για την εισαγωγή τους δυναμικά το φορτίο. Αν και εκτιμώ ότι Yui-εμπειρογνώμονες δεν θα εντυπωσιαστεί από YUILoader-epiphany μου, αυτή η προσέγγιση έχει βοηθήσει να αδυνατίσετε αρχεία JS app μου, ενώ παράλληλα μειώνεται αφορά τη συντήρηση και έτσι αισθάνομαι Αξίζει να σημειωθεί προς όφελος των άλλων noobs. " Check out Το άρθρο της για περισσότερες λεπτομέρειες .
Χρησιμοποιώντας Carousel με SugarCRM : Roger Smith έχει ένα σεμινάριο πάνω στο SugarCRM Ιστολόγιο που παρέχει "μια γρήγορη και απλή προσαρμογή ListView που αξιοποιεί το Carousel widget από το Yahoo UI (Yui) βιβλιοθήκη . Αυτή η προσαρμογή αλλάζει εντελώς την εμφάνιση και την αίσθηση της επαφής ListView από «γραμμές και τις στήλες« θέα τα αποτελέσματα αναζήτησης σε μια Yahoo UI θέα Carousel. Η βιβλιοθήκη Yui περιλαμβάνεται στο SugarCRM και παρέχει έναν τόνο του UI χαρακτηριστικά πέρα από αυτό που χρησιμοποιούμε στην εφαρμογή πυρήνα. "

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Georgiann Puckett: Yui / ASTRA Program Manager (AdaLovelaceDay09)

24 Μάρ 2009 στις 08:06 π.μ. από τον Eric Miraglia | Σε Ανάπτυξης | 1 σχόλιο

Dav Γυαλί και ο Γιώργος Puckett της ομάδας Yui

[Σημείωση: Αυτό το μήνυμα είναι μέρος της συμμετοχής της ομάδας Yui στην Ada Lovelace Ημέρα , μια γιορτή των γυναικών τεχνολόγων σε όλο τον κόσμο.]

Georgiann Puckett (πιο γνωστό ως "George") χρησιμεύει ως διευθυντής του προγράμματος για Yui και συνδεδεμένων έργων (συμπεριλαμβανομένου και του ASTRA βιβλιοθήκη). Πρόγραμμα διαχείρισης σύνθετων τεχνικών προγραμμάτων που αποτελούνται από πολλές έργων είναι μια από τις πιο απαιτητικές θέσεις εργασίας σε μια εταιρεία λογισμικού, και ο Γιώργος είναι ιδανικό για την πρόκληση. Αυτή φέρνει στο τραπέζι μια γρήγορη νοημοσύνη, την υπομονή και την πειθαρχία για να διαχειριστεί μεγάλες ροές δεδομένων, καθώς και μια βαθιά ριζωμένη κατανόηση των διαδικασιών με τις οποίες υπέστησαν επιτυχή προγράμματα λογισμικού. Το υπόβαθρό της εξυπηρετεί εδώ και - ως C / C + + βετεράνος μηχανική, μπορεί να συμπάσχουν άμεσα με τις εμπειρίες των μηχανικών με τους οποίους εργάζεται.

Yui απελευθερώνει να βγει με τις εκατοντάδες των αλλαγών, πολλά από τα οποία έχουν προταθεί ή να συμβάλει από προγραμματιστές σε όλο τον κόσμο. Από την ένταξή της στην ομάδα πριν από δύο χρόνια, ο Γιώργος έχει ξεσηκώσει τον τρόπο το σύνολο των πληροφοριών που χειρίζεται. Αυτό οδήγησε σε βελτίωση της πρόγνωσης, καλύτερη επικοινωνία, και την καλύτερη ποιότητα σε όλους τους τομείς.

Ο Γιώργος έχει παράσχει επίσης αξιέπαινη ηγεσία για την ομάδα Yui στην υποστήριξη των σημαντικών εσωτερικών έργων στο Yahoo. Όταν έχουμε ορίσει ένα εσωτερικό σχέδιο ως ένα «μεγάλο στοίχημα», κάτι ζωτικής σημασίας για το μέλλον της εταιρείας, έχουμε συνεργαστεί με την ομάδα μηχανικών frontend του προγράμματος και βεβαιωθείτε ότι κάνουμε ό, τι μπορούμε για να τους υποστηρίξει. Γιώργος διαχειρίζεται αυτές τις σχέσεις, εξασφαλίζοντας ότι οι συνεργάτες μας θα έχουν την έγκαιρη και καλά τεκμηριωμένες χτίζει και ότι οι προτεραιότητές τους αντανακλώνται επακριβώς στα σχέδια απελευθέρωσης μας. Έχοντας την ικανότητα να κατανοήσουμε τις ανάγκες των διαφόρων έργων και για τη διευκόλυνση της επιτυχημένες συνεργασίες μας δεν είναι μικρή πρόκληση, και ο Γιώργος έχει κάνει τη βαριά ανύψωση απαραίτητο να εξασφαλιστεί ότι Yui και ASTRA μηχανικοί παρέχουν τη σωστή υποστήριξη, τη σωστή στιγμή σε όλη Yahoo.

Μιλώντας για συνωστισμένα ανύψωσης .... Ο Γιώργος είναι ευρέως γνωστό στο Yahoo ως μια εξαιρετική τεχνολόγος και ένας ακούραστος υπερασπιστής Yui, αλλά είναι επίσης γνωστό σε όσους γυμναστήριο συχνές της Yahoo εργαζομένων. Θα βρείτε George υπάρχουν τέσσερις ή πέντε νύχτες την εβδομάδα που εργάζονται για την καλύτερη δική παγκοσμίου ρεκόρ μορφή της, σχετικά με την ελεύθερη βαρών.

Το έργο του Γιώργου και γενικά τη δέσμευσή της για την τελειότητα έχει εμπνεύσει σίγουρα όλοι μας που εργάζονται μαζί της τα τελευταία χρόνια. Ρώτησα τον Γιώργο ο οποίος είχε την έμπνευση και την έστειλε στο δρόμο προς μια καριέρα στον τομέα της τεχνολογίας.

Ποια ήταν η πρώτη σας εμπειρία με τους υπολογιστές;

Ήμουν αποφασισμένη να εισέρχεται σε μια προ-med κομμάτι στο κολέγιο και είχα ένα AP Λογισμός φυσικά ανώτερο έτος μου ως μέρος του προγράμματος σπουδών prep κολέγιο. Δεδομένου ότι η τύχη θα το έχει, ο καθηγητής πήρε επιχορήγηση για δύο υπολογιστές Apple, στο πλαίσιο της δίκης για τη διδασκαλία του προγραμματισμού στο υψηλό επίπεδο του σχολείου. Όχι μόνο δεν το κάνουμε - έχουμε ανταγωνιστική σε αυτό που προσπαθεί να κάνει τα πιο ισχυρά χαρακτηριστικά με το λιγότερο ποσό του κώδικα. Η πρώτη ψηφιακή πορεία ηλεκτρονικά στο κολέγιο, όπου πήρα να κυκλωμάτων πρόγραμμα σε breadboard με συμβολική γλώσσα σφραγισμένο τη συμφωνία.

Μήπως έχετε κάποια γυναικεία πρότυπα τεχνολόγος που σας επηρέασαν;

Υπάρχουν δύο γυναίκες που έχω δουλέψει με ότι έχω εντυπωσιαστεί από και έμαθα πολλά από. Darragh Muldoon, συν-ιδρυτής του λογισμικού κρίκετ, με προσέλαβε από το κολλέγιο στο μακράν η πιο καταπληκτική εκκίνηση περιπέτεια της καριέρας μου. Ήταν δεν ήταν τεχνολόγος per se, αλλά έμαθα πολλά από αυτήν σε σχέση με τους ανθρώπους της δεξιότητες που οδηγούν στην τεχνική τους λαούς, με βάση τις ομάδες, και η ανάπτυξη μιας εταιρείας. Η άλλη γυναίκα που κοιτάζω προς τα πάνω και έμαθε από το Sheila Brady, ο οποίος αυξήθηκε μέσω των τάξεων για να επιπέδου διευθυντή στο τμήμα λογισμικού του συστήματος της Apple. Έχει σίγουρα ήξερε πώς να οδηγεί μια απελευθέρωση, σε πολλές περιπτώσεις οδηγεί ομάδων που αποτελούνται κυρίως από άνδρες μηχανικούς. Έχει εκθέσει επίπεδο εμπιστοσύνης, ικανότητας, και η επιθετικότητα που θα μπορούσε να εκτιμηθεί από κάθε μηχανικό - αρσενικό ή θηλυκό.

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Jenny Han Donnelly: Yui Μηχανικός (AdaLovelaceDay09)

24 Μάρ 2009 στις 08:05 π.μ. από τον Eric Miraglia | Σε Ανάπτυξης | 3 Σχόλια

Jenny Han Donnelly, Sr Engineer, Yahoo? Συγγραφέας του Yui DataTable, DataSource και Αυτόματης Καταχώρησης

Jenny Han Donnelly είναι ο συντάκτης τριών Yui συνιστώσες:

Η DataTable Ελέγχου : DataTable Yui είναι ένα από τα widgets υπογραφή UI μας, παρέχοντας ένα ισχυρό μενού των διαδραστικών επιλογών για πίνακα δεδομένων.
Η Αυτόματη Καταχώρηση Ελέγχου : Αυτόματη Καταχώρηση παρέχει typeahead, προτείνουμε, διήθηση και combo-box λειτουργικότητα σε κάθε περιοχή εισαγωγής κειμένου.
Οι DataSource Utility : κοινή χρήση από DataTable, AutoComplete και ο έλεγχος Χάρτες , DataSource χρησιμεύει ως δίαυλος μεταξύ των widgets και των πιθανών πηγών δεδομένων - συμπεριλαμβανομένων των server-side δεδομένα, JavaScript συστοιχίες, και DOM δομές, όπως πίνακες HTML.

Το έργο της Jenny μας εμπνέει εν μέρει λόγω των τεχνικών προκλήσεων που παίρνει - προσπαθήστε να πάρει σταθερό κεφαλίδες με κύλιση XY για να εργαστούν σε IE6 χρησιμοποιώντας ένα σημασιολογικά ήχο πίνακα βάση κάποια στιγμή, αν έχετε αμφιβολίες. Jenny έχει πάρει σε μερικές από τις πιο σύνθετες προκλήσεις HCI οπουδήποτε στον Yui και κατασκευαστεί για να ταιριάζουν σχεδόν οποιοδήποτε περιβάλλον. DataSource επιτρέπει άλλα συστατικά Yui να συνεργαστεί με τίποτα από επίπεδη αρχεία σε JSON και XML για να JavaScript συστοιχίες και DOM δομές. Έχουμε ακούσει από χιλιάδες ανθρώπους στην Yui φόρουμ με όλα αυτά τα χαρακτηριστικά και περισσότερο σε ecclectic και νέους τρόπους.

Είμαστε, επίσης, εμπνευσμένη από την οργανωτική ηγεσία Jenny έχει δείξει το χρόνο της στο Yahoo. Προς το παρόν, αυτή είναι το προβάδισμα συντάκτης του YUIBlog, φέρνοντας τεχνική φωνές από όλη την Yahoo με αυτές τις σελίδες να μοιράζονται τις ιδέες τους. Έχει επίσης οργανώσει την ετήσια διάσκεψη κορυφής μηχανικών μας frontend στο Yahoo, φέρνοντας εκατοντάδες Yahoo μηχανικοί από όλο τον κόσμο μαζί σε μια πλούσια μίας εβδομάδας τεχνικό συνέδριο. Έχει διδάξει μαθήματα μίας εβδομάδας Yui στους μηχανικούς στις ΗΠΑ, την Κορέα και την Ιαπωνία, και αυτή είναι ήδη αναπόσπαστο μέλος της ομάδας ημέρες αμυχή στο Yahoo που είναι ένα τόσο σημαντικό μέρος του πολιτισμού μας μηχανικής.

Είτε αυτή είναι κωδικοποίηση, το γράψιμο, τη διδασκαλία ή που οδηγεί - τα οποία είναι όλα στοιχεία της περιγραφής καθηκόντων του σύγχρονου τεχνολόγος χαρά - Τζένη θέτει πήχη ψηλά με τη νοημοσύνη, την αφοσίωσή της, φαντασία και χιούμορ. Ada θα ήταν περήφανος.

[ φωτογραφία της Τζένης χρησιμοποιείται με την ευγενή άδεια του Stephen Woods]

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Έρευνα: Όταν είναι ένα ακορντεόν όχι ένα ακορντεόν;

23 του Μαρτίου 2009 στις 21:20 από τον Christian Crumlish | Σε Σχεδιασμός , Ανάπτυξη | 6 Σχόλια

παράδειγμα ενός ακορντεόν Ψάχνω για πληροφορίες από ανθρώπους που έχουν σχεδιαστεί ή κατασκευαστεί μια διεπαφή χρησιμοποιώντας ένα «ακορντεόν» μονάδα (ή προτίθενται να το πράξουν). Βλέπετε, έχω εργαστεί σε ένα πρότυπο σχέδιο για τα μαθήματα ακορντεόν, και θα ήθελα να ρίξει μια χούφτα αναπάντητα ερωτήματα για το κοινωνικό σύνολο μέσω του αυτή τη σύντομη έρευνα . Θα πρέπει να ακούει και αλλού, στο twitter ( @ mediajunkie ) και σε λίστες όπου web designers και προγραμματιστές παρέα.

(Αντιλαμβάνομαι αυτό δεν είναι μια επιστημονική έρευνα. Είμαι απλά ενδιαφέρονται για τη συμμετοχή της ευρύτερης κοινότητας σε μια συζήτηση, αντί να προσπαθούν να επιβάλουν την άποψή μου ή του Yahoo! άποψη σχετικά με την κοινότητα ως έγκυρο.)

Όπου πηγαίνω τον τελευταίο καιρό, φαίνεται ότι οι σχεδιαστές αλληλεπίδραση και web developers μιλούν για widgets ακορντεόν και συζήτηση σχετικά με το τι κάνει ένα ακορντεόν ένα ακορντεόν. Όχι ο καθένας που εργάζονται σε αυτόν τον τομέα έχει ακούσει τον όρο (μερικοί μπορούν απλά να κάνουν λόγο για "στοιβάζονται πάνελ» ή «πτυσσόμενο πάνελ»), αλλά οι περισσότεροι παίρνουν την ουσία αρκετά εύκολα. Κατά ειρωνικό τρόπο, κανένα από τα στοιχεία UI περιγράφεται ως ακορντεόν μετοχή την πραγματική συμπεριφορά ενός πραγματικού κόσμου ακορντεόν (το μουσικό όργανο): συγκεκριμένα, ότι το τέντωμα ένα ακορντεόν ανοίγει όλες τις πτυχές ομοιόμορφα.

Ακορντεόν έχουν ένα on-και-off θέμα συζήτησης για τα κύρια λίστα IxDA ? έχουμε τους συζητηθεί σε μας Βιβλιοθήκη Προτύπων εργαστήριο στο Βανκούβερ του νωρίτερα αυτό το μήνα, και έχει υπάρξει μια συνεχής συζήτηση για ακορντεόν στην εσωτερική λίστα σχεδιαστών μας εδώ στο Yahoo !.

Έτσι κάθισα κάτω με κάποια παιδιά από την ομάδα Yui (και ο Μάρκος, ο δημιουργός ενός πειραματικού widget ακορντεόν Yui ) πριν από λίγο καιρό για να ταξινομήσετε μέσω ενός σχεδίου ενός μοτίβου ακορντεόν που θα μπορούσε να βοηθήσει στην ενημέρωση για την ανάπτυξη ενός συνιστώσα επίσημης Yui.

Σε γενικές γραμμές, οι περισσότεροι άνθρωποι συμφωνούν για το τι μιλάμε όταν μιλάμε για ένα στοιχείο διασύνδεσης ακορντεόν. Όλοι συμφωνούν ότι ακορντεόν χρησιμοποιούνται για τη συμπίεση του περιεχομένου σε έναν περιορισμένο χώρο και ότι αποτελούνται από ομάδες που μπορεί να καταρρεύσει ή να επεκταθούν. Πέρα από αυτό, υπάρχει μια σειρά από λεπτές αποχρώσεις που δεν συμφωνούν όλοι με.

Μία τάση που έχω παρατηρήσει είναι ότι front-end για την ανάπτυξη τείνουν να αγνωστικιστής σχετικά με το πώς το ακορντεόν θα πρέπει να εργαστεί, θεωρώντας τη ως πραγματικά ακριβώς μια παραλλαγή σε ένα widget δέντρο. Σχεδιαστές τείνουν να είναι πιο περιοριστική, λέγοντας ότι για να είναι ένα ακορντεόν θα πρέπει να συμπεριφέρονται με τον τρόπο αυτό και τέτοιο τρόπο (αλλά όχι όλες οι σχεδιαστές συμφωνούν για το τι είναι αυτοί οι κανόνες).

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

Έτσι, αν έχετε λίγα λεπτά και τη γνώμη της, παρακαλούμε επισκεφθείτε την έρευνα και επιτρέψτε μου να ξέρω τι σκέφτεστε!

Θα κλείσει η έρευνα στις 30 Απριλίου.

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Επόμενη Σελίδα »

Yahoo! User Interface Blog (YUIBlog)