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

 
 

 
 

73 

 

Εικόνα 32: Σελίδα Πίνακα Διαχειριστών – Εικονίδιο Επεξεργασίας Διαχειριστή & Τooltip 

 
 

Mε το click στο συγκεκριμένο εικονίδιο εμφανίζεται μια αντίστοιχη φόρμα όπως την 

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

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

το κουμπί. Το κουμπί “ΕΝΗΜΕΡΩΣΗ” το οποίο υποβάλλει τα νέα στοιχεία στη βάση είναι 

ανενεργό έως ότου ο διαχειριστής να αλλάξει ένα την καταχώρηση σε ένα πεδίο. Όπως στην 

φόρμα εισαγωγής έτσι και η φόρμα ενημέρωσης διαθέτει validation τόσο σε client side όσο 

και σε server side και προβάλλει αντίστοιχα μηνύματα με τη μορφή ειδοποίησης. Τόσο η 

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

ή η προσθήκη αντίστοιχα καθώς όλες οι διαδικασίες γίνονται ασύγχρονα. 

 

 

Εικόνα 33: Σελίδα Πίνακα Διαχειριστών – Παράδειγμα Επεξεργασίας Διαχειριστή 

 
 

Μετακινώντας  τον  κέρσορα  του  ποντικιού  στον  πίνακα  των  διαχειριστών  θα 

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

το χρώμα της σε ελαφρώς πιο σκούρες αποχρώσεις του γκρι. Αυτή η μεταβολή του χρώματος 

σκοπό έχει να κάνει κατανοητό στον χρήστη ότι κάθε σειρά είναι clickable, έχει δηλαδή τη