AJAX | jQuery | Django | Google Charts | Ασύγχρονος διαδικτυακός προγραμματισμός | εφαρμογές μέσω ιστού
10
Περιέχει : πίνακες, διαγράμματα, εικόνες, κώδικα
Η παρούσα Διπλωματική Εργασία πραγματεύεται το συνεχώς εξελισσόμενο πεδίο της πληροφορικής που αφορά την ανάπτυξη εφαρμογών μέσω ιστού (web apps development). Σκοπός
είναι να παρουσιαστεί η χρήση του ασύγχρονου προγραμματισμού στις διαδικτυακές εφαρμογές με κύριο εργαλείο το AJAX, χρησιμοποιώντας τις δυνατότητες που παρέχει η βιβλιοθήκη της JavaScript, jQuery. Επιπρόσθετα, πραγματοποιήθηκε μελέτη του ανοιχτού μορφότυπου μετάδοσης αντικειμένων JSON, το οποίο χρησιμοποιείται για την ασύγχρονη επικοινωνία περιηγητή – διακομιστή (web browser – server).
Κατόπιν μελέτης των παραπάνω τεχνολογιών, πραγματοποιήθηκε ανάπτυξη συνοδευτικής
εφαρμογής χρησιμοποιώντας το JavaScript API της Google, Google Charts, το οποίο οπτικοποιεί δεδομένα δημιουργώντας διαδραστικά διαγράμματα. Για την παραγωγή διαγραμμάτων
χρησιμοποιήθηκε ένα σύνολο δεδομένων (data set), το οποίο χρησιμοποιείται για την εκπαίδευση αλγορίθμου στο πλαίσιο παραγωγής προβλέψεων για τη πιθανότητα εγκατάλειψης
μιας σειράς μαθημάτων των πλατφορμών μαζικών ανοιχτών διαδικτυακών μαθημάτων.
Η εφαρμογή αναπτύχθηκε με τη χρήση του πλαισίου λογισμικού (web framework) Django.
Με βάση το Django επιτεύχθηκε η ασύγχρονη επικοινωνία, μέσω ανταλλαγής JSON αντικειμένων, του περιηγητή (web browser) με τη βάση δεδομένων χρησιμοποιώντας AJAX κλήσεις μέσω jQuery. Επίσης, το Django είναι υπεύθυνο για την μετατροπή των δεδομένων σε
κατάλληλη δομή δεδομένων της JavaScript και έπειτα την αποστολή τους στο API της
Google.
Η διαδικασίες που ακολουθήθηκαν για την επίτευξη του τελικού αποτελέσματος περιγράφονται αναλυτικά στα επόμενα κεφάλαια. Η εφαρμογή που αναπτύχθηκε έχει “ανέβει” στην
διαδικτυακή πλατφόρμα νέφους Heroku και είναι προσβάσιμη από τον σύνδεσμο
https://googlechartsthesisproject.herokuapp.com/ .
This thesis deals with the ever-evolving field of IT concerning the development of web
application. The purpose is to present the use of asynchronous programming in web
applications with AJAX as the primary tool, using the features provided by the jQuery
JavaScript library. Additionally, a study of the open object transmission format (JSON) was
performed, which is used for asynchronous web browser and server communication.
Based on the above technologies, an accompanying application was developed using
Google's JavaScript API, Google Charts, which visualizes data by creating interactive charts.
A data set was implemented to generate charts, which is used to create algorithm predictions,
in the framework of generating predictions of the possibility of abandoning a series of
courses of the mass open on line lessons platforms
The application was developed using the Django web framework. Based on the Django
framework, an asynchronous communication between the web browser and the database was
achieved by JSON exchange of objects, using AJAX calls through jQuery. Also, Django is
responsible for converting the data into a proper JavaScript data structure and then sending it
to the Google API.
The procedures which have been followed to reach the final result are explained in detail in
the following chapters. The application developed has been uploaded to the Heroku Cloud
and is accessible by this link https://googlechartsthesisproject.herokuapp.com/