background image

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

 
 

 
 

71 

 

Εικόνα 28: Σελίδα Πίνακα Διαχειριστών – Σελιδοποίηση 

 

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

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

χρωματισμού  (tooltip)  όταν  ο  κέρσορας  του  ποντικιού  βρίσκεται  πάνω  από  το  κουμπί. 

Ακολουθεί παράδειγμα στην εικόνα 27. 

 

 

Εικόνα 29: Σελίδα Πίνακα Διαχειριστών – Κουμπί προσθήκης διαχειριστή & tooltip 

 
 
 

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

εισαγωγής  διαχειριστή  με  πεδία,  τα  στοιχεία  που  διαθέτει  ένας  διαχειριστής.  Το  κουμπί 

“EIΣΑΓΩΓΗ”, αρχικά είναι ανενεργό μέχρι να αρχίσει ο χρήστης να πληκτρολογεί σε ένα από 

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

απαραίτητη. Σε περίπτωση μη εισαγωγής ενός από αυτά τα πεδία υπάρχει client side validation 

το οποίο δεν επιτρέπει την υποβολή της φόρμας και εμφανίζει αντίστοιχο μήνυμα. Υπάρχει 

επίσης server side validation το οποίο ελέγχει αν τα στοιχεία όπως το “ Όνομα Χρήστη” και 

το  “E-mail”  είναι  μοναδικά  και  έχουν  την  σωστή  μορφή.  Σε  περίπτωση  που  δεν  είναι 

εμφανίζεται αντίστοιχο μήνυμα.