mentalblock.gr - Πάνος Κοντόπουλος

Front End development models

Panos Kontopoulos — Sun, 05 Sep 2010 08:45:27 +0000

Τις προάλλες είχαμε μια πολύ ενδιαφέρουσα κουβέντα με τα παιδιά στην WEDIA, για τον τρόπο με τον οποίο υλοποιούμε τα web projects μας σε front end επίπεδο.

Από ότι καταλαβαίνω υπάρχουν 2 βασικές σχολές:

- Η πρώτη και νομίζω η πιο παλιά σχολή, λέει ότι ξεκινάω από τα PSD των templates του project τα οποία μετατρέπω σε HTML με τελείως sample δεδομένα, στήνω όμορφα και μαζεμένα το CSS μου και όταν τελειώσω τα συνδέω εγώ ή ο back end developer με το CMS που πρόκειται να χρησιμοποιήσω.

- Η άλλη σχολή ξεκινάει λίγο διαφορετικά: Από τα PSD στήνω στο CMS μου τα content types που θα χρησιμοποιήσω και κάνω ότι πρέπει για να βγάλω τα δεδομένα στο front end σε μια πολύ απλή μορφή για να έρθει μετά η ώρα του CSS theming. Αυτή η δεύτερη σχολή είναι πιο κοντά σε CMS όπως είναι το Drupal για το οποίο τα περισσότερα από τα modules που χρησιμοποιείς, πέρα από το functionality του module, εμπεριέχουν και κώδικα που παράγει theming, ασχολούνται δηλαδή και με την εμφάνιση της πληροφορίας.

Προφανώς και στην δεύτερη λύση υπάρχουν λύσεις να κάνεις override τον default τρόπο εμφάνισης είτε μεταβάλλοντας το template του module είτε γράφοντας το δικό σου συγκεκριμένο κώδικα στην κατάλληλη θέση μέσα στο theme, παρόλα αυτά εξακολουθούν να είναι δύο διαφορετικές προσεγγίσεις.

Φαίνεται ότι η πρώτη λύση είναι πιο καθαρή και δίνει το περιθώριο να προγραμματίσεις καλύτερα κοινά χαρακτηριστικά και λειτουργικότητα αλλά η δεύτερη είναι λίγο πιο γρήγορη στην υλοποίηση.

Έχετε κάποια παρόμοια εμπειρία ; Κάποια προτίμηση ;

Similar Posts:

None Found

Τι σημαίνει να καταλαβαίνεις την εποχή που ζεις

Panos Kontopoulos — Sat, 04 Sep 2010 06:05:54 +0000

Αντιγράφω από το site του Αλέξανδρου Μαραγκού (aka Momentum), που έχει κάνει καταπληκτική δουλειά για την κάλυψη της συναυλίας των U2 στην Αθήνα, κάποιες συμβουλές με βάση την επίσημη πολιτική των U2 για την φωτογράφιση ή μαγνητοσκόπηση των συναυλιών τους:

U2 are officially allowing to bring your camera inside the stadium. They’re encouraging fans to shoot as much videos & photos they can & post them later at the community section of U2.com. This is exactly the reason you see that YouTube, Vimeo & other video hosting sites are not deleting the fan videos from U2 360° shows. It’s a specific line from the band and it’s perfectly clear, safe & legal. (…)
Similar Posts:
Will it blend ?

TED 2009

>1.000.000 Obama fans in Facebook

That’s my boy!

Long Tail – From the tail to the head

Γι΄αυτό μου αρέσει αυτό που κάνουμε

Panos Kontopoulos — Thu, 02 Sep 2010 20:16:46 +0000

Που αλλού έχεις την ευκαιρία να ασχοληθείς με τόσο διαφορετικά μεταξύ τους πράγματα

Similar Posts:

None Found

Δημιουργώντας στη WEDIA το promo video της winbankDirect

Panos Kontopoulos — Mon, 30 Aug 2010 08:35:17 +0000

