Οι διαδικτυακές εφαρμογές ή web applications αποτελούν αναπόσπαστο κομμάτι στη χρήση το internet τόσο μέσω Desktop και Mobile κινητών, είναι χρήσιμες για τις επιχειρήσεις που δεν χρειάζονται μια απλή ιστοσελίδα, αλλά ένα σύστημα που θα είναι προσαρμοσμένο στις επιχειρηματικές διαδικασίες (business processes) από την επικοινωνία με τους πελάτες και τη διαχείριση δεδομένων.

Oι καθημερινές λειτουργίες τους που είναι υποψήφιες για αυτού του είδους τα projects ιδιαίτερα όταν δεν μπορεί να παραμετροποιήθει ένα σύστημα ERP εύκολα, για παράδειγμα εφαρμογές κρατήσεων, διαχείρισης πελατολογίου με υψηλή διασύνδεσης με API, διασύνδεσης πληροφοριακών συστημάτων, διαχείριση στόλους σε πραγματικό χρόνο.

Ο κάθε ΙΤ Consultant που ασχολείται με την κατασκευή διαδικτυακών εφαρμογών χρειάζεται να γνωρίζει για τα βασικά μέρη αλλά και τις μοντέρνες αρχιτεκτονικές που αφορούν τη δημιουργία web apps, πώς οργανώνονται και αλληλεπιδρούν τα διαφορετικά της μέρη, επιτρέποντας την αποδοτική λειτουργία καθώς και την κλιμάκωση (scaling).

Οι εξειδικευμένοι προγραμματιστές (web developers) πρέπει να κατανοήσουν τις διαφορετικές προσεγγίσεις, όπως οι μονολιθικές, οι στρωματοποιημένες καθώς και τι είναι τα microservices. Η ποικιλία των μοντέλων και των τύπων αρχιτεκτονικής διαδικτυακών εφαρμογών επιτρέπει στους σχεδιαστές να επιλέγουν την προσέγγιση που ταιριάζει καλύτερα στις ανάγκες του κάθε έργου.

Μερικές από τις πιο διαδεδομένες πρακτικές περιλαμβάνουν την αρχιτεκτονική service-oriented architecture και τις single-page εφαρμογές. Αυτές οι μέθοδοι παρέχουν μεγαλύτερη ευελιξία και ανθεκτικότητα, ενώ επιτρέπουν την ανάπτυξη πολύπλευρων και εξειδικευμένων εφαρμογών.

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

Εξυπηρετητές και Πόροι του web application

Οι εξυπηρετητές (servers) αποτελούν την καρδιά της υποδομής μιας διαδικτυακής εφαρμογής. Κάθε εξυπηρετητής φιλοξενεί και λειτουργεί το λογισμικό που εξυπηρετεί αιτήματα.

Οι τύποι εξυπηρετητών περιλαμβάνουν:

  • Web Servers: Διαχειρίζονται τα αιτήματα HTTP.
  • Application Servers: Διεκπεραιώνουν την επεξεργασία επιχειρησιακής λογική (business logic).
  • Database Servers: Αποθηκεύουν και διαχειρίζονται δεδομένα.

Η καλή διάταξη των εξυπηρετητών μειώνει την καθυστέρηση και αυξάνει την απόδοση. Η κλιμάκωση (scaling) είναι επίσης σημαντική, είτε οριζόντια (προσθήκη περισσότερων εξυπηρετητών) είτε κάθετα (ενίσχυση των υπαρχόντων).

Αποθήκευση Δεδομένων

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

Τύποι αποθήκευσης:

  • Σχεσιακές Βάσεις Δεδομένων (SQL): Χρησιμοποιούν πίνακες και είναι καλές για δομημένα δεδομένα.
  • Μη-Σχεσιακές Βάσεις  (NoSQL βάσεις δεδομένων): Κατάλληλες για μη δομημένα δεδομένα αλλά και χειρισμό μεγάλου όγκου δεδομένων σε GB.
  • Object Storage: Χρησιμοποιείται για αποθήκευση αντικειμένων όπως αρχεία και εικόνες.

Επιλέγοντας την κατάλληλη μέθοδο αποθήκευσης εξασφαλίζεται η αποδοτικότητα και η ευκολία στην κλιμάκωση της εφαρμογής.

Δίκτυο και Παράδοση Περιεχομένου

Η δικτύωση αφορά τη σύνδεση των εξυπηρετητών και την παράδοση δεδομένων στους τελικούς χρήστες. Η ταχύτητα και αξιοπιστία του δικτύου επηρεάζει άμεσα την εμπειρία χρήστη.

