32 |
P a g e
ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΥΛΟΠΟΙΗΣΗ WEBSITE ΠΛΑΤΦΟΡΜΑΣ ΓΙΑ ΤΗΝ ΔΙΑΧΕΙΡΙΣΗ ΡΟΜΠΟΤΙΚΩΝ
ΣΥΣΤΗΜΑΤΩΝ
3. Η Typescript, υποστηρίζει ορισμούς τύπων για υπάρχουσες βιβλιοθήκες Javascript. Το αρχείο
Typescript Definition (με επέκταση .ts), παρέχει ορισμό για εξωτερικές βιβλιοθήκες Javascript.
Ως εκ τούτου, ο κώδικας Typescript μπορεί να περιέχει αυτές τις βιβλιοθήκες.
4. H TypeScript υποστηρίζει έννοιες αντικειμενοστραφής προγραμματισμού, όπως τάξεις,
διεπαφές (interfaces), κληρονομικότητα (Inheritance) κ.λπ.
Στην εικόνα (13) παρουσιάζεται παράδειγμα τμήματος κώδικα γραμμένος σε Typescript
2.4.5
Angular Material
Η Angular Material είναι μια βιβλιοθήκη στοιχείων UI, που απευθύνεται σε προγραμματιστές
της Angular και υποστηρίζεται από το Angular CLI. Τα component που παρέχονται από την
Angular Material, βοηθούν στην κατασκευή φιλικών προς τον χρήστη, λειτουργικών ιστοσελίδων
και διαδικτυακών εφαρμογών. Ακόμη, τηρούν τις σύγχρονες αρχές σχεδιασμού ιστοσελίδων, όπως
η φορητότητα του προγράμματος περιήγησης, η ανεξαρτησία της συσκευής και ο ασφαλής
διαχωρισμός. Με αυτόν τον τρόπο, βοηθά στη γρήγορη δημιουργία ελκυστικών και responsive
ιστοσελίδων [10].
Κάθε στοιχείο της Angular Material αποτελείται από HTML, CSS και σε ορισμένες
περιπτώσεις, συνοδεύει κώδικα Typescript. Επίσης, επεκτείνει τη λειτουργικότητα ορισμένων
υφιστάμενων στοιχείων διεπαφής, όπως για παράδειγμα, μία λειτουργία αυτόματης συμπλήρωσης
για πεδία εισαγωγής. Επίσης, παρέχονται επιπλέον elements, τα οποία διευκολύνουν τον
προγραμματιστή να κατασκευάσει την ιστοσελίδα. Τα elements, εκμεταλλεύονται τους
μηχανισμούς two-way binding, interpolation και event binding, δίνοντας επιπλέον επιλογές στον
προγραμματιστή.
Στην εικόνα (14) παρουσιάζεται ο τρόπος σύνταξης ενός πεδίου εισόδου χρησιμοποιώντας
Material Inputs.
Εικόνα 13: Παράδειγμα κώδικα Typescript