29 |
P a g e
ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΥΛΟΠΟΙΗΣΗ WEBSITE ΠΛΑΤΦΟΡΜΑΣ ΓΙΑ ΤΗΝ ΔΙΑΧΕΙΡΙΣΗ ΡΟΜΠΟΤΙΚΩΝ
ΣΥΣΤΗΜΑΤΩΝ
2.4
Γλώσσες Προγραμματισμού Διαδικτύου
Οι τεχνολογίες που χρησιμοποιήθηκαν για την ανάπτυξη της διαδικτυακής εφαρμογής είναι,
το πλαίσιο ιστού (framework) της Angular 10, για τη κατασκευή του δημοσίου τμήματος (front-
end) και το πλαίσιο ιστού Node Express για την ανάπτυξη του διαχειριστικού συστήματος (back-
end), το οποίο συνδέεται με βάση δεδομένων MySQL. To πλαίσιο της Angular 10, συνδυάζει τις
τεχνολογίες της HTML, Typescript και SCSS ώστε να επιταχύνει τη παραγωγή κώδικα και κάνοντας
compile εξάγει αρχεία HTML, CSS και Javascript, τα οποία θα χρησιμοποιηθούν για την εμφάνιση
της σελίδας στο παγκόσμιο ιστό [7]. Το πλαίσιο της Node Express, χρησιμοποιεί Javascript για τη
δημιουργία και διαχείριση της βάσης δεδομένων MySQL.
2.4.1
HTML
Μία από τις κύριες γλώσσες προγραμματισμού είναι η HTML (HyperText Markup Language),
η οποία αποτελεί γλώσσα σήμανσης, με τα βασικά δομικά στοιχεία των ιστοσελίδων (head, body,
footer). Η HTML γράφεται υπό μορφή στοιχείων HTML, τα οποία αποτελούνται από ετικέτες
(tags), που περικλείονται μέσα σε σύμβολα «μεγαλύτερο από» και «μικρότερο από» (για
παράδειγμα <html>), μέσα στο περιεχόμενο της ιστοσελίδας. Οι ετικέτες HTML συνήθως
λειτουργούν ανά ζεύγη (για παράδειγμα <h1> και </h1>), με την πρώτη να ονομάζεται «ετικέτα
έναρξης» και τη δεύτερη «ετικέτα λήξης» (ή σε άλλες περιπτώσεις «ετικέτα ανοίγματος» και
«ετικέτα κλεισίματος» αντίστοιχα). Οι σχεδιαστές των ιστοσελίδων, μπορούν να προσθέσουν
κάποιο κείμενο, πίνακα ή εικόνα ανάμεσα στις ετικέτες.
Ο Περιηγητής Ιστού (web browser), μετατρέπει το περιεχόμενο των εγγράφων της HTML σε
σελίδες, που μπορεί κάποιος να διαβάσει ή και να ακούσει. Οι ετικέτες της HTML
χρησιμοποιούνται για την παρουσίαση του περιεχομένου μίας σελίδας.
Με τη γλώσσα προγραμματισμού HTML και τα βασικά δομικά στοιχεία της, δημιουργείται
ένας ιστότοπος. Στην HTML επιτρέπεται η ενσωμάτωση εικόνων, διάφορων αντικειμένων αλλά και
η εμφάνιση διαδραστικών φορμών μέσα στη σελίδα. Μέσα από την HTML, υπάρχει η δυνατότητα
δημιουργίας εγγράφων, με σημαντικά δομικά στοιχεία του περιεχομένου τους. Επιπλέον,
εμφανίζεται ο κώδικας, ο οποίος είναι απαραίτητος για τη μορφοποίηση του περιεχομένου (ενός
κειμένου), όπως παράγραφοι, λίστες, κεφαλίδες κ.ά. Τέλος, για να μετατραπεί μία σελίδα HTML
από στατική σε δυναμική, δηλαδή να λαμβάνει και να επεξεργάζεται δεδομένα, χρειάζεται η
ενσωμάτωση σεναρίων εντολών, σε γλώσσες προγραμματισμού όπως JavaScript, PHP κ.ά.