Τίτλος : «Ανάπτυξη πλατφόρμας - site ανταλλαγής ακαδημαϊκών πληροφοριών»

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "Τίτλος : «Ανάπτυξη πλατφόρμας - site ανταλλαγής ακαδημαϊκών πληροφοριών»"

Transcript

1 ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ (Τ.Ε.Ι.) ΔΥΤΙΚΗΣ ΕΛΛΑΔΑΣ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ Τμήμα Διοίκησης Επιχειρήσεων (Πάτρα) Πτυχιακή Εργασία Τίτλος : «Ανάπτυξη πλατφόρμας - site ανταλλαγής ακαδημαϊκών πληροφοριών» Εμμανουήλ Παπαδόπουλος-Μανωλαράκης Κωνσταντίνος Χατζούλης Θωμάς Κικίδης Εποπτεύων Καθηγητής : Στάμος Κωνσταντίνος Πάτρα

2 Ευχαριστίες Με την εκπόνηση της παρούσας εργασίας, θα θέλαμε να ευχαριστήσουμε θερμά τον κ. Στάμο, καθηγητή του τμήματος Διοίκησης Επιχειρήσεων Τ.Ε.Ι. Πατρών και επιβλέποντα της πτυχιακής εργασίας μας, για την εμπιστοσύνη που μας έδειξε με την ανάθεση της συγκεκριμένης εργασίας, για την καθοδήγηση που μας πρόσφερε, για το ενδιαφέρον και τέλος για την γρήγορη και αποτελεσματική επικοινωνία που μας παρείχε όποτε την αναζητούσαμε. Επίσης θα θέλαμε να ευχαριστήσουμε θερμά τις οικογένειές μας για την ηθική και οικονομική υποστήριξη όχι μόνο κατά τη διάρκεια της εκπόνησης της πτυχιακής εργασίας μας, αλλά και καθ όλη τη διάρκεια των σπουδών μας. 2

3 Πρόλογος Σκοπός της διπλωματικής μας, είναι η δημιουργία ιστοσελίδας για την σχολή «Επιχειρηματικού Σχεδιασμού και Πληροφοριακών Συστημάτων» που θα απευθύνεται τόσο σε φοιτητές του τμήματός μας, όσο και σε καθηγητές και επιπλέον σε όποιον θέλει να ενημερωθεί σχετικά με το συγκεκριμένο τμήμα. Η ιστοσελίδα θα περιέχει άρθρα που αφορούν τους φοιτητές του τμήματος, τα οποία θα είναι κυρίως βοηθητικά για τα μαθήματα της σχολής και επιπλέον θα υπάρχουν ανακοινώσεις σχετικές με το τμήμα μας. Έτσι οι επισκέπτες θα είναι σε θέση να λαμβάνουν σημειώσεις και παλιά θέματα των μαθημάτων που θέλουν, να ενημερώνονται για τα τρέχοντα ζητήματα της σχολής και θα μπορούν να βρουν εύκολα στοιχεία επικοινωνίας καθηγητών, όπως ή τηλέφωνα γραφείου. Ταυτόχρονα δίνεται η δυνατότητα στους χρήστες να διαχειριστούν δεδομένα μέσω του συνεργατικού περιβάλλοντος που έχει δημιουργηθεί. 3

4 Περίληψη Η παρούσα διπλωματική εργασία ασχολείται με την μελέτη και κατασκευή μιας πλατφόρμας για την ανταλλαγή ακαδημαϊκών πληροφοριών. Σκοπός μας ήταν να δημιουργήσουμε μία δυναμική ιστοσελίδα, που θα ενσωμάτωνε όλες τις απαραίτητες λειτουργίες και ευκολίες τόσο για τον απλό χρήστη-επισκέπτη της ιστοσελίδας, όσο και για τους ιδιοκτήτες-διαχειριστές και παράλληλα να υπήρξε η επιθυμητή ασφάλεια και ο έλεγχος των αρχείων που ανεβαίνουν στην ιστοσελίδα. Η πλατφόρμα έγινε χρησιμοποιώντας το σύστημα διαχείρισης περιεχομένου Wordpress. Τα θέματα που θα αναλυθούν είναι τα παρακάτω : Γενικές πληροφορίες για την ανάπτυξη των web εφαρμογών και διαφόρων προγραμμάτων. Επιλογή των καταλληλότερων browsers, συστημάτων διαχείρισης περιεχομένου και εργαλείων τους. Τέλος, θα εξεταστεί η διαδικασία προσαρμογής της πλατφόρμας, ρυθμίσεις που αφορούν τα δικαιώματα χρηστών και διαχειριστών της ιστοσελίδας και διάφορες παραμετροποιήσεις ώστε να έχουμε το επιθυμητό αποτέλεσμα στην ασφάλεια των αρχείων. 4

5 Περιεχόμενα Πτυχιακή Εργασία... 1 Ευχαριστίες... 2 Πρόλογος... 3 Περίληψη... 4 Κεφάλαιο 1: Ανάπτυξη Web Εφαρμογών Εισαγωγή Υπηρεσίες στο Διαδίκτυο Αρχιτεκτονική Client - Server Τεχνικές Προγραμματισμού στο Διαδίκτυο Client-side Προγραμματισμός HTML - HyperText Markup Language CSS - Cascading Style Sheets JavaScript Ajax Προγραμματισμός Εφαρμογής σε επίπεδο server PHP Βάση Δεδομένων MySQL PHP MySQL Πλατφόρμες διαχείρισης περιεχομένου Σύστημα Διαχείρισης Περιεχομένου (Content Management System - CMS) Πλατφόρμες Ανάπτυξης Web Εφαρμογών Drupal Joomla WordPress Κεφάλαιο 2: Υλοποίηση εφαρμογής Εργαλεία υλοποίησης Wamp Εγκατάσταση Wamp Δοκιμή της εγκατάστασης Ορισμός κωδικού πρόσβασης της εγκατάστασης Εγκατάσταση Wordpress Επιλογή και παραμετροποίηση προτύπου Επιλογή και παραμετροποίηση πρόσθετων (plug-in) Κεφάλαιο 3: Έλεγχος και αποτίμηση της εφαρμογής Σελίδα Μελών Αναζήτηση Εγγράφων ανά Φάκελο Αναζήτηση με ταξινόμηση Αναζήτηση με λέξη κλειδί Επιλογές εγγράφου Οδηγίες μετεγκατάστασης Μετεγκατάσταση website σε online server

6 Βιβλιογραφία

7 Εικόνα Εικόνα 2. Έκδοση Wamp Εικόνα 3. Εγκατάσταση Εικόνα 4. Επιλογή τοποθεσίας εγκατάστασης λογισμικού Εικόνα 5. Ρύθμιση του διακομιστή SMTP (προαιρετικό) Εικόνα 6. Εικονίδιο Wamp Εικόνα 7. Εκκίνηση υπηρεσιών Εικόνα 8. Η κονσόλα διαχείρισης WAMP Εικόνα 9. Οι υπηρεσίες WAMP εκτελούνται Εικόνα 10. Δημιουργία βάσης δεδομένων Εικόνα 11. Εγκατάσταση εφαρμογής Εικόνα 12. Σελίδα διαχείρισης Εικόνα 13. Παραμετροποίηση σελίδας Εικόνα 14. Ενεργοποίηση προτύπου Εικόνα 15. Ταυτότητα Ιστοτόπου Εικόνα 16. Εικόνα κεφαλίδας Εικόνα 17. Μεταφόρτωση Πολυμέσων Εικόνα 18. Επιλογή Πολυμέσων Εικόνα 19. Επιλογή φόντου Εικόνα 20. Επιλογή μικροεφαρμογών Εικόνα 21. Επιλογή νέου πρόσθετου Εικόνα 22. Εγκατάσταση πρόσθετου Εικόνα 23. Παραμετροποίηση πρόσθετου Εικόνα 24. Παραμετροποίηση upload Εικόνα 25. Σελίδα «Ακαδημαϊκά Έγγραφα» Εικόνα 26. Πρόσθετο profile builder Εικόνα 27. Παραμετροποίηση profile builder Εικόνα 28. Παραμετροποίηση profile builder Εικόνα 29. Σελίδα Είσοδος Μέλους Εικόνα 30. Σελίδα Εγγραφή Μέλους Εικόνα 31. Επιλογή Είσοδος Μέλους Εικόνα 32. Ενεργοποίηση αυτοεγγραφής Μέλους Εικόνα 33. Δημιουργία φακέλου Εικόνα 34. Δημιουργία υποφακέλου Εικόνα 35. Δημιουργία υποφακέλου Εικόνα 36. Καθορισμός επιτρεπόμενων τύπων αρχείων Εικόνα 37. Batch Upload Εικόνα 38. Batch Edit Εικόνα 39. Batch Move Εικόνα 40. Batch Delete Εικόνα 41. Εγγραφή Μέλους Εικόνα 42. Σύνδεση Μέλους Εικόνα 43. Καλωσόρισμα Μέλους Εικόνα 44. Προσθήκη εγγράφων Εικόνα 45. Προσθήκη εγγράφου Εικόνα 46. Αναζήτηση Εγγράφων ανά Φάκελο Εικόνα 47. Σελίδα Έγγραφα Εικόνα 48. Ανεπιτυχής αναζήτηση Εικόνα 49. Επιτυχής αναζήτηση Εικόνα 50. Σελίδα Εγγράφου στην αρχική σελίδα

8 Εικόνα 51. Επιλογές εγγράφου Εικόνα 52. Βαθμολόγηση εγγράφου Εικόνα 53. Μέση βαθμολόγηση εγγράφου Εικόνα 54. Παλαιότερες εκδόσεις του εγγράφου Εικόνα 55. Κατέβασμα παλαιότερης έκδοσης του εγγράφου Εικόνα 56. Εγγραφή στην υπηρεσία free hosting Εικόνα 57. Επιβεβαίωση μέσω υπηρεσίας free hosting Εικόνα 58. Αρχική σελίδα διαχείρισης στην υπηρεσία free hosting Εικόνα 59. Διαχείριση βάσης δεδομένων Εικόνα 60. Ανέβασμα βάσης δεδομένων Εικόνα 61. Ανέβασμα αρχείων Εικόνα 62. Ανέβασμα αρχείων Εικόνα 63. Τελική εικόνα αρχείων Εικόνα 64. Επεξεργασία wp-config.php Εικόνα 65. Επεξεργασία wp-config.php

9 Κεφάλαιο 1: Ανάπτυξη Web Εφαρμογών 1.1 Εισαγωγή Οι web εφαρμογές είναι εφαρμογές λογισμικού που βασίζονται στην αρχιτεκτονική Πελάτη Εξυπηρετητή (Client Server) και οι οποίες βασίζονται στην επικοινωνία και ανταλλαγή πληροφοριών μεταξύ εξυπηρετητή υπηρεσιών παγκόσμιου ιστού (web server) και από την άλλη μιας client εφαρμογής όπως είναι οι web browser Mozilla Firefox, Google Chrome Explorer κα. Όμως για να γίνει καλύτερα κατανοητή η δημιουργία μιας web εφαρμογής θα πρέπει πρώτα να εξετασθεί τι είναι το Διαδίκτυο και ποιες υπηρεσίες παρέχει. Κατά γενική ομολογία το κλειδί για ένα επιτυχημένο site, είναι να παρέχει ένα περιβάλλον που διευκολύνει τον πελάτη να πλοηγηθεί στον κατάλογο των προϊόντων και να είναι σε θέση να συντάξει ένα δικό του με τα εμπορεύματα προς πώληση. Η βασική προϋπόθεση για την επιτυχία του site είναι ο πελάτης να προχωρήσει σε κάποια συναλλαγή. Στον πελάτη κανονικά δίνεται μια σειρά επιλογών πληρωμής. Ο πιο συνήθης τρόπος είναι μέσω πιστωτικής κάρτας (Furst et al., 2002) Η μηχανή αναζήτησης πελατών στέλνει αίτημα για μια ασφαλή σύνδεση. Έπειτα, ο κεντρικός υπολογιστής ανταποκρίνεται με ένα υψηλό πιστοποιητικό που στέλνεται προς επικύρωση. Τέλος, ο πελάτης και ο κεντρικός υπολογιστής διαπραγματεύονται τα κλειδιά της συνεδρίας, τα οποία είναι συμμετρικά και χρησιμοποιούνται μόνο κατά τη διάρκεια της συναλλαγής. Η Αμερικανική κυβέρνηση, βλέπει την τεχνολογία κρυπτογράφησης ως ένα πυρομαχικό κινδύνου και επομένως η μόνη έκδοση διαθέσιμου παγκόσμιου SSL είναι η σχετικά αδύνατη έκδοση των 40-bit. 9

10 1.2 Υπηρεσίες στο Διαδίκτυο Το Διαδίκτυο είναι δίκτυο ευρείας περιοχής με δημόσια πρόσβαση που συνδέει υπολογιστές και δίκτυα υπολογιστών σε όλο τον κόσμο. Προσφέρει μια πληθώρα δυνατοτήτων στους χρήστες του. Οι πιο σημαντικές υπηρεσίες είναι οι παρακάτω: Παγκόσμιος Ιστός (World Wide Web). Πρόκειται για υπηρεσία που περιλαμβάνει τη δημοσίευση και μεταφορά περιεχομένου για το σύνολο των ιστοσελίδων. Οι ιστοσελίδες είναι αρχεία που περιέχουν κείμενα, φωτογραφίες, ήχο, βίντεο και κυρίως υπερσυνδέσεις (hyperlinks) προς άλλες ιστοσελίδες. Ηλεκτρονικό Ταχυδρομείο ( ): Πρόκειται για την υπηρεσία που προσφέρει την επικοινωνία εγγεγραμμένων χρηστών με γραπτά μηνύματα μέσω Διαδικτύου στα οποία εκτός από κείμενα επισυνάπτονται αρχεία κειμένου, φωτογραφίες, video και ήχοι. Μεταφορά Αρχείων (FTP - File Transfer Protocol). Πρόκειται για την υπηρεσία μεταφοράς αρχείων μέσω Διαδικτύου με βασικό πρωτόκολλο μεταφοράς το FTP. Ομάδες Συζητήσεων. Ξεκίνησε με τη μορφή εφαρμογών forum και blog και μετεξελίχθηκε σε εφαρμογές του web2 περιλαμβάνοντας εφαρμογές που σήμερα ονομάζονται κοινωνικά δίκτυα. Τηλεδιασκέψεις. Πρόκειται για υπηρεσίες που αφορούν την online επικοινωνία μέσω του Διαδικτύου και περιλαμβάνει τις υπηρεσίες Chat (Messenger) και εφαρμογές βίντεο-διασκέψεων (Video Conference) όπως για παράδειγμα το Skype ή το Viber. [COMER,2000] 10

11 1.3 Αρχιτεκτονική Client - Server Οι web εφαρμογές βασίζονται στο μοντέλο αρχιτεκτονικής Πελάτη - Εξυπηρετητή (client - server). Η αρχιτεκτονική Πελάτης - Εξυπηρετητής (client - server) είναι μια αρχιτεκτονική δικτύων υπολογιστών που διαχωρίζει την εφαρμογή-πελάτη από την εφαρμογή εξυπηρετητή. Κάθε στιγμιότυπο της εφαρμογής πελάτη μπορεί να στέλνει κάποια μορφή αίτησης προς μια εφαρμογή-εξυπηρετητή και η εφαρμογή-εξυπηρετητής αναλαμβάνει να διαχειριστεί τα εισερχόμενα αιτήματα και να τα απαντήσει. [Berson 1996]. Γενικά στην αρχιτεκτονική Πελάτη - Εξυπηρετητή κάθε υπολογιστής που συνδέεται στο δίκτυο αναλαμβάνει το ρόλο είτε του πελάτη ή του εξυπηρετητή χωρίς απαραίτητα να διατηρεί το ρόλο αυτό για πάντα. Καθώς τα δεδομένα ανταλλάσσονται μεταξύ δύο υπολογιστικών συστημάτων, στην περίπτωση του συστήματος που έχει το ρόλο του εξυπηρετητή, τα δεδομένα φυλάσσονται και επεξεργάζονται σε ένα σύστημα με μεγάλη επεξεργαστική ισχύ. Στην περίπτωση του συστήματος - πελάτη μπορεί η εφαρμογή να εκτελείται σε ένα σύστημα που είναι ένα απλό τερματικό ή ένας προσωπικός υπολογιστής με πολύ μικρές δυνατότητες. Συνήθως το σύστημα που αποτελεί τον εξυπηρετητή (server) αναμένει από τον πελάτη (client) κάποιο αίτημα [Harold et al 2011]. Υπάρχει συνήθως ένας περιορισμός για το πλήθος των υπολογιστών που μπορούν να συνδεθούν ταυτόχρονα με κάποιον εξυπηρετητή (server) για την αποστολή και λήψη δεδομένων και εξαρτάται από τις προδιαγραφές της εφαρμογής που είναι εγκατεστημένη για την εξυπηρέτηση των υπολογιστών πελατών. Η εφαρμογή εξυπηρετητής (server) πέραν της λειτουργίας της παραλαβής αιτήσεων και αποστολής δεδομένων στους πελάτες (client), μπορεί να επιτελεί και λειτουργίες όπως αποθήκευση δεδομένων σε Βάσεις Δεδομένων, επεξεργασία τους και την εξαγωγή συμπερασμάτων ή την διαχείριση συμβάντων [Harold 2011]. Επίσης οι ρόλοι σε ένα σύστημα client server μπορεί να εναλλάσσονται μεταξύ των συστημάτων. Σύμφωνα με τον Berson η client - server αρχιτεκτονική είναι ευέλικτη, βασισμένη σε μηνύματα, και χρησιμοποιεί τμηματικό προγραμματισμό με σκοπό τη βελτίωση της χρηστικότητας, 11

