DEV Community: forgedsoft.com

Γέφυρα για σύνδεση εμπορικού με eshop (πχ Opencart με Pylon)

forgedsoft.com — Fri, 04 Jun 2021 18:50:25 +0000

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

Ακόμη περισσότερο όταν έχουμε όλα τα είδη μας στο εμπορικό και θα πρέπει να τα περάσουμε στο νέο ηλεκτρονικό κατάστημα.

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

Εδώ έρχεται να δώσει λύση η λεγόμενη 'Γέφυρα'. Τι ονομάζουμε Γέφυρα και πώς λειτουργεί;

Η Γέφυρα είναι ένα λογισμικό που επιτρέπει την διασύνδεση του εμπορικού με το eshop. Το λογισμικό αυτό μπορεί να είναι Windows software η Web service.

Πως λειτουργεί μια Γέφυρα;

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

Το σύστημα αυτό λειτουργεί όμως αμφίδρομα, ενημερώνει από το εμπορικό όταν γίνεται μια παραγγελία στο eshop, εισάγοντας την και στο εμπορικό. Με αυτόν τον τρόπο και το εμπορικό καθώς και το ηλεκτρονικό κατάστημα είναι πάντα ενημερωμένα.

Σε περιπτώσεις λοιπόν που το εμπορικό δεν διαθέτει κάποιο API η κάποιον αυτόματο τρόπο εξαγωγής και εισαγωγής δεδομένων (χωρίς ανθρώπινη ενεργεία), τότε συνήθως υλοποιούμε ένα windows software που αναλαμβάνει να συνδεθεί με την βάση δεδομένων του εμπορικού και να εισάγει και να αντλεί δεδομένα (προϊόντα, παραγγελίες κλπ).

Συνοπτικά τα πλεονεκτήματα μια Γέφυρας:

Αυτόματη εισαγωγή προϊόντων από το εμπορικό στο eshop.

Αυτόματη ενημέρωση προϊόντων και αποθεμάτων.

Αυτόματη αποστολή παραγγελιών από το eshop στο εμπορικό.

Δυνατότητα εισαγωγής προϊόντων με συνδυαστικά χαρακτηριστικά-επιλογές, όπως χρώμα-μέγεθος, με ξεχωριστό απόθεμα ανά συνδυασμό.

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

https://www.forgedsoft.com/blog/gefyra

ΤΙ ΕΙΝΑΙ ΤΟ AMP ΚΑΙ ΤΙ ΣΗΜΑΙΝΕΙ ΓΙΑ ΤΗΝ ΙΣΤΟΣΕΛΙΔΑ ΣΑΣ;

forgedsoft.com — Tue, 01 Jun 2021 13:49:46 +0000

Το AMP είναι ένα framework ανοικτού κώδικα που αναπτύχθηκε από την Google σε συνεργασία με το Twitter. Οι πρωτοφορεμένες σελίδες για κινητά (η αλλιώς AMP) είναι σελίδες προσαρμοσμένες για κινητές συσκευές. Ουσιαστικά σάς επιτρέπει να δημιουργείτε ελαφρές σελίδες για κινητά, απλοποιώντας την HTML και ακολουθώντας τους απλουστευμένους κανόνες CSS.

Το AMP αρχικά θεωρήθηκε ότι αναπτύχθηκε σε απάντηση στα Instant Articles του Facebook. Ωστόσο, με την πάροδο των ετών, έχει γίνει μια ισχυρή πλατφόρμα για την παράδοση περιεχομένου απευθείας από τα αποτελέσματα αναζήτησης με σχεδόν ταχύτητα φωτός. Νωρίτερα φέτος, η Google ανακοίνωσε ότι θα προωθήσει για την τεχνολογία AMP ως Web Standard.

Πώς λειτουργεί το AMP;

Το AMP έχει 3 κύρια μέρη.

