Σχολή Κοινωνικών Επιστημών

Πρόγραμμα Μεταπτυχιακών Σπουδών

Διοίκηση Αθλητισμού

Θεματική Ενότητα ΔΑΘ43

Αθλητική Επικοινωνία και Ψηφιακά ΜΜΕ
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ 43
 ΣΥΝΤΟΝΙΣΤΡΙΑ:
Έφη Τσίτσκαρη

ΟΜΑΔΑ ΣΥΝΤΑΞΗΣ/ΜΕΛΗ ΣΕΠ (2022-23):

Άννα Κουρτεσοπούλου, Ευγενία Τζουμάκα

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43 2

 Εβδομάδα μελέτης
9η
ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΗΣ
ΠΑΡΟΥΣΙΑΣ
Με την ολοκλήρωση αυτής της εβδομάδας μελέτης πρέπει να μπορείτε να:
 Γνωρίζετε τη διαδικασία ανάπτυξης ενός ιστότοπου, από το σχεδιασμό, μέχρι την ανάπτυξη και τη
δημοσιοποίηση του
 Κατανοείτε τη σημασία και λειτουργία των συστημάτων διαχείρισης περιεχομένου CMS
 διακρίνετε τα πλεονεκτήματα και μειονεκτήματα κάποιων εργαλείων (π.χ. online χορηγιών, loyalty
awards, κ.α.)
 Δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας το σύστημα διαχείρισης περιεχομένου ανοιχτού
κώδικα Word Press
 Να εγκαταστήσετε πρόσθετα (plugins) που επεκτείνουν τη λειτουργικότητα και μετατρέπουν την
ιστοσελίδα σε e-shop

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43 3

 ΥΛ
Η
Τίτλος Κατηγορία Δ.Υ. Σελ.
μελέτης

• Ψηφιακό Μάρκετινγκ- Από τη Θεωρία στην Πράξη. Βιβλίο 198-234

Βλαχοπούλου Μ. (2020).

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43 4

Σχεδιασμός και ανάπτυξη
ιστότοπου

•
Με τους όρους:
Ιστότοπος
• διαδικτυακός τόπος
• ιστοχώρος
• ιστοσελίδα
αναφερόμαστε σε μια συλλογή από ιστοσελίδες οι οποίες παρουσιάζουν περιεχόμενο όπως
κείμενο, εικόνες, βίντεο και ήχο. Οι ιστοσελίδες που φιλοξενούνται στην ίδια περιοχή
(domain name) του διαδικτύου, σχηματίζουν έναν ιστότοπο.

 Για να επιτευχθούν οι στόχοι των ιστοσελίδων, θα πρέπει να πληρούνται συγκεκριμένα

κριτήρια, που εντάσσονται σε κατηγορίες
 Οι κατηγορίες αυτές αφορούν α) τη διεπιφάνεια, β) την πλοήγηση, γ) το περιεχόμενο, δ)
την αξιοπιστία και ε) την τεχνολογία της προς εξέταση ιστοσελίδας

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

5
Η διαδικασία κατασκευής
μιας ιστοσελίδας…
…αποτελείται από τις παρακάτω ενότητες - βήματα τα οποία μπορούν είτε να
αναπτυχθούν σειριακά το ένα μετά το άλλο (waterfall methodology) είτε πιο ευέλικτα
(agile μεθοδολογία).
1. Ανάλυση προδιαγραφών και σχεδιασμός
2. Web Design
3. Web Development & Content Management Systems

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

6
Open Με τον όρο CMS (Content Management Systems) ορίζουμε τα
συστήματα διαχείρισης περιεχομένου.

Source Αυτά σας επιτρέπουν με τη χρήση ενός κωδικού πρόσβασης να

διαχειρίζεστε την ιστοσελίδα, ανεβάζοντας κείμενα και φωτογραφίες,
χωρίς να έχετε γνώσεις προγραμματισμού.
CMS Τα συστήματα CMS διακρίνονται σε:
α) συστήματα ανοιχτού κώδικα και
β) συστήματα κλειστού κώδικα. Τα συστήματα κλειστού κώδικα
ονομάζονται Custom CMS

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

7
 Domain
Name
Τι πρέπει να λαμβάνουμε υπόψη για να επιλέξουμε το κατάλληλο domain name:
 Έχουμε brand name;
 Χρήση λέξεων κλειδιών;
 Εύκολο και σύντομο στην πληκτρολόγηση
 Εύκολο στην απομνημόνευση
 Αποφυγή αριθμών/λοιπών συμβόλων
 Επιλογή κατάλληλης κατάληξης (.gr, .com, .eu, .de, …)
 Έρευνα στα αποτελέσματα αναζήτησης

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