12 ευελιξίας, συμβατότητας και επεκτασιμότητας σε σύγκριση με τα συστήματα mainframe [Berson 1996]. Το Διαδίκτυο και οι υπηρεσίες του βασίζονται κυρίως σε αυτή την αρχιτεκτονική. Ο Παγκόσμιος Ιστός είναι ένα χαρακτηριστικό παράδειγμα αρχιτεκτονικής πελάτη - εξυπηρετητή. Κι αυτό διότι μια Web εφαρμογή φιλοξενείται σε έναν Web server ο οποίος διαμοιράζει το περιεχόμενο HTML των ιστοσελίδων σε πολλές εφαρμογές πελάτες (client) κατόπιν αίτησή τους. Οι ιστοσελίδες που περιέχουν HTML και εμφωλευμένο εκτελέσιμο κώδικα φιλοξενούνται από τον web server. Οι εφαρμογές πελάτες που συνήθως είναι οι Web Browser αιτούνται το περιεχόμενο από τον Web server στέλνοντας μια αίτηση σε μια συγκεκριμένη URL (Unified Reference Location). Tο περιεχόμενο αποστέλλεται μέσω του πρωτοκόλλου Http/Https και οι web browser αναλαμβάνουν να εμφανίσουν το περιεχόμενο στο χρήστη. 1.4 Τεχνικές Προγραμματισμού στο Διαδίκτυο Τα τελευταία χρόνια έχουν αναπτυχθεί πολλές τεχνολογίες υλοποίησης διαδικτυακών εφαρμογών (Web Development). Οι τεχνολογίες αυτές αφορούν είτε στην ανάπτυξη εφαρμογών που εκτελούνται στους εξυπηρετητές (webserver) ή σε ανάπτυξη εφαρμογών που εκτελούνται στις εφαρμογές πελάτη (client), που στην περίπτωση των εφαρμογών του Παγκόσμιου Ιστού είναι κάποιος Web browser. 1.5 Client-side Προγραμματισμός Οι τεχνολογίες προγραμματισμού ιστοσελίδων στον μέρος του web browser αφορούν σε τμήματα κώδικα τα οποία ενσωματώνονται στις ιστοσελίδες και εκτελούνται στις συσκευές που είναι εγκατεστημένοι οι browser. Οι τεχνολογίες που χρησιμοποιούνται συνοψίζονται κυρίως ως εξής: 12

13 HTML- HyperText Markup Language CSS - Cascading Style Sheets JavaScript ajax HTML - HyperText Markup Language Η γλώσσα HyperText Markup Language (HTML) είναι η βασική γλώσσα που παρέχει τις μεθόδους δημιουργίας δομημένων εγγράφων. Κάνει σαφή διαχωρισμό της δομής από τον τρόπο παρουσίασης του περιεχομένου για την καλύτερη και αποδοτικότερη δημιουργία ιστοσελίδων. Αυτό επιτυγχάνεται με τη χρήση των cascade style sheets (CSS). O φυσικός Τιμ Μπέρνερς Λι, ο οποίος εργαζόταν στο CERN, tο 1980, επινόησε το ENQUIRE και κατασκεύασε ένα πρωτότυπό σύστημα χρήσης και διαμοιρασμού εγγράφων για τους ερευνητές του CERN. Η γλώσσα περιλάμβανε 20 στοιχεία τα οποία αποτελούσαν τον αρχικό και σχετικά απλό σχεδιασμό της HTML και βασίζονταν στην SGMLguid, μια μορφή δημιουργίας τεκμηρίωσης, φτιαγμένη στο CERN και βασισμένη στην SGML. Η HTML γράφεται υπό μορφή στοιχείων HTML τα οποία αποτελούνται από ετικέτες (tags), οι οποίες περικλείονται μέσα στα σύμβολα <>. Οι φυλλομετρητές (browsers) μεταφράζουν τη γλώσσα αυτή έτσι ώστε να παρουσιάσουν στο χρήστη το περιεχόμενο του εγγράφου. Ο browser δεν εμφανίζει τις ετικέτες, αλλά τις χρησιμοποιεί για να ερμηνεύσει το περιεχόμενο της σελίδας. Η HTML επιτρέπει την ενσωμάτωση κειμένου, φωτογραφιών, βίντεο και υπερσυνδέσεων καθώς και δομικά στοιχεία φορμών όπως πεδία συμπλήρωσης, κουμπιά, μενού επιλογών κα. Μπορούν επίσης να ενσωματώνονται σενάρια εντολών σε γλώσσες όπως η JavaScript, τα οποία επηρεάζουν τη συμπεριφορά των ιστοσελίδων HTML. Σε συνδυασμό με τα Cascading Style Sheets (CSS) ο συντάκτης ενός τέτοιου εγγράφου μπορεί να προσδιορίσει πως τα στοιχεία του εγγράφου θα εμφανιστούν παρακάμπτοντας τις προεπιλογές ενός browser. 13

