Gadget : matchBoxCenter και boxInfoCenter

To matchBoxCenter πρόκειται για ένα gadget που σκοπό έχει να παρουσιάζει με συνοπτικό και δομημένο τρόπο εμφάνισης  
To matchBoxCenter στην δεξιά πλευρά της εικόνας αρχική εμφάνιση.
Free gadget με ενσωματωμένη διαφήμιση  google adsense
στην αρχική οθόνη και δυνατότητα απόκρυψης.
  • τα αποτελέσματα, 
  • τις βαθμολογίες,
  • το πρόγραμμα όλων των κατηγοριών,
  • το πρόγραμμα της επόμενης εβδομάδας

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

Στηρίζεται για την ενημέρωσή του στα google docs υπολογιστικά φύλλα. Τα υπολογιστικά φύλλα είναι μια εφαρμογή που λίγο πολύ είμαστε όλοι εξοικειωμένοι. 

Με τον τρόπο αυτό δεν απαιτείται η δημιουργία και η συντήρηση μιας Βάσης δεδομένων αποτελεσμάτων. Αρκεί κανείς να τροφοδοτεί τα αποτελέσματα ή τους ορισμούς διαιτητών ή τις επιδόσεις από τα Φύλλα αγώνων των αθλητών και των ομάδων κλπ στα αντίστοιχα κελιά-στήλες.

Το matchBoxCenter gadget είναι ουσιαστικά ένα xml αρχείο και μπορεί να ενσωματωθεί ως τέτοιο σε κάθε ιστολόγιο - ιστοσελίδα. Μια δημιουργία που αποτέλεσε καρπό προσπαθειών και επαναλαμβανόμενων βελτιώσεων το διάστημα Ιανουαρίου 2010 ως και σήμερα. 

Ανήκει στην κατηγορία των Free gadget, με ενσωματωμένη διαφήμιση  google adsense στην αρχική οθόνη και δυνατότητα απόκρυψης. Διατίθεται δωρεάν σε όλους και με δυνατότητα παραμετροποίησης των πρωταθλημάτων της επιλογής του χρήστη. Περισσότερες πληροφορίες για την αρχική παραμετροποίηση  :  grbasket@gmail.com

Λειτουργία
Ας δούμε αναλυτικά τι μπορεί να κάνει για μας το matchBoxCenter. Ας ξεκινήσουμε  με την περιγραφή των λειτουργιών του.

Στο πάνω μέρος του βρίσκονται οι τρεις επιλογές


  • Ανά ημέρα
  • Πρόγραμμα
  • Βαθμολογίες

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

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

Οι πληροφορίες που εμφανίζονται σε κάθε μελλοντικό αγώνα είναι :


  • οι αντίπαλες ομάδες με τα εμβλήματα (όπου είναι καταχωρημένα)
  •  η ώρα έναρξης του,  
  • το γήπεδο διεξαγωγής (χάρτης γηπέδου όπου είναι καταχωρημένο), 
  • η αγωνιστική 
  • η ημερομηνία, 
  • οι διαιτητές, 
  • ο παρατηρητής και 
  • οι κριτές


Οι πληροφορίες που εμφανίζονται για κάθε αγώνα που υπάρχει τελικό σκορ :

οι αντίπαλες ομάδες με τα εμβλήματα (όπου είναι καταχωρημένα)
το τελικό σκορ

Επιπρόσθετα ένθετα μπορεί να εμφανίσει κανείς και τα εξής στοιχεία : (αν αφήσουμε το δείκτη του ποντικιού πάνω στα στοιχεία του αγώνα εμφανίζεται μικρό πλαίσιο με τα στοιχεία )


  • ώρα έναρξης ,  
  • γήπεδο διεξαγωγής (χάρτης γηπέδου όπου είναι καταχωρημένο), 
  • αγωνιστική 
  • ημερομηνία, 
  • διαιτητές, 
  • παρατηρητής και 
  • κριτές
Στην κάτω δεξιά γωνία κάθε αγώνα και σε περίπτωση που έχουμε συλλέξει αρχεία φωτογραφιών ή video youtube, εμφανίζονται μικρογραφίες του υλικού και με κλικ ανοίγει ένθετο παλίσιο προβάλλοντας αντίστοιχα :
  • 2 φωτογραφίες από τον αγώνα
  • 2 youtube video ανά αγώνα
  • χάρτη γηπέδου
Στην περίπτωση της ύπαρξης τελικού αποτελέσματος το matchBoxCenter εμφανίζει σε μορφή κυλιόμενου μηνύματος (και αφού έχουμε επιλέξει τον αγώνα που θέλουμε με κλικ πάνω στα στοιχεία του ) :
  • αποτελέσματα δεκαλέπτου,
  • συνθέσεις και σκορ αναλυτικά γα κάθε παίκτη (από το ΦΑ)
