background image

 

Νικόλας Ψύλλου, Σχεδίαση και Υλοποίηση διαδικτυακής πλατφόρμας για 
εξυπηρέτηση παιχνιδιών καρτών απομακρυσμένων παικτών
 

 

Πτυχιακή / Διπλωματική Εργασία 

 

114 

 

Η  πλατφόρμα  κατασκευάστηκε  με  την  χρήση  σύγχρονων  τεχνολογιών  που  οι 

βασικές  είναι  οι  HTML,  CSS  και  JavaScript.  Για  την  εφαρμογή  του  frontend 
χρησιμοποιήθηκε η Vue.js που είναι βιβλιοθήκη της JavaScript και τρέχει την ιστοσελίδα 
σε εικονικό DOM. Στην Vue εφαρμογή χρησιμοποιήθηκε η TypeScript για καλύτερη χρήση 
των τύπων των μεταβλητών και η Tailwind CSS που προσφέρει έτοιμες κλάσεις της CSS 
γλώσσας.  Για  την  backend  εφαρμογή  χρησιμοποιήθηκε  η  βιβλιοθήκη  Nest.js  που  είναι 
βιβλιοθήκη της Node.js σε συνδυασμό με την TypeScript και με το πακέτο Express.js που 
είναι για την δημιουργία ενός διακομιστή. Η βάση δεδομένων που επιλέχθηκε για αυτή 
την  πλατφόρμα  είναι  MySQL  που  είναι  σχεσιακή  βάση  δεδομένων.  Στην  backend 
εφαρμογή γίνονται κλήσεις προς αυτή μέσο ειδικών εντολών αντικειμένων του πακέτου 
TypeORM και όχι με SQL εντολές. Σε κάθε φόρμα εισαγωγής δεδομένων, γίνεται έλεγχος 
δεδομένων πριν σταλθούν από την frontend στην backend εφαρμογή και γίνονται έλεγχοι 
και στην backend εφαρμογή πριν την είσοδο τους στους controller ώστε να διασφαλιστεί 
έτσι η ασφάλεια του συστήματος. Επίσης, οι κωδικοί πρόσβασης των χρηστών στην βάση 
δεδομένων  είναι  κρυπτογραφημένοι,  όπως  και  τα  κλειδιά  JWT  (Json  Web  Token)  που 
απαιτούνται  για  να  πραγματοποιηθούν  κλήσεις  από  το  frontend  στο  backend  
μεγαλώνοντας έτσι κι’ άλλο  το τοίχος προστασίας της πλατφόρμας.   
 

 

5.2 Μετρικά του συστήματος 

 

Σε αυτή την ενότητα αναφέρονται το πλήθος των φακέλων, των αρχείων ανά τον 

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

5.2.1 Μετρικά κώδικα front-end 

 

Στο  παρακάτω  πίνακα  παρουσιάζονται  οι  μετρικές  του  κώδικα  της  frontend 

εφαρμογής με συνολικό μέγεθος 1.83MB. 
 

Τύπος αρχείου 

Αρχεία 

Γραμμές κώδικα 

Κενές γραμμές 

Σχόλια 

ENV 

21 

JavaScript 

166 

TypeScript 

65 

2207 

92 

80 

JSON  

6795 

HTML 

14 

SCSS 

60 

17 

Σύνολο 

77 

9263 

118 

83 

Πίνακας 2 - Μετρικά κώδικα frontend εφαρμογής