14 1.5.2 CSS - Cascading Style Sheets Τα Cascading Style Sheets (CSS) είναι ένας απλός μηχανισμός για την προσθήκη διαμόρφωσης (style) του περιεχομένου σε έγγραφα του Παγκόσμιου Ιστού [ Είναι εκείνη η τεχνολογία που επιτρέπει στον browser να λάβει οδηγίες σχετικά με τη μορφή του περιεχομένου μιας ιστοσελίδας. Εφαρμόζεται σαν τεχνική σε έγγραφα που είναι γραμμένα σε HTML ή XML, εφαρμόζοντας στυλ διαμόρφωσης σε τύπους στοιχείων ή κλάσεων καθορισμένων με τη διαφορά ότι διαμορφώνει περισσότερα χαρακτηριστικά, χρώματα, στοίχιση και δίνει περισσότερες δυνατότητες σε σχέση με την html. Υπάρχουν διάφοροι τρόποι για να εφαρμοστούν οι οδηγίες όπως για παράδειγμα να είναι ενσωματωμένες στην επικεφαλίδα του αρχείου html ή να βρίσκονται σε ένα αρχείο ξεχωριστό από την ιστοσελίδα που περιγράφει τον τρόπο με τον οποίο θα παρουσιαστεί η πληροφορία μέσα στην ιστοσελίδα. Έτσι γίνεται σαφής διαχωρισμός του περιεχομένου της ιστοσελίδας από τον τρόπο παρουσίασής του JavaScript Η JavaScript είναι μια γλώσσα προγραμματισμού η οποία μπορεί να ενσωματωθεί μέσα σε ιστοσελίδες. Είναι μία γλώσσα scripting (ουσιαστικά προγραμματισμού) που εκτελείται στον browser και παράγεται το αποτέλεσμα στον client δίνοντας έτσι τη δυνατότητα στις ιστοσελίδες να αλληλεπιδρούν με τις κινήσεις του χρήστη κατά την πλοήγησή του. Παρόλο που το όνομα παραπέμπει στη γλώσσα της Sun Microsystems, η Java, έχει κάποια κοινά περισσότερο όσον αφορά μόνο στη σύνταξη και όχι στις διαθέσιμες εντολές. Περιέχει σύνολα αντικειμένων όπως τύπους Array, Date, και Math, και επίσης βασικά στοιχεία όπως εντολές, τελεστές πράξεων και δομές καθώς επίσης και στοιχεία για την διαχείριση αντικειμένων που βρίσκονται σε μια ιστοσελίδα μέσω του προτύπου DOM (Document Object Model). Έχει στοιχεία αντικειμενοστραφούς προγραμματισμού. 14

15 Αρχικά προοριζόταν για προγραμματισμό σε επίπεδο εξυπηρετητή αλλά η υποστήριξή της από τους φυλλομετρητές την έκανε πολύ δημοφιλή στον προγραμματισμό σε επίπεδο πελάτη (client). Αρχικά δημιουργήθηκε από τη Netscape για να επιτρέπει στις σελίδες που αποκωδικοποιούνται από τον browser Navigator 2.x να έχουν αλληλεπίδραση με τον χρήστη. Σήμερα υποστηρίζεται από όλους τους browsers και δίνει τη δυνατότητα να εκτελούνται τμήματα κώδικα όταν συμβαίνει ένα γεγονός να δημιουργήσει cookies να διαβάσει και να αλλάξει τα περιεχόμενα ενός html στοιχείου. να κάνει επικύρωση δεδομένων μιας φόρμας (validate) πριν να υποβληθούν στον server να εντοπίσει τον τύπο browser του επισκέπτη και ανάλογα να φορτώσει την αντίστοιχη σελίδα που είναι φτιαγμένη για αυτόν τον browser Ajax Η τεχνολογία AJAX, (asynchronous JavaScript and XML) είναι ένα σύνολο τεχνικών ανάπτυξης ιστού που χρησιμοποιεί πολλές τεχνολογίες ιστού στην πλευρά του πελάτη για τη δημιουργία ασύγχρονων εφαρμογών Web. Με την τεχνολογία αυτή, οι εφαρμογές Web μπορούν να στείλουν και να ανακτήσουν δεδομένα από έναν εξυπηρετητή ασύγχρονα (στο παρασκήνιο) χωρίς να παρεμβαίνουν στην εμφάνιση και τη συμπεριφορά της υπάρχουσας σελίδας. Με την αποσύνδεση του επιπέδου ανταλλαγής δεδομένων από το επίπεδο παρουσίασης, το Ajax επιτρέπει στις εφαρμογές Web να αλλάζουν δυναμικά το περιεχόμενο χωρίς να χρειαστεί να φορτωθεί ξανά ολόκληρη η σελίδα. [Ullman, Chris, 2007, Beginning Ajax ] 15

16 1.6 Προγραμματισμός Εφαρμογής σε επίπεδο server Η ανάπτυξη εφαρμογών στο διαδίκτυο δεν μπορεί να βασιστεί μόνο σε κώδικα που εκτελείται στους clients. Έτσι έχουν αναπτυχθεί τεχνολογίες προγραμματισμού και ανάπτυξης εφαρμογών οι οποίες εκτελούνται στην μεριά του web server πριν το περιεχόμενο αποσταλεί στον browser του χρήστη. Οι πιο διαδεδομένες τεχνολογίες είναι: ASP (Active Server Pages). Η ASP είναι μια γλώσσα σε επίπεδο web server που αναπτύχθηκε από τη Microsoft. Χρησιμοποιεί τη γλώσσα VBscript για τη δημιουργία ιστοσελίδων δυναμικού περιεχομένου. JSP (Java Server Pages). Είναι μια τεχνολογία που έχει δημιουργηθεί από την εταιρεία Sun Microsystems για να μπορεί να δημιουργεί δυναμικό περιεχόμενο. Πρόκειται για κώδικα με βάση τη γλώσσα προγραμματισμού Java που ενσωματώνεται σε HTML έγγραφα και η οποία έχει τη δυνατότητα να παρέχει αυτό το δυναμικό περιεχόμενο. PHP. Πρόκειται για την πιο διαδεδομένη γλώσσα script που εκτελείται σε επίπεδο server και χρησιμοποιείται στη δημιουργία ιστοσελίδων δυναμικού περιεχομένου. Είναι γλώσσα ανοικτού κώδικα. Η πλατφόρμα ανάπτυξης PHP σε συνδυασμό με το σύστημα βάσης δεδομένων MySQL αποτελούν πλέον τις πιο διαδεδομένες τεχνολογίες ανάπτυξης δυναμικών εφαρμογών σε επίπεδο server PHP Οι PHP σελίδες (Hypertext Preprocessor) είναι σελίδες του Παγκόσμιου Ιστού που περιέχουν κώδικα script ενσωματωμένο σε γλώσσα HTML (Hyper Text Markup Language. Ο ενσωματωμένος και εκτελέσιμος κώδικας εκτελείται στον Εξυπηρετητή χωρίς να είναι ορατός στον τελικό χρήστη και το αποτέλεσμα της εκτέλεσης αποστέλλεται με τη μορφή σελίδας html στον τελικό χρήστη. Ξεκίνησε αρχικά σαν μια σύντομη έκδοση της Perl από τον Rasmus Lerdorf το 1994 και δανείστηκε στοιχεία από τη C, τη Java και την Perl. 16

17 Ενσωματώνεται σε αρχεία HTML με επέκταση ".php", ".php3", ή ".phtml". Μια σελίδα PHP εκτελείται σε έναν συμβατό web server όπως ο Apache, ώστε να παραχθεί σε πραγματικό χρόνο το τελικό περιεχόμενο, που θα σταλεί στο πρόγραμμα περιήγησης των επισκεπτών σε μορφή κώδικα HTML. Τα βασικά πλεονεκτήματα των PHP σελίδων είναι τα εξής: Υποστηρίζεται από πολλές πλατφόρμες (Windows, Linux, Unix, κα) Εύκολη στην εκμάθηση της. Ο προγραμματισμός σε PHP είναι οικείος σε προγραμματιστές που γνωρίζουν C, Perl και Java Υποστηρίζει σχεδόν όλους τους servers (Apache, IIS, κα) Υποστηρίζει πολλά συστήματα Βάσεων Δεδομένων όπως MySQL, Oracle, Sybase, PostgreSQL, Generic ODBC κα. Παρέχει ενσωματωμένες βιβλιοθήκες για πολλές Web διεργασίες όπως να δημιουργήσει δυναμικά αρχεία εικόνων, να αναλύσει XML, να στείλει ηλεκτρονικό μήνυμα, να δημιουργήσει cookies και PDF έγγραφα. Είναι διαθέσιμη στην ιστοσελίδα Η χρήση είναι δωρεάν και ανήκει στην κατηγορία του Λογισμικού Ανοικτού Κώδικα (Open Source software OSS) Βάση Δεδομένων MySQL Μια web εφαρμογή χρησιμοποιεί συνήθως μια βάση δεδομένων για την καταχώρηση και ανάκτηση δεδομένων. Στη συγκεκριμένη εφαρμογή χρησιμοποιείται η MySQL. Η MySQL είναι ένα Σύστημα Διαχείρισης Σχεσιακής Βάσης Δεδομένων και περιλαμβάνει έναν μικρό server της βάσης. Είναι ένα πολύ γρήγορο σύστημα διαχείρισης σχεσιακών βάσεων δεδομένων. Το όνομά του είναι ένας συνδυασμός του "My", το όνομα της κόρης του συνιδρυτή Michael Widenius και το "SQL", που αντιστοιχεί στη συντομογραφία της δομημένης γλώσσας ερωτημάτων SQL. Η MySQL προσφέρει διαθέσιμο τον πηγαίο κώδικά του υπό τους όρους της Γενικής Άδειας Δημόσιας Χρήσης του GNU, καθώς και βάσει ποικίλων ιδιοκτησιακών 17

18 συμφωνιών. Αρχικά άνηκε σε μια ενιαία κερδοσκοπική εταιρεία, τη σουηδική εταιρεία MySQL AB, που τώρα ανήκει στην Oracle Corporation. Η MySQL αποτελεί κεντρικό στοιχείο της πλατφόρμας λογισμικού ανοιχτού κώδικα LAMP (και άλλων στοιβών "AMP" όπως XAMP και WAMP). Το LAMP είναι ένα αρκτικόλεξο για το "Linux, Apache, MySQL, Perl / PHP / Python". Ο server της MySQL ελέγχει την πρόσβαση στα δεδομένα για να διασφαλίσει ότι πολλοί χρήστες μπορούν να δουλεύουν ταυτόχρονα, για να παρέχει γρήγορη πρόσβαση και για να διασφαλίσει ότι μόνο εξουσιοδοτημένοι χρήστες μπορούν να έχουν πρόσβαση. Χρησιμοποιεί ως γλώσσα ερωτημάτων για βάσεις δεδομένων την SQL (Structured Query Language). Τα πιο σημαντικά χαρακτηριστικά της είναι τα ακόλουθα: Ανήκει στο λογισμικό Ανοικτού Κώδικα (Open Source). Η χρήση της είναι δωρεάν Είναι γρήγορη και υποστηρίζει multi-thread και πολυχρηστικό περιβάλλον. Είναι συμβατή με πολλές και ποικίλες πλατφόρμες PHP MySQL Η χρήση PHP με το σύστημα διαχείρισης της MySQL έχει σαν βασικό πλεονέκτημα τη συμβατότητα με πολλές πλατφόρμες και επίσης ότι ανήκουν και οι δύο στις εφαρμογές Ανοικτού Κώδικα και τα δικαιώματα χρήσης τους είναι δωρεάν. Εξαιτίας αυτών των χαρακτηριστικών, οι server που φιλοξενούν δυναμικές σελίδες PHP συνδυάζουν υπηρεσίες γι αυτές τις δύο πλατφόρμες και την άμεση διασύνδεσή τους. Στην αρχιτεκτονική πελάτης - εξυπηρετητής υπάρχει ένα σύστημα συνήθως Σχεσιακής Βάσης Δεδομένων (Relational Database System - RDBMS). Ανάλογα με τις ενέργειες του χρήστη, ο εξυπηρετητής (server) επικοινωνεί με το σύστημα διαχείρισης της βάσης δεδομένων και εκτελεί ερωτήματα σε γλώσσα SQL. Το σύστημα διαχείρισης της Βάσης Δεδομένων που εκτελείται στον server με τη σειρά του απαντάει σε αυτά τα ερωτήματα 18

19 του εξυπηρετητή είτε αποστέλλοντας τα δεδομένα που προέκυψαν σαν αποτελέσματα των ερωτημάτων ή εκτελώντας κάποια εντολή εισαγωγής ή διαγραφής δεδομένων στην περίπτωση εντολών insert ή update ή delete. Η επικοινωνία μεταξύ εφαρμογής και Βάσης Δεδομένων γίνεται με τη χρήση οδηγών (Database Connectivity drivers). Η λειτουργία τους βασίζεται στον εκτελέσιμο κώδικα που είναι ενσωματωμένος στις PHP σελίδες. Ο κώδικας αυτός εκτελείται στον server. Ο κώδικας εκτελεί ερωτήματα σε SQL τα οποία μεταβιβάζονται μέσω ενός middleware της MySQL στη βάση MySQL. Ανάλογα με την αίτηση του συστήματος προς τη βάση εκτελείται είτε μια εντολή ανάκτησης, ή εγγραφής ή τροποποίησης ή διαγραφής δεδομένων στη Βάση. Η αίτηση μεταφέρεται στη Βάση Δεδομένων και το σύστημα διαχείρισης δεδομένων επιστρέφει μια απάντηση στο Web server με τα αποτελέσματα. Στη συνέχεια τα δεδομένα χρησιμοποιούνται από τον εκτελέσιμο κώδικα στη δημιουργία του ΗΤΜL περιεχομένου της δυναμικής ιστοσελίδας που τελικά αποστέλλεται στον web browser του χρήστη όπου και προβάλλεται το περιεχόμενο Πλατφόρμες διαχείρισης περιεχομένου Οι πρώτοι δικτυακοί τόποι ήταν στατικοί και δεν υπήρχε κάποιο σύστημα όπου ο ιδιοκτήτης ή κάποιοι εξουσιοδοτημένοι χρήστες να μπορούν να ανανεώσουν το περιεχόμενο τους. Οι πλατφόρμες διαχείρισης περιεχομένου ενός δικτυακού τόπου εμφανίστηκαν σταδιακά και έδωσαν τη δυνατότητα στους διαχειριστές των ιστοτόπων να μπορούν να μεταβάλλουν το περιεχόμενο. Σήμερα, αποτελούν τον κανόνα στη διαχείριση ενός δικτυακού τόπου Σύστημα Διαχείρισης Περιεχομένου (Content Management System - CMS) Τα Συστήματα Διαχείρισης Περιεχομένου (CMS Content Management System) είναι ολοκληρωμένες web εφαρμογές, με τις οποίες οι 19

20 διαχειριστές ή εξουσιοδοτημένοι χρήστες ενός δικτυακού τόπου μπορούν να τροποποιήσουν το περιεχόμενο των ιστοσελίδων μέσα από ένα συνήθως εύχρηστο και φιλικό περιβάλλον διαχείρισης. Με τον όρο περιεχόμενο (Content) εννοείται κάθε μορφή ψηφιακής πληροφορίας που μπορεί να προβληθεί από μια ιστοσελίδα όπως εικόνες, γραφικά, video, αρχεία υπολογιστή, αρχεία ήχου κ.α. Τα πρώτα CMS ξεκίνησαν το 1996 από την ανάγκη που είχαν τα ειδησεογραφικά δίκτυα να δημοσιεύουν άρθρα και ειδήσεις στο Διαδίκτυο. Η δημοσίευση των πληροφοριών αυτών δεν μπορούν να διαρκούν πολλή ώρα στην περίπτωση μιας διαδικτυακής εφαρμογής. Έτσι οι νέες απαιτήσεις για online ενημέρωση, δημιούργησαν την ανάγκη να ολοκληρώνεται σε πολύ μικρότερο χρονικό διάστημα η διαδικασία δημοσίευσης των νέων από μία ημερήσια εφημερίδα. Οι συντάκτες του άρθρου μπορούσαν να καταγράφουν το άρθρο τους κατευθείαν στο σύστημα χρησιμοποιώντας έναν διαδικτυακό (web-based) επεξεργαστή κειμένου. Το άρθρο γινόταν αμέσως διαθέσιμο προς δημοσίευση στο δικτυακό τόπο του ειδησεογραφικού δικτύου. [Boiko 2005]. Μέχρι πριν κάποια χρόνια, η εγκατάσταση συστημάτων CMS είχε μεγάλο κόστος. Τα τελευταία χρόνια έχουν αναπτυχθεί πλατφόρμες ανάπτυξης τέτοιων συστημάτων, οι οποίες είναι κατά κύριο λόγο ανοικτού κώδικα και πολύ εύκολες προς τους διαχειριστές, με αποτέλεσμα να μειώνεται σημαντικά το κόστος ανάπτυξης τέτοιων συστημάτων Πλατφόρμες Ανάπτυξης Web Εφαρμογών Στο παρελθόν υπήρξαν πολλά εργαλεία τα οποία χρησιμοποιούνταν για την ανάπτυξη web εφαρμογών με τη λιγότερη δυνατή συγγραφή κώδικα. Σκοπός ήταν η απόκρυψη των τεχνικών λεπτομερειών έτσι ώστε οι web developers να επικεντρώνονται κυρίως στο σχεδιαστικό και λειτουργικό μέρος της ανάπτυξης ενός web site και όχι τόσο στη συγγραφή κώδικα. Τέτοια εργαλεία είναι το Ruby on Rails, το Xoops και το CakePHP. Το Ruby on Rails, ή απλά Rails είναι ένα από τα πλέον διαδεδομένα εργαλεία που χρησιμοποιούνται για τη γρήγορη ανάπτυξη ενός web site 20

21 δυναμικού περιεχομένου και στηρίζεται στην αρχή του ανοικτού κώδικα. Χρησιμοποιεί την αρχιτεκτονική MVC (Model-View-Controller), σκοπός της οποίας είναι να απομονώσει τη λογική της εφαρμογής από τη είσοδο δεδομένων και την παρουσίαση αποτελεσμάτων. Κάνει εκτεταμένη χρήση κώδικα σε JavaScript και χρησιμοποιεί τεχνολογία Ajax. Το CakePHP είναι επίσης μια πλατφόρμα που βασίζεται στην αρχή ανοικτού κώδικα και χρησιμοποιείται για την ανάπτυξη web εφαρμογών. Έχει αναπτυχθεί σε PHP και οι web developers μπορούν να αναπτύξουν μια web εφαρμογή και να διαχειριστούν τα διάφορα τμήματα της. Στηρίζεται και αυτό στην αρχιτεκτονική MVC. [ : Το xoops είναι επίσης ένα σύστημα διαχείρισης περιεχομένου (Content Management System) που μπορεί να χρησιμοποιηθεί για τη δημιουργία δυναμικών ιστοσελίδων μεταβαλλόμενου περιεχομένου. Πρόκειται για ακρωνύμιο του ονόματος "extensible Object Oriented Portal System". Ανήκει και αυτό στην κατηγορία του ανοιχτού λογισμικού. Αποτελεί ένα από τα πιο δημοφιλή CMS project [ Drupal Το Drupal είναι επίσης ένα Content Management System ανοικτού κώδικα, γραμμένο στη γλώσσα προγραμματισμού PHP. Η τυποποιημένη έκδοση του Drupal, γνωστή ως Drupal Core, περιέχει βασικά χαρακτηριστικά κοινά στα συστήματα διαχείρισης περιεχομένου. Αυτά περιλαμβάνουν την εγγραφή και τη συντήρηση του λογαριασμού χρήστη, τη διαχείριση μενού, τις ροές RSS, την προσαρμογή της διάταξης σελίδας και τη διαχείριση του συστήματος. Η εγκατάσταση του πυρήνα Drupal μπορεί να χρησιμεύσει για ένα απλό Website, ένα blog ή ένα φόρουμ στο Internet ή μια εφαρμογή διαδικτυακής κοινότητας που παρέχει συνεργατική διαχείριση περιεχόμενου. Το Drupal, όπως πολλά σύγχρονα CMS, επιτρέπει στο διαχειριστή συστήματος να οργανώνει το περιεχόμενο, να προσαρμόζει την παρουσίαση, να αυτοματοποιεί διαχειριστικές εργασίες και να διαχειρίζεται τους επισκέπτες του ιστοτόπου και αυτούς που συνεισφέρουν. 21

22 Το Drupal μπορεί να εκτελεστεί σε διάφορες πλατφόρμες, συμπεριλαμβανομένων των λειτουργικών συστημάτων Windows, Mac OS X, Linux, FreeBSD. Χρησιμοποιεί μια βάση δεδομένων όπως η MySQL και η PostgreSQL για την αποθήκευση του περιεχομένου και των ρυθμίσεών του. [ Joomla Το Joomla είναι ένα ελεύθερο σύστημα διαχείρισης περιεχομένου (CMS), ανοιχτού κώδικα για τη δημοσίευση περιεχομένου ιστού. Είναι γραμμένο σε PHP, χρησιμοποιεί τεχνικές αντικειμενοστραφής προγραμματισμού (OOP) από την έκδοση 1.5 και μεταγενέστερα και επίσης βασίζεται σε μοντέλα σχεδιασμού λογισμικού ενώ αποθηκεύει δεδομένα σε βάση δεδομένων MySQL, MS SQL (από την έκδοση 2.5) ή PostgreSQL (από την έκδοση 3.0). Το Joomla χρησιμοποιεί μια ισχυρή templating engine που δίνει τη δυνατότητα στο χρήστη να χρησιμοποιήσει το δικό του εξατομικευμένο template, είτε να κατεβάσει από το διαδίκτυο ένα από τα εκατοντάδες που διατίθενται δωρεάν. Περιλαμβάνει λειτουργίες όπως η προσωρινή αποθήκευση σελίδων, τροφοδοσίες RSS, εκτυπώσιμες εκδόσεις σελίδων, ιστολογία και υποστηρίζει πολλές γλώσσες. Μέχρι τον Νοέμβριο του 2016, το Joomla είχε τουλάχιστον 81 εκατομμύρια λήψεις, πάνω από επεκτάσεις και πολλές από αυτές διατίθενται δωρεάν από το επίσημο Joomla. Εκτιμάται ότι είναι το δεύτερο πιο χρησιμοποιούμενο σύστημα διαχείρισης περιεχομένου στο Διαδίκτυο μετά από το WordPress. Το βασικό του πλεονέκτημα έναντι των άλλων παρόμοιων πλατφορμών, είναι το γεγονός ότι αποτελεί το πιο διαδεδομένο σύστημα διαχείρισης δυναμικού περιεχομένου με αποτέλεσμα να έχει δημιουργηθεί μια τεράστια βιβλιοθήκη επεκτάσεων που πολλαπλασιάζουν τις δυνατότητες του. 1.7 WordPress 22

23 Το WordPress είναι ένα ελεύθερο και ανοικτού κώδικα σύστημα διαχείρισης περιεχομένου (CMS) βασισμένο σε PHP και MySQL. Δημιουργήθηκε το 2003, είναι το πλέον διαδεδομένο CMS και το χρησιμοποιούν εκατομμύρια ιστοσελίδες. Το WordPress χρησιμοποιείται από περισσότερο από το 27,5% των κορυφαίων 10 εκατομμυρίων ιστοτόπων μέχρι τον Φεβρουάριο του Θεωρείται ως το πιο δημοφιλές σύστημα διαχείρισης blogs στο διαδίκτυο και υποστηρίζει περισσότερους από 60 εκατομμύρια ιστότοπους. Είναι επίσης ίσως το πιο φιλικό CMS για τους χρήστες. Δεν απαιτεί ιδιαίτερες προγραμματιστικές γνώσεις και αρχάριοι χρήστες μπορούν σε λίγα λεπτά να αναπτύξουν εύκολα ένα website. Το WordPress είναι επιπλέον μια από τις πιο φιλικές πλατφόρμες προς τις προδιαγραφές SEO (Search Engine Optimization) παρέχοντας πολλές δυνατότητες υποστήριξης. Αν και παλαιότερα το WordPress θεωρούνταν ως μέσο μόνο για κατασκευή ιστοσελίδων blogging και ειδησεογραφικών ιστοτόπων, πλέον είναι ένα ολοκληρωμένο CMS και χρησιμοποιείται για όλων των ειδών τα websites. Πολλά δημοφιλή site το χρησιμοποιούν όπως New York Times, Mashable, Techcrunch, Forbes, Reuters, και CNN. Είναι επίσης πλήρως παραμετροποιήσιμο και ευέλικτο. Μέσα από τη χρήση των χιλιάδων templates και plugins μπορεί να στηρίξει από ένα απλό προσωπικό blog μέχρι μεγάλα εμπορικά e-shops. Τα θέματα επιτρέπουν στους χρήστες να αλλάζουν την εμφάνιση και τη λειτουργικότητα μιας ιστοσελίδας του WordPress χωρίς να μεταβάλλουν τον κεντρικό κώδικα ή το περιεχόμενο. Κάθε ιστοσελίδα του WordPress απαιτεί τουλάχιστον ένα θέμα να είναι παρόν και κάθε θέμα πρέπει να σχεδιαστεί χρησιμοποιώντας πρότυπα WordPress με δομημένη PHP, έγκυρη γλώσσα HTML (HyperText Markup Language) και Cascading Style Sheets (CSS). Τα θέματα μπορούν να εγκατασταθούν απευθείας χρησιμοποιώντας το εργαλείο διαχείρισης "Εμφάνιση" του WordPress στον πίνακα ελέγχου. Παρόλα αυτά τα templates που είναι διαθέσιμα παρουσιάζουν πολλές ομοιότητες μεταξύ τους με αποτέλεσμα για να μπορεί να γίνει μια επαρκής διαφοροποίηση να απαιτείται η παρέμβαση ενός ειδικού σε θέματα σχεδίασης 23

24 template. Τα βασικά πλεονεκτήματα του WordPress είναι ότι παρέχει χιλιάδες δωρεάν στην πλειοψηφία plugins καθώς βασίζεται στην open source κοινότητα. Η βιβλιοθήκη που διαθέτει δίνει τη δυνατότητα στους Webmasters να κάνουν σχεδόν τα πάντα δωρεάν. Το WordPress διαθέτει δεκάδες χιλιάδες διαθέσιμα πρόσθετα, τα οποία προσφέρουν προσαρμοσμένες λειτουργίες και δυνατότητες που επιτρέπουν στους χρήστες να προσαρμόζουν τις ιστοσελίδες τους στις συγκεκριμένες ανάγκες τους. Τα περισσότερα πρόσθετα είναι διαθέσιμα μέσω του WordPress, είτε με τη λήψη τους και την εγκατάσταση των αρχείων με μη αυτόματο τρόπο μέσω του FTP ή μέσω του πίνακα εργαλείων του WordPress. Κεφάλαιο 2: Υλοποίηση εφαρμογής 2.1 Εργαλεία υλοποίησης Η εφαρμογή δημιουργήθηκε με τη χρήση της πλατφόρμας wordpress και συγκεκριμένα της έκδοσης WordPress Η εφαρμογή είναι διαθέσιμη για καταβίβαση (download) από τη διεύθυνση και πιο συγκεκριμένα από την διεύθυνση Είναι διαθέσιμη σε πολλές γλώσσες και χάριν της ελληνικής διαδικτυακής κοινότητας υποστήριξης, είναι διαθέσιμη και στα ελληνικά. Η καταβίβαση γίνεται σε ένα αρχείο zip το οποίο και εγκαθίσταται τοπικά στον δίσκο του developer, αλλά η παραμετροποίηση της εφαρμογής απαιτεί την εγκατάσταση κάποιας προσωμοίωσης web server στον υπολογιστή, όπως είναι το Xamp ή το Wamp. Στην προκειμένη περίπτωση αυτό που έχει χρησιμοποιηθεί είναι το WAMP. 2.2 Wamp 24

25 Η εγκατάσταση και ο έλεγχος της εφαρμογής έγινε με τη χρήση του λογισμικού ανοικτού κώδικα WAMP (Windows MySQL PHP Apache). Το WAMP είναι ένα πακέτο πολλών εργαλείων και το όνομά του είναι ένα αρκτικόλεξο. Σχηματίζεται από τα αρχικά του λειτουργικού συστήματος των Microsoft Windows και τις κύριες συνιστώσες του πακέτου: Apache, MySQL και PHP. Ο Apache είναι ένας πολύ ισχυρός και από τους πιο διαδεδομένους web server.η MySQL είναι ένα λογισμικό διαχείρισης βάσεων δεδομένων η οποία σε συνδυασμό με τη γλώσσα PHP δίνει τεράστιες δυνατότητες ανάπτυξης δυναμικών ιστοσελίδων. Άλλα προγράμματα που επίσης περιλαμβάνονται είναι όπως είδαμε το phpmyadmin το οποίο παρέχει μια γραφική διεπαφή στο διαχειριστή της βάσης δεδομένων MySQL, ή τις εναλλακτικές γλώσσες προγραμματισμού Python και Perl Ο Apache HTTP Server, που συνήθως αναφέρεται ως Apache είναι ένας web server. Πρόκειται για λογισμικό που έχει βασικό ρόλο στην παροχή του περιεχομένου των ιστοσελίδων στις client εφαρμογές που είναι οι web browsers. Η πλειοψηφία των διακομιστών web που χρησιμοποιούν Apache λειτουργούν κάτω από ένα λειτουργικό σύστημα τύπου UNIX. Όμως την προϋπόθεση αυτή ήρθε να αλλάξει το WAMP το οποίο χρησιμοποιεί μια έκδοση του Apache για Windows Εγκατάσταση Wamp Το WAMP είναι ένα πακέτο που περιλαμβάνει βασικά μια έκδοση Apache για τα Windows καθώς επίσης και τις απαραίτητες εκδόσεις της MySQL και της PHP. Επίσης περιλαμβάνει και άλλα χρήσιμα εργαλεία όπως (Xdebug, PhpMyadmin, SQLBuddy,webGrind). Είναι λογισμικό το οποίο μας εγκαθιστά την Mysql μαζί με το PhpMyadmin και τον Apache server για Windows τοπικά στο μηχάνημά μας για να εκτελέσουμε μια εφαρμογή php στον υπολογιστή μας. Το WAMP διατίθεται και αυτό δωρεάν από την σελίδα Για την εγκατάσταση του, πρέπει να κατεβάσουμε το αρχείο WAMP από την ιστοσελίδα 25

26 και την επιλογή DOWNLOAD όπως βλέπουμε παρακάτω: Εικόνα 1. Έπειτα εμφανίζεται ο παρακάτω ιστότοπος στον οποίο θα πρέπει να επιλέξουμε το αρχείο WAMP που πληροί τις απαιτήσεις του λειτουργικού μας συστήματος ( 64 bits ή 32 bits ) όπως βλέπουμε παρακάτω: 26

27 Εικόνα 2. Έκδοση Wamp Έπειτα εμφανίζεται ένα προειδοποιητικό μήνυμα στο οποίο πατάμε την επιλογή you can download directly και αρχίζει το κατέβασμα του αρχείο. Μόλις ολοκληρωθεί το download, επιλέγουμε την εκτέλεση του αρχείου το οποίο κατεβάσαμε και μόλις γίνει η αποσυμπίεση του εκτελέσιμου αρχείου WAMP, ο χρήστης πλέον μπορεί να ξεκινήσει την διαδικασία εγκατάστασης. Εικόνα 3. Εγκατάσταση 27

28 Όταν ο χρήστης κάνει κλικ στην συνέχεια, θα του ζητηθεί να αποδεχθεί την συμφωνία άδειας χρήσης. Δεδομένου ότι είναι μια άδεια GPL ο χρήστης μπορεί να κάνει σχεδόν τα πάντα, οπότε και προχωρά στην αποδοχή. Το επόμενο βήμα απαιτεί να επιλέξει τον φάκελο στον οποίο θα εγκατασταθεί ο διακομιστής WAMP. Η προεπιλογή θα είναι c:\wamp αλλά ο χρήστης μπορεί να την αλλάξει για να εγκαταστήσει τον διακομιστή σε οποιονδήποτε κατάλογο ή θέση επιλέξει. Εικόνα 4. Επιλογή τοποθεσίας εγκατάστασης λογισμικού Μετά την επιλογή του καταλόγου, ο χρήστης επιλέγει τα εικονίδια. Κατόπιν κάνει κλικ στο κουμπί Next και στην συνέχεια, επιβεβαιώνει ξανά τις ρυθμίσεις εγκατάστασης κάνοντας κλικ στην επιλογή Install. Μόλις ολοκληρωθεί η εγκατάσταση, θα ζητηθεί από τον χρήστη να επιλέξει το προεπιλεγμένο πρόγραμμα περιήγησης. Ο Internet Explorer είναι η προεπιλεγμένη επιλογή, αλλά μπορεί να γίνει η περιήγηση σε οποιοδήποτε άλλο πρόγραμμα περιήγησης της επιλογής του χρήστη. Εάν το τείχος προστασίας των Windows εμφανιστεί σε αυτό το σημείο, θα πρέπει ο χρήστης να βεβαιωθεί ότι έχετε παραχωρήσει πρόσβαση στο Apache. Η επόμενη απόφαση που θα πρέπει να γίνει από τον χρήστη είναι να ορίσει τις παραμέτρους του PHP mail. Πολλοί χρήστες αφήνουν αυτό το βήμα 28

29 στις προεπιλεγμένες ρυθμίσεις κατά την δημιουργία ενός διακομιστή δοκιμών στον τοπικό υπολογιστή τους. Αν ο χρήστης θέλει να το ρυθμίσει μπορεί να συνδεθεί με τον διακομιστή SMTP, αλλά αν δεν σκοπεύει να δοκιμάσει τις δυνατότητες ηλεκτρονικού ταχυδρομείου, οι προεπιλεγμένες ρυθμίσεις μπορούν να παραμείνουν και το μόνο που χρειάζεται να κάνει ο χρήστης είναι κλικ στο Next. Εικόνα 5. Ρύθμιση του διακομιστή SMTP (προαιρετικό). Αφού ολοκληρώσουμε τα παραπάνω βήματα ο WAMP είναι εγκατεστημένος πλέον στον υπολογιστή μας και εμφανίζεται στη γραμμή εργασιών το εικονίδιο του WAMP με κόκκινο χρώμα όπως βλέπουμε παρακάτω: Εικόνα 6. Εικονίδιο Wamp 29

30 Για να ενεργοποιήσουμε τον WAMP πατάμε το εικονίδιο και επιλέγουμε το start all services στις επιλογές που θα εμφανίσει όπως βλέπουμε παρακάτω: Εικόνα 7. Εκκίνηση υπηρεσιών πράσινο. Πλέον ο WAMP είναι ενεργοποιημένος και το λογότυπο έχει γίνει Δοκιμή της εγκατάστασης Επιλέγοντας Start -> All Programs -> WampServer -> start WampServer, ο χρήστης μπορεί να ξεκινήσει την κονσόλα διαχείρισης. Αφού ανοίξει, θα εμφανιστεί στην κάτω δεξιά γωνία της οθόνης του χρήστη. 30

31 Εικόνα 8. Η κονσόλα διαχείρισης WAMP Αν δεν ξεκινήσει η λειτουργία WAMP, ο χρήστης μπορεί να κάνει κλικ στην επιλογή Start All Services. Εάν δεν είναι βέβαιος εάν λειτουργεί το WAMP ή όχι, θα πρέπει να αναζητήσει το μικρό πράσινο εικονίδιο W στην γραμμή των εργαλείων. Εάν είναι κόκκινο, οι υπηρεσίες WAMP έχουν διακοπεί, το πράσινο σημαίνει ότι όλα λειτουργούν ενώ το πορτοκαλί σημαίνει ότι εκτελούνται ορισμένες υπηρεσίες. Για να ελεγχθεί εάν τα πάντα έχουν εγκατασταθεί σωστά, στην κονσόλα διαχείρισης WAMP ο χρήστης επιλέγει το Localhost. Εάν εμφανιστεί στην οθόνη η επόμενη εικόνα στο πρόγραμμα περιήγησης, τότε όλα λειτουργούν σωστά. 31

32 Εικόνα 9. Οι υπηρεσίες WAMP εκτελούνται Ορισμός κωδικού πρόσβασης της εγκατάστασης Στο τελευταίο βήμα ο χρήστης πρέπει να ορίσει έναν κωδικό πρόσβασης για το phpmyadmin. Πολλοί χρήστες δεν βλέπουν την ανάγκη προστασίας της βάσης δεδομένων εάν πρόκειται μόνο για δείγματα δεδομένων και ενδεχομένως να παραβλέψουν αυτό το βήμα. Για την αλλαγή του κωδικού πρόσβασης ο χρήστης θα πρέπει να περιηγηθεί στο αρχείο phpmyadmin που βρίσκεται στο C:/wamp/apps/phpmyadmin3.x.x και να ανοίξει το αρχείο config.inc.php για επεξεργασία. Μόλις ανοιχτεί, ο χρήστης θα πρέπει να πλοηγηθεί στις κάτωθι γραμμές: $cfg['servers'][$i]['user'] = 'root'; $cfg['servers'][$i]['password'] = 'xxxxx'; $cfg['servers'][$i]['allownopassword'] = true; και όπου το παράδειγμα γράφει xxxxx θα πρέπει να εισάγει τον κωδικό πρόσβασης. Στο πεδίο AllowNoPassword, η τιμή αλλάζει σε false. 32

33 2.3 Εγκατάσταση Wordpress Το αρχείο wordpress.zip αποσυμπιέζεται σε κάποιον φάκελο και ο φάκελος αυτός αντιγράφεται μέσα στον φάκελο wamp\www\ όπου βρίσκονται τα sites που δημοσιεύονται στον τοπικό web server wamp. Στην προκειμένη περίπτωση ο φάκελος ονομάστηκε edocuments όμως σε έναν πραγματικό περιβάλλον hosting τα αρχεία του φακέλου θα τοποθετούνταν σε έναν υποφάκελο που μας υποδεικνύεται από τον πάροχο υπηρεσιών hosting και που μπορεί να είναι ο public_html ή public_httpdocs κοκ. Στη συνέχεια επιλέγοντας από το εικονίδιο του wamp στη γραμμή εργασιών την επιλογή phpmyadmin ανοίγει η εφαρμογή διαχείρισης βάσεων δεδομένων MySQL του wamp. Εκεί ο δημιουργός της ιστοσελίδας δημιουργεί τη βάση δεδομένων που θα χρησιμοποιηθεί από την εφαρμογή. Στη συγκεκριμένη περίπτωση το όνομα της βάσης είναι edocuments ενώ το όνομα του χρήστη της βάσης είναι root και δεν χρησιμοποιείται κάποιο password. Εικόνα 10. Δημιουργία βάσης δεδομένων Στη συνέχεια επιλέγοντας από το εικονίδιο του wamp στη γραμμή εργασιών localhost ανοίγει η σελίδα του wamp με όλους τους φακέλους εφαρμογών που βρίσκονται αποθηκευμένοι στον υποφάκελο wamp\www. 33

34 Επιλέγοντας το σύνδεσμο edocuments για πρώτη φορά, η εφαρμογή wordpress ανακατευθύνει τον δημιουργό της ιστοσελίδας στη σελίδα εγκατάστασης (Install.php) στον υποφάκελο wp-admin. Στην οθόνη που εμφανίζεται, ο διαχειριστής της εφαρμογής καλείται να δηλώσει το όνομα της βάσης δεδομένων που δημιουργήθηκε στο phpmyadmin, το όνομα του χρήστη της βάσης καθώς και το password. Επίσης δηλώνει το όνομα του host (localhost) και το πρόθεμα των πινάκων όπως αυτοί θα δημιουργηθούν αυτόματα μέσα στη βάση δεδομένων. Εικόνα 11. Εγκατάσταση εφαρμογής Στη συνέχεια ο δημιουργός της εφαρμογής καλείται να δηλώσει ένα username και password για τον διαχειριστή (administrator) της σελίδας. Στη συγκεκριμένη εφαρμογή το username που ορίστηκε είναι academicdocs και το password είναι academicdocs#1. Τέλος ο διαχειριστής μεταφέρεται στη σελίδα διαχείρισης της εφαρμογής. 34

35 Εικόνα 12. Σελίδα διαχείρισης Επιλέγοντας από το μενού επιλογών στα αριστερά, την επιλογή ρυθμίσεις ο διαχειριστής δηλώνει τον τίτλο και τον υπότιτλο της σελίδας που στη προκειμένη περίπτωση ονομάζεται AcademicDocs και Ακαδημαϊκά Έγγραφα αντίστοιχα. Εικόνα 13. Παραμετροποίηση σελίδας 35

36 2.4 Επιλογή και παραμετροποίηση προτύπου Επιλέγοντας από το αριστερό μενού την επιλογή «Εμφάνιση», ο δημιουργός έχει τη δυνατότητα να επιλέξει ένα από τα διαθέσιμα πρότυπα του wordpress ανάλογα με τις ανάγκες της εφαρμογής. Πέραν των προ εγκατεστημένων προτύπων ο δημιουργός έχει τη δυνατότητα να κατεβάσει νέα πρότυπα και να τα εγκαταστήσει. Στην προκειμένη περίπτωση το πρότυπο (template) που χρησιμοποιήθηκε είναι το Twenty_sixteen το οποίο και ήταν προ εγκατεστημένο στην έκδοση wordpress που εγκαταστάθηκε. Η επιλογή του προτύπου γίνεται με το κουμπί «ενεργοποίηση» στο αντίστοιχο εικονίδιο του προτύπου. Στη συνέχεια επιλέγοντας «Προσαρμογή», ο δημιουργός της σελίδας παραμετροποιεί το πρότυπο σύμφωνα με τις ανάγκες της εφαρμογής. Εικόνα 14. Ενεργοποίηση προτύπου Κατά την προσαρμογή του προτύπου, επιλέγοντας από τις διαθέσιμες επιλογές την ταυτότητα ιστοτόπου, μπορεί να τροποποιηθεί το όνομα του ιστοτόπου. Στη συγκεκριμένη εφαρμογή το όνομα καθορίστηκε να είναι το AcademicDocs. 36

37 Εικόνα 15. Ταυτότητα Ιστοτόπου Στη συνέχεια επιλέγοντας την «Εικόνα κεφαλίδας», ο διαχειριστής καθορίζει την εικόνα που θα εμφανίζεται στην κεφαλίδα της κάθε σελίδας (banner). Για την επιλογή μιας εικόνας, θα πρέπει πρώτα να γίνει «Προσθήκη Νέας Εικόνας». Η εφαρμογή ανακατευθύνει το διαχειριστή στη σελίδα διαχείρισης της βιβλιοθήκης πολυμέσων. Εικόνα 16. Εικόνα κεφαλίδας 37

38 Για να χρησιμοποιηθεί μια εικόνα ή κάποιας άλλης μορφής πολυμέσο, θα πρέπει να γίνει πρώτα μεταφόρτωση του αρχείου στη βιβλιοθήκη πολυμέσων του wordpress. Επιλέγοντας την καρτέλα «Μεταφόρτωση αρχείων» ο διαχειριστής μπορεί εύκολα να ανεβάσει (upload) μια εικόνα από τον τοπικό δίσκο στην εφαρμογή. Εικόνα 17. Μεταφόρτωση Πολυμέσων Οι εικόνες και τα πολυμεσικά αρχεία που έχουν ανέβει στην εφαρμογή είναι διαθέσιμα στη βιβλιοθήκη πολυμέσων. Επιλέγοντας μια από τις εικόνες ο διαχειριστής μπορεί να κάνει κάποιες μικρές τροποποιήσεις όπως να ορίσει το μέγεθος καθώς και τα χαρακτηριστικά της εικόνας (attributes) τα οποία είναι πολύ χρήσιμα γιατί βοηθούν τις μηχανές αναζήτησης όπως το Google στην εμφάνιση αποτελεσμάτων μετά από μια αναζήτηση. Οι βασικοί κανόνες SEO (search engine optimization) επιβάλλουν στους δημιουργούς ιστοσελίδων να δίνουν κατάλληλες τιμές σε αυτά τα attributes έτσι ώστε η σελίδα να εμφανίζεται σε όσο καλύτερη θέση στα αποτελέσματα των μηχανών αναζήτησης μετά από μια αναζήτηση με τις σχετικές λέξεις-κλειδιά. 38

39 Εικόνα 18. Επιλογή Πολυμέσων Ανάλογη με την παραπάνω διαδικασία είναι και η επιλογή φόντου των σελίδων του ιστοτόπου. Ο διαχειριστής με την επιλογή «Εικόνα φόντου», μπορεί να επιλέξει μια εικόνα που θα εμφανίζεται στο φόντο της κάθε σελίδας. Η διαδικασία είναι παρόμοια με την προηγούμενη όπου ο διαχειριστής θα πρέπει να μεταφορτώσει την εικόνα που επιθυμεί στην εφαρμογή και να την επιλέξει από τη βιβλιοθήκη πολυμέσων. Εικόνα 19. Επιλογή φόντου 39

40 Με την επιλογή «Πλευρική στήλη» ο διαχειριστής του ιστοτόπου καθορίζει ποιες θα είναι οι μικροεφαρμογές που θα εμφανίζονται στη δεξιά στήλη της κάθε σελίδας. Στην προκειμένη περίπτωση οι επιλογές που εμφανίζονται στα δεξιά της κάθε σελίδας έχουν καθοριστεί να είναι η γραμμή αναζήτησης και τα πιο πρόσφατα αρχεία. Εικόνα 20. Επιλογή μικροεφαρμογών 2.5 Επιλογή και παραμετροποίηση πρόσθετων (plug-in) Σύμφωνα με τις προδιαγραφές της εφαρμογής, θα πρέπει να δημιουργηθεί μια βάση εγγράφων όπου εξουσιοδοτημένοι χρήστες θα μπορούν να δημοσιεύουν κάποια έγγραφα ανά κατηγορία. Επίσης όλοι οι επισκέπτες θα μπορούν να κάνουν αναζήτηση των εγγράφων ανά κατηγορία και θα μπορούν επίσης να κατεβάζουν κάποιο από τα έγγραφα. Το Wordpress εκτός από τη βασική λειτουργικότητα που προσφέρει σχετικά με τις κατηγορίες, τα μενού και τα σχετικά άρθρα, έχει τη δυνατότητα να επεκτείνει τις προσφερόμενες λειτουργίες μέσω του μηχανισμού των προσθέτων (plugin). Χάρις στις κοινότητες ανάπτυξης επεκτάσεων, το Wordpress έχει εμπλουτισθεί με μια τεράστια ποικιλία βιβλιοθηκών που περιέχουν επεκτάσεις οι οποίες μπορούν εύκολα να εγκατασταθούν και να επεκτείνουν τις δυνατότητές του. 40

41 Η εγκατάσταση γίνεται μέσα από την επιλογή «Πρόσθετα» και στη συνέχεια «Νέο πρόσθετο». Όταν η εγκατάσταση γίνεται Online τότε ο διαχειριστής της ιστοσελίδας έχει τη δυνατότητα να κάνει αναζήτηση μέσα από τη σελίδα διαχείρισης για κάποιο πρόσθετο και να το εγκαταστήσει άμεσα. Στην περίπτωση που η σελίδα αναπτύσσεται σε τοπικό επίπεδο όπως στην προκειμένη περίπτωση, τότε ο διαχειριστής μπορεί να κάνει αναζήτηση του κατάλληλου προσθέτου μέσα από τη διεύθυνση του wordpress ( και να επιλέξει ανάμεσα στα δεκάδες πρόσθετα που εξυπηρετούν τη συγκεκριμένη λειτουργία. Στη συνέχεια μπορεί να κατεβάσει το πρόσθετο σε μορφή αρχείου zip τοπικά στο δίσκο. Κατόπιν μέσα από την επιλογή «Νέο πρόσθετο» επιλέγει το αρχείο zip από τον τοπικό δίσκο, και το πρόσθετο εγκαθίσταται. Στη συγκεκριμένη εφαρμογή μετά από αναζήτηση ενός κατάλληλου προσθέτου για τη δημιουργία βιβλιοθήκης εγγράφων, έγινε η επιλογή του πρόσθετου «Memphis Documents Library». Εικόνα 21. Επιλογή νέου πρόσθετου Αφού το πρόσθετο κατέβηκε τοπικά στο δίσκο έγινε εγκατάσταση του μέσα από τη διαδικασία του «Νέου Πρόσθετου». 41

42 Εικόνα 22. Εγκατάσταση πρόσθετου Μετά την εγκατάσταση του προσθέτου «Memphis Documents Library» ακολουθεί η παραμετροποίηση του. Ο διαχειριστής της εφαρμογής μπορεί να επιλέξει και να ανεβάσει έγγραφα καθώς και να δημιουργήσει φακέλους για την κάθε κατηγορία εγγράφου. Εικόνα 23. Παραμετροποίηση πρόσθετου 42

43 Επίσης από την επιλογή «Options» έχει τη δυνατότητα να παραμετροποιήσει κάποιες ρυθμίσεις, όπως για παράδειγμα το ποιος ρόλος χρήστη θα έχει τη δυνατότητα αφού συνδεθεί να μπορεί να ανεβάσει έγγραφα. Στη συγκεκριμένη περίπτωση, η βιβλιοθήκη παραμετροποιήθηκε έτσι ώστε κάθε εξουσιοδοτημένος χρήστης αφού συνδεθεί να μπορεί να ανεβάσει έγγραφα και να δημιουργεί φακέλους. Εικόνα 24. Παραμετροποίηση upload Η εμφάνιση των εγγράφων γίνεται στη αντίστοιχη σελίδα Ακαδημαϊκά Έγγραφα. Η σελίδα δημιουργήθηκε από την επιλογή «Σελίδες» του μενού διαχείρισης. Για την εμφάνιση του πρόσθετου, προστέθηκε στη σελίδα η αναφορά [mdocs] του πρόσθετου. Στη συνέχεια δημιουργήθηκε από την επιλογή «Μενού», η αντίστοιχη επιλογή στο κεντρικό μενού της εφαρμογής. 43

44 Εικόνα 25. Σελίδα «Ακαδημαϊκά Έγγραφα» Πέραν της δυνατότητας του διαχειριστή να ανεβάζει έγγραφα τα οποία και θα μπορούν να κατεβάζουν οι επισκέπτες της εφαρμογής, μια από τις απαιτήσεις είναι η δυνατότητα εγγραφής ενός χρήστη και δημιουργίας ενός λογαριασμού με τον οποίο θα μπορεί να ανεβάζει έγγραφα στη βάση εγγράφων της εφαρμογής. Έτσι θα πρέπει να συνδυαστούν οι δυνατότητες που δίνει το πρόσθετο που περιεγράφηκε νωρίτερα για δημοσίευση εγγράφων με ένα επιπλέον πρόσθετο που δίνει τη δυνατότητα στον χρήστη να δημιουργεί έναν δικό του λογαριασμό ο οποίος θα έχει δικαίωμα να ανεβάσει έγγραφα στην εφαρμογή. Κατόπιν αναζήτησης του κατάλληλου πρόσθετου, επιλέχθηκε το Profile Builder το οποίο δίνει τη δυνατότητα μέσα από διάφορες επιλογές παραμετροποίησης, σε έναν επισκέπτη να δημιουργήσει το δικό του λογαριασμό σύνδεσης με την εφαρμογή. 44

45 Εικόνα 26. Πρόσθετο profile builder Η εγκατάσταση του πρόσθετου έγινε με την ίδια διαδικασία που περιεγράφηκε για το πρόσθετο Memphis Library. Η αναζήτηση έγινε με τις αντίστοιχες λέξεις κλειδιά στα διαθέσιμα πρόσθετα του wordpress και αφού αποθηκεύτηκε το αντίστοιχο zip αρχείο στον τοπικό δίσκο, έγινε εγκατάστασή του από τη σελίδα διαχείρισης των πρόσθετων. Εικόνα 27. Παραμετροποίηση profile builder 45

46 Επιλέγοντας στο πρόσθετο Profile Builder την επιλογή Admin Bar Settings, υπάρχει η δυνατότητα να καθορισθεί ο τύπος χρηστών που θα μπορούν να δημιουργηθούν. Για λόγους ασφαλείας και περιορισμού των δικαιωμάτων των νέων χρηστών που θα δημιουργηθούν, καθορίστηκε ως μοναδική επιλογή δημιουργίας λογαριασμού ο τύπος χρήστη «Συνδρομητής» (Subscriber). Εικόνα 28. Παραμετροποίηση profile builder Κατά την εγγραφή του, ένας χρήστης θα πρέπει να εισάγει κάποια στοιχεία για να δημιουργηθεί ο αντίστοιχος λογαριασμός. Τα στοιχεία αυτά μπορεί να είναι διάφορα και το συγκεκριμένο πρόσθετο δίνει πολλές δυνατότητες παραμετροποίησης της φόρμας εγγραφής. Για την απλούστευση της διαδικασίας εγγραφής, επιλέχθηκαν να είναι διαθέσιμα πολλά πεδία όπως το ονοματεπώνυμο, προσωπικά στοιχεία, τηλέφωνο και όμως υποχρεωτικά προς συμπλήρωση ορίστηκαν μόνο το username και password. 46

47 Εικόνα 29. Σελίδα Είσοδος Μέλους Η εμφάνιση της φόρμας σύνδεσης στην εφαρμογή γίνεται στη αντίστοιχη σελίδα Είσοδος Μέλους. Η σελίδα δημιουργήθηκε από την επιλογή «Σελίδες» του μενού διαχείρισης. Για την εμφάνιση του πρόσθετου, προστέθηκε στη σελίδα η αναφορά [wppb-login] του πρόσθετου έτσι ώστε να εμφανίζεται η φόρμα σύνδεσης. Εικόνα 30. Σελίδα Εγγραφή Μέλους 47

48 Η εμφάνιση της φόρμας εγγραφής στην εφαρμογή γίνεται στη αντίστοιχη σελίδα Είσοδος Μέλους. Η σελίδα δημιουργήθηκε από την επιλογή «Σελίδες» του μενού διαχείρισης. Επίσης προστέθηκε στη σελίδα η αναφορά [wppb-register] του πρόσθετου έτσι ώστε να εμφανίζεται η φόρμα εγγραφής. Στη συνέχεια δημιουργήθηκε από την επιλογή «Μενού», η αντίστοιχη επιλογή «Εγγραφή Μέλους» στο κεντρικό μενού της εφαρμογής. Εικόνα 31. Επιλογή Είσοδος Μέλους Με τις παραπάνω ρυθμίσεις ενεργοποιείται η εγγραφή μέλους από τον ίδιο τον διαχειριστή. Για να είναι δυνατή η εγγραφή ενός νέου μέλους χωρίς την είσοδο του διαχειριστή στη διαχείριση θα πρέπει να γίνει η αντίστοιχη ρύθμιση που φαίνεται και στην Εικόνα 32. Η ρύθμιση βρίσκεται στη σελίδα διαχείρισης και στην επιλογή Ρυθμίσεις->Γενικά. Ο διαχειριστής δίνει το δικαίωμα αυτόεγγραφής στους επισκέπτες ενεργοποιώντας την επιλογή «Αυτοεγγραφή». 48

49 Εικόνα 32. Ενεργοποίηση αυτοεγγραφής Μέλους Κεφάλαιο 3: Έλεγχος και αποτίμηση της εφαρμογής Κάνοντας περιήγηση στην εφαρμογή, οι επιλογές από το μενού επιλογών είναι 3: η αρχική σελίδα, η σελίδα των εγγράφων και η σελίδα εισόδου των μελών. Για να έχει τη δυνατότητα να ανεβάσει ένα νέο μέλος τα αρχεία θα πρέπει πρώτα ο διαχειριστής της εφαρμογής να δημιουργήσει φακέλους για την κάθε κατηγορία εγγράφου όπως θα δούμε στην εικόνα 33. Η δυνατότητα αυτή θα μπορούσε να δοθεί και στα μέλη όμως έχει γίνει η επιλογή στο πρόσθετο Profile Builder οι νέο-εγγεγραμμένοι χρήστες να μην εγγράφονται ως διαχειριστές αλλά ως απλοί συντάκτες. 49

50 Εικόνα 33. Δημιουργία φακέλου Επίσης δίνετε η δυνατότητα στον διαχειριστή να δημιουργήσει και υποφακέλους σε κάθε φάκελο. Με τον τρόπο αυτό ο διαχειριστής δημιουργεί μια ιεραρχική δομή των φακέλων και των εγγράφων που ανεβάζουν τα μέλη για την ταξινόμηση και την διευκόλυνση της αναζήτησης των εγγράφων. Εικόνα 34. Δημιουργία υποφακέλου 50

51 Εικόνα 35. Δημιουργία υποφακέλου Επίσης έχει τη δυνατότητα από την επιλογή Order να αλλάξει τη σειρά εμφάνισης των φακέλων και υποφακέλων τους. Ο διαχειριστής έχει και τη δυνατότητα να προσδιορίσει τον τύπο των αρχείων που μπορούν να ανέβουν από τους χρήστες. Έτσι στην επιλογή Options επιλέγοντας τον Επιτρεπόμενο τύπο αρχείων μπορεί να προσδιορίσει μόνο εκείνους τους τύπους αρχείων που επιτρέπονται. Η ρύθμιση αυτή είναι πολύ σημαντική για λόγους ασφαλείας της εφαρμογής. Εικόνα 36. Καθορισμός επιτρεπόμενων τύπων αρχείων 51

52 Τέλος μια επιπλέον δυνατότητα είναι αυτή του ομαδικού ανεβάσματος αρχείων (Batch Upload) που δίνει τη δυνατότητα στον διαχειριστή να ανεβάσει μαζικά πολλά έγγραφα. Τα έγγραφα αυτά μπορούν να είναι μαζικά αποθηκευμένα σε συμπιεσμένο φάκελο. Εικόνα 37. Batch Upload Μια επίσης χρήσιμη δυνατότητα προς τον διαχειριστή είναι αυτή της μαζικής επεξεργασίας των χαρακτηριστικών των αρχείων. Ο διαχειριστής μπορεί να επιλέξει ομαδικά ένα σύνολο αρχείων και μέσα από έναν πίνακα πεδίων με τα χαρακτηριστικά των αρχείων και να τροποποιήσει κάποιες τιμές. 52

53 Εικόνα 38. Batch Edit Επιπλέον ο διαχειριστής έχει τη δυνατότητα να μεταφέρει μαζικά πολλά έγγραφα από έναν φάκελο σε έναν άλλον με τη λειτουργία Batch Move. Εικόνα 39. Batch Move Τέλος ο διαχειριστής έχει τη δυνατότητα να διαγράψει μαζικά πολλά έγγραφα με τη λειτουργία Batch Delete. 53

54 Εικόνα 40. Batch Delete 3.1 Σελίδα Μελών Επιλέγοντας τη σελίδα Είσοδος Μέλους, εφόσον ο χρήστης δεν έχει συνδεθεί ενεργοποιείται το πρόσθετο [wppb-register] για την εγγραφή του χρήστη στην υπηρεσία ανάρτησης εγγράφων. Στη σελίδα εμφανίζεται η φόρμα εισαγωγής των στοιχείων του χρήστη τα οποία και μπορούν να παραμετροποιηθούν από τη διαχείριση σύμφωνα με τις επιθυμίες και ανάγκες του διαχειριστή. Στην συγκεκριμένη περίπτωση τα στοιχεία που απαιτούνται είναι μόνο το username και password, όμως επιπρόσθετα ο χρήστης που επιθυμεί να εγγραφεί μπορεί να εισάγει το όνομα και επίθετο, ένα ψευδώνυμο, και ενδεχομένως κάποια στοιχεία σχετικά με τον εαυτό του. Επίσης υποχρεωτική είναι και η εισαγωγή του . Η υποχρεωτική εισαγωγή ενός πεδίου μπορεί να τροποποιηθεί από τη διαχείριση του πρόσθετου όπως έχει ήδη περιγραφεί. 54

55 Εικόνα 41. Εγγραφή Μέλους Μετά την επιτυχή εγγραφή του νέου μέλους, ο χρήστης μπορεί να συνδεθεί στην εφαρμογή χρησιμοποιώντας την αντίστοιχη φόρμα σύνδεσης στην επιλογή Είσοδος Μέλους. Εικόνα 42. Σύνδεση Μέλους Στη συνέχεια και εφόσον έχει γίνει επιτυχής σύνδεση, στην επάνω δεξιά θέση στην σελίδα εμφανίζεται το μήνυμα καλωσορίσματος του 55

56 WordPress και ο χρήστης έχει τη δυνατότητα να εισέλθει στη σελίδα διαχείρισης του προφίλ του. Εικόνα 43. Καλωσόρισμα Μέλους Στην επιλογή Memphis Docs ο χρήστης μπορεί να διαχειρισθεί το πρόσθετο έτσι ώστε να προσθέσει ένα νέο έγγραφο. Στο πρόσθετο εμφανίζονται όλα τα έγγραφα που έχουν προστεθεί σε κάθε φάκελο. Με την επιλογή «Add New Document» ο χρήστης μπορεί να προσθέσει ένα νέο έγγραφο εάν του δίνετε το δικαίωμα. 56

57 Εικόνα 44. Προσθήκη εγγράφων Το πρόσθετο δίνει πολλές δυνατότητες χαρακτηρισμού του εγγράφου. Εκτός από τις βασικές δυνατότητες προσθήκες τίτλου και φακέλου, ο χρήστης μπορεί να παραμετροποιήσει την ημερομηνία, να εισάγει μια σύντομη περιγραφή κα. Εικόνα 45. Προσθήκη εγγράφου Μετά την προσθήκη του εγγράφου, το έγγραφο είναι ορατό προς σχολιασμό και καταβίβαση από τους απλούς χρήστες στη σελίδα «Έγγραφα». 57

58 3.1.1 Αναζήτηση Εγγράφων ανά Φάκελο Από την κεντρική σελίδα της εφαρμογής, πατώντας από το μενού «Έγγραφα», εμφανίζεται η σελίδα documents η οποία και περιέχει τον πίνακα με τα έγγραφα που έχουν προστεθεί στη βιβλιοθήκη ανά κατηγορία (Φάκελο). Ένας τρόπος λοιπόν αναζήτησης είναι ο ιεραρχικός τρόπος όπου οι χρήστες μπαίνοντας από κατηγορία σε υποκατηγορία μπορούν να εντοπίσουν τα έγγραφα που τους αφορούν. Εικόνα 46. Αναζήτηση Εγγράφων ανά Φάκελο Αναζήτηση με ταξινόμηση Ο πίνακας που παρέχεται από το πρόσθετο Memphis δίνει τη δυνατότητα ταξινόμησης των αποτελεσμάτων αναζήτησης με διάφορα κριτήρια όπως ανά ημερομηνία δημοσίευσης, τον χρήστη που το ανέβασε, το 58

59 όνομα αρχείου κα. Ο χρήστης απλώς πατώντας πάνω στον τίτλο της στήλης που αποτελεί κριτήριο ταξινόμησης μπορεί διαδοχικά να επιλέξει αύξουσα ή φθίνουσα σειρά ταξινόμησης. Εικόνα 47. Σελίδα Έγγραφα Αναζήτηση με λέξη κλειδί Ένας άλλος τρόπος αναζήτησης είναι με τη χρήση λέξεων κλειδιών. Ο χρήστης συμπληρώνει μια λέξη κλειδί στο αντίστοιχο πεδίο αναζήτησης στα δεξιά. Αν η αναζήτηση δεν φέρει κάποιο αποτέλεσμα τότε ο χρήστης ειδοποιείται αντίστοιχα. Αντίθετα αν η λέξη κλειδί αντιστοιχεί σε κάποιο άρθρο, τότε αυτό εμφανίζεται στα αποτελέσματα. 59

60 Εικόνα 48. Ανεπιτυχής αναζήτηση Εικόνα 49. Επιτυχής αναζήτηση Τέλος κάθε φορά που προστίθεται ένα έγγραφο, αυτό εμφανίζεται στην κεντρική σελίδα της εφαρμογής. 60

61 Εικόνα 50. Σελίδα Εγγράφου στην αρχική σελίδα Επιλογές εγγράφου Ο χρήστης μπορεί να κατεβάσει το έγγραφο από τον πίνακα ή εναλλακτικά μπορεί να πατήσει πάνω στο έγγραφο και να δει την περιγραφή, να διαμοιράσει τον σύνδεσμο σε social media, να κάνει προεπισκόπηση του εγγράφου αν ο τύπος του, του το επιτρέπει κα. Κάνοντας κλικ πάνω στο όνομα του έγγραφου στην πρώτη στήλη εμφανίζεται ένα pop up μενού με όλες τις διαθέσιμες επιλογές προς τον χρήστη. 61

62 Εικόνα 51. Επιλογές εγγράφου Εκτός λοιπόν από την βασική εντολή κατεβάσματος του αρχείου, οι χρήστες εφόσον έχουν κάνει εγγραφή έχουν η δυνατότητα να βαθμολογήσουν το έγγραφο. Επιλέγοντας την αντίστοιχη εντολή, ο χρήστης, εφόσον έχει κάνει login, βαθμολογεί από το 1-5 το έγγραφο. 62

63 Εικόνα 52. Βαθμολόγηση εγγράφου Στον πίνακα και στην αντίστοιχη στήλη εμφανίζεται ο μέσος όρος βαθμολόγησης του εγγράφου από εξουσιοδοτημένους χρήστες. Εικόνα 53. Μέση βαθμολόγηση εγγράφου Τέλος μια επιπλέον δυνατότητα του συγκεκριμένου πρόσθετου είναι η ανάρτηση πολλών εκδόσεων του ίδιου εγγράφου. Έτσι οι χρήστες πατώντας στην αντίστοιχη στήλη (Versions) μπορούν να δουν όλες τις εκδόσεις του 63

64 ίδιου εγγράφου και ενδεχομένως να επιλέξουν να κατεβάσουν μια παλαιότερη έκδοση. Εικόνα 54. Παλαιότερες εκδόσεις του εγγράφου Εικόνα 55. Κατέβασμα παλαιότερης έκδοσης του εγγράφου 3.2 Οδηγίες μετεγκατάστασης Σε περίπτωση που η εφαρμογή έχει ήδη δημιουργηθεί και πρέπει να μετεγκατασταθεί σε κάποιον άλλον server απαιτούνται οι εξής ενέργειες: 64

65 1. Αρχικά γίνεται αποθήκευση του φακέλου αρχείων του wordpress (στην προκειμένη περίπτωση είναι το edocuments\wordpress\). Επίσης γίνεται εξαγωγή της βάσης δεδομένων που στην συγκεκριμένη περίπτωση είναι η edocuments σε αρχείο με όνομα edocuments.sql. 2. Ο φάκελος των αρχείων αντιγράφεται μέσα στο φάκελο των projects του Wamp (πιθανότατα είναι ο φάκελος www μέσα στο C:/WAMP64) 3. Κατόπιν μέσα από το WAMP και συγκεκριμένα από την εφαρμογή PhpMyAdmin που είναι διαθέσιμη στις υπηρεσίες του WAMP που εμφανίζονται στο εικονίδιό του κάτω δεξιά, δημιουργούμε μια βάση δεδομένων με όνομα για την προκειμένη περίπτωση edocuments και κάνουμε εισαγωγή του αρχείου edocuments.sql Μετεγκατάσταση website σε online server Για τις ανάγκες του ανεβάσματος της εφαρμογής σε online έκδοση χρησιμοποιήθηκε μια από τις δωρεάν υπηρεσίες web hosting όπως η 000webhost ( η οποία δίνει αρκετές δυνατότητες όσον αφορά το δωρεάν πακέτο φιλοξενίας. Για να μπορέσει να δημιουργηθεί ένας λογαριασμός διαχείρισης στο 000webhost απαιτείται ένας λογαριασμός . Για το λόγο αυτό δημιουργήθηκε σε Gmail ο παρακάτω λογαριασμός: Username: Password: papedocumentsmail#1 Στη συνέχεια στην αρχική σελίδα του 000webhost δημιουργείται ένας λογαριασμός με τα εξής στοιχεία: Username: Password: 65

66 papedocumentsmail#1 Website Name: Edocuments Εικόνα 56. Εγγραφή στην υπηρεσία free hosting Αμέσως μετά την εγγραφή, η υπηρεσία φιλοξενίας αποστέλλει ένα επιβεβαίωσης στο λογαριασμό που δηλώθηκε 66

67 Εικόνα 57. Επιβεβαίωση μέσω υπηρεσίας free hosting Στη συνέχεια αφού γίνεται επιβεβαίωση ο διαχειριστής μεταφέρεται στην αρχική σελίδα διαχείρισης. Εικόνα 58. Αρχική σελίδα διαχείρισης στην υπηρεσία free hosting Στην αρχική σελίδα ο διαχειριστής επιλέγει την Διαχείριση Βάσεων Δεδομένων και στη συνέχεια επιλέγει τη δημιουργία μιας βάσης δεδομένων. Στην προκειμένη περίπτωση δημιουργήθηκε η εξής βάση δεδομένων: id _edocuments 67

68 Το όνομα του χρήστη της βάσης δεδομένων και το password είναι τα εξής: Username:id _edocumentsusr Password:papedocumentsmail#1 Μετά τη δημιουργία της βάσης, στην επιλογή διαχείρισης της βάσης επιλέγεται η εφαρμογή PhpMyAdmin: Εικόνα 59. Διαχείριση βάσης δεδομένων Στο περιβάλλον του PhpMyAdmin, ο διαχειριστής επιλέγει τη βάση δεδομένων id _edocuments και από τις διαθέσιμες επιλογές πατάει την εισαγωγή της βάσης επιλέγοντας το αρχείο edocuments.sql. Εικόνα 60. Ανέβασμα βάσης δεδομένων 68

69 Η βάση δεδομένων του website ανεβαίνει στον database server της online εφαρμογής και ο διαχειριστής κλείνοντας το PhpMyAdmin επιστρέφει στη σελίδα επιλογών διαχείρισης του site. Στη συνέχεια ο διαχειριστής θα πρέπει να ανεβάσει τα αρχεία του site. Αυτό επιτυγχάνεται από την επιλογή File Manager. Εικόνα 61. Ανέβασμα αρχείων Ο διαχειριστής μεταφέρεται σε εφαρμογή ανεβάσματος αρχείων όπου αρχικά ο φάκελος που φιλοξενεί το site είναι κενός. Ο κεντρικός φάκελος είναι το public_html. 69

70 Εικόνα 62. Ανέβασμα αρχείων Στον φάκελο ανεβάζουμε το zip (edocuments.zip) που περιέχει όλα τα αρχεία του site (edocuments/wordpress) μαζί με την αρχική σελίδα index.php. Στη συνέχεια αφού το αρχείο γίνει upload, με δεξί κλικ γίνεται extract. Ο φάκελος edocuments/wordpress μεταφέρεται μέσα στο public_html αν το extract έγινε σε άλλον φάκελο. Εικόνα 63. Τελική εικόνα αρχείων 70

71 Τέλος το wordpress έχει την ιδιαιτερότητα να αποθηκεύει όλο το url της εφαρμογής και αν αυτό για κάποιο λόγο μεταβληθεί όπως στην περίπτωσή μας, η εφαρμογή να μην δουλεύει. Στην προκειμένη περίπτωση η εφαρμογή γνωρίζει ως path το url από την ανάπτυξη της εφαρμογής σε wamp δηλαδή το url: Η παράμετρος αυτή μπορεί να αλλάξει με την προσθήκη των κατάλληλων εντολών στο αρχείο wp-config.php. Το αρχείο βρίσκεται στον φάκελο edocuments/wordpress και ο διαχειριστής μπορεί να το επεξεργαστεί μέσα από το file manager της υπηρεσίας κάνοντας δεξί κλικ πάνω στο όνομα του αρχείου και επιλέγοντας edit. Εικόνα 64. Επεξεργασία wp-config.php Οι εντολές που πρέπει να προστεθούν είναι οι παρακάτω: define('wp_home',' nts/wordpress/');define('wp_siteurl',' om/edocuments/wordpress/'); Πέραν των παραπάνω εντολών, υπάρχουν οι παράμετροι οι οποίες έχουν να κάνουνε με τη βάση δεδομένων. Κατά το ανέβασμα της βάσης, άλλαξε το όνομα της βάσης, ο χρήστης διαχείρισης αλλά και το password. Οι παράμετροι αυτές θα πρέπει επίσης να αλλάξουν με κατάλληλες εντολές μέσα 71

72 στο αρχείο wp-config.php. Οι εντολές που πρέπει να παραμετροποιηθούν είναι οι παρακάτω: define('db_name', 'id _edocuments'); /** MySQL database username */ define('db_user', 'id _edocumentsusr'); /** MySQL database password */ define('db_password', 'papedocumentsmail#1'); /** MySQL hostname */ define('db_host', 'localhost'); Η εικόνα που θα πρέπει να έχει το wp-config.php με τις παραμετροποιήσεις θα πρέπει να είναι η παρακάτω: Εικόνα 65. Επεξεργασία wp-config.php Το website είναι πλέον προσβάσιμο από τη διεύθυνση: 72

Ανάπτυξη πλήρους διαδικτυακής e-commerce εφαρμογής με χρήση του CMS WordPress

Ανάπτυξη πλήρους διαδικτυακής e-commerce εφαρμογής με χρήση του CMS WordPress ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ Ανάπτυξη πλήρους διαδικτυακής e-commerce εφαρμογής με χρήση του CMS WordPress ΚΟΤΣΟΓΙΑΝΝΙΔΗΣ ΛΑΖΑΡΟΣ Επιβλέπων καθηγητής Σφέτσος Παναγιώτης ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ Ως Ηλεκτρονικό Εμπόριο ή

Διαβάστε περισσότερα

6 Εισαγωγή στο Wordpress 3.x

6 Εισαγωγή στο Wordpress 3.x Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και

Διαβάστε περισσότερα

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή Τι είναι ένα CMS CMS ή Σύστημα Διαχείρισης Περιεχομένου (Content Management System) ονομάζουμε ένα λογισμικό που μας βοηθά να ελέγχουμε και να διαχειριζόμαστε έναν ιστότοπο δημόσιας ή περιορισμένης πρόσβασης.

Διαβάστε περισσότερα

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3

Διαβάστε περισσότερα

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ Βασικές Έννοιες Διαδικτύου Wordpress & Κοινωνικά Δίκτυα (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Περιεχόμενα Γενικές Έννοιες Διαδικτύου Η αρχιτεκτονική του Web Συστήματα Διαχείρισης

Διαβάστε περισσότερα

Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο

Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο Δρ. Χρήστος Όροβας Τεχνικός Υπεύθυνος 1 Διαδικασία «Φόρτωσης» μιας Ιστοσελίδας Internet Explorer, Mozilla, Chrome, κτλ HTTP Server ΠΣΔ Αίτημα για επικοινωνία

Διαβάστε περισσότερα

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και

Διαβάστε περισσότερα

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής Εργαλεία και τεχνικές από την πλευρά του πελάτη Java Applet

Διαβάστε περισσότερα

XAMPP Apache MySQL PHP javascript xampp

XAMPP Apache MySQL PHP javascript xampp XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα

Διαβάστε περισσότερα

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων)

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων) Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων) Τι είναι το Wordpress: To Wordpress είναι ένα δωρεάν ανοικτού κώδικα (open source) λογισμικό (εφαρμογή), με το οποίο μπορεί κάποιος να δημιουργεί

Διαβάστε περισσότερα

Vodafone Business Connect

Vodafone Business Connect Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης MSSQL Manager Αναλυτικός οδηγός χρήσης: MS SQL Manager Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail

Διαβάστε περισσότερα

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο FrontPage 2003 Πρακτικός Οδηγός Χρήσης Το FrontPage είναι ένα πρόγραμμα δημιουργίας ιστοσελίδων και δικτυακών τόπων που επιτρέπει το σχεδιασμό ιστοσελίδων μέσα από γραφικό περιβάλλον αλλά και την ταυτόχρονη

Διαβάστε περισσότερα

Περιεχόμενα. Πληροφορίες Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12

Περιεχόμενα. Πληροφορίες Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12 Περιεχόμενα Πληροφορίες... 11 Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12 1 Εγκατάσταση του WordPress... 13 Ελάχιστες απαιτήσεις...13 WampServer...14 Εγκατάσταση

Διαβάστε περισσότερα

Σχεδίαση και ανάπτυξη ιστοχώρου του εργαστηρίου Μηχανικής Λογισμικού. Παληόπουλος Αποστόλης-Παπαναγιώτου Παναγιώτης

Σχεδίαση και ανάπτυξη ιστοχώρου του εργαστηρίου Μηχανικής Λογισμικού. Παληόπουλος Αποστόλης-Παπαναγιώτου Παναγιώτης Σχεδίαση και ανάπτυξη ιστοχώρου του εργαστηρίου Μηχανικής Λογισμικού Π λ ό λ Α όλ Π ώ Παληόπουλος Αποστόλης-Παπαναγιώτου Παναγιώτης Σκοπός και χρησιμότητα της δημιουργίας portal για το τομέα Μικροϋπολογιστών.

Διαβάστε περισσότερα

Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server

Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server Γεώργιος Χρ. Μακρής Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server 2012 Γ ε ώ ρ γ ι ο ς Χ ρ. Μ α κ ρ ή ς ( h t t p : / / u s e r s. s c h. g r / g m a k r i s ) Περιεχόμενα

Διαβάστε περισσότερα

Η βασική εργαλειοθήκη του διαδικτύου

Η βασική εργαλειοθήκη του διαδικτύου Η βασική εργαλειοθήκη του διαδικτύου Ματθαίος Πατρινόπουλος 1 2 HTML Hyper Text Markup Language Σήμερα στην έκδοση 5 --> HTML5 Δεν είναι γλώσσα προγραμματισμού αλλά γλώσσα που καθορίζει η δομή και τις

Διαβάστε περισσότερα

28η Συνάντηση Εκπαιδευτικών Δυτικής Μακεδονίας στις ΤΠΕ Φλώρινα 7/4/2013. To wordpress εγκατάσταση στο ΠΣΔ

28η Συνάντηση Εκπαιδευτικών Δυτικής Μακεδονίας στις ΤΠΕ Φλώρινα 7/4/2013. To wordpress εγκατάσταση στο ΠΣΔ Δυτικής Μακεδονίας στις ΤΠΕ Φλώρινα 7/4/2013 To wordpress εγκατάσταση στο ΠΣΔ 1 Τι είναι το wordpress; Το WordPress ξεκίνησε ως μια πλατφόρμα για blogs, αλλά από τότε έχει εξελιχθεί σε μια πλήρη πλατφόρμα

Διαβάστε περισσότερα

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες

Διαβάστε περισσότερα

Σεμινάριο joomla! 3. Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer

Σεμινάριο joomla! 3. Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer Σεμινάριο joomla! 3 Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer Ξεκινώντας:Τι είναι τα CMS Η Joomla είναι λογισμικό κατασκευής

Διαβάστε περισσότερα

Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση CMS. Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών

Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση CMS. Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση 1 CMS Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών Σεμινάριο Στελεχών Διοίκησης Σχ. Μονάδων Α Αθήνας στις Νέες Τεχνολογίες 14/3/2018 2 Παρουσία

Διαβάστε περισσότερα

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4

Διαβάστε περισσότερα

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Β5.1.2 Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Τι θα μάθουμε σήμερα: Να ορίζουμε τι είναι πρωτόκολλο επικοινωνίας Να εξηγούμε τη χρησιμότητα των πρωτοκόλλων επικοινωνίας Να ονομάζουμε τα σημαντικότερα

Διαβάστε περισσότερα

Παραδοτέο Π5.3: Έντυπο και ψηφιακό υλικό (Web site) προβολής των δράσεων έργου

Παραδοτέο Π5.3: Έντυπο και ψηφιακό υλικό (Web site) προβολής των δράσεων έργου ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ ΚΑΙ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΕΡΕΥΝΑΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΑΣ ΕΠΙΧΕΙΡΗΣΙΑΚΑ ΠΡΟΓΡΑΜΜΑΤΑ «ΑΝΤΑΓΩΝΙΣΤΙΚΟΤΗΤΑ & ΕΠΙΧΕΙΡΗΜΑΤΙΚΟΤΗΤΑ» ΚΑΙ ΠΕΡΙΦΕΡΕΙΩΝ ΣΕ ΜΕΤΑΒΑΣΗ ΕΘΝΙΚΟ ΣΤΡΑΤΗΓΙΚΟ ΠΛΑΙΣΙΟ

Διαβάστε περισσότερα

Βασικές Έννοιες Διαδικτύου, Wordpress και BuddyPress

Βασικές Έννοιες Διαδικτύου, Wordpress και BuddyPress ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ Βασικές Έννοιες Διαδικτύου, Wordpress και BuddyPress Σταύρος Καουκάκης Χάρης Παπαγιαννάκης Ευτύχης Βαβουράκης 1 Περιεχόμενα Γενικές Έννοιες Διαδικτύου Η αρχιτεκτονική του Web Συστήματα

Διαβάστε περισσότερα

Βασικές Έννοιες Web Εφαρμογών

Βασικές Έννοιες Web Εφαρμογών ΟΙΚΟΝΟΜΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΤΜΗΜΑ ΔΙΟΙΚΗΤΙΚΗΣ ΕΠΙΣΤΗΜΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΑΣ Τεχνολογίες και Εφαρμογές Διαδικτύου Βασικές Έννοιες Web Εφαρμογών Κατερίνα Πραματάρη Τεχνολογίες και Εφαρμογές Διαδικτύου Περιεχόμενα

Διαβάστε περισσότερα

Μονάδα Διασφάλισης Ποιότητας. ΜΟΔΙΠ Πανεπιστημίου Δυτικής Μακεδονίας. Κωδικός Πράξης ΟΠΣ: Επιχειρησιακό Πρόγραμμα:

Μονάδα Διασφάλισης Ποιότητας. ΜΟΔΙΠ Πανεπιστημίου Δυτικής Μακεδονίας. Κωδικός Πράξης ΟΠΣ: Επιχειρησιακό Πρόγραμμα: Μονάδα Διασφάλισης Ποιότητας Πανεπιστημίου Δυτικής Μακεδονίας Κωδικός Πράξης ΟΠΣ: 335662 Τίτλος Πράξης: ΜΟΔΙΠ Πανεπιστημίου Δυτικής Μακεδονίας Επιχειρησιακό Πρόγραμμα: Άξονας Προτεραιότητας: Στοιχεία επιστημονικά

Διαβάστε περισσότερα

Χαρακτηριστικά ιστοσελίδας

Χαρακτηριστικά ιστοσελίδας Χαρακτηριστικά ιστοσελίδας COSMOS4U Web Site Pro Χαρακτηριστικά Επιπλέον Δυνατότητες Προφίλ Εταιρίας Παρουσίαση της εταιρίας σας με φωτογραφικό υλικό και κείμενα. Τήρηση προδιαγραφών και χρήση λέξεων κλειδιά

Διαβάστε περισσότερα

Σύστημα Διαχείρισης Περιεχομένου

Σύστημα Διαχείρισης Περιεχομένου Σύστημα Διαχείρισης Περιεχομένου Τι είναι ένα CMS Σύστημα διαχείρισης περιεχομένου - (Content Management System) Οργάνωση, ταξινόμηση και αρχειοθέτηση πληροφορίας Δημιουργία της υποδομής πάνω στην οποία

Διαβάστε περισσότερα

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP Αντώνης Χρυσόπουλος Κατερίνα Κυπριώτη Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP Για να γίνουμε όλοι καλύτεροι άνθρωποι Τι έχει το μενού σήμερα??? 1. Τι είναι η PHP??? Τι είναι

Διαβάστε περισσότερα

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 ΠΕΡΙΕΧΟΜΕΝΑ Πρόλογος... 13 Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 1.1 Εισαγωγή... 16 1.2 Διαδίκτυο και Παγκόσμιος Ιστός Ιστορική αναδρομή... 17 1.3 Αρχές πληροφοριακών συστημάτων

Διαβάστε περισσότερα

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Open eclass σε βήματα είναι

Διαβάστε περισσότερα

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1

Διαβάστε περισσότερα

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΔΙΕΥΘΥΝΣΗ ΜΗΧΑΝΟΡΓΑΝΩΣΗΣ ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου Συντάκτες: Παναγιώτα Μπούγια Θεοδώρα Νάνου Ιανουάριος 2015 Περιεχόμενα 1. Εισαγωγή...

Διαβάστε περισσότερα

ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΔΙΠΛΩΜΑΤΙΚΗ ΕΡΓΑΣΙΑ

ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΔΙΠΛΩΜΑΤΙΚΗ ΕΡΓΑΣΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΔΙΠΛΩΜΑΤΙΚΗ ΕΡΓΑΣΙΑ ΣΧΕΔΙΑΣΗ ΚΑΙ ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΗΣ ΕΦΑΡΜΟΓΗΣ «ΨΗΦΙΑΚΩΝ ΑΡΘΡΩΝ» ΜΕ ΧΡΗΣΗ ΚΑΙ ΜΕΘΟΔΟΥΣ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΔΙΑΔΙΚΤΥΟΥ HTML, JAVASCRIPT,

Διαβάστε περισσότερα

Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network).

Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network). ΙΔΡΥΜΑ ΝΕΟΛΑΙΑΣ ΚΑΙ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΥΟΥ Καλαμάτα, 2015 Το Διαδίκτυο Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network). Πρόκειται

Διαβάστε περισσότερα

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0 SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...

Διαβάστε περισσότερα

Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10

Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10 Περιεχόμενα Εισαγωγή στην εφαρμογή... 2 Βασική Σελίδα (Activity)... 3 Ρυθμίσεις... 3 Πελάτες... 6 Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10 Αποθήκη... 11 Αναζήτηση προϊόντος...

Διαβάστε περισσότερα

Σύστημα διαχείρισης περιεχομένου (Content Management System)

Σύστημα διαχείρισης περιεχομένου (Content Management System) Τι είναι ένα CMS Σύστημα διαχείρισης περιεχομένου (Content Management System) Λογισμικό το οποίο χρησιμοποιείται για την οργάνωση, ταξινόμηση και αρχειοθέτηση πληροφορίας Χρησιμοποιούνται για τη δημιουργία

Διαβάστε περισσότερα

Υπηρεσίες Πανελληνίου Σχολικού Δικτύου 16 - Φιλοξενία Ιστοσελίδων

Υπηρεσίες Πανελληνίου Σχολικού Δικτύου 16 - Φιλοξενία Ιστοσελίδων Υπηρεσίες Πανελληνίου Σχολικού Δικτύου 16 - Φιλοξενία Ιστοσελίδων Προεπισκόπηση Παρουσίασης Φιλοξενία Ιστοσελίδων 1. Εισαγωγή 2. Ορισμοί 3. Όροι χρήσης 4. Κανόνες ονοματολογίας 5. Πίνακας Ελέγχου 6. Δημοσίευση

Διαβάστε περισσότερα

Χαρακτηριστικά ιστοσελίδας

Χαρακτηριστικά ιστοσελίδας Χαρακτηριστικά ιστοσελίδας COSMOS4U e-shop Χαρακτηριστικά Επιπλέον Δυνατότητες Κατάλογος προϊόντων για πώληση Δυνατότητα δημιουργίας καταλόγου απεριόριστου αριθμού προϊόντων και κατηγοριών. Εμφάνιση χαρακτηριστικών

Διαβάστε περισσότερα

1 ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΓΕΩΠΟΝΙΑΣ - ΤΜΗΜΑ ΦΥΤΙΚΗΣ ΠΑΡΑΓΩΓΗΣ

1 ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΓΕΩΠΟΝΙΑΣ - ΤΜΗΜΑ ΦΥΤΙΚΗΣ ΠΑΡΑΓΩΓΗΣ 1 2 Περιεχόμενα 1. Εισαγωγή... 5 2. Επεξήγηση των εργαλείων που χρησιμοποιήθηκαν για την δημιουργία της ιστοσελίδας... 6 2.1 Γλώσσα προγραμματισμού ΗΤML για την δημιουργία της Ιστοσελίδας... 6 2.2 Γλώσσα

Διαβάστε περισσότερα

ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ.

ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. Οδηγός Διαχειριστή Το m-learning Toolkit είναι μια ολοκληρωμένη πλατφόρμα εξ αποστάσεως εκπαίδευσης που έχει σχεδιαστεί για να υπάρχει η δυνατότητα της πρόσβασης

Διαβάστε περισσότερα

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA Καλωσορίσατε στην πλατφόρμα ηλεκτρονικής μάθησης E-Agiografia, Η Media Suite έχει αναπτύξει το Ολοκληρωμένο Σύστημα Τηλεκατάρτισης (e-learning) με την επωνυμία

Διαβάστε περισσότερα

Χαρακτηριστικά ιστοσελίδας

Χαρακτηριστικά ιστοσελίδας Χαρακτηριστικά ιστοσελίδας COSMOS4U Web Site Biz Χαρακτηριστικά Επιπλέον Δυνατότητες Προφίλ Εταιρίας Παρουσίαση της εταιρίας σας με φωτογραφικό υλικό και κείμενα. Τήρηση προδιαγραφών και χρήση λέξεων κλειδιά

Διαβάστε περισσότερα

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/ 1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε

Διαβάστε περισσότερα

Εγχειρίδιο εγκατάστασης Megasoft 2009

Εγχειρίδιο εγκατάστασης Megasoft 2009 Εγχειρίδιο εγκατάστασης Megasoft 2009 Περιεχόμενα Εγκατάσταση Joomla, JoomFish και VirtueMart... 3 Αποστολή αρχείων Joomla στο Διακομιστή (Host)... 3 Εγκατάσταση Joomla... 4 Εγκατάσταση VirtueMart... 9

Διαβάστε περισσότερα

Η επιλογή γλώσσας (π.χ. ελληνικά) διεπαφής του συστήματος, βρίσκεται στο υποσέλιδο του ιστότοπου

Η επιλογή γλώσσας (π.χ. ελληνικά) διεπαφής του συστήματος, βρίσκεται στο υποσέλιδο του ιστότοπου Wordpress.com Περιεχόμενα Wordpress... 1 Ρύθμιση γλώσσας... 1 Δημιουργία λογαριασμού και σύνδεση... 2 Δημιουργία νέου ιστότοπου... 2 Πλατφόρμα διαχείρισης... 5 Αναγνώστης... 5 Πλατφόρμα ιστοτόπου... 5

Διαβάστε περισσότερα

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο Το περιβάλλον εργασίας Ανοίγοντας την Ελληνική Έκδοση του FrontPage, για πρώτη φορά, η εικόνα που θα συναντήσουμε είναι αυτή της Εικόνας 1 με τα Μενού Εντολών και τη Γραμμή Εργαλείων, στο πάνω μέρος της

Διαβάστε περισσότερα

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb)

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb) 1. Είσοδος στην υπηρεσία ClassWeb Στη κεντρική σελίδα της υπηρεσίας στα πεδία Όνομα Χρήστη και Κωδικός πρόσβασης πληκτρολογούμε τα στοιχεία