Πρόγραμμα
Από την επιλογή αυτή μπορούμε να εμφανίσουμε το πρόγραμμα και τα αποτελέσματα (ανά αγωνιστική πλέον) του ομίλου ή της κατηγορίας για την οποία ενδιαφερόμαστε. Οι διαδικασίες που αφορούν την επιλογή αυτή είναι πανομοιότυπες μ' αυτές της πρώτης επιλογής "Ανά ημέρα".  

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

Βαθμολογία

Στην επιλογή αυτή είναι φανερό ότι εμφανίζονται οι βαθμολογικοί πίνακες του ομίλου-κατηγορίας που έχουμε επιλέξει να παρακολουθούμε. Τα στοιχεία που εμφανίζει ο πίνακας αφορούν :


  • έμβλημα ομάδας,
  • βαθμούς,
  • αγώνες,
  • ήττες - νίκες, 
  • μηδενισμοί
  • πόντοι (επίθεσης-άμυνας)


Επίσης σε ένθετο πλαίσιο εμφανίζονται και όλα τα στοιχεία πιθανής ισοβαθμίας σε όλες τις θέσεις

  • βαθμοί στους μεταξύ τους αγώνες, 
  • συντελεστής πόντων στους μεταξύ τους αγώνες, 
  • συντελεστής πόντων σε περίπτωση πολλαπλής ισοβαθμίας


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


Τροφοδοσία των στοιχείων

Για την τροφοδοσία του matchBoxCenter με στοιχεία έχει επιλεγεί η πλατφόρμα των google docs υπολογιστικών φύλλων. Ο λόγος της επιλογής αυτής είναι προφανής. Η εξοικείωση των ανθρώπων μ' αυτά είναι δεδομένη σε σύγκριση μ' αυτό της συντήρησης, της κατανόησης και του κόστους μιας Βάσης Δεδομένων.

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


Ενσωμάτωση


Gadget : boxMatchCenter 
  • Γενικά για ενσωμάτωση του boxMatchCenter σε ιστοσελίδες πατήστε εδώ...
  • Για ενσωμάτωση σε blog χρήση του xml αρχείου :
    http://hosting.gmodules.com/ig/gadgets/file/114395774883919956955/results_accordeon.xml



