Με το 0.17.2 ολοκληρώθηκε το νέο interface με bootstrap. Όλες οι οθόνες και τα components έχουν φτιαχτεί, ενώ διορθώθηκαν και κάποια πράγματα.
Μένουν τώρα ίσως κάποιες μικροδιορθώσεις και μικροβελτιώσεις.
Όλες τις αλλαγές που έχουν γίνει στην εφαρμογή μπορείτε να τις δείτε στα αρχεία CHANGELOG_EL.MD και CHANGELOG_EN.MD.
Μόλις ανέβηκε η έκδοση 0.17.1 και περιλαμβάνει την συνέχεια των αλλαγών στο interface.
Συγκεκριμένα φτιάχτηκε το παράθυρο της αναζήτησης να παίζει με bootstrap και συγκεκριμένα σαν modal. Φτιάχτηκαν επίσης οι οθόνες του login και του αρχικού registration, αλλά και το layout σε full screen. Αλλαγή έγινε και στην progress bar.
Ταυτόχρονα βελτιώθηκαν αρκετές λεπτομέρειες στην εμφάνιση σε διάφορα σημεία.
Τέλος, διορθώθηκε ένα bug στην μετατροπή των cover images σε μικρότερες εκδόσεις, που δεν το είχα προσέξει πριν. Ενώ, επειδή πλέον δεν υπάρχει επιιλογή για mobile έκδοση, το κουμπί για την χρήση μουσικών αρχείων με χαμηλότερο bitrate λειτουργεί γενικά σαν κουμπί για χαμηλότερη χρήση δεδομένων. Δηλαδή όταν είναι πατημένο χρησιμοποιούνται και οι μικρότερες εκδόσεις των cover images.
Η βελτίωση του interface συνεχίζεται με διορθώσεις σε λεπτομέρειες, αλλά και το φτιάξιμο των υπόλοιπων παραθύρων και οθονών με bootstrap. Αυτά θα ρθουν στο update 0.17.2, όπου και θα ολοκληρωθεί το interface.
Έφτασε και η ώρα της επανασχεδίασης του interface. Το προηγούμενο ήταν απλά… κάτι για να παίζει αξιοπρεπώς και δίνονταν περισσότερο βάρος στο back end. Με το νέο, η εφαρμογή γίνεται πολύ πιο όμορφη και κυρίως responsive, αφού παίζει σε κάθε μέγεθος οθόνης (είτε σε desktop, είτε σε κινητό).
Για να γίνει αυτό, έγινε χρήση του bootstrap. Δεν έχει τελειώσει βέβαια η δουλειά ακόμη. Έχει σχεδιαστεί η βασική οθόνη της εφαρμογής, αλλά χρειάζεται να γίνουν αρκετά ακόμη components, αλλά και οι υπόλοιπες οθόνες. Επίσης με την χρήση, και το πιθανό feedback, θα δω πως θα φτιαχτούν καλύτερα κάποιες μικρές λεπτομέρειες.
Το σχετικό update (0.17.0) έχει ήδη ανέβει. Θα ακολουθήσουν μικρότερα updates, όσο φτιάχνονται τα νέα κομμάτια.
Επειδή όσο και να προσπάθησα, δεν μπόρεσα να πιάσω όλες τις περιπτώσεις προβλημάτων στην εγκατάσταση, ακολουθώ από εδώ και πέρα την πολύ πιο βολική λογική του Docker.
Με το Docker η εγκατάσταση της εφαρμογής γίνεται πολύ πιο εύκολη και απλή (στην ουσία τρέχοντας μόνο μια εντολή) και μπορεί να γίνει και σε οποιοδήποτε σύστημα (Linux, Mac OS, Windows), χωρίς να χρειάζεται να στήνεται web server (με όλα τα απαιτούμενα του), βάση δεδομένων κτλ
Κατεβάζεις τα αρχεία, τρέχεις μια εντολή και η εφαρμογή είναι έτοιμη να την χρησιμοποιήσεις.
Αναλυτικές οδηγίες για την εγκατάσταση έχει εδώ.
Από το τελευταίο μεγάλο update, επειδή γίνανε μεγάλες αλλαγές στην αρχιτεκτονική, σπάσανε διάφορα κομμάτια που δυστυχώς επειδή δεν τα χρησιμοποιεί κάποιος συχνά δεν τα πρόσεξα. Αυτά ήταν κυρίως σημαντικά κομμάτια που αφορούσαν την εγκατάσταση της εφαρμογής.
Μετά από feedback, βρέθηκαν αυτά τα προβλήματα και διορθώθηκαν.
Ταυτόχρονα γίνανε κάποιες αλλαγές ώστε η εφαρμογή να μπορεί να τρέξει και σε Lighttpd, πέρα από τον Apache.
Πολύ σημαντικές αλλαγές γίνανε στο τελευταίο update, 0.13.0, στην αρχιτεκτονική του κώδικα.
Συγκεκριμένα έχει σπάσει ο κώδικας της javascript σε μικρότερα κομμάτια, για μεγαλύτερη ευελιξία κι ευκολία στις αλλαγές. Ταυτόχρονα όλες οι κλήσεις ajax γίνονται πλέον παντού με την $.ajax (jquery) και όχι με την $.get που γίνονταν σε κάποια παλιότερα κομμάτια του κώδικα.
Μέχρι τώρα αυτές οι κλήσεις ajax καλούσαν πολλά μικρά αρχεία php. Αυτό άλλαξε πλέον και στην θέση τους γίνεται routing και καλούνται οι αντίστοιχες μέθοδοι μιας κλάσης που περιέχει το σύνολο του κώδικα για τις ajax κλήσεις.
Για να γίνει το routing χρησιμοποιεί ένα αρχείο .htaccess. Υπάρχει περίπτωση να μην λειτουργεί στον server του χρήστη το htaccess. Αν συμβεί αυτό, η εφαρμογή θα του εμφανίσει μήνυμα λάθους με οδηγίες πως να ρυθμίσει τον server ώστε να λειτουργήσει.
Όλες οι αλλαγές που έχουν γίνει στην εφαρμογή.
Μετά το ανέβασμα της beta έκδοσης ήρθε και κάποιο feedback. Με βάση αυτό έχουν γίνει μερικές αλλαγές στον κώδικα και στην δομή του, όπως και διόρθωση σφαλμάτων. Οι αλλαγές αυτές μόλις ανέβηκαν στο update με αριθμό έκδοσης 0.12.0.
Προσοχή πρέπει να δοθεί στο ότι το αρχείο config.inc.php από τον φάκελο /src έχει μεταφερθεί στον φάκελο /src/config. Επειδή τα αρχεία της εφαρμογής περιέχουν το αρχείο config.inc.php.sample και όχι το κανονικό config.inc.php, πρέπει ο χρήστης να πάει να το μεταφέρει μόνος του στον συγκεκριμένο φάκελο.
Επίσης πλέον δεν χρειάζεται η γραμμή
define ('PROJECT_PATH','/OpenWebMediaPlayer/');
και μπορεί να την αφαιρέσει.
Αναλυτικά οι αλλαγές που γίνανε στο update.
Στο νέο update (0.10.0) που ανέβηκε, δίνεται μεγάλη έμφαση στους ελέγχους για τον συγχρονισμό των αρχείων και στο αν είναι έγκυρα τα directories που δίνει ο χρήστης και χρησιμοποιεί η εφαρμογή. Επίσης γίνεται καλύτερος έλεγχος απαιτούμενων εγκατεστημένων utilities, όπου χρειάζεται. Στόχος να γίνει ακόμη πιο απλή και να αφαιρεθούν όλα τα προβλήματα που μπορεί να έχει κάποιος στην εγκατάσταση της εφαρμογής.
Μεγάλη βελτίωση έχει γίνει στο σύστημα που εμφανίζει τα αποτελέσματα του συγχρονισμού ή οποιασδήποτε άλλης εργασίας που κάνει ο χρήστης στην οθόνη της συλλογής. Πλέον όλα εμφανίζονται σε ξεχωριστό παράθυρο, το οποίο μπορεί να ανοίξει ο χρήστης σε όποιο σημείο της εφαρμογής και να βρίσκεται. Δηλαδή ο χρήστης μπορεί να εκτελεί διάφορες εργασίες στην συλλογή και ταυτόχρονα να πάει σε άλλες οθόνες, χωρίς κανένα πρόβλημα και χωρίς να χάσει τα αποτελέσματα της εργασίας.
Ταυτόχρονα έχει αφαιρεθεί το κλασικό loading gif (που εμφανίζεται σε οποιαδήποτε εργασία έχει κάποια αναμονή), αλλά και η κλασική μπάρα προόδου, που εμφανίζονταν στο header. Και τα 2 έχουν αντικατασταθεί από μία νέα έμπνευση που πιστεύω είναι πολύ πιο ευχάριστη και βοηθητική. Για εργασίες απλής αναμονής εμφανίζει ένα παπαγαλάκι πάνω στο header που περπατάει. Όταν πρόκειται για εργασίες που εμφανίζουν και ποσοστό προόδου, εμφανίζεται και μια μπάρα πάνω από το παπαγαλάκι που περπατάει, μαζί με την εμφάνιση του ποσοστού.
Το παπαγαλάκι είναι μια δημιουργία της vktoons, που έφτιαξε τα frames κι εγώ στην συνέχεια τον κατάλληλο κώδικα σε HTML5.
Με το επόμενο update (0.11.0) η εφαρμογή θα μπει σε κατάσταση beta. Αυτό θα αφορά την προσθήκη δυνατότητας upload των αρχείων μέσα από το web interface.
Βίντεο με demo του animated parrot
Στο project αυτό χρησιμοποιούμε arduino για να ανοιγοκλείνουμε ένα πολύμπριζο μέσω web. Φυσικά αντί για πολύμπριζο μπορούμε να ελέγξουμε με τον ίδιο τρόπο οποιαδήποτε άλλη ηλεκτρική συσκευή.
Τι χρειαζόμαστε από υλικό:
Προφανώς μπορεί κάποιος να χρησιμοποιήσει και διαφορετικά μοντέλα από τα παραπάνω, αλλά εμείς χρησιμοποιήσαμε τα συγκεκριμένα και άρα η συνδεσμολογία και ο κώδικας παίζουν σίγουρα σε αυτά. Αλλιώς πρέπει πιθανά να γίνουν αλλαγές.
Υποθέτουμε ότι ο αναγνώστης ξέρει ήδη κάποια βασικά για το arduino. Αλλά για όποιον αντιμετωπίσει πρόβλημα εγκατάστασης του συγκεκριμένου μοντέλου, μπορεί να δει οδηγίες εδώ.
Ξεκινούμε καθαρίζοντας σε όποιο σημείο θέλουμε το καλώδιο του πολύμπριζου (προτείνουμε κοντά στην μπρίζα, ώστε να παίρνει την τροφοδοσία του και το arduino)
Κόβουμε το καφέ καλώδιο (για τα ευρωπαϊκά πολύμπριζα) και το συνδέουμε στο relay.
Το τυλίγουμε με μονωτική ταινία
Το συνδέουμε στο arduino. Το καλώδιο για τα data πάει στο pin 4 (δεν παίζει σε άλλο)
Συνδέουμε το arduino στο pc και ανεβάζουμε τον κατάλληλο κώδικα. Κάνουμε import πρώτα την library dsphinXLibrary και μετά το βασικό ino αρχείο dsphinXRelay.ino. Στο οποίο σετάρουμε πρώτα και τις κατάλληλες προσωπικές ρυθμίσεις δικτύου.
Βάζουμε το πολύμπριζο στην μπρίζα και όποια συσκευή θέλουμε πάνω του. Στην κονσόλα του arduino θα εμφανιστεί η IP του arduino και μπαίνουμε με τον browser σε αυτήν. Εκεί υπάρχει το κατάλληλο web interface στο οποίο πατάς on/off.
Φυσικά μπορεί να ελεγχθεί και μέσω τρίτης εφαρμογής που μπορεί να φτιάξει ο καθένας, απλά δίνοντας εντολές τύπου xxx.xxx.xxx.xxx/ON ή xxx.xxx.xxx.xxx/OFF ή xxx.xxx.xxx.xxx/getState.
Υλοποίηση του συστήματος σε ολοκληρωμένη σχετική web εφαρμογή
Εδώ ένα βίντεο επίδειξης
Κωνσταντίνος Μ. Μελισίδης
Γιάννης Κυράνης
Ένα από τα μεγαλύτερα update έχει μόλις ανέβει στο Parrot Tunes.
Καταρχήν έχουν γίνει πολλές αλλαγές εσωτερικά στον κώδικα, που δεν είναι πλήρως ορατές στον χρήστη. Συγκεκριμένα, έχει αλλάξει η αρχιτεκτονική του CSS, αλλά και ο τρόπος που δουλεύει ο player.
Δηλαδή τα αρχεία που σερβίρει η εφαρμογή (video/audio κτλ), για να παίξουν δεν χρειάζεται πλέον να δηλώνονται τα paths στις ρυθμίσεις του apache, σαν alias. Μπορεί ο χρήστης να επιλέξει οποιοδήποτε path μέσα στο linux filesystem σαν πηγή των αρχείων του, χωρίς κανένα πρόβλημα στο να είναι ορατά στον web player.
Απλοποιείται έτσι πάρα πολύ η διαδικασία εγκατάστασης της εφαρμογής.
Προστέθηκε επίσης ένα από τα μεγαλύτερα χαρακτηριστικά της εφαρμογής που λείπανε. Η καλύτερη αναζήτηση και η δυνατότητα να σώζει/φορτώνει ο χρήστης τις αναζητήσεις του. Κάτι σαν smart playlists.
Ο χρήστης μπορεί πλέον να προσθέσει όσα πεδία αναζήτησης θέλει. Μπορεί αν θέλει να ομαδοποιεί τα πεδία που θέλει, ώστε να κάνει πιο σύνθετες αναζητήσεις.
Αφού επιλέξει την αναζήτηση που θέλει μπορεί να την αποθηκεύσει και να την φορτώσει όποτε θέλει για να κάνει την ίδια αναζήτηση.
Με αυτό έχει ολοκληρωθεί η εφαρμογή από τα βασικά χαρακτηριστικά που ήταν σχεδιασμένο να έχει. Από εδώ και πέρα θα γίνονται κυρίως διορθώσεις και βελτιώσεις.
Από τα άμεσα πράγματα που θα βελτιωθούν είναι η διαδικασία εγκατάστασης και σειρά ελέγχων που θα πρέπει να γίνονται ώστε να παίζει η εφαρμογή οπουδήποτε χωρίς πρόβλημα.