Parrot Tunes: Συνεχιζόμενη βελτίωση στο interface

Μόλις ανέβηκε η έκδοση 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.

 

Posted in Development News | Leave a comment

Parrot Tunes: Επανασχεδίαση του interface

Έφτασε και η ώρα της επανασχεδίασης του interface. Το προηγούμενο ήταν απλά… κάτι για να παίζει αξιοπρεπώς και δίνονταν περισσότερο βάρος στο back end. Με το νέο, η εφαρμογή γίνεται πολύ πιο όμορφη και κυρίως responsive, αφού παίζει σε κάθε μέγεθος οθόνης (είτε σε desktop, είτε σε κινητό).

Για να γίνει αυτό, έγινε χρήση του bootstrap. Δεν έχει τελειώσει βέβαια η δουλειά ακόμη. Έχει σχεδιαστεί η βασική οθόνη της εφαρμογής, αλλά χρειάζεται να γίνουν αρκετά ακόμη components, αλλά και οι υπόλοιπες οθόνες. Επίσης με την χρήση, και το πιθανό feedback, θα δω πως θα φτιαχτούν καλύτερα κάποιες μικρές λεπτομέρειες.

Το σχετικό update (0.17.0) έχει ήδη ανέβει. Θα ακολουθήσουν μικρότερα updates, όσο φτιάχνονται τα νέα κομμάτια.

Posted in Development News | 2 Comments

Parrot Tunes: Dockerized

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

Με το Docker η εγκατάσταση της εφαρμογής γίνεται πολύ πιο εύκολη και απλή (στην ουσία τρέχοντας μόνο μια εντολή) και μπορεί να γίνει και σε οποιοδήποτε σύστημα (Linux, Mac OS, Windows), χωρίς να χρειάζεται να στήνεται web server (με όλα τα απαιτούμενα του), βάση δεδομένων κτλ

Κατεβάζεις τα αρχεία, τρέχεις μια εντολή και η εφαρμογή είναι έτοιμη να την χρησιμοποιήσεις.

Αναλυτικές οδηγίες για την εγκατάσταση έχει εδώ.

Posted in Development News | 1 Comment

Parrot Tunes: Lighttpd support and many bug fixes

Since the last big update, because of big changes in architecture, some pieces have broken, that unfortunately not used very often, I have not noticed them. These were mainly important pieces that involved installing the application.

After feedback, these problems were found and corrected.

At the same time, some changes were made to support Lighttpd, beyond Apache.

Posted in Development News | 1 Comment

Parrot Tunes: Αλλαγές στην αρχιτεκτονική του κώδικα

Πολύ σημαντικές αλλαγές γίνανε στο τελευταίο update, 0.13.0, στην αρχιτεκτονική του κώδικα.

Συγκεκριμένα έχει σπάσει ο κώδικας της javascript σε μικρότερα κομμάτια, για μεγαλύτερη ευελιξία κι ευκολία στις αλλαγές. Ταυτόχρονα όλες οι κλήσεις ajax γίνονται πλέον παντού με την $.ajax (jquery) και όχι με την $.get που γίνονταν σε κάποια παλιότερα κομμάτια του κώδικα.

Μέχρι τώρα αυτές οι κλήσεις ajax καλούσαν πολλά μικρά αρχεία php. Αυτό άλλαξε πλέον και στην θέση τους γίνεται routing και καλούνται οι αντίστοιχες μέθοδοι μιας κλάσης που περιέχει το σύνολο του κώδικα για τις ajax κλήσεις.

Για να γίνει το routing χρησιμοποιεί ένα αρχείο .htaccess. Υπάρχει περίπτωση να μην λειτουργεί στον server του χρήστη το htaccess. Αν συμβεί αυτό, η εφαρμογή θα του εμφανίσει μήνυμα λάθους με οδηγίες πως να ρυθμίσει τον server ώστε να λειτουργήσει.

Όλες οι αλλαγές που έχουν γίνει στην εφαρμογή.

Posted in Development News | 2 Comments

Parrot Tunes: Μικροαλλαγές με βάση το feedback και διορθώσεις σφαλμάτων

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

Προσοχή πρέπει να δοθεί στο ότι το αρχείο config.inc.php από τον φάκελο /src έχει μεταφερθεί στον φάκελο /src/config. Επειδή τα αρχεία της εφαρμογής περιέχουν το αρχείο config.inc.php.sample και όχι το κανονικό config.inc.php, πρέπει ο χρήστης να πάει να το μεταφέρει μόνος του στον συγκεκριμένο φάκελο.

Επίσης πλέον δεν χρειάζεται η γραμμή

define ('PROJECT_PATH','/OpenWebMediaPlayer/');

και μπορεί να την αφαιρέσει.

Αναλυτικά οι αλλαγές που γίνανε στο update.

Posted in Development News | 1 Comment

Parrot Tunes: Καλύτεροι έλεγχοι για την εγκατάσταση, animated parrot, καλύτερο σύστημα notifications

Στο νέο 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

Αναλυτικά οι αλλαγές στο 0.10.0

Posted in Development News | 1 Comment

Arduino project:Έλεγχος πολύμπριζου (άνοιγμα/κλείσιμο) μέσω web

Στο project αυτό χρησιμοποιούμε arduino για να ανοιγοκλείνουμε ένα πολύμπριζο μέσω web. Φυσικά αντί για πολύμπριζο μπορούμε να ελέγξουμε με τον ίδιο τρόπο οποιαδήποτε άλλη ηλεκτρική συσκευή.

Τι χρειαζόμαστε από υλικό:

  • 1 arduino D1 R2 V2.1.0 WiFi uno based ESP8266
  • 1 relay
  • 1 πολύμπριζο
  • Καλωδιάκια για την σύνδεση του arduino με το relay
  • Τροφοδοσία για το arduino. USB, 9v μπαταρία ή μετασχηματιστή 9v
  • Μονωτική ταινία

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

Υποθέτουμε ότι ο αναγνώστης ξέρει ήδη κάποια βασικά για το 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 εφαρμογή

Εδώ ένα βίντεο επίδειξης

Κωνσταντίνος Μ. Μελισίδης
Γιάννης Κυράνης

Posted in Hacks | Tagged , | 1 Comment

Parrot Tunes: Καλύτερες αναζητήσεις, δυνατότητα αποθήκευσής τους, απλοποίηση εγκατάστασης

One of the biggest updates has just been uploaded to Parrot Tunes.

First, there have been many changes inside the code that are not fully visible to the user. In particular, the CSS architecture has changed, as well as the way the player works.

Files served by the application (video/audio etc) to play are no longer required to declare the paths in the apache settings as an alias. The user can choose any path within the linux filesystem as the source of his files, without any problems in being visible to the web player.

This simplifies the installation process.

One of the biggest features missing from the application, was also added. The best search and the ability to save/load the user’s searches. Something like smart playlists.

The user can now add as many search fields as he wants. It may want to group the fields it wants to make more complex searches.

After choosing the search he wants, he can save it and load it whenever he wants to do the same search.

With this, the application has been completed from the basic features it was designed to have. From now on, corrections and improvements will be made.

Of the immediate things that will be improved is the installation process and a series of checks that should be made to play the application anywhere without any problems.

Posted in Uncategorized | 1 Comment

Full translation of Parrot Tunes in English

With the help of the upgraded Google Translate, the full translation of the entire application has now been made in English. That is, the help texts that have not been translated so far.

At the same time, texts on the site, including application description and installation instructions, have been translated.

For errors that can be found, you can send mail.

Posted in Development News | Leave a comment