AMP HTML: Σκεφτείτε το AMP HTML ως μια πιο λιτή έκδοση του κανονικού HTML. Το AMP έχει αυστηρούς κανόνες για τα HTML tags που μπορείτε να χρησιμοποιήσετε. Για να εξασφαλιστεί η γρήγορη φόρτωση σελίδας, ορισμένα στοιχεία HTML, όπως φόρμες, δεν επιτρέπονται στο AMP. Το AMP απαιτεί επίσης να χρησιμοποιήσετε μια βελτιωμένη έκδοση του CSS. Δείτε την πλήρη λίστα των απαιτούμενων HTML tags για το AMP. Κανένα από αυτά δεν θα πρέπει να σας φαίνεται ξένο αν είστε συνηθισμένοι να δημιουργείτε περιεχόμενο ιστού χρησιμοποιώντας HTML και CSS.
AMP JS: Για να εξασφαλιστεί γρήγορος φόρτος σελίδας σε κινητές πλατφόρμες, το AMP περιορίζει τη χρήση οποιουδήποτε Javascript. Η μόνη εξαίρεση είναι για τα σενάρια AMP. Αυτά που περιορίζε σε σχέση με την JS, τα παρέχει με μια βιβλιοθήκη με στοιχεία εύκολα στην εφαρμογή. Μπορείτε να δημιουργήσετε κινούμενα σχέδια, να φορτώσετε δυναμικά το περιεχόμενο, να τροποποιήσετε τη διάταξη και πολλά άλλα χρησιμοποιώντας την βιβλιοθήκη του AMP.
AMP CDN: Κοινώς γνωστό ως AMP Cache, ένα κρίσιμο στοιχείο της πλατφόρμας AMP είναι το δίκτυο παροχής περιεχομένου με βάση το διακομιστή μεσολάβησης (CDN). Το CDN ανακτά το περιεχόμενο AMP και το αποθηκεύει για γρήγορη παράδοση. Από προεπιλογή, το AMP CDN αποθηκεύει όλα τα έγκυρα περιεχόμενα AMP και δεν παρέχει την επιλογή εξαίρεσης. Ωστόσο, μπορείτε να συνεχίσετε να χρησιμοποιείτε τον δικό σας CDN επίσης.

Επομένως, πρέπει να χρησιμοποιήσω το AMP για την ιστοσελίδα μου;

Στα λίγα χρόνια που ξεκίνησε το AMP, είναι γενικά αποδεκτό ότι οι χώροι των μέσων ενημέρωσης λειτουργούν ικανοποιητικά με το AMP. Δεδομένου ότι το μεγαλύτερο μέρος του περιεχομένου σε ιστότοπους πολυμέσων είναι στατικό, αυτοί οι ιστοτόποι έχουν σημειώσει σημαντικές αυξήσεις στην επισκεψιμότητα οργανικής αναζήτησης. Επιπλέον, η Google έχει επίσης διευκολύνει τους εκδότες να κάνουν το περιεχόμενό τους να ξεχωρίζει με τα Rich Cards. Για ιστοσελίδες ηλεκτρονικού εμπορίου με περιεχόμενο που είναι δυναμικό και μεταβαλλόμενο με βάση τις επιλογές των χρηστών (σκέφτεστε το φιλτράρισμα, τη διαλογή, την προσθήκη στο καλάθι και τις πιο δυναμικές ενέργειες των χρηστών), το AMP μπορεί να μην είναι ακόμα η καλύτερη λύση σε όλες τις περιπτώεις. Όμως ηλεκτρονικά καταστήματα που δεν έχουν μεγάλες μεταβολές στα προϊόντα και στα αποθέματα, μπορούν να επωφεληθούν από το AMP. Πολλοί συμφωνούν ότι το AMP προσφέρει:

Σημαντική αύξηση της επισκεψιμότητας (οργανικής αναζήτησης).
Αυξήση στις μετατροπές που προκύπτουν από ταχύτερες και καλύτερες εμπειρίες κινητών τηλεφώνων.
Μειώση του φόρτου στους διακομιστές από το AMP CDN cache.

