background image

Σχεδιασμός και Υλοποίηση Συστήματος Διαχείρισης Προσωπικών Δαπανών  

18 

 

συμπεριλαμβάνεται στις πληροφορίες της κεφαλίδας της σελίδας. Για το συγκεκριμένο 

έργο, δημιουργήθηκε μεμονωμένο αρχείο CSS. 

 

2.1.3 JavaScript 

Αποσκοπώντας  σε  έναν  ιστοχώρο  δυναμικό  και  αλληλεπιδραστικό  με  τον 

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

JavaScript.  Η  συγκεκριμένη  αποτελεί  γλώσσα  σεναριακού  προγραμματισμού  [1],  η 

οποία είναι client-side, δηλαδή εκτελείται τοπικά στο φυλλομετρητή του χρήστη και 

δεν επιβαρύνει την πλευρά του εξυπηρετητή (server), από όπου είναι προσβάσιμος ο 

ιστοχώρος.  Ο  κώδικας  JavaScript  μπορεί  είτε  να  ενσωματωθεί  μέσα  στο  έγγραφο 

υπερκειμένου, είτε να συνταχθεί σε διαφορετικό αρχείο και έπειτα, να γίνει η σύνδεση 

του  εξωτερικού  αρχείου  σε  αυτό  του  υπερκειμένου.  Ο  δεύτερος  τρόπος  προτιμάται 

όταν παραπάνω από ένα αρχεία χρειάζονται πρόσβαση στον κώδικα JavaScript.  

 

2.1.3 jQuery 

Μία  από  τις  έτοιμες  βιβλιοθήκες  που  χρησιμοποιήθηκαν  είναι  η  jQuery. 

Πρόκειται για ένα πακέτο, το οποίο κατασκευάστηκε προκειμένου να απλοποιήσει τις 

εντολές  JavaScript,  ώστε  εργασίες  που  απαιτούν  πολλαπλές  γραμμές  κώδικα,  να 

υλοποιούνται  με μόλις μία σύντομη εντολή  jQuery [2]. Αυτό είναι ιδιαίτερα βολικό 

όσων  αφορά  τις  κλήσεις  Ajax,  τις  οποίες  θα  δούμε  αργότερα.  Γενικότερα,  η 

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

σύνταξη εντολών για τη διαχείριση και μορφοποίηση στοιχείων HTML, την προσθήκη 

εφέ  και  κινούμενων  στοιχείων,  την  εκτέλεση  σεναρίων  και  τη  χρήση  διαφόρων 

ωφέλιμων εργαλείων.  

 

2.1.4 Ajax 

Η  Ajax  (Asynchronous  JavaScript  And  XML)  είναι  μία  τεχνική 

προγραμματισμού  που  συνδυάζει  ένα  αίτημα  για  αποστολή  δεδομένων  από  έναν 

διαδικτυακό server και τις γλώσσες προγραμματισμού JavaScript και HTML, για τη 

διαχείριση των δεδομένων αυτών [3]. Με τη χρήση Ajax μπορεί να ενημερωθεί ένα 

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