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

 
 

 
 

37 

2.2.2 Μaterial-ui και responsive design 

 
Το  Μaterial-ui  [19]  είναι  ένα  framework  HTML  και  CSS  με  επεκτάσεις  Javascript  και 

διευθετεί  πολλά  θέματα  εμφάνισης  για  φόρμες,  κουμπιά  και  άλλα.  Το  Material-ui  περιέχει 

σύνολο κανόνων CSS για διάφορα HTML στοιχεία γνωστά ως Μaterial design προσδίδοντας 

τους  μία  καλύτερη  εμφάνιση.  To Material  design (κωδικό  όνομα: quantum  paper) είναι  ένα 

σύνολο  σχεδιαστικών  κανόνων  (design  language)  που  δημιουργήθηκε  από  τη  Google  και 

ανακοινώθηκε για πρώτη φορά στο συνέδριο Google I/O στις 25 Ιουνίου, 2014. Επεκτείνει το 

μοντέλο  των  “καρτών”  (πρωτοεμφανίστηκε  στο  Google  Now)  που  είναι  σχεδιασμός, 

βασισμένος  σε  διάταξη  πίνακα  (grid  layout),  με  κινούμενα  σχέδια  και  μεταβάσεις  που 

ανταποκρίνονται στις κινήσεις των χρηστών, χρήση padding και εφέ βάθους με κατάλληλο 

φωτισμό και σκίαση των αντικειμένων. Ο σχεδιαστής Matías Duarte εξήγησε ότι “σε αντίθεση 

με το πραγματικό χαρτί, το ψηφιακό υλικό μπορεί να επεκταθεί και να μορφοποιηθεί έξυπνα. 

Το material έχει φυσικές επιφάνειες και άκρα. Οι σκιές δίνουν νόημα σε αυτό που αγγίζεις”. Η 

Google  υποστηρίζει  ότι  η  καινούρια  σχεδιαστική  τους  γλώσσα  βασίζεται  στο  χαρτί  και  το 

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

ιστοσελίδων.  Το  Material-ui  είναι  μία  πολύ  καλή  επιλογή  για  μία  καινούρια  εφαρμογή 

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

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

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

Δεδομένο  που  από  μόνο  του  προσδίδει  μία  “ασφάλεια”  στο  γεγονός  ότι,  σε  οποιαδήποτε 

αλλαγή διαστάσεων της εφαρμογής, η ίδια θα παραμείνει το ίδιο ελκυστική προς τον χρήστη 

και παράλληλα λειτουργική (το λεγόμενο responsive design). Η σημερινή του έκδοση είναι η 

3.9.3. 

 

2.2.3 jQuery 

 
 

Η jQuery  [20] είναι  μία  βιβλιοθήκη  (library) της  Javascript  σχεδιασμένη  να 

απλοποιήσει  την  υλοποίηση  σεναρίων  (scripting)  στην  πλευρά  του  πελάτη  (client-side) 

της HTML και  υποστηρίζει  πολλαπλούς φυλλομετρητές  Ιστού.  Πιο  συγκεκριμένα,  παρέχει 

έτοιμες  εντολές  που  πραγματοποιούν  τις  ίδιες  λειτουργιές  με  την  Javascript  με  την  χρήση 

λιγότερου κώδικα. Κυκλοφόρησε τον Ιανουάριο του 2006 από τον Τζον Ρέριγκ (John Resig). 

Χρησιμοποιείται  σε  πάνω  από  το  65%  των  10.000  ιστοτόπων  με  τη  μεγαλύτερη