Αλλά ποια είναι τα μειονεκτήματα του AMP;

Ο πιο συνηθισμένος λόγος για τον οποίο κάποιες ιστοσελίδες αποφάσισαν να μην εφαρμόσουν το AMP, είναι το κόστος που απαιτείται για κάνουν AMP-ify τις σελίδες τους. Για να επωφεληθεί μια ιστοσελίδα από τα πλεονεκτήματα του AMP, θα πρέπει να υλοποιηθεί παράλληλα μια έκδοση AMP της ιστοσελίδας. Αυτό σε κάποιες περιπτώσεις μπορεί να είναι αρκετά δύσκολο.

Από τη στιγμή που το AMP αποθηκεύει περιεχόμενο σε cache χωρίς να υποβάλλει αιτήματα στους διακομιστές σας κάθε φορά, τα εργαλεία ανάλυσης και μέτρησης δεν μπορούν να βασίζονται 100% σε αιτήματα διακομιστή. Θα χρειαστεί να εφαρμόσετε ειδικές παράμετροι παρακολούθησης για την ακριβή λήψη CTR και μετρήσεων από την έκδοση AMP της σελίδας.

Για να το πούμε απλά, το AMP είναι ένα ελαφρύ HTML – που σημαίνει ότι δεν μπορείτε να προσφέρετε πλούσιες εμπειρίες χρήστη, όπως κινούμενους χάρτες, περιστρεφόμενες εικόνες και πολλά άλλα σχετικά. Εάν τμήματα του ιστότοπού σας βασίζονται σε μεγάλο βαθμό σε πλούσιο UX, ίσως θελήσετε να επανεξετάσετε τις εκδόσεις των AMP αυτών των διαδικτυακών τμημάτων.

ΤΙ ΕΙΝΑΙ ΤΟ PWA (PROGRESSIVE WEB APP);

forgedsoft.com — Tue, 01 Jun 2021 13:49:15 +0000

Πολλές εταιρίες δημιουργούν App’s για κινητά τα οποία στην ουσία είναι η ίδια η ιστοσελίδα τους σε μορφή App. Αυτά τα App’s λέγονται Web App’s.

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

Αυτό όμως δημιουργεί και αρκετά προβλήματα. Στο Play store της Google γίνεται το αδιαχώρητο από εφαρμογές Web App ενώ η Apple πλέον απαγορεύει την καταχώρηση web apps στο App store. Προτείνει αντ’ αυτού την δημιουργία Native App.

Επιπλέον η διαδικασία εγκατάστασης αποθαρρύνει πολλούς χρήστες να εγκαταστήσουν ένα App Το οποίο δεν θα τους προσφέρει κάτι περισσότερο από την πλοήγηση στην σελίδα μέσω του Browser.

Κατασκευή ιστοσελίδων PWA

Τα παραπάνω προβλήματα έρχεται να λύσει το PWA.

Το PWA ανακοινώθηκε το 2015. Δημιουργήθηκε να λύσει καταρχήν το πρόβλημα του όγκου της εγκατάστασης ενός App σε κινητές συσκευές με αργό internet, καθώς το μέγεθος της εγκατάστασης ενός PWA είναι μικρότερο από ενός κοινού App. Να σημειώσουμε ότι τα PWA apps μπορούν να εγκατασταθούν ακόμα και σε υπολογιστές (από το Chrome).

Πλέον είναι ένα Web Standard με αρκετά πλεονεκτήματα όπως offline chaching και έχει κατακλύσει το Internet.

Δεν είναι δύσκολο να καταλάβουμε γιατί τα κορυφαίες εταιρίες θα χρησιμοποιούν τα PWA. Παρέχουν την καλύτερη κινητή εμπειρία για τους χρήστες – ανεξάρτητα από την πλατφόρμα.

