background image

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

16 

 

Κεφάλαιο 2

ο

 – Θεωρητικό Υπόβαθρο  

Για την επίτευξη ενός συστήματος που ανταποκρίνεται στους προβληματισμούς 

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

διαδικτυακών  εφαρμογών.  Σε  αυτό  το  κεφάλαιο  παρατίθενται  τα  εργαλεία  αυτά, 

δηλαδή, οι γλώσσες προγραμματισμού, οι βιβλιοθήκες και τα εργαλεία λογισμικού που 

χρησιμοποιήθηκαν για την υλοποίηση του παρόντος πληροφοριακού συστήματος. 

 

2.1 Γλώσσες προγραμματισμού και έτοιμες βιβλιοθήκες κώδικα 

Με σκοπό να αναπτυχθεί ένας δυναμικός ιστοχώρος που φέρει την ικανότητα να 

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

διαδικτύου  HTML,  PHP  και  JavaScript,  ενώ  οι  εντολές  για  τη  βάση  δεδομένων 

συντάχθηκαν  στη  γλώσσα  SQL.  Αναλυτικότερα, όλα  τα  στοιχεία  προγραμματισμού 

διαδικτύου που αξιοποιήθηκαν εμφανίζονται στις παρακάτω ενότητες. 

 

2.1.1 HTML 

Η  γλώσσα  σήμανσης  υπερκειμένου  HTML  (HyperText  Markup  Language) 

αποτελεί  μία  απλή  γλώσσα  περιγραφής  [1]  που  χρησιμοποιείται  για  την  ανάπτυξη 

ιστοσελίδων. Η γλώσσα αυτή  βασίζεται σε χαρακτήρες απλού κειμένου και  έχει ως 

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

υπερκειμένου.  Κύριο  δομικό  στοιχείο  της  HTML  είναι  οι  ετικέτες,  οι  οποίες 

χρησιμοποιούνται για να σημάνουν και να αποδώσουν ιδιότητες δομής στα σημεία του 

κώδικα όπου εφαρμόζονται. Η δομή ενός εγγράφου υπερκειμένου ξεκινά και τελειώνει 

με την ετικέτα html, ενώ στο εσωτερικό αυτής περιέχονται διαδοχικά οι ετικέτες για τις 

δομές  head  κα  body.  Στην  πρώτη δομή,  head,  συμπεριλαμβάνονται  κάποιες  γενικές 

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

φυλλομετρητή  (browser),  αλλά  είναι  σημαντικές,  όπως  ο  τίτλος  της  σελίδας  ή  τα 

εξωτερικά αρχεία που χρησιμοποιούνται, πχ το φύλλο μορφοποίησης. Το περιεχόμενο 

που εγκλείεται στην ετικέτα body είναι αυτό το οποίο είναι ορατό στο παράθυρο του 

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

Εικόνα 4.