Τεχνολογίες και Τεχνικές Δικτύου:

  • Content Delivery Networks (CDNs): Κατανεμημένα δίκτυα που μειώνουν την καθυστέρηση μέσω τοπικών cache.
  • Load Balancers: Διανέμουν την κίνηση σε πολλαπλούς εξυπηρετητές για βελτιωμένη απόδοση.
  • Firewalls: Παρέχουν ασφάλεια αποτρέποντας μη εξουσιοδοτημένη πρόσβαση.
  • web services: πρόσβαση περιεχομένουν και λειτουργιών μέσω HTTP

Η σωστή διάταξη και χρήση αυτών των τεχνολογιών εξασφαλίζει την ταχεία και ασφαλή παράδοση του περιεχομένου.

Η γενική λειτουργία σε μια διαδικτυακή εφαρμογή

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

1. Το πρώτο μέρος - browser rendering περιλαμβάνει το λογισμικό που εκτελείται απευθείας στο browser  client-side. H λειτουργία ξεκινάει από τη στιγμή που ένας χρήστης φορτώσει το application ή και αρχίσει να εισάγει απευθείας δεδομένα στη διεπαφή - user interface. Τις περισσότερες φορές αυτό το μέρος είναι γραμμένο σε Javascript ή σε Frameworks βασισμένα σε αυτή τη γλώσσα VueJs, ReactJS και Αngular.

2. To δεύτερο μέρος - server side processing είναι το λογισμικό που εκτελείται από την πλευρά του εξυπηρετητή - server side και επιστρέφει τις ανάλογες πληρoφορίες όπου γίνονται request από τον υπολογιστή-πελάτη client side μέσω του πρωτοκόλλου HTTP.

web development τι είναι;

Είναι η διαδικασία προγραμματισμού όπου ο developer δημιουργεί μια εφαρμογή web, με τη οποία μπορεί να έχει απλά μόνο μια διεπαφή - user interface να είναι προσβάσιμη μέσω web browser για εργασίες που απαιτούν  χειρισμό δεδομένων. Επιπλέον μπορεί να περιλαμβάνει διασύνδεσες με συστήματα άλλων πληροφοριακών συστημάτων ή με πολλαπλούς clients όπως είναι τα mobile apps.  

Yπάρχουν πολλοί τρόποι και τεχνολογίες όπου κάποιος μπορεί να φτάσει σε ένα τελικό αποτέλεσμα. Η κάθε μια τεχνολογία, γλώσσα προγραμματισμού ή web framework έχει τα δικά του πλεονεκτήματα και μειονεκτήματα, οπότε η επιλογή σε project μπορεί να εξαρτάται από το χρόνο υλοποίησης, τη ποιότητα του πηγαίου κώδικα καη βελτιστοποίηση του με code refactoring, τη σχεδίαση του user interface αλλά και το επίπεδο και τη διαθεσιμότητα του εργατικού δυναμικού.

Μοντέρνες αρχιτεκτονικές για web application

Single-page applications (SPA)

Οι μοντέρνες εφαρμογές που περιλαμβάνουν πολλά μέρη σύνθετα στοιχεία σε μια ιστοσελίδα όπως είναι πλέγματα grids, οι λίστες δεδομένων όπου είναι προτιμότερο να κατασκευαστούν ως SPA. Εδώ προσφέρεται καλύτερη εμπειρία χρήστη όσον αφορά πλοήγηση και αναζήτηση δεδομένων, συγκεκριμένα η εφαρμογή "φορτώνεται" μόνο μια φορα στο browser και στη συνέχεια ανανεώνονται δυναμικά τμήματα αυτή της ιστοσελίδας, όπου αντίθετα με το συνηθισμένο τρόπο φορτώνονται συνεχώς καινούργιες σελίδες.

Μια άμεση συνέπεια είναι καλύτερο User Experience, στο Single-page web, όπου ο χρήστης έχει πιο δυναμική αλληλεπίδραση με το app. Αυτή η περίπτωση είναι καλύτερα να δημιουργείται σε διαδικτυακές εφαρμογές όπως είναι ένα ERP όπου ο παράγοντας του SEO (Search Engine Optimization) δεν παίζει κεντρικό ρόλο στην τεχνική σχεδίαση και λειτουργία της εφαρμογής, αυτό είναι αντίθετο σε μια εφαρμογή όπως ένα online store όπου θα είχε να γίνει SPA μόνο στο κομμάτι του Checkout Cart.

Microservices