Η οπτικοποίηση της πληροφορίας, αυτό που λέμε data ή information visualization, πάντα με συγκινούσε. Ξέρετε γιατί μιλάω, για εκείνα τα όμορφα διαγράμματα όπου προσπαθείς μέσα σε ένα περιορισμένο χώρο να μεταφέρεις ένα σκασμό πληροφορίες και μάλιστα με κατανοητό και εύληπτο τρόπο προκαλώντας και διατηρώντας παράλληλα το ενδιαφέρον του χρήστη. Όταν σε αυτή την άσκηση βάλεις και την κινούμενη εικόνα, τότε τα πράγματα γίνονται πιο πολύπλοκα αλλά ταυτόχρονα πολύ πιο ενδιαφέροντα.

Όταν λοιπόν ξεκινήσαμε να μιλάμε σαν WEDIA με τους ανθρώπους της Τράπεζας Πειραιώς για το πως θα μπορούσαν να επικοινωνήσουν τα πλεονεκτήματα αλλά και την ευκολία απόκτησης των προϊόντων της νέας online πλατφόρμας υπηρεσιών της winbankDirect, η ιδέα της δημιουργίας ενός promo video όπου με σφικτό κείμενο και με όμορφο animation o θεατής του θα μπορούσε να καταλάβει μέσα σε λιγότερο από 2 λεπτά τι είναι και πως μπορεί να τα αποκτήσει, μας φάνηκε μια πολύ ενδιαφέρουσα πρόκληση.

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

Δουλέψαμε μαζί με τον Ηλία από την webseed πάνω στο σενάριο καθορίζοντας τα βασικά μηνύματα που πρέπει να επικοινωνήσουμε μέσα στο περιορισμένο χρόνο που είχαμε στη διάθεσή μας, διαλέξαμε τις λέξεις που πρέπει να ειπωθούν μαζί με το ύφος, την ένταση και τη χροιά τους και τέλος φανταστήκαμε πως όλα αυτά μπορούν να γίνουν εικόνες, σχήματα, κίνηση. Μαζί με τους ανθρώπους της Monologue που ειδικεύονται στην παραγωγή τέτοιων projects αλλά και σε συνεχή συνεργασία με τους ανθρώπους της Τράπεζας Πειραιώς που τρέχουν όλη την e-business στρατηγική της, ολοκληρώσαμε την παραγωγή ενός – ελπίζουμε – όμορφου, ενδιαφέροντος και φρέσκου promo video για τις υπηρεσίες της winbankDirect.

Εσείς θα μας πείτε αν πετύχαμε το στόχο μας.

Similar Posts:

Παύλος – Βασίλης – Αναστάσης

Panos Kontopoulos — Sat, 03 Jul 2010 10:16:04 +0000

Η αγάπη μου για τις μουσικές του Παύλου Παυλίδη είναι δεδομένη.

Τον παρακολουθώ πολλά χρόνια, προσπαθώ να μη χάνω τις εμφανίσεις του στην Αθήνα και τα CD του παίζουν συνέχεια στό αυτοκίνητο, στο iTunes, στο iPhone μου.

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

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

Κάνεις λοιπόν κάποιες απέλπιδες προσπάθειες να τους βάλεις να ακούσουν αυτά που σ΄αρέσουν ελπίζοντας κάποια στιγμή κάτι να τους πουν. Συνήθως αυτό που συμβαίνει είναι να οδηγείς ακούγοντας από το CD του αυτοκινήτου τη μουσική σου και στο πίσω κάθισμα με τα ακουστικά στα αυτιά να ακούνε τέρμα τα δικά τους τραγούδια από τα MP3 τους.

Όταν λοιπόν έρχεται κάποια στιγμή που πηγαίνεις μαζί τους σε μια συναυλία με μουσικές που αρέσουν κυρίως σε σένα και τους βλέπεις να περνάνε καλά, να σιγοτραγουδάνε τα κομμάτια, να κατεβαίνουν από τις κερκίδες μπροστά στη σκηνή για να χορέψουν, κάτι παθαίνεις. Και νομίζω ότι το ίδιο θα αισθανόταν κι ο Παύλος αν έβλεπε 2 γενιές να ακούνε τη “Σιωπή” και να τραγουδάνε τους στίχους του.

Μικρή γεύση από το “Μόχα” για να σας βάλω στο κλίμα.

Εδώ περισσότερη γεύση

Similar Posts:

None Found

Vital statistics for B2B Marketers

Panos Kontopoulos — Thu, 24 Jun 2010 08:20:09 +0000

Similar Posts:

Internet statistics

No more specs !

