Έλεγχος ποιότητας κατασκευής μίας ιστοσελίδας

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

Πολύ συχνά μία εικόνα ή μία αρκετά εντυπωσιακή εμφάνιση θα μπορούσε να μας παραπλανήσει. Τα τεχνικά λάθη όμως θα μπορούσαν να αποφευχθούν.
Για παράδειγμα: Προσχέδιο ιστοσελίδας και έλεγχος

Ακόμα και σε σύνθετες εφαρμογές (πίσω από μία ιστοσελίδα), όπως η εγγραφή φοιτητών σε ένα μεταπτυχιακό πρόγραμμα, τα τεχνικά λάθη πρέπει να είναι ελάχιστα για τη μεγιστοποίηση των αποτελεσμάτων:
Ιστοσελίδα με εφαρμογή και έλεγχος
(Η επιπλέον παραπάνω εφαρμογή ενεργοποιείται με ένα κλικ από τους διαχειριστές της ιστοσελίδας σε περιόδους εγγραφών φοιτητών)

Η εμφάνιση, (το design γενικά), είναι σημαντική και έχει το ιδιαίτερο ρόλο της για την προώθηση μίας επιχείρησης, τα προϊόντα της ή τις υπηρεσίες της. Ακόμη και οι συσκευασίες των πιο συνηθισμένων προϊόντων της καθημερινότητας σχεδιάζονται από εξειδικευμένο προσωπικό για να έχουν καλή εμφάνιση.

Το design επηρεάζεται από τη μόδα, από τις προσωπικές αντιλήψεις, από τους σκοπούς μας κλπ. Είναι μέρος της ποιότητας μιας ιστοσελίδας, όμως είναι δύσκολο να εξεταστεί. Δεν υπάρχουν πραγματικά αντικειμενικά εργαλεία για τον έλεγχο του.

Μια ιστοσελίδα είναι πολύ περισσότερο από εμφάνιση. Είναι εργαλείο, μηχάνημα που πρέπει να κάνει συγκεκριμένη δουλειά.

Τα μηχανήματα μπορούν να ελεγχθούν. Όπως όταν πάμε το αυτοκίνητο μας για τεχνικό έλεγχο αυτός αφορά όχι το χρώμα (την εμφάνιση) αλλά τεχνικά μέρη όπως, φρένα, φώτα, μηχανή... Έτσι και οι ιστοσελίδες και τα προγράμματα μπορούν να εξεταστούν.



Πώς να ελέγξετε μία ιστοσελίδα;

Υπάρχουν πολλά εργαλεία για να εξεταστεί ένα "πληροφοριακό προϊόν". Τα περισσότερα απαιτούν εξειδικευμένες γνώσεις. Για αυτό θα στρέψουμε την προσοχή σας, μόνο, στα τρία πιο δημοφιλή και με μεγάλη αξιοπιστία.

1. Το https://validator.w3.org/nu/ είναι το διασημότερο checker, αναγνωρισμένο από την παγκόσμια κοινότητα προγραμματιστών που ορίζει τα διεθνή standards. Χρησιμοποιείται και από το ΕΣΠΑ στην Ελλάδα. Τοποθετήστε τη διεύθυνση της ιστοσελίδας σας στο πεδίο πάνω από το πλήκτρο "check", πατήστε το και θα λάβετε ένα γρήγορο και άψογο "τεχνικό έλεγχο".

Μπορείτε να ελέγξετε οποιαδήποτε ιστοσελίδα.
Εδώ, θα δείτε τα αποτελέσματα της geodi.


2. Το https://jigsaw.w3.org/css-validator/ είναι η διασημότερη υπηρεσία για έλεγχο των CSS standard και προϋποθέσεων μίας Ιστοσελίδας από την Παγκόσμια Ίντερνετ Κοινότητα (World Wide Web Consortium - W3C).

Εδώ, θα δείτε τα αποτελέσματα της geodi.


3. Ένα άλλο εργαλείο με σχετικά κατανοητές, για τον μη ειδικό, μετρήσεις, είναι ενσωματωμένο στα browser (περιηγητές) Chrome & Opera.

Επισκεφτείτε τo site που θέλετε να ελέγξετε.
Από το κύριο μενού του Chrome επιλέξτε: More tools > Developer tools
(Για το Opera: Developer > Developer tools).
Στην καρτέλα που θα ανοίξει, πατήστε τα βελάκια και επιλέξτε Audits.
Πατήστε Run Audits και δείτε τα αποτελέσματα.


Πάντα να συγκρίνετε τα αποτελέσματα της ιστοσελίδας σας με τα αποτελέσματα άλλων ιστοσελίδων του ίδιου κλάδου.

Μην ανησυχείτε για τα λάθη. Είναι αναπόφευκτα σε τόσο περίπλοκα συστήματα.

Τα αριστουργήματα είναι ελάχιστα. Όπως τα Ferrari...


Στις εικόνες παρακάτω απεικονίζονται δύο μετρήσεις της geodi
Έλεγχος μέσω ασφαλούς σύνδεσης. (https://geodi.net)


Έλεγχος μέσω μη ασφαλούς σύνδεσης. (https://geodi.net)