Διαβάστε περισσότερα

Εφαρμογή Διαχείρισης Ψηφιακής Πληροφορίας ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε

Εφαρμογή Διαχείρισης Ψηφιακής Πληροφορίας ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε σχετικά με τον έλεγχο της καπνιστικής συνήθειας 1 25 Λογισμικές εφαρμογές καταγραφής και αξιοποίησης πληροφοριών σχετικά με τον έλεγχο της καπνιστικής συνήθειας Λογισμική Εφαρμογή Διαχείρισης Ψηφιακής

Διαβάστε περισσότερα

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ.

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ. ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ Ηλεκτρονική Υποβολή Α.Π.Δ. ΠΕΡΙΕΧΟΜΕΝΑ 1) Είσοδος στην εφαρμογή 2) Δημιουργία Περιόδου Υποβολής 2.α) Ακύρωση Περιόδου Υποβολής 3) Μέθοδος Υποβολής: Συμπλήρωση Φόρμας 3.α) Συμπλήρωση

Διαβάστε περισσότερα

Οι διαδικασίες ενος CMS είναι σχεδιασμένες για να:

Οι διαδικασίες ενος CMS είναι σχεδιασμένες για να: CMS Content Management System Σύστημα Διαχείρισης Περιεχομένου Ένα σύστημα διαχείρισης περιεχομένου (CMS) είναι μια συλλογή απο διαδικασίες που χρησιμοποιούνται για τη διαχείριση της ροής εργασίας σε ένα

Διαβάστε περισσότερα

Vodafone Business Connect

Vodafone Business Connect Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Photo Album Αναλυτικός οδηγός χρήσης: Photo Album Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail & web

Διαβάστε περισσότερα

Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ

Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ -Για τους Φοιτητές- Έκδοση 1.2 Οκτώβριος 2015 Υπεύθυνος Σύνταξης: Χρήστος Λάζαρης (lazaris@aueb.gr) Πίνακας Περιεχομένων Εισαγωγή...

Διαβάστε περισσότερα

Υπηρεσία Ιστοτόπου - Ιστολογίου

Υπηρεσία Ιστοτόπου - Ιστολογίου Πολυτεχνείο Κρήτης Διεύθυνση Τηλεπικοινωνιών, Δικτύων και Υπολογιστικής Υποδομής Τμήμα Εκπαιδευτικής Υπολογιστικής Υποδομής Υπηρεσία Ιστοτόπου - Ιστολογίου 1. Εισαγωγή... 3 2. Βασικές γνώσεις για τη δημιουργία

Διαβάστε περισσότερα

Οδηγίες Χρήσης της MySQL

Οδηγίες Χρήσης της MySQL ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Νοέμβριος 2007 1 Περιεχόμενα Εισαγωγή...2

Διαβάστε περισσότερα

Πλατφόρμα e-μάθησης βασισμένη στο efront

Πλατφόρμα e-μάθησης βασισμένη στο efront ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΙΑΣ ΤΜΗΜΑ ΕΠΙΣΤΗΜΗΣ ΦΥΣΙΚΗΣ ΑΓΩΓΗΣ & ΑΘΛΗΤΙΣΜΟΥ Πλατφόρμα e-μάθησης βασισμένη στο efront Συντάκτης: Βασίλης Μπούγλας Επιμέλεια: Μαρίνα Παπαστεργίου efront Ερευνητικό Έργο: Δημιουργία

Διαβάστε περισσότερα

Διαχειριστικό σύστημα ονομάτων χώρου

Διαχειριστικό σύστημα ονομάτων χώρου Διαχειριστικό σύστημα ονομάτων χώρου Το διαχειριστικό σύστημα ονομάτων χώρου απευθύνεται σε όλους τους χρήστες οι οποίοι έχουν καταχωρήσει τα ονόματα χώρου τους (domain names) μέσα από το σύστημα καταχώρησης

Διαβάστε περισσότερα

Ενσωματωμένα controls τα οποία προσαρμόζονται και χρησιμοποιούνται σε οποιαδήποτε ιστοσελίδα επιλέγει ο φορέας.

Ενσωματωμένα controls τα οποία προσαρμόζονται και χρησιμοποιούνται σε οποιαδήποτε ιστοσελίδα επιλέγει ο φορέας. Η Πυξίδα Απασχόλησης είναι ένα πλήρως παραμετροποιήσιμο portal που απευθύνεται σε Κέντρα Επαγγελματικής Κατάρτισης, Δήμους, Εκπαιδευτικούς Οργανισμούς και Εταιρίες Εύρεσης Εργασίας, με στόχο τόσο την μηχανογράφηση

Διαβάστε περισσότερα

Εθνική Πύλη ermis.gov.gr

Εθνική Πύλη ermis.gov.gr Εθνική Πύλη ermis.gov.gr Έκδοση και εγκατάσταση ψηφιακών πιστοποιητικών χαλαρής αποθήκευσης Έκδοση 1.1 Εγκατάσταση Ψηφιακών Πιστοποιητικών Χαλαρής Αποθήκευσης σελίδα 1 / 31 Πίνακας Περιεχομένων 1. ΕΙΣΑΓΩΓΗ

Διαβάστε περισσότερα

Οδηγός γρήγορης εκκίνησης

Οδηγός γρήγορης εκκίνησης Οδηγός γρήγορης εκκίνησης Το Microsoft Word 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Γραμμή

Διαβάστε περισσότερα

ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ

ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ 1Τι είναι ο Παγκόσµιος Ιστός; Λόγω της µεγάλης απήχησης του Παγκόσµιου Ιστού πολλές φορές ταυτίζουµε τον Παγκόσµιο Ιστό µε το Διαδίκτυο. Στην πραγµατικότητα αυτή η αντίληψη

Διαβάστε περισσότερα

hel-col@otenet.gr Κωνσταντίνος Παρασκευόπουλος Καθηγητής Πληροφορικής (ΠΕ19 MSc) Ελληνικό Κολλέγιο Θεσσαλονίκης kparask@hellenic-college.

hel-col@otenet.gr Κωνσταντίνος Παρασκευόπουλος Καθηγητής Πληροφορικής (ΠΕ19 MSc) Ελληνικό Κολλέγιο Θεσσαλονίκης kparask@hellenic-college. Χρήση της Διεπαφής Προγραμματισμού Εφαρμογής Google Maps για τη δημιουργία διαδραστικού χάρτη με τα Μνημεία Παγκόσμιας Πολιτιστικής Κληρονομιάς της ΟΥΝΕΣΚΟ στη Θεσσαλονίκη Εμμανουήλ Τσάμης 1, Κωνσταντίνος

Διαβάστε περισσότερα

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής 4 φάσεις διαδικτυακών εφαρμογών 1.Εφαρμογές στατικής πληροφόρησης

Διαβάστε περισσότερα

Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου

Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου 3.1.1.1 Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου Ως επί το πλείστον δεν υπάρχουν διαφορές στη χρήση του Εγγράφου Κειμένου στα λειτουργικά Windows ή Linux. Η σημαντικότερη διαφορά παρουσιάζεται

Διαβάστε περισσότερα

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Εισαγωγή-Σκοπός. Τρόποι δημιουργίας δυναμικών ιστοσελίδων. Dynamic Web Pages. Dynamic Web Page Development Using Dreamweaver. Τρόποι δημιουργίας δυναμικών

Διαβάστε περισσότερα

Π Τ Υ Χ Ι Α Κ Η Ε Ρ Γ Α Σ Ι Α

Π Τ Υ Χ Ι Α Κ Η Ε Ρ Γ Α Σ Ι Α ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙ ΕΥΤΙΚΟ Ι ΡΥΜΑ ΠΕΙΡΑΙΑ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΤΟΜΕΑΣ ΑΡΧΙΤΕΚΤΟΝΙΚΗΣ Η/Υ, ΠΛΗΡΟΦΟΡΙΚΗΣ & ΙΚΤΥΩΝ Εργ. Τεχνολογίας Λογισμικού & Υπηρεσιών S 2 ELab Π Τ Υ Χ Ι Α

Διαβάστε περισσότερα

ΟΙΚΟΝΟΜΙΚΗ ΠΡΟΣΦΟΡΑ ΣΧΕ ΙΑΣΗΣ ΚΑΙ ΚΑΤΑΣΚΕΥΗΣ web εφαρµογής - ηλεκτρονικού κατατήµατος για έξυπνα κινητά

ΟΙΚΟΝΟΜΙΚΗ ΠΡΟΣΦΟΡΑ ΣΧΕ ΙΑΣΗΣ ΚΑΙ ΚΑΤΑΣΚΕΥΗΣ web εφαρµογής - ηλεκτρονικού κατατήµατος για έξυπνα κινητά ΟΙΚΟΝΟΜΙΚΗ ΠΡΟΣΦΟΡΑ ΣΧΕ ΙΑΣΗΣ ΚΑΙ ΚΑΤΑΣΚΕΥΗΣ web εφαρµογής - ηλεκτρονικού κατατήµατος για έξυπνα κινητά Για την STUDIO KOSTA BODA ILLUM Χανίων Πέµπτη, 9 Φεβρουαρίου 2012 Για την εταιρεία ACTS : Παπαγεωργίου

Διαβάστε περισσότερα

Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης. Καθηγητή

Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης. Καθηγητή Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης Moodle για τον Καθηγητή Πίνακας Περιεχομένων 1. Εισαγωγή...3 1.1 Περιβάλλον Moodle... 3 1.2 Εισαγωγή / εγγραφή στην πλατφόρμα... 3 2 Δημιουργία

Διαβάστε περισσότερα

Σχεδίαση και Ανάπτυξη Ιστότοπων

Σχεδίαση και Ανάπτυξη Ιστότοπων Σχεδίαση και Ανάπτυξη Ιστότοπων Ιστορική Εξέλιξη του Παγκόσμιου Ιστού Παρουσίαση 1 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Τι είναι το Διαδίκτυο Βασικές Υπηρεσίες Διαδικτύου Προηγμένες Υπηρεσίες Διαδικτύου

Διαβάστε περισσότερα

Ιδρυματικό Αποθετήριο ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ.

Ιδρυματικό Αποθετήριο ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ. Ιδρυματικό Αποθετήριο ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ. Οδηγίες κατάθεσης εργασίας στο σύστημα διαχείρισης αποθετηρίου DSpace 2 Κατάθεση εργασίας στο σύστημα Ιδρυματικού Αποθετηρίου 1. Είσοδος στο σύστημα 1. Ανοίγουμε

Διαβάστε περισσότερα

Εθνική Πύλη ermis.gov.gr

Εθνική Πύλη ermis.gov.gr Υπουργείο Εσωτερικών, Αποκέντρωσης και Ηλεκτρονικής Διακυβέρνησης Εθνική Πύλη ermis.gov.gr Έκδοση και εγκατάσταση ψηφιακών πιστοποιητικών πολίτη χρήστη Έκδοση 1.0 Εγκατάσταση Ψηφιακών Πιστοποιητικών Πολιτών

Διαβάστε περισσότερα

ΠΛΗΡΟΦΟΡΙΑΚΟ ΣΥΣΤΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΚΑΤΑΣΚΕΥΗΣ ΚΑΙ ΑΝΑΚΑΙΝΙΣΗΣ ΑΚΙΝΗΤΩΝ

ΠΛΗΡΟΦΟΡΙΑΚΟ ΣΥΣΤΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΚΑΤΑΣΚΕΥΗΣ ΚΑΙ ΑΝΑΚΑΙΝΙΣΗΣ ΑΚΙΝΗΤΩΝ Αλεξάνδρειο Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλονίκης Σχολή Τεχνολογικών Εφαρμογών Τμήμα Πληροφορικής ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΠΛΗΡΟΦΟΡΙΑΚΟ ΣΥΣΤΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΚΑΤΑΣΚΕΥΗΣ ΚΑΙ ΑΝΑΚΑΙΝΙΣΗΣ ΑΚΙΝΗΤΩΝ Του φοιτητή:

Διαβάστε περισσότερα

Εγχειρίδιο Χρήσης-Οδηγός Εκπαίδευσης Χρηστών. - Δήμος Δέλτα - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης

Εγχειρίδιο Χρήσης-Οδηγός Εκπαίδευσης Χρηστών. - Δήμος Δέλτα - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Ανάπτυξη διαδικτυακής εφαρμογής υποστήριξης των δράσεων περιβαλλοντικής διαχείρισης της παράκτιας ζώνης του Θερμαϊκού Κόλπου και διαδραστικής εφαρμογής αναφοράς περιβαλλοντικών προβλημάτων Εγχειρίδιο Χρήσης-Οδηγός

Διαβάστε περισσότερα

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I)

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I) JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I) Δημήτρης Μακρής Advanced Topics in Telecoms 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 2 Ο ΒΗΜΑ: ΔΙΑΧΕΙΡΙΖΟΝΤΑΣ

Διαβάστε περισσότερα

6.2 Υπηρεσίες Διαδικτύου

6.2 Υπηρεσίες Διαδικτύου 6.2 Υπηρεσίες Διαδικτύου 1 / 34 Όλες οι υπηρεσίες στο Διαδίκτυο, όπως και πολλές εφαρμογές λογισμικού, στηρίζονται στο μοντέλο Πελάτη Εξυπηρετητή. 2 / 34 Σύμφωνα με αυτό το μοντέλο ο Εξυπηρετητής οργανώνει,

Διαβάστε περισσότερα

Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy

Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy Σ ε λ ί δ α 1 Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy Περιεχόμενα 1. Download Arebas Easy... 2 2. Εγκατάσταση Arebas Easy... 3 3. Εγγραφή στον Arebas Server... 7 4. Παραμετροποίηση Arebas Easy...

Διαβάστε περισσότερα

Προγραμματισμός διαδικτυακών εφαρμογών με PHP

Προγραμματισμός διαδικτυακών εφαρμογών με PHP ΕΣΔ516: Τεχνολογίες Διαδικτύου Προγραμματισμός διαδικτυακών εφαρμογών με PHP Ερωτήματα μέσω Περιεχόμενα Περιεχόμενα Λογισμικό για εφαρμογές Web Η τριεπίπεδη αρχιτεκτονική (3-tier architecture) Εισαγωγή

Διαβάστε περισσότερα

Τεχνολογίες Ανάπτυξης Ηλεκτρονικού Καταστήματος Μικρομεσαίας Επιχείρησης. Μικρομεσαίες Επιχειρήσεις και Καινοτομία

Τεχνολογίες Ανάπτυξης Ηλεκτρονικού Καταστήματος Μικρομεσαίας Επιχείρησης. Μικρομεσαίες Επιχειρήσεις και Καινοτομία Τεχνολογίες Ανάπτυξης Ηλεκτρονικού Καταστήματος Μικρομεσαίας Επιχείρησης Μικρομεσαίες Επιχειρήσεις και Καινοτομία Ηλεκτρονικό Εμπόριο H δυνατότητα των καταναλωτών και των εμπορικών καταστημάτων να κάνουν

Διαβάστε περισσότερα

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΓΙΑ ΣΥΣΤΗΜΑ ΚΡΑΤΗΣΕΩΝ ΕΡΓΑΣΤΗΡΙΩΝ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΓΙΑ ΣΥΣΤΗΜΑ ΚΡΑΤΗΣΕΩΝ ΕΡΓΑΣΤΗΡΙΩΝ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69 ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΓΙΑ ΣΥΣΤΗΜΑ ΚΡΑΤΗΣΕΩΝ ΕΡΓΑΣΤΗΡΙΩΝ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69 15/10/2012 Περιεχόμενα ΠΕΡΙΕΧΟΜΕΝΑ... 2 ΣΚΟΠΟΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ...

Διαβάστε περισσότερα

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΤΗΛΕΠΙΚΟΙΝΩΝΙΩΝ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΤΗΛΕΠΙΚΟΙΝΩΝΙΩΝ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΤΗΛΕΠΙΚΟΙΝΩΝΙΩΝ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ Οδηγός Εργαστηρίου για το Μεταπτυχιακό Μάθημα Τεχνολογία Διοίκησης

Διαβάστε περισσότερα

Αποστολή και λήψη e-mail μέσω SMARTER MAIL

Αποστολή και λήψη e-mail μέσω SMARTER MAIL 13/9/2012 Αποστολή και λήψη e-mail μέσω SMARTER MAIL NBW Internet Wizards Πλατεία Αγ. Γεωργίου Καρύτση 5, 10561 Αθήνα Τηλ.: 210 6148071, e-mail: info@nbw.gr, website: www.nbw.gr Αποστολή και λήψη e-mail

Διαβάστε περισσότερα

Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών

Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69 09-02-2015 Περιεχόμενα Περιεχόμενα... 2 ΣΚΟΠΟΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ... 3 ΛΕΙΤΟΥΡΓΙΕΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ... 4 Πρόγραμμα Κρατήσεων...

Διαβάστε περισσότερα

Τεχνικός Εφαρμογών Πληροφορικής

Τεχνικός Εφαρμογών Πληροφορικής Τεχνικός Εφαρμογών Πληροφορικής ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΕΙΣΑΓΩΓΗ Εξάμηνο: 2014Β Διδάσκουσα: Ηλεκτρονική Τάξη: Κανελλοπούλου Χριστίνα_ΠΕ19 Πληροφορικής Περιεχόμενα 1.Τι είναι η Php; 2.Πως γίνετε η γραφή

Διαβάστε περισσότερα

Εγκατάσταση των απαραίτητων προγραμμάτων για την λειτουργία του WordPress. Δρ. Ματθαίος Πατρινόπουλος

Εγκατάσταση των απαραίτητων προγραμμάτων για την λειτουργία του WordPress. Δρ. Ματθαίος Πατρινόπουλος Εγκατάσταση των απαραίτητων προγραμμάτων για την λειτουργία του WordPress Δρ. Ματθαίος Πατρινόπουλος Τι θα κάνουμε Τοπική εγκατάσταση και αρχικές ρυθμίσεις των προγραμμάτων που είναι απαραίτητα για το

Διαβάστε περισσότερα

Κατασκευή Ιστοτόπου Σχολικής Μονάδας με τη βοήθεια έτοιμου προκατασκευασμένου προτύπου (Joomla)

Κατασκευή Ιστοτόπου Σχολικής Μονάδας με τη βοήθεια έτοιμου προκατασκευασμένου προτύπου (Joomla) Πανεπιστημιακό Κέντρο Κεντρικής και Δυτικής Μακεδονίας «Εκπαίδευση Επιμορφωτών Β Επιπέδου» Επιμόρφωση Πληροφορικών Εργασία στο Γενικό Μέρος - Ενότητα 3 Υπεύθυνος Διδάσκων: Ι. Σαλονικίδης Κατασκευή Ιστοτόπου

Διαβάστε περισσότερα

Εγχειρίδιο εγκατάστασης και χρήσης περιοδικών etwinning

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

Διαβάστε περισσότερα

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε

Διαβάστε περισσότερα

e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση

e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση - 0 - Πίνακας Περιεχοµένων 1 Εισαγωγή.. 2 1.1 Σχολές/Τµήµατα

Διαβάστε περισσότερα

Χαρακτηριστικά ιστοσελίδας

Χαρακτηριστικά ιστοσελίδας Χαρακτηριστικά ιστοσελίδας COSMOS4U Web Portal Χαρακτηριστικά Επιπλέον Δυνατότητες Έως 10 κατηγορίες αρθρογραφίας και 10 υποκατηγορίες Δημιουργούμε έως 10 κατηγορίες αρθρογραφίας που η κάθε μια μπορεί

Διαβάστε περισσότερα

ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΔΙΑΤΜΗΜΑΤΙΚΟ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ «ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΥΠΟΛΟΓΙΣΤΙΚΗ ΒΙΟΪΑΤΡΙΚΗ»

ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΔΙΑΤΜΗΜΑΤΙΚΟ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ «ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΥΠΟΛΟΓΙΣΤΙΚΗ ΒΙΟΪΑΤΡΙΚΗ» ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΔΙΑΤΜΗΜΑΤΙΚΟ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ «ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΥΠΟΛΟΓΙΣΤΙΚΗ ΒΙΟΪΑΤΡΙΚΗ» Ανάπτυξη και Σχεδιασμός Δυναμικής Ιστοσελίδας του Πανεπιστημίου Θεσσαλίας,

Διαβάστε περισσότερα

Διαδικτυακές Υπηρεσίες

Διαδικτυακές Υπηρεσίες Πανεπιστήμιο Μακεδονίας Τμήμα Εφαρμοσμένης Πληροφορικής Διαδικτυακές Υπηρεσίες CoMPUs, Webmail, Ftp, Telnet 2010 Περιεχόμενα Διαδικτυακές υπηρεσίες... 3 CoMPUs - Πλατφόρμα τηλεκπαίδευσης... 3 Τι είναι

Διαβάστε περισσότερα

Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr

Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr ..χτίζουµε την ιστοσελίδα σας στο Internet www.kalliergea.gr Λάουρα Π. Καζακράντε «Καλλιεργαία» Πληροφορική - Internet - ιαφήµιση - Μεταφράσεις Τηλ.: 211 0104925, 695 6118589 Email: info@kalliergea.gr

Διαβάστε περισσότερα

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Μετάβαση στο blog Πληκτρολογούμε στη

Διαβάστε περισσότερα

Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1

Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1 Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 1 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ.

Διαβάστε περισσότερα

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CMS Content Management Systems Joomla

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CMS Content Management Systems Joomla Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CMS Content Management Systems Joomla Τι είναι ένα CMS; Ένα Content Management System (CMS) είναι μία μορφή

Διαβάστε περισσότερα

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και

Διαβάστε περισσότερα

Φορολογική Βιβλιοθήκη. Θανάσης Φώτης Προγραμματιστής Εφαρμογών

Φορολογική Βιβλιοθήκη. Θανάσης Φώτης Προγραμματιστής Εφαρμογών Φορολογική Βιβλιοθήκη Θανάσης Φώτης Προγραμματιστής Εφαρμογών Το έργο Η φορολογική βιβλιοθήκη πρόκειται για ένα έργο που φιλοδοξεί να αποτελέσει σημαντικό βοήθημα για τον επαγγελματία λογιστή και όχι μόνο.

Διαβάστε περισσότερα

ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές

ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές Σκοπός του εργαστηρίου αυτού είναι η εξοικείωση με κάποιες εφαρμογές που θα μας φανούν πολύ χρήσιμες κατά τη διάρκεια του μαθήματος της Εισαγωγής στον Προγραμματισμό.

Διαβάστε περισσότερα

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ ADVANCED Οι Advanced θεματικές ενότητες είναι είναι κατάλληλες για άτομα που επιθυμούν να συνεχίσουν σπουδές στο χώρο της

Διαβάστε περισσότερα