Panos Kontopoulos — Fri, 11 Jun 2010 08:20:34 +0000

Έπρεπε να την πάρω εδώ και καιρό την απόφαση, αλλά κάθε φορά έλεγα ότι ίσως δεν πρέπει.

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

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

Νομίζω ότι είναι μια λανθασμένη πρακτική που μας έχει κληρονομηθεί από τις διαφημιστικές εταιρείες και τις πρώτες μέρες του Internet που τα web sites φτιάχνονταν από αυτές με πρακτικές και διαδικασίες του offline κόσμου.

Θεωρώ ότι αυτή η προσέγγιση είναι 100% λάθος και οδηγεί σε λάθος συμπεράσματα και αποφάσεις.

Δεν πιστεύω ότι ένα brief όσο αναλυτικό και αν είναι μπορεί να μεταφέρει αυτά που θέλει ο πελάτης από το συγκεκριμένο project, ενώ από την πλευρά του προμηθευτή της υπηρεσίας είναι απίστευτα δύσκολο να καταφέρεις να απεικονίσεις σε 3-4-5 ημέρες όλα όσα πρέπει να δει. Κοιτάξτε τα προσχέδια που έχετε κάνει στην αρχή των έργων και δείτε και τα τελικά web sites σας. Νομίζω ότι στο 90% δεν θα έχουν καμία σχέση μεταξύ τους.

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

Και νομίζω ότι βρήκα και τι πρέπει να λέω στους πελάτες μου για να καταλαβαίνουν γιατί δεν πρέπει να στηρίζουν τις αποφάσεις τους σε μια διαδικασία που αφορά περισσότερο έτοιμα προϊόντα και αγαθά και λιγότερο υπηρεσίες.

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

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

Έτσι πρέπει να επιλέγει κανείς και web agencies. Οπότε λέω τέλος στα specs!

Similar Posts:

Business blogging – Best practices

Panos Kontopoulos — Sun, 06 Jun 2010 09:05:33 +0000

To blogging από εταιρείες που απευθύνονται σε άλλες εταιρείες (B2B) και όχι τελικούς καταναλωτές, έχει κάποιες ιδιαιτερότητες.

Στην παρουσίαση που ακολουθεί θα βρείτε μαζεμένες μερικές πολύ καλές σκέψεις πως αυτό μπορεί να γίνει καλύτερα και πιο αποδοτικά.

16 Best Practices of B2B Corporate Blogging

View more presentations from Jeffrey L. Cohen.

Similar Posts:

TechCrunch DISRUPT

Panos Kontopoulos — Mon, 24 May 2010 08:27:15 +0000

Από σήμερα το απόγευμα και για 3 ημέρες στη Νέα Υόρκη γίνεται το TechCrunch DISRUPT ένα event αφιερωμένο στις αλλαγές που συμβαίνουν στα media και στην τεχνολογία, ποιος τις προκαλεί και τι πρέπει να ξέρουμε για να επιβιώσουμε σε αυτές.

Όλο το event θα μεταδοθεί με live video streaming από το livestream και αν κρίνω από τις ανακοινώσεις τους σκοπεύουν να κάνουν μια ξεχωριστή κάλυψη.

But at Disrupt, ‘live streaming’ doesn’t mean we’re just pointing a camera at the stage. Oh no. For a start, there will be three cameras broadcasting all the action from the main stage. But also, during the gaps between sessions, and over the lunch and coffee breaks, our own Evelyn Rusli will be hosting a series of exclusive backstage interviews with judges, speakers, panelists and contest participants. We’ll also be covering all the action from start-up alley and the conference hallways, plus highlights of the after-parties and a few extra surprises that are too awesome to spoil here in advance. Joining Evelyn, expect to see a star-studded line-up of TC writers and editors on screen throughout the day(s).

In fact we’re expecting the live stream to be so great that even those lucky enough to be at the conference will still want to watch the coverage back when they get home.

Stay tuned!

Watch live streaming video from disrupt at livestream.com

Similar Posts:

Woop.gr videos in iPhone, iPad

Panos Kontopoulos — Tue, 11 May 2010 06:13:07 +0000

Ολοκληρώσαμε την προηγούμενη εβδομάδα και βγάλαμε στον αέρα το νέο αθλητικό 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:

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

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

Similar Posts: