PWA - Υβριδική Κινητή Εφαρμογή

geocfu commented 5 years ago

Παραθέτω κάποια ενδεικτικά tasks που θα μπορούσαν να υλοποιηθούν.

Εύκολα

[ ] Προσθήκη χάρτη και σύνδεση με την εφαρμογή πλοήγησης στο κινητό του χρήστη
[ ] Δοκιμή-Αξιολόγηση: https://github.com/juusaw/amp-jekyll AMP+minimal-mistakes
[x] Δοκιμή-Αξιολόγηση: https://github.com/lavas-project/jekyll-pwa
[x] Metadata provided for Add to Home screen (Web App Manifest)
[ ] Site appropriately informs the user when they're offline (Network Information API)

Δύσκολα

[x] Ενημέρωση προδιαγραφών ανάλογα με την έκβαση των αρχικών δοκιμών με έτοιμα συστήματα?
[x] Posts URLs load while offline (Service Worker)
[x] Site uses cache-first networking (Service Worker)
[x] move pwa/js to minimal-ionio theme?
[ ] Push Notifications (Service Worker)
[ ] https://github.com/nickgarlis/jekyll-ghdeploy
[ ] CI for non-white-listed plug-ins

Πολύ δύσκολο

[ ] hand made PWA with liquid?

Web2PWA Reference Google on PWA

epidrome commented 5 years ago

@geocfu ευχαριστώ είναι μια άριστη αρχική λίστα, μερικά σχόλια από την πλευρά της τεχνολογίας λογισμικού (σκοπιμότητα) για την πιθανή βελτίωση της:

αναρωτιέμαι αν γίνεται να οργανώσουμε τις ενέργειες σε βαθμό δυσκολίας; π.χ., η προσθήκη συντόμευσης μήπως είναι κάτι πολύ εύκολο? αντίστοιχα και για τα άλλα, μια αρχική εκτίμηση θέλουμε, για να οργανώσουμε τον χρόνο και την παράδοση τους.
υπάρχουν κάποιες σχετικές τεχνολογίες; π.χ., το AMP τι σχέση έχει με το PWA;
υπάρχουν εναλλακτικές τεχνικές για να έχουμε μια τέτοια εφαρμογή; π.χ., κάποιο έτοιμο jekyll plugin, γιατί μας ενδιαφέρει να εστιάσουμε τις δυνάμεις σε αυτά που δεν υπάρχουν ή αν φτιάξουμε κάτι παρόμοιο να έχουμε μια αιτιολόγηση γιατί το ξαναφτιάχνουμε.

geocfu commented 5 years ago

@epidrome

Θα μπορουσαμε να τα οργανώσουμε. Ωστοσο, δεν νομιζω οτι εχει καποια χρησιμη συνεπεια, μιας και εκτος απο το Add to Home screen, ολα τα υπολοιπα μου φαινονται ισης δυσκολιας.
Θα μπορουσε να γινει μια ερευνα, ωστοσο, φαινεται να δυσκολευει αρκετα ο συνδυασμος αυτων. Combine AMP with Progressive Web Apps
Οντως, υπαρχει καποιο αντιστοιχο plugin (Jekyll PWA Plugin). Ομως, οντας jekyll plugin ειναι γραμμενο εξ ολοκληρου σε Ruby. Αυτο σημαινει πως εαν δεν υπαρχει καποιο feature που εμεις θελουμε ή δεν κανει κατι ακριβως οπως το θελουμε, θα πρεπει να πειραξουμε το ιδιο το plugin, κατι που ειναι αρκετα πιο δυσκολο απο την αρχικη υλοποιηση η οποια εχει κωδικα γραμμενο απο εμας.

Πειτε μου την αποψη σας.

epidrome commented 5 years ago