Τα PWA χρησιμοποιούν τον ιστό για να προσφέρουν Browsing σε επίπεδο εφαρμογής. Δεν χρειάζεται να βρίσκουν οι καταναλωτές εφαρμογές στα app stores και να τις εγκαθιστούν – μπορούν απλώς να πλοηγηθούν στον ιστότοπο σε οποιοδήποτε πρόγραμμα περιήγησης, συμπεριλαμβανομένων των Chrome και του Safari και πατώντας εγκατάσταση, να εγκαταστήσουν το PWA. Οι τεχνικές PWA επικεντρώνονται στην ταχύτερη φόρτωση (ακόμη και στην εργασία χωρίς σύνδεση) και στη χρήση λιγότερων δεδομένων. Δεδομένου ότι το 53% των επισκέψεων μέσω κινητού τηλεφώνου έχει χαθεί εάν ένας ιστότοπος διαρκεί περισσότερο από τρία δευτερόλεπτα για να φορτώσει.

Οι χρήστες κινητών εγκαταλείπουν μια σελίδα, εάν χρειαστούν περισσότερα από τρία δευτερόλεπτα για να φορτώσει [διαβάστε περισσότερα].

Το Twitter είναι ένα παράδειγμα της επιτυχίας του PWA. Το PWA της εταιρείας, το Twitter Lite, καταλαμβάνει λιγότερο από ένα megabyte, εξοικονομεί έως και 70% στα δεδομένα και φορτώνει 30% γρηγορότερα. Το πρώτο loading του Twitter Lite είναι λιγότερο από πέντε δευτερόλεπτα σε δίκτυα 3G στις περισσότερες συσκευές και τα επόμενα είναι σχεδόν άμεσα, ακόμη και σε αργά δίκτυα.

Το MakeMyTrip, ένας τόπος κράτησης ταξιδιών στην Ινδία, ξεκίνησε με το PWA για να προσφέρει σε όλους τους ινδούς χρήστες smartphone μια αποτελεσματική και αξιόπιστη εμπειρία κράτησης θέσεων από τα κινητά, ανεξάρτητα από το χρόνο, τη θέση ή τη διαθεσιμότητα του δικτύου. Η εταιρεία είδε το συνολικό ποσοστό conversion να τριπλασιάζεται και να αυξάνεται κατά 160%.

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

Κατασκευή ιστοσελίδων PWA

Αυτά καθιστούν σαφές γιατί τα PWAs γίνονται γρήγορα το νέο πρότυπο στο διαδίκτυο.

Αλλά αυτό δεν σημαίνει ότι θυσιάζουν χρήσιμες λειτουργίες στον βωμό της ταχύτητας. Τα PWA, στην πραγματικότητα, μπορούν να είναι πλούσια σε χαρακτηριστικά. Στις συσκευές Android, οι χρήστες μπορούν να έχουν με ειδοποιήσεις push notifications όπως προσφορές ή υπενθυμίσεις. Μπορούν επίσης να αποθηκεύουν τις συντομεύσεις του PWA στις οθόνες του τηλεφώνου τους, καθιστώντας τα εύκολα προσβάσιμα. Όπως ένα κοινό App.

Τα PWA δεν πρέπει απαραίτητα να αντικαθιστούν τις native εφαρμογές. μπορούν να δουλέψουν παράλληλα.

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

Η Alibaba.com, η μεγαλύτερη πλατφόρμα συναλλαγών μεταξύ εμπόρων, σημείωσε αύξηση κατά 76% στα coinversion και τέσσερις φορές υψηλότερο ποσοστό αλληλεπίδρασης μετά την αναβάθμιση του site για κινητά σε PWA.

Ο ηγέτης ομορφιάς Lancôme είδε αύξηση κατά 53% στον χρόνο της συνεδρίας και τα ποσοστά εγκατάλειψης των χρηστών του iPhone έχουν μειωθεί κατά 10%.

Το Weather Channel είδε βελτίωση κατά 80% στον χρόνο φόρτωσης του ιστότοπου από το PWA, με σχεδόν ένα εκατομμύριο χρήστες να επιλέγουν να λαμβάνουν ειδοποιήσεις push.