Αυτός ο τύπος διαχωρίζει τις λειτουργίες ενός συστήματος σε ομάδες που τις ονομάζει μικροϋπηρεσίες. Με αυτό τον τρόπο έχουμε πολλά ανεξάρτητα μέρη όπου το καθένα είναι υπεύθυνο γύρω από μια συγκεκριμένη επιχειρηματική λειτουργία (business domain), και επικοινωνεί με τα υπόλοιπα μέσω application programming interfaces (APIs).

Η GoLang αποτελεί μια διαδεδομένη γλώσσα για microservices και data pipelines έχοντας ως βασικό χαρακτηριστικό concurrency model

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

Serverless architecture

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

Για παράδειγμα κάποιος μπορεί να σχεδιάσει λειτουργίες όπως για παράδειγμα ένα function στην πλατφόρμα Amazon Lambda. Σε αυτή τη περίπτωση πληρώνει μόνο για όσες φορές εκτελείται το συγκεκριμένο function.

Αφού κάναμε μια σύντομη περιγραφή της έννοιας διαχωρισμού ενός web application σε δύο βασικά μέρη client side και server side,καθώς με μια σύντομη περιγραφή μοντέρνων μορφών αρχιτεκτονικής στη συνέχεια θα δούμε τι εργαλεία υπάρχουν και αυτό στις βασικές γλώσσες προγραμματισμού καθώς και σε υπάρχοντα framework όπως είναι Python με το Django, .NET, Java enterprise development, Node.js, PHP  κτλ.

Progressive Web Apps

Ένα progressive web app (PWA) είναι μια ιστοσελίδα που συμπεριφέρεται όπως ένα mobile application. Τα PWAs σχεδιάζονται για να κάνουν χρήση χαρακτηριστικών των smartphones χωρίς όμως ο χρησης να το κατεβάζει μέσα από app store.

Web Frameworks και γλώσσες προγραμματισμού

Python web development

H python είναι μια γλώσσα προγραμματισμού η οποία είναι εύκολη στην εκμάθηση και ταυτόχρονα αρκετά ισχυρή για να υποστηρίξει πολύπλοκες εφαρμογές, είναι ιδιαίτερα δημοφιλής στο start-up ecosystem.

Το πιο δημοφιλές framework είναι το Django, επιπλέον υπάρχουν διαθέσιμες πολλαπλές βιβλιοθήκες λογισμικού όπου αφορούν data analysis, machine learning αυτό μάλλον επειδή είναι η αγαπημένη γλώσσα των επιστημόνων λόγω της απλότητας της. Όσον αφορά το development μπορούν να βρεθούν api wrappers για τα web services της Google, της Amazon κτλ..

PHP web application

Η PHP είναι μια από τις πιο δημοφιλής γλώσσες προγραμματισμού web με μεγάλο πλήθος εργαλείων και web frameworks όπως είναι το Laravel, το Symfony και πολλά άλλα. Η συγκεκριμένη γλώσσα βρίσκεται πίσω από καθιερωμένα συστήματα διαχείρισης περιεχομένου όπως το wordpress καθώς και ηλεκτρονικού εμπορίου.

Διαθέτει μεγάλη κοινότητα developers και είναι κατάλληλη για εφαρμογές που είναι έντασης input-out data σε βάση δεδομένων, καθώς και για δημιουργία backend API σε εφαρμογές mobile.

Node.js web application

Το Node.js είναι ένα runtime environment το οποίο δίνει τη δυνατότητα στα προγράμματα javascript που αρχικά λειτουργούσαν στη πλευρά του browser να εκτελεστούν και ως server-side. Το κύριο χαρακτηριστικό που συναντάμε εδώ είναι το event-driven programming, με χαρακτηριστικά non-blocking I/O. Αυτό σημαίνει ότι node έχει μια μονονηματική διαδικασία που πετυχαίνει non-blocking μέσω ενός event-loop.

Το Javascript με το Νode.js αποτελούν ολοκληρωμένη τεχνολογία για full-stack development frameworks με τις ΜΕΑΝ Stack και MERN Stack

Εφαρμογές που χτίζονται χρησιμοποιώντας το nodejs είναι για δημιουργία Api υψηλής διαθεσιμότητας και ταυτόχρονα έχουν ένταση συγχρονισμού όπως είναι τα chat όπου ανήκουν στις εφαρμογές πραγματικού χρόνου real-time applications.

NestJS

NestJS ένα a framework για αποτελεσματικα Node.js web applications, χρησιμοποιεί JavaScript με υποστήριξη του Typescript και GraphQL.

NextJs

