background image

Κεφάλαιο 2 - Θεωρητικό Υπόβαθρο 
 

 

 

 

25 

 

οργανωμένη εμφανισιακά ιστοσελίδα που προσφέρει στον χρήστη τόσο την καλαισθησία που 
επιθυμούμε όσο και την ευκολία κατανόησης και εύρεσης των επιθυμιών λειτουργιών. Τέλος, 
το  Bootstrap  μας  προσφέρει  ένα  σύνολο  κλάσεων  και  JavaScript  λειτουργιών  που 
χρησιμοποιούνται ευρέως και μας απαλλάσσουν από τον χρόνο επαναδημιουργίας τους αλλά 
ταυτόχρονα  προσφέρονται  με  οργανωμένο  τρόπο  ώστε  να  μας  επιτρέπουν  την  περαιτέρω 
επέκτασή και εξειδίκευσή τους στις δικές μας ανάγκες. Τέτοιες λειτουργίες ποικίλουν από την 
δημιουργία  μπάρας  πλοήγησης  με  υπομενού  ως  την  σωστή  στοίχιση  στοιχείων  και  την 
επαλήθευση του τύπου δεδομένων σε μία φόρμα αποστολής δεδομένων. Η χρήση του πλαισίου 
Bootstrap  στην  εφαρμογή  που  αναπτύξαμε  μας  έδωσε  τις  βασικές  λειτουργίες  που 
χρειαστήκαμε για την δημιουργία ενός θέματος εμφάνισης ενώ παράλληλα μας επέτρεψε την 
εύκολη και άμεση τροποποίηση και εφαρμογή τους στις δικές μας απαιτήσεις. 

 

2.2.2 Βιβλιοθήκη jQuery 
 

 

Η jQuery [23] είναι μία πολύ διαδεδομένη βιβλιοθήκη για την γλώσσα JavaScript. Η 

βιβλιοθήκη  αυτή  μας  προσφέρει  ένα  αφαιρετικό  επίπεδο  απλοποιώντας  πολλές  JavaScript 
λειτουργίες.  Συγκεκριμένα στην εφαρμογή μας,  αξιοποιούμε την έκδοση jQuery 2.2 καθώς 
αυτή απαιτείται από το Bootstrap 3. 

 

Εισάγοντας την βιβλιοθήκη jQuery στην εφαρμογή μας, χρησιμοποιούμε την γλώσσα 

JavaScript μέσα από την jQuery. Οι βασικές λειτουργίες παραμένουν οι ίδιες αλλά αποφεύγεται 
πλέον η χρήση απλών JavaScript συναρτήσεων, αντικειμένων και μεθόδων. Η τεχνική αυτή 
δεν  είναι  απαραίτητη  αλλά  αποσκοπεί  σε  καθαρότερο  κώδικα  και  την  αποφυγή  χρήσης  μη 
συμβατών τύπων δεδομένων ως είσοδο ή έξοδο συναρτήσεων. Έτσι πλέον ορίζουμε γεγονότα 
δεύτερου επιπέδου μέσω της jQuery, επιλέγουμε στοιχεία HTML ως αντικείμενα jQuery και 
χρησιμοποιούμε σε αυτά τις μεθόδους που θέτονται από την βιβλιοθήκη jQuery. Το αφαιρετικό 
επίπεδο που εισάγεται από την βιβλιοθήκη στοχεύει τόσο στην άμεση πρόσβαση σε λειτουργίες 
που δίνονται από την απλή JavaScript όσο και στην εισαγωγή χρήσιμων λειτουργιών που συχνά 
ο  προγραμματιστής  απλής  JavaScript  θα  πρέπει  να  αναδημιουργεί  κάθε  φορά. 
Χρησιμοποιώντας λοιπόν την βιβλιοθήκη  jQuery, αναπτύξαμε τις απαιτούμενες  λειτουργίες 
JavaScript σε καθαρή και εύκολα συντηρήσιμη μορφή χωρίς να χρειαστούν συμβιβασμοί στους 
στόχους που θέσαμε.  

 

2.2.3 Κειμενογράφος Ace  
 

 

Ο Ace [24] είναι ένας κειμενογράφος ανεπτυγμένος σε JavaScript. Έχει εξειδικευτεί για 

την  χρήση  του  στην  συγγραφή  κώδικα  με  επισημάνσεις  συντακτικού  για  πάνω  από  110 
γλώσσες προγραμματισμού. 

 

Η  εφαρμογή  που  αναπτύξαμε  στοχεύει,  μεταξύ  άλλων,  στην  συγγραφή  του  κώδικα. 

Έτσι η χρήση ενός κειμενογράφου γίνεται μια απαραίτητη προϋπόθεση για την σωστή διεπαφή 
του  χρήστη  με  τον  κώδικά  του.  Ο  κειμενογράφος  Ace  επιλέχθηκε  τόσο  λόγο  του  τρόπου 
διανομής όσο και των δυνατοτήτων που προσφέρει. Ακολουθώντας την πολιτική που ορίσαμε 
στους  στόχους  μας,  χρησιμοποιούμε  των  Ace  καθώς  προσφέρεται  δωρεάν  τόσο  το  ίδιο  το