Gadget : boxInfoCenter 



  • Γενικά για ενσωμάτωση του  boxInfoCenter σε ιστοσελίδες πατήστε εδώ...


  • Για ενσωμάτωση σε blog χρήση του xml αρχείου :
    http://hosting.gmodules.com/ig/gadgets/file/114395774883919956955/results_INFO_accordeon.xml





  • Πληροφορίες
    Περισσότερες πληροφορίες για την αρχική παραμετροποίηση και τις τελευταίες εκδόσεις:

    grbasket@gmail.com



    WebGL Debugging


    Yt video : GoogleDevelopers

    Overview about how to debug WebGL applications.

    Να εισάγω φωτογραφία σε ανάρτηση μας στο blogger...

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

    Ας περιγράψουμε τα βήματα ενσωμάτωσης μιας φωτογραφίας σε ανάρτηση μας στο blogger...

    1. Μεταβαίνουμε στον bogger στην ανάρτηση που θέλουμε να τοποθετήσουμε την φωτογραφία μας και μάλιστα στην επιλογή "Σύνθεση". (Εικόνα1)
    Εικόνα 1
    2. Από την γραμμή εργαλιών επιλέγουμε το button "Εισαγωγή εικόνας" (button με την χαρακτηριστική σμίκρυνση εικόνας γαλάζιου  τοπίου) (Εικόνα1)



    Εικόνα 2
    3. Με την εμφάνιση του ενσωματομένου παραθύρου με τίτλο "Επιλέξτε ένα αρχείο" παρατηρούμε ότι στο αριστερό τμήμα του παραθύρου υπάρχουν οι επιλογές (Εικόνα2)

      
    α. "Μεταφόρτωση" (αν δεν έχουμε ξανανεβάσει την φωτογραφία στο picassa ή κάποιο άλλο σημείο στο internet)

      β. "Από αυτό το ιστολόγιο" (σε περίπτωση που έχουμε ήδη ανεβάσει την φωτογραφία μας στο παρελθόν)

     γ. "Από τα λευκώματα ιστού Picassa" ( σε περίπτωση που έχουμε ήδη ανεβάσει την φωτογραφία μας στο παρελθόν στον λογαριασμό μας στο picassa)

    δ. "Από μια διεύθυνση URL" (σε περίπτωση που έχουμε ανεβάσει ήδη την φωτoγραφία σε κάποιον server ή χώρο φιλοξενίας σε , ξέρουμε την URL διεύθυνση της φωτογραφίας μας).





    Εικόνα 3
    4. Στην συνέχεια επιλέγω και κάνω διπλό κλικ το άλμπουμ που περιέχει την φωτογραφία ή τις φωτογραφίες (μπορούμε να εισάγουμε πολλαπλές φωτογραφίες). 

    5. Εμφανίζονται όλες οι φωτογραφίες του άλμπουμ όπου και διαλέγω όποια ή όποιες θέλω και στην συνέχεια επιλέγω "Προσθήκη επιλεγμένων" (Εικόνα3)

    6. Πλέον έχουμε εισάγει την φωτογραφία μας στην ανάρτησή μας στον bogger. Με το τρόπο αυτό όπως προαναφέραμε επαναχρησιμοποιούμε φωτογραφίες και δεν χρειάζεται να επαναλαμβάνουμε πολλαπλά upoad("ανεβάσματα") που και χρόνο μας αναλώνουν αλλά και περιορίζουμε τον χώρο που μας διαθέτει η google στην υπηρεσία picassa... 




    Εικόνα 4
    7. Αμέσως μετά την ολοκλήρωση της εισαγωγής καλό είναι να στοιχίσουμε την φωτογραφία με απλές επιλογές που εμφανίζονται αν πατήσουμε πάνω στην φωτογραφία μας με το ποντίκι. Μπορούμε να επιλέξουμε μέγεθος, στοίχιση αλλά και να προσθέσουμε λεζάντα κάτω από την φωτο... (Εικόνα4)


    Είναι πλέον στο χέρι μας και στην δημιουργικότητά μας να επιλέξουμε τον τρόπο εκείνο ώστε να μας ικανοποιεί το αποτέλεσμα...

    Καλή μας επιτυχία ...



    Ας παραθέσουμε όμως και με μερικές επεξηγήσεις ως προς τον τρόπο αποθήκευσης των φωτογραφιών που ενσωματώνουμε στα άρθρα μας.

    Πρέπει να γνωρίζουμε λοιπόν ότι όλες οι φωτογραφίες που ανεβάζουμε και ενσωματώνουμε στα κείμενά μας αποθηκεύονται όλες στην υπηρεσία του picasaweb (http://picasaweb.google.com/home) όπου και αυτόματα η υπηρεσία του blogger δημιουργεί για κάθε blog που δημιουργούμε ένα album (ένα φάκελλο,μια δέσμη) όλων των φωτογραφιών που ανεβάζουμε και κατ΄ επέκταση ενσωματώνουμε (upload - embed) στην συνέχεια στην ανάρτησή μας.

    Κάθε google λογαριασμός μας, παρέχει δωρεάν χώρο στο picassaweb 1024Μb. Για αποθήκευση πέραν του χώρου αυτού και γενικότερα πληροφορίες υπάρχουν οι γενικές πολιτικές τιμολόγησης της google όπου και παρέχονται και δημοσιεύονται στο picassaweb. Για τον λόγω αυτό αν δεν χρειαζόμαστε για την εργασία μας να ανεβάσουμε φωτογραφίες υψηλής ανάλυσης καλό είναι να αλλάζουμε-χαμηλώνουμε την ανάλυσή τους σε κάτω από αυτήν των 640x480. To picassa τις φωτογραφίες αυτής της ανάλυσης δεν τις προσμετρά στον υπολογισμό του χώρου που μας διαθέτει...

    Ένα άλλο πλεονέκτημα του τρόπου που αποθηκεύει ο blogger τις φωτογραφίες στο picassa είναι ότι όταν βρεθούμε στην ανάγκη να ξαναχρησιμοποιήσουμε την ίδια φωτογραφία δεν απαιτείται να προβούμε σε διαδικασία upload (μεταφόρτωσης). Απλά εντοπίζουμε την φωτογραφία που θέλουμε μέσα στο αντίστοιχο φωτογραφικό album του picassa και την ενσωματώνουμε στην ανάρτηση. Με τον τρόπο αυτό δεν γεμίζουμε τα album μας με πολλαπλά αντίγραφα της ίδιας φωτογραφίας. Επίσης σε περίπτωση συνεργασιών και κοινής χρήσης των φωτογραφικών albums, μπορούν και  οι συνεργάτες μας να ενσωματώσουν τις φωτογραφίες που επιθυμούν.