Σχεδιασμός και Υλοποίηση  Πληροφοριακού Συστήματος βέλτιστης διαδρομής συνεπιβατών που 
χρησιμοποιούν υπηρεσίες Ταξί 

 

35 

 

 

Τα Font Awesome εικονίδια έχουν επιτύχει τρεις βασικούς στόχους κάνοντας 

το σχεδιασμό μιας ιστοσελίδας πιο “σοφό”: 

  Τα σχέδια των εικονιδίων είναι ομοιογενή και έτσι ταιριάζουν πάντα 

μεταξύ τους. 

  Ο σχεδιασμός τους είναι minimal, γεγονός που τα κάνει να ταιριάζουν 

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

  Υπάρχει πληθώρα εικόνων έτσι, ώστε να καλύπτεται κάθε ανάγκη. 

 

Κάποια επιπλέον χαρακτηριστικά και οφέλη που προσφέρει η Font Awesome 

συλλογή σε μια ιστοσελίδα είναι: 

  Μεγάλη  πληθώρα  εικονιδίων,  τουλάχιστον  630  εικονίδια,  τα  οποία 

όλο και ανανεώνονται. 

  Δεν απαιτεί κάποια JavaScript εγκατάσταση και έτσι δεν τίθεται θέμα 

συμβατότητας. 

  Δυνατότητα κλιμάκωσης της εικόνας επιτρέποντας έτσι την προβολή 

της σε οποιοδήποτε μέγεθος και οθόνη. 

  Είναι εντελώς δωρεάν και είναι ανοιχτού κώδικα. 

 

2.2.4 Bootstrap 

 
 

Το  Bootstrap  είναι  μια  συλλογή  εργαλείων  ανοιχτού  κώδικα  (ελεύθερο 

λογισμικό)  για  τη  δημιουργία  ιστοσελίδων  και  διαδικτυακών  εφαρμογών  [14]. 
Βασίζεται  στις  HTML,  CSS  και  JavaScript  και  υποστηρίζει  όλους  τους  γνωστούς 
περιηγητές (Chrome, Firefox, Internet Explorer, Safari και Opera) και όλες τις εκδόσεις 
τους. 

 

Ουσιαστικά  πρόκειται  για  ένα  front-end  framework  που  περιλαμβάνει 

εκατοντάδες  στοιχεία,  τα  οποία  ως  επί  το  πλείστον  είναι  responsive.  Κάποια  από 
αυτά  είναι  σύστημα  πλέγματος  (grid  system),  κουμπιά  (buttons),  φόρμες  (forms), 
πίνακες (panels), μπάρες πλοήγησης (navigation bars) και πολλά ακόμα. 

 

Η βασική φιλοσοφία πάνω στην οποία στηρίζεται το Bootstrap είναι αυτή της 

ανάπτυξης responsive mobile first εφαρμογών (ο όρος responsive περιγράφεται πιο 
πάνω),  δηλαδή  εφαρμογών  των  οποίων  η  εμφάνιση  δημιουργείται  με  βάση  την 
καλύτερη δυνατή παρουσίαση του περιεχομένου πρώτα στις κινητές συσκευές και 
στη συνέχεια στις desktop συσκευές.  

Πλεονεκτήματα της χρήσης του Bootstrap: