Woop.gr videos in iPhone, iPad

Ολοκληρώσαμε την προηγούμενη εβδομάδα και βγάλαμε στον αέρα το νέο αθλητικό portal του ΣΚΑΙ, με το – αρκετά ανατρεπτικό – όνομα WOOP.

Περισσότερα για τη σχεδίαση, την υλοποίηση αλλά και το τι θέλει να κάνει στο Ελληνικό Internet μπορείτε να διαβάσετε στο case study που δημοσιεύουμε στο site της WEDIA

Αυτό που ήθελα να σημειώσω εδώ είναι ότι το www.woop.gr είναι η πρώτη δουλειά μας που σχετίζεται με video (και ίσως και η πρώτη στην Ελλάδα) που μπορεί να προβάλλει τα video κανονικά και σε iPhone αλλά και σε iPad με τη χρήση HTML5.

Πρόκειται για τεχνικές που στο εξωτερικό πλέον θεωρούνται δεδομένες, από τη στιγμή που η Apple δεν υποστηρίζει Flash στις συσκευές αυτές. Ουσιαστικά κάθε video γίνεται encode σε παραπάνω από ένα format και οι εφαρμογές κατανοώντας τον browser της συσκευής, επιλέγουν ποιο format θα προβάλλουν και με ποιο τρόπο.

Το www.woop.gr όπως φαίνεται από ένα browser:

woopweb.png

Το www.woop.gr όπως φαίνεται από ένα iPhone:

iphonewoop2.png

Το www.woop.gr όπως φαίνεται από ένα iPad:

ipadwoop.png

Διαβάστε ακόμη :

Internet statistics

Στο πνεύμα του νέου βιβλίου του Garr Reynolds που μόλις ξεκίνησα, εκπληκτική παρουσίαση των τελευταίων Internet statistics shared από την άλλη guru του είδους, Nancy Duarte.

JESS3 / The State of The Internet from JESS3 on Vimeo.


Διαβάστε ακόμη :

I LOVER GR v2 (και οριστική)

Ολοκληρώθηκε ο 2ος κύκλος ψηφοφορίας του ILOVEGR οριστικοποιώντας τη λίστα με τις 40 περιοχές που προκρίθηκαν στην επόμενη φάση. Πολλά φαβορί αποκλείστηκαν, πολλά outsiders προχώρησαν, κατορθώνοντας να συσπειρώσουν μια δυναμική παρουσία μέσα και έξω από το πλατώ.

Η εκπομπή θα κάνει ένα διάλλειμα μέχρι να ξεκινήσει ο επόμενος κύκλος δίνοντας έτσι την ευκαιρία να ψάξετε όσο θέλετε το ολοκαίνουργιο web site που βγάλαμε στον αέρα υποστηρίζοντας την εκπομπή και την ψηφοφορία – και όχι μόνο. Το web site αναπτύχθηκε με σκοπό να φιλοξενήσει πληροφορίες, εικόνες και εμπειρίες από όλους τους αγαπημένους προορισμούς της Ελλάδας, έχει ξεκινήσει με τα 100 μέρη της ψηφοφορίας αλλά νομίζω ότι πολύ γρήγορα θα (πρέπει να) συμπεριλάβει και όλους όσους έμειναν εκτός.

Σημαντικό στοιχείο του web site αποτελεί η κοινότητα των χρηστών του που συνεχώς μεγαλώνει και συμμετέχει δυναμικά, σχολιάζοντας τα μέρη που διαγωνίζονται, στέλνοντας (και σύντομα ανεβάζοντας) τις δικές του φωτογραφίες και video, αλλά και δηλώνοντας τα αγαπημένα του μέρη που έχει επισκεφθεί ή που θέλει να πάει.

ilovegr.jpg

Από πλευράς design ελπίζουμε να φαίνεται ότι σκεφτήκαμε κάθε μικρή λεπτομέρεια του web site, από τις πιο αγαπημένες μου – και από τις δυσκολότερες επιλογές τοy project – είναι το μενού των προορισμών ενώ από κοντά ακολουθούν οι απεικονίσεις του καιρού για τις διάφορες περιοχές.

Η δεύτερη αυτή έκδοση του web site στηρίχτηκε αποκλειστικά στο Drupal, χρησιμοποιήθηκαν αρκετά από τα βασικά modules αλλά και γράφτηκαν αρκετά καινούργια, κυρίως για να υποστηριχτεί η ψηφοφορία αλλά και για όσο το δυνατόν καλύτερη ολοκλήρωση της εφαρμογής με το CDN δίκτυο της AKAMAI.

Το ILOVEGR είναι η πρώτη δουλειά που βγαίνει στον αέρα σε συνεργασία με τον Ηλία Σκεντερίδη από την webseed. Μαζί με το Ηλία σκεφτήκαμε τα concepts, σχηματοποιήσαμε την αρχιτεκτονική της πληροφορίας, ΔΕΝ γράψαμε μαζί τον κώδικα και δοκιμάσαμε ότι όλα δουλεύουν σωστά. Και έπεται και συνέχεια.

Ακόμη αυτή η 2η έκδοση του ILOVEGR είναι από τις πρώτες δουλειές που βγαίνουν στον αέρα από το νέο σχήμα της WEDIA αλλά λεπτομέρειες γι′ αυτό σε επόμενο post μου.


Διαβάστε ακόμη :

Να θυμηθώ

… να προσθέσω στα επόμενα project μου παρόμοια sidebars

nextactions

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

Brilliant, just brilliant.


Διαβάστε ακόμη :

Google Chrome promo video

Εξαιρετικό φιλμάκι για την προώθηση του Google Chrome, όμορφο, απλό αλλά και κατορθώνει να αναδείξει τα βασικά του τεχνικά χαρακτηριστικά. Κι όλα αυτά σε 90″. Enjoy.


Διαβάστε ακόμη :

Powered by WordPress with GimpStyle Theme design by Horacio Bella.
Entries and comments feeds. Valid XHTML and CSS.