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

[geocfu]

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

Εύκολα

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

Δύσκολα

• Ενημέρωση προδιαγραφών ανάλογα με την έκβαση των αρχικών δοκιμών με έτοιμα συστήματα?
• Posts URLs load while offline (Service Worker)
• Site uses cache-first networking (Service Worker)
• 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]

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

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

2. υπάρχουν κάποιες σχετικές τεχνολογίες; π.χ., το AMP τι σχέση έχει με το PWA;

3. υπάρχουν εναλλακτικές τεχνικές για να έχουμε μια τέτοια εφαρμογή; π.χ., κάποιο έτοιμο jekyll plugin, γιατί μας ενδιαφέρει να εστιάσουμε τις δυνάμεις σε αυτά που δεν υπάρχουν ή αν φτιάξουμε κάτι παρόμοιο να έχουμε μια αιτιολόγηση γιατί το ξαναφτιάχνουμε.

[geocfu]

@epidrome

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

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

[epidrome]

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

[epidrome]

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

[geocfu]

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

[geocfu]

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

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

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

[epidrome]

1. ποιο ήταν τελικά το πρόβλημα?

2. θα προχωρήσεις σε αίτημα ενσωμάτωσης στο κεντρικό?

3. αν μας καλύπτει αυτό το πλαγκ-ιν φαίνεται πως αρκετά από τα δύσκολα τσεκάρονται?

[geocfu]

@epidrome

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

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

Δύσκολα

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

[epidrome]

1. δεν είναι τυχαίο που στο αδελφάκι του με τις δημοσιεύσεις οι εντολές είναι μέρος της τεκμηρίωσης
   https://github.com/ioniodi/scholardi

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

3. οκ, ας κλείσουμε το 1ο παραδοτέο με ένα αίτημα, προφανώς θα πρέπει να περιλαμβάνει και μικρή αλλαγή στην τεκμηρίωση στο readme

[geocfu]

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

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

[geocfu]

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

[epidrome]

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

[geocfu]

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

[geocfu]

@epidrome

• move pwa/js to minimal-ionio theme?

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