Είναι η κορυφαία επιλογή ποιότητα και προτύπων λαμβάνουν λύνουν προβλήματα όπως τα core web vitals, αυτόματο code splitting, typescript, server side rendering και σχεδιασμένο για performance -driven applications

React Router

ο αντικαταστάτης του Next JS

PHP Laravel web framework

Laravel, είναι άλλο ένα PHP web framework το οποίο χρησιμοποιεί τη τεχνική του model view controller MVC όπου είναι γραμμένο σε πολύ ποιοτικό κώδικα κάνοντας χρήση από γνωστά patterns λογισμικού όπως είναι υλοποίηση του  service container laravel.

Έχει απλό και αποτελεσματικό σύστημα routing, authentication, caching και ένα αποδοτικό object-relational mapper για την εύκολη πρόσβαση στη βάση δεδομένων και μαζί με το σύστημα unit testing και έτοιμες βιβλιοθήκες async development αποτελούν ένα σταθερό εργαλείο για την ανάπτυξη λογισμικού web.

Το  PHP Laravel προσφέρει ασφάλεια  cross-site request forgery tokens με μόνο μειονέκτημα τη διαδικασία των αναβαθμίσεων, ταιριάζει μικρές και μεσαίες επιχειρήσεις.

Dart mobile & Desktop Applications

Η γλώσσα Dart είναι μια γλώσσα που δημιουργήθηκε από την Google βελτιστοποιημένη ειδικά για τη κατασκευή mobile apps με αυτήν τη γλώσσα έχουμε φτιάξει τη δική μας εφαρμογή για τον υπολογισμό μισθού. Επιπλέον μπορεί να χρησιμοποιηθεί για τη δημιουργιά web apps με αυτήν.

Αν χρειάζεστε ειδικά features όπως ασύγχρονο προγραμματισμό async-wait για βελτιστοποίηση διεπαφών με isolate-based concurrency ίσως θα πρέπει να λάβετε υπόψη, αν κατασκευάζεται web-based εφαρμογές που σχετίζονται με την πλήρη ακεραιότητα δεδομένων όπως είναι οι εφαρμογές για μεταφορά χρημάτων.

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

.NET web application

Μια άλλη δημοφιλής πλατφόρμα ιδιαίτερα στο χώρο μικρομεσαίων επιχειρήσεων προέρχεται από την Microsoft, η οποία έχει αναπτύξει αυτό το software development framework. Συγκεκριμένα για τη περίπτωση της δημιουργίας δυναμικών ιστοσελίδων έχει asp.net core με το οποίο δίνεται έμφαση στο cross platform development για cloud εφαρμογές.

Lamp Stack

Το είναι ένα από τα πιο δημοφιλή σύνολα εργαλεία για την ανάπτυξη διαδικτυακών εφαρμογών συνήθως περιλαμβάνει το λειτουργικό σύστημα linux (L), to λογισμικό του εξυπηρετητή HTTP server Apache (A), το σύστημα βάση δεδομένων MySQL (M) και η γλώσσα προγραμματισμού δυναμικών ιστοσελίδων PHP (P) όπως προαναφέραμε.

Multi-tenant environment σε εφαρμογές cloud

Στις εφαρμογές Cloud τύπου SaaS η ακεραιότητα, η ασφάλεια και διαχωρισμός των δεδομένων από τους άλλους χρήστες της εφαρμογής είναι εξαιρετικά σημαντικό. Μια επιλογή σε αυτή την περίπτωση είναι η χρήση της αρχιτεκτονική multi-tenant όπου ο κάθε χρήστης μέσα από μια εφαρμογή έχει τη δική του βάση δεδομένων για τα δεδομένα του.

Οπότε χρειάζεται μια προχωρημένη διαχείριση από την εφαρμογή σε πολλαπλές συνδέσεις στις βάσεις. Το Salesforce από τις επιτυχημένες εφαρμογές συστήματα customer relationship management έχουν κάνει χρήση εξαρxής αυτή τη δομής salesforce multitenant architecture.

Συμπέρασμα

Σε τελική ανάλυση υπάρχει μια ποικιλία από τεχνολογίες και τρόπους για να επιτευχθεί το ίδιο αποτέλεσμα, εδώ αναφέραμε μερικές βασικές τεχνολογίες. Το να επιλέξει κάποιος την κατάλληλη θα πρέπει να εξετάσει μια σειρά από παράγοντες όπως χρόνος, το κόστος, η πρόσβαση τεχνολογικούς και ανθρώπινους πόρους σε συνδυασμό με τα ειδικά χαρακτηριστικά που απαιτούνται σε ένα project.