background image

 

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