8
 Domain
Name
Domain name generators
http://www.leandomainsearch.com/
https://www.shopify.com/tools/business-name-generator

Μηχανές αναζήτησης διαθεσιμότητας domain name

www.domaintyper.com
Ιστοσελίδες εύρεσης Whols
www.gr
www.whois.net

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

9
Hostin
g
 Κάθε ιστοσελίδα φιλοξενείται σε έναν Web Server.
 Ο web server πρέπει να έχει συγκεκριμένα
χαρακτηριστικά ανάλογα με τις τεχνολογίες της
ιστοσελίδας μας (π.χ. γλώσσα προγραμματισμού)
 Τύποι web server:
 Shared Web Server
 VPS Server
 Dedicated Server
 Cloud Server

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

10
ΔΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΧΡΗΣΗ TOY
WORDPRESS
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
11
Wordpress.com - Επιλογή κατηγορίας
ιστοσελίδας
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
12
Βίντεο: Make a free WordPress.com Website in less than 30
minutes
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
13
Wordpress.com - Επιλογή Template
(εμφάνισης)
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
14
Wordpress.com – Επιλογή
Domain ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
15
 Wordpress.com –
Εμφάνιση
ιστοσελίδας

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

16
 Wordpress.com –
Παραμετροποίηση

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

17
 Διαμόρφωση
της ιστοσελίδας.

Το περιβάλλον
διαχείρισης Wordpress
(back-end) περιλαμβάνει
το μενού διαχείρισης
στην αριστερή στήλη

Wordpress.org - Σελίδα διαχειριστή - Dashboard

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
18
Wordpress.org – Παραμετροποίηση
Εμφάνισης ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
19
Wordpress.org – Παραμετροποίηση Μενού
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
20
Wordpress.org – Διαχείριση
καταχωρήσεων
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
21
  Τα πρόσθετα είναι επιπλέον προγράμματα τα οποία
προσαρμόζονται πάνω σε μία υπάρχουσα εγκατάσταση του
Wordpress και επεκτείνουν τη λειτουργικότητα της
ιστοσελίδας.
 Υπάρχουν 1000άδες πρόσθετα για το Wordpress (
https://wordpress.org/plugins/)

Wordpress.org - Παραδείγματα Πρόσθετων: (plugins)

 Google Analytics (για παρακολούθηση στατιστικών)
Πρόσθετα  AddThis/Social Share Button (για διαμοιρασμό στα
κοινωνικά δίκτυα)
 Contact Form 7 (για προσθήκη φόρμας
επικοινωνίας)
 Easy Fancybox (εμφάνιση εικόνων σε αναδυόμενο
παράθυρο)
 Cookie Law Info (για εμφάνιση πληροφοριών
σχετικά με τα
cookies)
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
22
Wordpress.org – Εγκατάσταση
πρόσθετων
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
23
Wordpress.org – Εγκατάσταση
WooCommerce
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
24
Wordpress.org – Εγκατάσταση
WooCommerce
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
25
Wordpress.org – Εγκατάσταση
WooCommerce
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
26
WooCommerce– Προσθήκη
Προϊόντος
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
27
WooCommerce– Κατηγορίες
Προϊόντων
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
28
 WordPress
eCommerc
e Website
Tutorial 202

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43

29
 Complete
WooCommer
c e Tutorial _
eCommerce
Tutorial 2021
ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ43
30
Συνοψίζοντα
ς Ολοκληρώνοντας την παρούσα ενότητα, θα είστε σε θέση :
 Να κατανοήσετε τις έννοιες Open Source, Domain name, Hosting
 Να κατανοήσετε τη διαδικασία ανάπτυξης ενός ιστότοπου, από το σχεδιασμό, μέχρι την
ανάπτυξη και τη δημοσιοποίηση του
 Τη σημασία και λειτουργία των συστημάτων διαχείρισης περιεχομένου CMS
 διακρίνετε τα πλεονεκτήματα και μειονεκτήματα κάποιων εργαλείων (π.χ. online
χορηγιών, loyalty awards, κ.α.)
 Δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας το σύστημα διαχείρισης περιεχομένου
ανοιχτού κώδικα Word Press
 Να εγκαταστήσετε πρόσθετα (plugins) που επεκτείνουν τη λειτουργικότητα και
μετατρέπουν την ιστοσελίδα σε e-shop

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ - ΠΜΣ ΔΙΟΙΚΗΣΗ ΑΘΛΗΤΙΣΜΟΥ – ΔΑΘ 43 31