Front-end Web Developer

I am a Mid Front-end Web Developer and IT Trainer

E-Learning ΕΚΠΑ

Categories
Δεξιότητες CSS, HTML, Bootstrap Framework
Εργαλείο Ανάπτυξης Notepad++

Σχετικά με το e-learning ΕΚΠΑ

e-learning ΕΚΠΑΤο Εθνικό Καποδιστριακό Πανεπιστήμιο Αθηνών (ΕΚΠΑ) παρέχει μια πλατφόρμα διαδικτυακής εκπαίδευσης.  Το e-learning ΕΚΠΑ παρέχει μέσω της πλατφόρμας αυτής εκπαίδευση σε διάφορους τομείς όπως η πληροφορική. Με αφορμή την παρακολούθηση του προγράμματος για advanced web development γεννήθηκε η ιδέα για βελτιστοποίηση της πλατφόρμας.

Ποιο συγκεκριμένα, ο κόμβος rea.elke.uoa είναι κατασκευασμένος με τεχνολογία η οποία δεν είναι φιλική σε κινητές συσκευές. Η χρήση πινάκων, <table> αλλά και η προσθήκη επιπλέον εικόνων επιβαρύνουν το site τόσο οπτικά όσο και λειτουργικά αφού είναι λειτουργικό μόνο σε μεγάλες οθόνες.

Ακολουθεί ένα gallery εικόνων το οποίο δείχνει πως είναι η πλατφόρμα αυτή.

Ανάπτυξη πρότασης

Με αφορμή λοιπόν την γνώση των τεχνολογιών μέσα από το παραπάνω πρόγραμμα, προχώρησα σε μια πρόταση ανάπτυξης μιας εκ των σελίδων. Τα χαρακτηριστικά που έχει η βελτίωση του e-learning ΕΚΠΑ είναι:

  1. Χρήση του bootstrap framework το οποίο χρησιμοποιείται ως βάση για φιλικές ως προς τις κινητές συσκευές ιστοσελίδες.
  2. Τα περιεχόμενα της σελίδας προσαρμόζονται σε μεγέθη μικρότερα των 768 εικονοστοιχείων (pixels).
  3. Καμπύλες γωνίες γύρω από τα πλαίσια δίχως χρήση εικόνων. Τεχνική η οποία χρησιμοποιούσαν παλιότερα οι developers.
  4. Μεγαλύτερα και ποιο ευανάγνωστα γράμματα

Τα παραπάνω χαρακτηριστικά 2,3,4 είναι αποτέλεσμα του 1 της χρήσης δηλαδή του bootstrap framework, το οποίο παραμετροποιήθηκε κατάλληλα προκειμένου να ταιριάξει με την τρέχουσα εμφάνιση της πλατφόρμας.