@geocfu ενημέρωσα τις προδιαγραφές, είναι δύσκολο με τις τρέχουσες γνώσεις να αξιολογήσω την δυσκολία, ο μόνος σίγουρος τρόπος είναι να αρχίσουμε από 2-3 πράγματα που φαίνονται εύκολα, π.χ., δεν χρειάζονται νέο κώδικα ή απλά χρειάζονται κάποια ρύθμιση σε κώδικα που υπάρχει, οπότε τα έβαλα ως εύκολα, με μια μικρή επιφύλαξη. Αν τα εργαλεία που υπάρχουν βγάζουν αξιοπρεπές αποτέλεσμα (π.χ., γρήγορες κινητές σελίδες και κινητή εφαρμογή) ίσως η αρχική τοποθέτηση #7 του PWA ως δύσκολο να ήταν λάθος μου.

epidrome commented 5 years ago

πρόσθεσα δύο λινκ στο αρχικό σχετικά με Web2PWA, minimal-mistakes+AMP

geocfu commented 5 years ago

Το πρόβλημα που προσπαθώ να αντιμετωπίσω αυτή την στιγμή είναι να κάνω το github pages να κάνει serve και όχι build το site γιατι το plugin δεν είναι whitelisted.

geocfu commented 5 years ago

@epidrome Λύθηκε το πρόβλημα. Ευχαριστώ για την παρότρυνση στο σημερινό μάθημα, 21/03.

Για να διαπιστωθεί η σωστή λειτουργία του service worker, παρακαλώ ακολουθήστε τις παρακάτω οδηγίες:

Επισκεφτείτε την ιστοσελίδα : https://georgemantellos.xyz/site-gr/
Ανοίξτε τα εργαλεία για προγραμματιστές
Κατευθυνθείτε στην καρτέλα Εφαρμογή (Application)

epidrome commented 5 years ago

ποιο ήταν τελικά το πρόβλημα?
θα προχωρήσεις σε αίτημα ενσωμάτωσης στο κεντρικό?
αν μας καλύπτει αυτό το πλαγκ-ιν φαίνεται πως αρκετά από τα δύσκολα τσεκάρονται?

geocfu commented 5 years ago

@epidrome

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

Πειτε μου την αποψη σας.

Δύσκολα

[ ] Ενημέρωση προδιαγραφών ανάλογα με την έκβαση των αρχικών δοκιμών με έτοιμα συστήματα?
[x] All (or some? which ones?) app URLs load while offline (Service Worker)
[x] Site uses cache-first networking (Service Worker)
[ ] Push Notifications (Service Worker)
[ ] CI for non-white-listed plug-ins

epidrome commented 5 years ago

δεν είναι τυχαίο που στο αδελφάκι του με τις δημοσιεύσεις οι εντολές είναι μέρος της τεκμηρίωσης https://github.com/ioniodi/scholardi
ιδανικά θα το θέλαμε αυτόματο, αλλά δεν είναι άσχημα αν κάποιες φορές τρέχουμε και μερικές εντολές, αρκεί να είναι τεκμηριωμένες και να δουλεύουν, που ήδη είναι!
οκ, ας κλείσουμε το 1ο παραδοτέο με ένα αίτημα, προφανώς θα πρέπει να περιλαμβάνει και μικρή αλλαγή στην τεκμηρίωση στο readme

geocfu commented 5 years ago

Πολυ ωραία, θα κάνω ένα pull request με τον ανανεωμένο κώδικα μέχρι το παρόν σημείο.

Επίσης θα προσθέσω και στο readme μικρή τεκμηρίωση για το workflow.

geocfu commented 5 years ago

Μολις εκανα το commit. Ωστοσο δεν εχω προσβαση στις ρυθμισεις του repository. Συνεπως, σας παρακαλω να ενεργοποιησετε εσεις το serving απο gh-pages.

epidrome commented 5 years ago

αναφορά δεν φαίνεται να έχεις στείλει στο αποθετήριο του μαθήματος

geocfu commented 5 years ago

Θα έστελνα σήμερα.

geocfu commented 5 years ago

@epidrome

[x] move pwa/js to minimal-ionio theme?

Ολοκληρώθηκε.

ioniodi / site-gr