background image

Σχεδιασμός και υλοποίηση συστήματος IoT ασύρματου ελέγχου και μέτρησης ενέργειας 

 

68 

 

Οθόνη λογαριασμού χρήστη 
 

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

λογαριασμού του. Ειδικότερα, έχει την δυνατότητα να αλλάξει το email και τον κωδικό 
του  λογαριασμού  του.  Επιπλέον,  πατώντας  το  εικονίδιο  διαμοιρασμού  το  οποίο 
βρίσκεται δίπλα στον τίτλο της οθόνης, ο χρήστης μεταβαίνει στις προσκλήσεις που έχει 
στείλει  ή  δεχθεί  για  πρόσβαση  σε  κάποια  συσκευή.  Εκεί,  μπορεί  να  αποδεχθεί  κάποια 

πρόσκληση,  να  την  απορρίψει  ή  να  ακυρώσει  μια  πρόσκληση  που  έστειλε  ο  ίδιος. 
Στιγμιότυπα των λειτουργειών αυτών φαίνονται στην Εικόνα 53 και Εικόνα 54. 
 

 

 

Εικόνα 53 : Οθόνη επεξεργασίας στοιχείων χρήστη 

 

 

Εικόνα 54 : Οθόνη κοινής χρήσης συσκευών 

 

 

 

4.4.2 Κώδικας εφαρμογής 

 
 

Εδώ  παρουσιάζονται  τα  βασικά  τμήματα  του  κώδικα  στον  οποίο  βασίζεται  η 

κινητή εφαρμογή. Η γλώσσα προγραμματισμού που χρησιμοποιήθηκε είναι η Javascript 
και  το  πλαίσιο  εφαρμογής  React  Native.  Επίσης,  χρησιμοποιήθηκαν  κάποιες  native 
βιβλιοθήκες κώδικα για IOS και Android. 

 

Τα  θεμελιώδη  στοιχεία  που  συνδυάζει  το  React  Native  για  την  δημιουργία 

πολύπλοκων μοντέρνων εφαρμογών είναι: 

❖  Τα components 
❖  Η γλώσσα σήμανσης JSX 
❖  Τα props 
❖  Το state