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

ΣΔΥΝΟΛΟΓΙΚΟ ΔΚΠΑΙ ΔΤΣΙΚΟ Ι ΡΤΜΑ ΗΠΔΙΡΟΤ ΥΟΛΗ ΣΔΥΝΟΛΟΓΙΚΩΝ ΔΦΑΡΜΟΓΩΝ ΣΜΗΜΑ ΜΗΥΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΚΗ Σ.Δ. ΠΣΤΥΗΑΚΖ ΔΡΓΑΗΑ «ΓΖΜΗΟΤΡΓΗΑ ΗΣΟΔΛΗΓΑ ΜΔ ΘΔΜΑ ΠΡΟΨΟΝΣΑ ΚΗΝΖΣΖ ΣΖΛΔΦΧΝΗΑ» ΔΠΙΒΛΔΠΩΝ ΚΑΘΗΓΗΣΗ: ΒΑΡΣΕΗΧΣΖ ΦΧΣΖ ΠΟΤ ΑΣΡΙΑ: ΣΗΚΡΗΚΑ ΑΠΟΣΟΛΗΑ, Α.Μ.:9218 ΑΚΑΓΗΜΑΪΚΟ ΔΣΟ : 2013-2014 Δπραξηζηίεο

Με ηελ νινθιήξσζε ηεο πηπρηαθήο απηήο εξγαζίαο ζα ήζεια λα επραξηζηήζσ ηνπο γνλείο κνπ ηφζν γηα ηελ εζηθή ηνπο φζν θαη γηα ηελ νηθνλνκηθή ηνπο ππνζηήξημε. Ιδηαίηεξα ζα ήζεια λα εθθξάζσ ζηνλ επηβιέπσλ θαζεγεηή κνπ θ. Βαξηδηψηε Φψηην, πνπ κε ηηο κε ηελ θαζνδήγεζε θαη ηελ ππνζηήξημε βνήζεζε ζηελ πεξάησζε απηήο ηεο εξγαζίαο. 2

3

Γήισζε πεξί ινγνθινπήο Γειψλσ ππεχζπλα φηη ην παξφλ θείκελν απνηειεί πξντφλ πξνζσπηθήο κειέηεο θαη εξγαζίαο θαη πψο φιεο νη πεγέο πνπ ρξεζηκνπνηήζεθαλ γηα ηε ζπγγξαθή ηεο δειψλνληαη είηε ζηηο παξαπνκπέο είηε ζην βηβιηνγξαθηθφ θαηάινγν. 4

Έγγξαθν Έγθξηζεο Δγθξίζεθε από ηελ ηξηκειή εμεηαζηηθή επηηξνπή Άξηα,.../.../ 2014 ΔΠΗΣΡΟΠΖ ΑΞΗΟΛΟΓΖΖ 1. Ολνκαηεπώλπκν Τπνγξαθή...... 2. Ολνκαηεπώλπκν Τπνγξαθή...... 3. Ολνκαηεπώλπκν Τπνγξαθή...... 5

Πεξίιεςε Η πηπρηαθή εξγαζία έρεη ζθνπφ ηελ αλάιπζε, κειέηε θαη πινπνίεζε ελφο Ηιεθηξνληθνχ Καηαζηήκαηνο. θνπφο ηεο εξγαζίαο είλαη ν ζρεδηαζκφο θαη ε θαηαζθεπή κηαο ηζηνζειίδαο, πνπ ζα ελζσκαηψλεη φιεο ηηο απαξαίηεηεο ιεηηνπξγίεο θαη επθνιίεο ηφζν γηα ηνλ απιφ ρξήζηε-επηζθέπηε ηεο ηζηνζειίδαο φζν θαη γηα ηνλ ηδηνθηήηε-δηαρεηξηζηή ηνπ Ηιεθηξνληθνχ Καηαζηήκαηνο ηελ εξγαζία απηή (http://hotmobiles.webuda.com/) ν πειάηεο κπνξεί λα πεξηεγεζεί θαη λα βξεη ην πξντφλ ηεο επηζπκίαο ηνπ κέζα απφ δηάθνξεο θαηεγνξίεο πξντφλησλ. Γηα ηελ πινπνίεζε ηνπ ειεθηξνληθνχ θαηαζηήκαηνο ρξεζηκνπνηήζεθε ην Joomla CMS σο αλνηρηνχ θψδηθα ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ. 6

Πεξηερόκελα 1.Δηζαγσγή... 11 1.1.ηφρνη ηεο εξγαζίαο... 11 1.1.Γνκή ηεο εξγαζίαο... 11 2.Απαηηήζεηο UML... 13 2.1.Γηαγξάκκαηα UML... 13 2.1.1.UML Γηάγξακκα πεξηπηψζεσλ ρξήζεο (Use Case Diagram)... 13 2.1.2.Γηάγξακκα δξαζηεξηφηεηαο (Activity Diagram)... 14 2.1.3.Γηάγξακκα αθνινπζίαο (Sequence Diagram)... 14 3.Βαζηθέο έλλνηεο & Σερλνινγίεο... 16 3.1.Hιεθηξνληθφ εκπφξην-οξηζκφο... 16 3.2.Σν ειεθηξνληθφ εκπφξην κπνξεί λα νξηζηεί απφ ηέζζεξηο δηαθνξεηηθέο νπηηθέο γσλίεο:... 16 3.3.Μνξθέο ηνπ ειεθηξνληθνχ εκπνξίνπ ζε πξαθηηθφ επίπεδν... 16 3.3.1.Δζσηεξηθφ εκπφξην:... 16 3.3.2.πλαιιαγέο κεηαμχ επηρεηξήζεσλ (Business-to-Business - B2B):... 17 3.3.3.Ληαληθέο πσιήζεηο - Ηιεθηξνληθφ εκπφξην κεηαμχ επηρείξεζεο θαη... 17 θαηαλαισηψλ (Business-to-Consumer - B2C):... 17 3.3.4.πλαιιαγέο κεηαμχ Καηαλαισηψλ (Consumer-to-Consumer - C2C):... 17 3.4.Ιζηνζειίδεο... 17 3.4.1.ηαηηθέο Ιζηνζειίδεο... 17 3.4.2.Γπλακηθέο Ιζηνζειίδεο... 17 3.5.HTML... 18 3.6.Domain Name... 18 3.7.Web Server... 18 3.8.PHP... 18 3.9.JavaScript... 19 3.10.CSS... 19 3.11.XML(Extensible Markup Language)... 19 Παξάδεηγκα XML Document... 19 3.12.MySQL... 20 7

4.πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ (CMS)... 21 4.1.Οξηζκφο... 21 4.2.Καηεγνξίεο ζπζηεκάησλ δηαρείξηζεο πεξηερνκέλνπ (CMS)... 21 4.2.1.Αλνηθηνχ Κψδηθα... 21 4.2.2.Κιεηζηνχ Κψδηθα... 22 4.2.3.χγθξηζε Αλνηθηνχ Κψδηθα κε Αλνηθηνχ Κψδηθα... 22 4.3. Γηαδεδνκέλα ζπζηήκαηα δηαρείξηζεο πεξηερνκέλνπ (CMS)... 22 4.3.1.Joomla... 22 4.3.2.WordPress... 22 4.3.3.Drupal... 23 4.3.4.Django... 23 4.4.Δπηινγή Joomla... 23 5.Δγθαηάζηαζε πξνγξακκάησλ - εξγαιείσλ... 24 5.1.XAMPP... 24 5.1.1.Δηζαγσγή... 24 5.1.2.Δγθαηάζηαζε... 24 5.2.Γεκηνπξγίαο Βάζεο Γεδνκέλσλ hotmobiles_db... 25 5.3.Δγθαηάζηαζε Joomla... 26 5.4.Πξνζζήθε ειιεληθήο γιψζζαο... 29 5.5.Πξνζζήθε Πξνηχπνπ (template)... 29 5.6.Δγθαηάζηαζε joomfish... 30 5.7.Δγθαηάζηαζε Easy Language plugin... 31 5.8.Virtuemart... 31 5.8.1.Δηζαγσγή... 31 5.8.2.Δγθαηάζηαζε ηνπ Virtuemart... 31 6.Τινπνίεζε ηνπ ειεθηξνληθνχ καο θαηαζηήκαηνο... 33 6.1.ρεδίαζε ηνπ logo... 33 6.2.Ρπζκίζεηο θαηαζηήκαηνο... 33 6.3.Δπηινγή ησλ θαηεγνξηψλ θαη ππνθαηεγνξηψλ πξντφλησλ... 34 6.4.Γεκηνπξγία θαηεγνξηψλ θαη ππνθαηεγνξηψλ ζην Virtue Mart... 35 6.5.Γεκηνπξγία Φφξνπ ΦΠΑ πξντφλησλ ζην Virtue Mart... 36 6.6.Γεκηνπξγία πξντφλησλ ζην Virtue Mart... 36 6.7.Γεκηνπξγία κεζφδσλ απνζηνιήο θαη πιεξσκψλ... 37 8

6.8.Γεκηνπξγία κελνχ... 39 6.9.Γηαρείξηζε Άξζξσλ... 40 6.10.Γεκηνπξγία Φφξκαο Δπηθνηλσλίαο... 41 6.11.Γηαρείξηζε Δλζεκάησλ (module)... 42 6.12.Γηαρείξηζε ηεο Ηκεξνκελίαο θαη ηνπ Copyright... 43 6.13.Δκθάληζε ηνπ νινθιεξσκέλνπ site... 44 6.14.Δγγξαθή ρξήζηε... 44 6.15.Καηαρψξεζε Παξαγγειίαο ρξήζηε... 45 7.πκπεξάζκαηα... 48 Βηβιηνγξαθία... 49 9

Δηθόλεο 10

1. Δηζαγσγή 1.1. ηόρνη ηεο εξγαζίαο Ο βαζηθφο ζηφρνο ηεο παξνχζαο πηπρηαθήο είλαη ε δεκηνπξγία µηάο ηζηνζειίδαο µε πξντφληα θηλεηήο ηειεθσλίαο µε ηε ρξήζε ηνπ Joomla. Η δεµηνπξγία θαη ν ζρεδηαζµφο ηεο ζα γίλεη µε βάζε ηελ απιφηεηα θαη ηελ επρξεζηία πξνθεηµέλνπ ν ρξήζηεο λα µπνξεί λα πεξηεγείηαη θαη λα βξίζθεη απηφ πνπ ςάρλεη, µε φζν ην δπλαηφλ πην εχθνιν, γξήγνξν θαη θαηαλνεηφ ηξφπν. Η ηζηνζειίδα ( h t tp: //hot mobiles. w eb uda. c om/ ) δίλεη ηελ δπλαηφηεηα ζε νπνηνλδήπνηε ρξήζηε λα πεξηεγεζεί µεηαμχ δηαθφξσλ θαηεγνξηψλ θαη λα αλαδεηήζεη ηα πξντφληα θηλεηήο ηειεθσλίαο πνπ ηνλ ελδηαθέξνπλ έηζη ψζηε λα δεη πιεξνθνξίεο γηα απηά ηφζν ζηα ειιεληθά φζν θαη ζηα αγγιηθά. Η αγγιηθή έθδνζε ηνπ ειεθηξνληθνχ θαηαζηήκαηνο ζα πξνζειθχζεη θαη πηζαλνχο πειάηεο απφ ην εμσηεξηθφ. Έρεη ζρεδηαζηεί θαη δνµεζεί µε ηέηνην ηξφπν έηζη ψζηε λα είλαη εχθνιν ηφζν γηα ηνλ πειάηε φζν θαη γηα ηνλ δηαρεηξηζηή ηνπ Ηιεθηξνληθνχ Καηαζηήκαηνο.Σα πξνηφληα δε είλαη ρσξηζµέλα ζε θαηεγνξίεο γηα ηελ επθνιία ηεο αλαδήηεζεο. Έλαο πειάηεο κπνξεί λα ςάμεη έλα ζπγθεθξηκέλν πξντφλ ρξεζηκνπνηψληαο ηελ αλαδήηεζε θαη ε ηζηνζειίδα ζα ηνλ νδεγήζεη θαηεπζείαλ ζηελ ζπγθεθξηκέλε επηινγή. Δπίζεο ππάξρεη ην θαιάζη αγνξψλ (shopping card) φπνπ αλά πάζα ζηηγκή δίλεηαη ε δπλαηφηεηα ζηνλ πειάηε λα πξνζζέηεη θαη λα αθαηξεί ηφζν ηηο πνζφηεηεο πξντφλησλ φζν θαη ηα ίδηα ηα πξντφληα. Αθφµε ραξαθηεξηζηηθφ ηεο ηζηνζειίδαο απηήο είλαη ε δπλαηφηεηα εγγξαθήο µειψλ γηα λα µπνξνχλ λα δνπλ ηα πξντφληα πνπ έρνπλ ήδε πξνζζέζεη ζην θαιάζη ηνπο. Οη δε ελδηαθεξφκελνη δελ ρξεηάδεηαη λα εγγξαθνχλ γηα λα δνχλ πεξηζζφηεξα ζηνηρεία γηα ηα θαηαρσξεµέλα πξνηφληα. Πξηλ ηελ νινθιήξσζε φκσο ηεο παξαγγειίαο είλαη απαξαίηεηε ε θαηαρψξεζε ζηνηρείσλ. Η θαηαζθεπή ηεο ηζηνζειίδαο έρεη γίλεη µε ηέηνην ηξφπν έηζη ψζηε λα είλαη δπλαµηθή ε ελεµέξσζε ησλ ζειίδσλ. Γηα ηελ πινπνίεζε ρξεζηκνπνηήζεθε ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ CMS (αλνηρηνχ θψδηθα): 1. Joomla (J oomla_ 2.5.24 -St abl e - Fu ll_pack age ), 2. νη ηερλλνινγίεο HTML, CSS, PHP, MySQL, 3. ην πξφηππν (template) RocketTheme halcyon, 4. JoomFish (έθδνζε 2.5.1) θαη plg_system_easylanguage-1.2.2_j25_30 plugin γηα λα ππάξρεη ε δπλαηφηεηα εκθάληζεο ηνπ πεξηερνκέλνπ ηφζν ζηα ειιεληθά φζν θαη ζηα αγγιηθά 5. Virtuemart (έθδνζε 2.0.26) γηα ηε δηαρείξηζε ηνπ ειεθηξνληθνχ θαηαζηήκαηνο Να ζεκεηψζνπκε πσο ε επηινγή ησλ εθδφζεσλ (versions) ησλ έγηλε κε θξηηήξην κε ηελ έθδνζε πνπ ππνζηεξίδεη ν webserver (PHP version:5.2.*) 11

1.1. Γνκή ηεο εξγαζίαο Η δνµή ηεο εξγαζίαο µαο είλαη νη εμήο ζηα πην θάησ θεθάιαηα πνπ αθνινπζνχλ: ην δεύηεξν θεθάιαην αλαθεξφκαζηε ζηηο απαηηήζεηο (requirements)κέζσ uml δηαγξακκάησλ φπσο ην δηάγξακκα πεξηπηψζεσλ ρξήζεο, ην δηάγξακκα δξαζηεξηφηεηαο, ην δηάγξακκα αθνινπζίαο. Σν ηξίην θεθάιαην αλαθέξεηαη ζηηο βαζηθέο έλλνηεο ηερλνινγίεο πνπ είλαη απαξαίηεηεο γηα ηε δεκηνπξγία ελφο ειεθηξνληθνχ θαηαζηήκαηνο. ην ηέηαξην θεθάιαην αλαιχνπκε έλλνηεο φπσο ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ, ηηο θαηεγνξίεο ζπζηεκάησλ δηαρείξηζεο πεξηερνκέλνπ θαζψο θαη πνηα ζπζηήκαηα είλαη ζήκεξα επξέσο δηαδεδνκέλα. ην πέµπην θεθάιαην γίλεηαη ε αλαιπηηθή πεξηγξαθή ηεο εγθαηάζηαζεο ησλ πξνγξακκάησλ εξγαιίσλ, ζπγθεθξηκέλα: o Xammp o Joomla o RocketTheme Halcyon o Joomfish easylanguage plugin o Virtuemart Σν έθην θεθάιαην αλαθέξνπκε ηα ζηάδηα πινπνίεζεο ηνπ ειεθηξνληθνχ καο θαηαζηήκαηνο (θαηεγνξίεο VirtueMart, δεκηνπξγία κελνχ, login, search, δηαρείξηζε modules). Σέινο, ζην έβδνκν θεθάιαην αλαγξάθνληαη ηα ζπκπεξάζκαηά µαο γχξσ απφ ηελ πηπρηαθή εξγαζία πνπ νινθιεξψζακε. 12

2. Απαηηήζεηο UML 2.1. Γηαγξάκκαηα UML 2.1.1. UML Γηάγξακκα πεξηπηώζεσλ ρξήζεο (Use Case Diagram) Έλαο πειάηεο (Web Customer - actor ) ρξεζηκνπνηεί ηελ ηζηνζειίδα γηα λα θάλεη αγνξέο online. ε αλψηεξν επίπεδν (top level) έρνπκε ηα εμήο δηαγξάκκαηα πεξηπηψζεσλ ρξήζεο(use cases): Πξνβνιή πξντόλησλ (View Items) Δδψ νη πειάηεο απιά αλαδεηνχλ θαη βιέπνπλ έλα πξντφλ. Πξαγκαηνπνίεζε Παξαγγειίαο (Make Purchase) Πξντφληα πνπ αλαδεηήζεθαλ ζην πξνεγνχκελν δηάγξακκα πεξίπησζεο ρξήζεο (use case) κπνξνχλ λα αγνξαζζνχλ. Δγγξαθή πειάηε (Client Register) Δδψ επηηξέπεηαη ζε έλαλ λέν πειάηε (new customer) λα πξαγκαηνπνηήζεη εγγξαθή. ην παξαθάησ ζρήκα θαίλεηαη ζε αλψηεξν επίπεδν (top level) ηα use cases ηνπ online θαηαζηήκαηφο καο. Δηθόλα 1 Γηάγξακκα πεξίπησζεο ρξήζεο (use case) ηνπ online θαηαζηήκαηόο καο ζε top level H πεξίπησζε ρξήζεο (use case) Πξνβνιή πξντόλησλ (View Items) κπνξεί λα αλαιπζεί πεξαηηέξσ φπσο θαίλεηαη ζην παξαθάησ δηάγξακκα, έηζη έλαο πειάηεο κπνξεί λα 13

αλαδεηεί πξντφληα, λα βιέπεη ελδερνκέλσο θάπνηα πξνηεηλφκελα πξντφληα γηα απηφλ, λα πξνζζέηεη πξντφληα ζην θαιάζη αγνξψλ. Η πεξίπησζε ρξήζεο ηαπηφηεηαο πειάηε (Customer Authentication) απαηηεί ν πειάηεο λα έρεη θάλεη login έηζη ψζηε λα κπνξεί λα βιέπεη ηα πξνηεηλφκελα πξντφληα θαη απηά πνπ έρεη πξνζζέζεη ζην θαιάζη. Δηθόλα 2 Η πεξίπησζε ρξήζεο Πξνβνιή πξντόλησλ (View Items use case) ζε ιεπηνκέξεηα H πεξίπησζε ρξήζεο (use case) Σακείν (Checkout) πεξηιακβάλεη δηάθνξα πξναπαηηνχκελα use cases, φπσο θαίλεηαη ζην παξαθάησ ζρήκα. Ο πειάηεο ζα πξέπεη λα είλαη πηζηνπνηεκέλνο (authenticated) δει. λα έρεη θάλεη login. Απηφ πξαγκαηνπνηείηαη κέζσ ηεο login page. Δπίζεο ην Σακείν πεξίπησζε ρξήζεο (use case) πεξηιακβάλεη ηελ πεξίπησζε Σξφπνη πιεξσκήο ε νπνία ζα κπνξνχζε λα γίλεη κε ηε ρξήζε πηζησηηθψλ θαξηψλ, κε ηελ PayPal ή θαη κε απιή θαηάζεζε ζε ηξαπεδηθφ ινγαξηαζκφ. 14

Δηθόλα 3 H πεξίπησζε ρξήζεο (use case) Σακείν (Checkout) 2.1.2. Γηάγξακκα δξαζηεξηόηεηαο (Activity Diagram) ην παξαθάησ δηάγξακκα δξαζηεξηφηεηαο (Activity Diagram) βιέπνπκε πσο έλαο πειάηεο κπνξεί λα : o Να πεξηεγείηαη ή λα αλαδεηεί πξντφληα, o Να βιέπεη ιεπηνκέξεηεο απφ ζπγθεθξηκέλα είδε, o Να πξνζζέηεη πξντφληα ζην θαιάζη, o Να βιέπεη θαη λα αιιάδεη ην θαιάζη αλα πάζα ζηηγκή o Να πεγαίλεη ζην ηακείν (checkout), κε ηελ πξνεπφζεζε λα έρνπλ θάλεη login. 15

Δηθόλα 4. Γηάγξακκα δξαζηεξηόηεηαο (Activity Diagram) 2.1.3. Γηάγξακκα αθνινπζίαο (Sequence Diagram) ην παξαθάησ δηάγξακκα αθνινπζίαο βιέπνπκε ηελ αιιειεπίδξαζε φπσο απηή παξνπζηάδεηαη ζε ρξνληθέο αθνινπζίεο. Βιέπνπκε ηα κελχκαηα πνπ ζηέιλνληαη ψζηε λα πξαγκαηνπνηεζεί κηα επηζπκεηή ελέξγεηα. Η θάζεηε δηάζηαζε αλαπαξηζηά ην ρξφλν θαη ε νξηδφληηα δηάζηαζε αλαπαξηζηά ηα δηάθνξα αληηθείκελα. Ο πειάηεο (customer) ζηέιλεη ηα εμήο κελχκαηα (messages) ζην ειεθηξνληθφ θαηάζηεκα: Πξνζζήθε πξντφληνο ζην θαιάζη Αθαίξεζε πξντφληνο απφ ην θαιάζη Δκθάληζε θαιάζη Δληνιή αγνξάο ηε ζπλέρεηα ζηελ εληνιή παξαγγειίαο ειέγρεηαη πνηα κέζνδνο πιεξσκήο επηιέρζεθε θαη πξνσζείηαη κήλπκα ζηε ηξάπεδα ε νπνία ζηε ζπλέρεηα επηβεβαηψλεη ηελ πιεξσκή ζην ειεθηξνληθφ θαηάζηεκα. 16

Δηθόλα 5 Γηάγξακκα αθνινπζίαο (Sequence Diagram) 17

3. Βαζηθέο έλλνηεο & Σερλνινγίεο 3.1. Hιεθηξνληθό εκπόξην-οξηζκόο Με ηνλ φξν Ηιεθηξνληθφ εκπφξην ελλννχκε θάζε είδνο εκπνξηθήο ζπλαιιαγήο κεηαμχ πξνζψπσλ (θπζηθψλ θαη κε) πνπ πξαγκαηνπνηείηαη κε ειεθηξνληθά κέζα. Δίλαη ε δηάζεζε θαη αγνξαπσιεζία πξντφλησλ ειεθηξνληθά, ε δηεθπεξαίσζε εκπνξηθψλ ιεηηνπξγηψλ θαη ζπλαιιαγψλ ρσξίο ηε ρξήζε ραξηηνχ, ζπλήζσο κέζσ δηθηχσλ ειεθηξνληθψλ ππνινγηζηψλ. Πξφθεηηαη γηα ηελ αγνξαπσιεζία αγαζψλ, πιεξνθνξηψλ θαη ππεξεζηψλ κέζα απφ δίθηπα ειεθηξνληθψλ ππνινγηζηψλ. 3.2. Σν ειεθηξνληθό εκπόξην κπνξεί λα νξηζηεί από ηέζζεξηο δηαθνξεηηθέο νπηηθέο γσλίεο: Δπηρεηξήζεηο: σο εθαξκνγή λέσλ ηερλνινγηψλ πξνο ηελ θαηεχζπλζε ηνπ απηνκαηηζκνχ ησλ ζπλαιιαγψλ θαη ηεο ξνήο εξγαζηψλ. Τπεξεζίεο: σο κεραληζκφο πνπ έρεη ζηφρν λα ηθαλνπνηήζεη ηελ θνηλή επηζπκία πξνκεζεπηψλ θαη πειαηψλ γηα θαιχηεξε πνηφηεηα ππεξεζηψλ, κεγαιχηεξε ηαρχηεηα εθηέιεζεο ζπλαιιαγψλ θαη κηθξφηεξν θφζηνο. Απόζηαζε: σο δπλαηφηεηα αγνξαπσιεζίαο πξντφλησλ θαη ππεξεζηψλ κέζσ ηνπ Internet αλεμάξηεηα απφ ηε γεσγξαθηθή απφζηαζε. Δπηθνηλσλία: σο δπλαηφηεηα παξνρήο πιεξνθνξηψλ, πξντφλησλ, ππεξεζηψλ θαη πιεξσκψλ κέζα απφ δίθηπα ειεθηξνληθψλ ππνινγηζηψλ. 3.3. Μνξθέο ηνπ ειεθηξνληθνύ εκπνξίνπ ζε πξαθηηθό επίπεδν 3.3.1. Δζσηεξηθό εκπόξην: ηφρνο είλαη ε απνηειεζκαηηθφηεξε ιεηηνπξγία ησλ δξαζηεξηνηήησλ κηαο επηρείξεζεο, ψζηε λα κπνξεί λα πξνζθέξεη θαιχηεξα πξντφληα θαη ππεξεζίεο ζηνπο πειάηεο ηεο. Οη εθαξκνγέο ηνπ ζπλήζσο εληάζζνληαη ζηε ιεηηνπξγία ελφο ηνπηθνχ δηθηχνπ (Intranet) θαη κπνξνχλ λα είλαη: επηθνηλσλία κεηαμχ νκάδσλ εξγαζίαο, ειεθηξνληθή δεκνζίεπζε (άκεζε δηαλνκή πιεξνθνξηψλ) θηι. 3.3.2. πλαιιαγέο κεηαμύ επηρεηξήζεσλ (Business-to-Business - B2B): 18

Σν ειεθηξνληθφ εκπφξην επηηξέπεη ζε επηρεηξήζεηο λα βειηηψζνπλ ηε κεηαμχ ηνπο ζπλεξγαζία, απινπνηψληαο ηηο δηαδηθαζίεο θαη ην θφζηνο ησλ πξνκεζεηψλ, ηελ ηαρχηεξε απνζηνιή ησλ πξνκεζεηψλ θαη ηνλ απνηειεζκαηηθφηεξν έιεγρν ηνπ επηπέδνπ απνζεκάησλ. Δπηπιένλ, θαζηζηά επθνιφηεξε ηελ αξρεηνζέηεζε ησλ ζρεηηθψλ εγγξάθσλ θαη πνηνηηθφηεξε ηελ εμππεξέηεζε πειαηψλ. Η δπλαηφηεηα ειεθηξνληθήο ζχλδεζεο κε πξνκεζεπηέο θαη δηαλνκείο, θαζψο θαη ε πξαγκαηνπνίεζε ειεθηξνληθψλ πιεξσκψλ βειηηψλνπλ αθφκε πεξηζζφηεξν ηελ απνηειεζκαηηθφηεηα: νη ειεθηξνληθέο πιεξσκέο πεξηνξίδνπλ ην αλζξψπηλν ζθάικα, απμάλνπλ ηελ ηαρχηεηα θαη κεηψλνπλ ην θφζηνο ησλ ζπλαιιαγψλ. Σν ειεθηξνληθφ εκπφξην πξνζθέξεη ηε δπλαηφηεηα απμεκέλεο πιεξνθφξεζεο ζρεηηθά κε ηα πξνζθεξφκελα πξντφληα - είηε απφ ηνπο πξνκεζεπηέο είηε απφ ελδηάκεζνπο νξγαληζκνχο πνπ πξνζθέξνπλ ππεξεζίεο ειεθηξνληθνχ εκπνξίνπ. 3.3.3. Ληαληθέο πσιήζεηο - Ζιεθηξνληθό εκπόξην κεηαμύ επηρείξεζεο θαη θαηαλαισηώλ (Business-to-Consumer - B2C): Πξφθεηηαη γηα ηελ πην δηαδεδνκέλε κνξθή ειεθηξνληθνχ εκπνξίνπ. Ο θαηαλαισηήο έρεη πξφζβαζε ζε κηα ηεξάζηηα πνηθηιία πξντφλησλ ζε δηθηπαθνχο θφκβνπο-θαηαζηήκαηα, βιέπεη, επηιέγεη, αλ επηζπκεί λα αγνξάζεη είδε έλδπζεο κπνξεί ελίνηε θαη λα ηα δνθηκάδεη (κέζσ εηδηθψλ πξνγξακκάησλ), αλαθαιχπηεη πξντφληα ηα νπνία δελ ζα κπνξνχζε λα βξεη εχθνια ζηε ρψξα ηνπ, ζπγθξίλεη ηηκέο θαη, ηέινο, αγνξάδεη. Κη φια απηά ρσξίο λα βγεη απφ ην ζπίηη ηνπ, θεξδίδνληαο πνιχηηκν ρξφλν θαη θφπν. 3.3.4. πλαιιαγέο κεηαμύ Καηαλαισηώλ (Consumer-to-Consumer - C2C): ε απηή ηελ θαηεγνξία ν θαηαλαισηήο πνπιά απεπζείαο ζε άιινπο θαηαλαισηέο. Παξάδεηγκα απνηεινχλ ηα άηνκα πνπ θάλνπλ πσιήζεηο κέζσ θαηαρσξεκέλσ λ αγγειηψλ, δηθηπαθνί ηφπνη δεκνπξαζηψλ, φπνπ ν νπνηνζδήπνηε κπνξεί λα πνπιήζεη νηηδήπνηε. Σέινο, πνιιά άηνκα θάλνπλ ρξήζε intranets θαη άιισλ ελδνεηαηξηθψλ δηθηχσλ γηα λα δηαθεκίζνπλ αληηθείκελα, πξντφληα ή ππεξεζίεο. 3.4. Ηζηνζειίδεο 3.4.1. ηαηηθέο Ηζηνζειίδεο ηαηηθέο ηζηνζειίδεο (static) είλαη νη ηζηνζειίδεο πνπ δεκηνπξγνχληαη ζε έλαλ ππνινγηζηή καο γξάθνληαο θψδηθα HTML ή ρξεζηκνπνηψληαο θάπνην πξφγξακκα φπσο είλαη ην Dreamweaver ηεο Adobe ή ζπλδπαζκφο θαη ησλ δπν. Οη ζηαηηθέο ηζηνζειίδεο είλαη εχθνιεο ζηελ θαηαζθεπή ηνπο (αθφκα θαη απφ ην Microsoft word κπνξνχκε λα απνζεθεχζνπκε σο html) αιιά δχζθνια κπνξνχλ λα αλαλεσζνχλ. Όηαλ ζειήζνπκε λα λα αιιάμνπκε ην πεξηερφκελφ ηνπο πξέπεη λα αλνίμνπκε ην θαηάιιειν πξφγξακκα λα θάλνπκε ηηο αιιαγέο ζηε ζπλέρεηα λα «αλεβάζνπκε» ( u p d l o a d ) ζην web server ηηο αλαλεσκέλεο καο ζειίδεο. Οη παξαπάλσ ελέξγεηεο πξνυπνζέηνπλ λα έρεη θάπνηνο γλψζεηο πξνγξακκαηηζηή θάηη πνπ δελ είλαη απαξαίηεην ζηηο δπλακηθέο ηζηνζειίδεο. 19

3.4.2. Γπλακηθέο Ηζηνζειίδεο ε αληίζεζε κε ηηο ζηαηηθέο νη δπλακηθέο ηζηνζειίδεο δελ δεκηνπξγνχληαη ζηνλ ππνινγηζηή καο αιιά απ επζείαο ζηνλ web server πνπ θηινμελεί ην site καο. Γίλνληαο ηηο θαηάιιειεο εληνιέο νη ηζηνζειίδεο καο κπνξνχλ λα αιιάμνπλ, δηαγξαθνχλ ή λα πξνζηεζνχλ λέεο. Καη φια απηά ρξεζηκνπνηψληαο κηα θηιηθή ζην ρξήζηε πεξηνρή δηαρείξηζεο ηφζν απιή φζν κηα εθαξκνγή επεμεξγαζίαο θεηκέλνπ φπσο ην Microsoft Word. Σν Joomla ινηπφλ είλαη κηα εθαξκνγή πνπ θάλεη απηφ αθξηβψο. Υεηξίδεηαη δπλακηθά ην πεξηερφκελν ησλ ηζηνζειίδσλ. 3.5. HTML Σα αξρηθά ηεο HTML είλαη HyperText Markup Languageθαη είλαη ε βαζηθή γιψζζα δφκεζεο ζειίδσλ ηνπ World Wide Web. Υξεζηκνπνηείηαη γηα λα ζεκαίλεη έλα ηκήκα θεηκέλνπ θαη λα ην θάλεη λα εκθαλίδεηαη θαιχηεξα. Δπηηξέπεη ηελ ελζσκάησζε ήρνπ θαη εηθφλσλ ζηηο web ζειίδεο. Αξρηθά είρε θαηαζθεπαζζεί κε ζθνπφ κφλν ηελ κνξθνπνίεζε θεηκέλνπ, αιιά κεγάισζε θαη ελζσκάησζε ζρεδηαζηηθέο ηερληθέο. Η γιψζζα ρξεζηκνπνηεί έλα αξηζκφ απφ tags γηα ηελ κνξθνπνίεζε θεηκέλνπ, γηα ηελ δεκηνπξγία ζπλδέζκσλ (links) κεηάβαζεο αλάκεζα ησλ ζειίδα, γηα ηελ εηζαγσγή εηθφλσλ, ήρνπ θ.α. Όηαλ έλαο Web Browser αλνίγεη έλα αξρείν HTML ηα ζηνηρεία (tags) κεηαθξάδνληαη ζε θαηάιιεια ραξαθηεξηζηηθά κε απνηειέζκαηα ζηελ εκθάληζε θαη ζηελ ιεηηνπξγηθφηεηα ηεο ζπγθεθξηκέλεο ζειίδαο. Η δεκηνπξγία αξρείσλ HTML είλαη πνιχ απιή. Αξθεί λα ηξέμνπκε έλαλ νπνηνδήπνηε δηνξζσηή κειμένου text, φπσο ην Notepad ησλ Windows. Να γξάςνπκε ηνλ θψδηθα HTML πνπ επηζπκνχκε θαη λα ην απνζεθεχζνπκε (ζψζνπκε) ζε έλα αξρείν κε θαηάιεμε.htm ή.html. πλήζσο απνζεθεχνπκε κε επέθηαζε.html φηαλ ζα δεκνζηεχζνπκε ηα αξρεία καο ζε δηαθνκηζηή Unix. Αληίζεηα ν εμππεξεηεηήο Windows NT θαηαιαβαίλεη ηα αξρεία θαη ζαλ.htm θαη ζαλ.html. Παξαθάησ θαίλεηαη έλα απιφ παξάδεηγκα html αξρείνπ, φπνπ θαίλνληαη ηα tags φπσο <html>, <body>, <h1>θηι. Να ζεκεηψζνπκε πσο θάζε tag «θιείλε» κε ην ίδην φλνκα κε ην / πξηλ. Π,ρ <title>παραγδιγμα</title> 20

Δηθόλα 6 Απιό παξάδεηγκα html αξρείνπ 3.6. Domain Name Ο ρψξνο νλνκάησλ ηνκέσλ (Domain Name Space ) ηνπ DNS είλαη δνκεκέλνο ηεξαξρηθά ζε δελδξηθή δνκή, κε ηα νλφκαηα λα θέξνπλ πιεξνθνξία πνπ αληαλαθιά ηε ζέζε ηνπο ζηε δνκή απηή. Ο ρψξνο νλνκάησλ DNS ελφο ηδησηηθνχ δηθηχνπ κπνξεί λα δηαθέξεη κε ηνλ ρψξν νλνκάησλ DNS ηνπ Γηαδηθηχνπ ή θάπνηνπ άιινπ δηαδηθηχνπ. Η αληηζηνίρηζε νλνκάησλ κε αξηζκεηηθέο δηεπζχλζεηο πξνέθπςε επεηδή νη αξηζκεηηθέο δηεπζχλζεηο IP δελ είλαη εχρξεζηεο απφ ηνπο αλζξψπνπο. Οη άλζξσπνη απνδίδνπλ ζεκαζία θαη ζπκνχληαη επθνιφηεξα νλφκαηα. Σν domain name αλαθέξεηαη ζηελ "πξαγκαηηθή" δηεχζπλζε ηνπ server πνπ πεξηέρεη θάζε website. Αληηπξνζσπεχεη δειαδή ηελ IP δηεχζπλζε, ε νπνία είλαη ε δηεχζπλζε φπνπ βξίζθνληαη ηα αξρεία ηεο θάζε website ζηνλ server.έλα φλνκα ρψξνπ κπνξεί λα έρεη δηάθνξεο θαηαιήμεηο φπσο.com,.eu,.gr,.net,.org,.info,.biz,.de,.it,.es θιπ., αλάινγα κε ηε ρξήζε θαη ηε ρψξα πξνέιεπζήο ηνπ. ηα νλφκαηα ρψξνπ επηηξέπεηαη κφλν ε ρξήζε αιθαξηζκεηηθψλ ζηνηρείσλ θαη παπιψλ. Γηα ηα νλφκαηα ρψξνπ κε θαηάιεμε.gr ππάξρνπλ απαγνξεπκέλεο θαηεγνξίεο. Aλ έλα φλνκα ρψξνπ ζεσξείηαη θνηλφρξεζην ή γεσγξαθηθφο φξνο εθρσξείηαη κφλν ζηνπο αληίζηνηρνπο νξγαληζκνχο ηνπηθήο απηνδηνίθεζεο αλεμάξηεηα απφ ηνλ ηξφπν γξαθήο ηνπ κε ιαηηληθά ζηνηρεία. Δπίζεο δελ επηηξέπεηαη ε εθρψξεζε νλνκάησλ ρψξνπ κε θαηάιεμε.gr πνπ απνηεινχλ ιέμεηο θιεηδηά ζην Γηαδίθηπν. 3.7. Web Server Έλαο ηζηφηνπνο γηα λα κπνξέζεη λα ιεηηνπξγήζεη ζα πξέπεη λα είλαη απνζεθεπκέλνο ζε θάπνην Web Server. Ο Web Server ζηελ νπζία είλαη ν ππνινγηζηήο εθείλνο ν νπνίνο αλαιακβάλεη λα δεκνζηεχζεη ηελ ηζηνζειίδα καο ζην δηαδίθηπν. Τπάξρνπλ 21

δχν θχξηνη Web Server: Ο Apache πνπ ζπλήζσο ρξεζηκνπνηεί ιεηηνπξγηθφ ζχζηεκα Linux θαη ν IIS πνπ ρξεζηκνπνηεί ιεηηνπξγηθφ ζχζηεκα Windows. Σν Joomla κπνξεί λα «ηξέμεη» ζε νπνηνλδήπνηε Web Server αξθεί λα ππνζηεξίδεη ηε γιψζζα PHP. 3.8. PHP Η PHP είλαη µηα εμαηξεηηθά δεµνθηιήο γιψζζα πξνγξαµµαηηζµνχ γεληθήο ρξήζεσο ε νπνία αξρηθά δεµηνπξγήζεθε γηα λα ρξεζηµνπνηεζεί ζηελ αλάπηπμε δπλαµηθψλ ηζηνζειίδσλ. Δλζσκαηψλεηαη κέζα ζε HTML θψδηθα θαη ηξέρεη ζε έλα webserver ν νπνίνο εθηειεί ηνλ θψδηθα PHP θαη λα παξάγεη πεξηερφµελν html, ην νπνίν θαη βιέπεη έλαο client.να ζεκεηψζνπκε πσο έλαο πειάηεο απφ ηνλ browser ηνπ δελ πξφθεηηαη πνηέ λα δεη php θψδηθα, δηφηη απηφο εθηειείηε ζηνλ server. Μπνξεί λα ρξεζηµνπνηεζεί ζηνπο πεξηζζφηεξνπο webservers θαη ζρεδφλ ζε φια ηα ιεηηνπξγηθά ζπζηήµαηα ρσξίο θαµία νηθνλνµηθή επηβάξπλζε (license). Έλα αξρείν κε θψδηθα PHP ζα πξέπεη λα έρεη ηελ θαηάιιειε επέθηαζε (π.ρ. *.php, *.php4, *.phtml ) θαη ν ζπλδπαζκφο Linux/Apache/MySQL/PHP, πνπ είλαη ε πην δεκνθηιήο πιαηθφξκα εθηέιεζεο ηζηνζειίδσλ είλαη γλσζηφο θαη κε ην αθξσλχκην LAMP. εµαληηθέο ηζηνζειίδεο είλαη γξαµµέλεο µε ρξήζε ηεο PHP, ζπµπεξηιαµβαλνµέλσλ ησλ Facebook, wikipedia, Yahoo!,MyYearbook, Digg, Joomla, WordPress, YouTube, θαη Drupal. Παξαθάησ είλαη έλα απιφ php παξάδεηγκα <!DOCTYPE html> <html> <body> <?php echo "My first PHP script!";?> </body> </html> 22

3.9. JavaScript Η JavaScript είλαη γιψζζα πξνγξαµµαηηζµνχ ε νπνία έρεη ζαλ ζθνπφ ηελ παξαγσγή δπλαµηθνχ πεξηερνµέλνπ θαη ηελ εθηέιεζε θψδηθα ζηελ πιεπξά ηνπ πειάηε (clientside) ζε ηζηνζειίδεο. To πξφηππν ηεο γιψζζαο θαηά ηνλ νξγαληζµφ ηππνπνίεζεο ECMA νλνµάδεηαη ECMAscript. Όπσο θαη ε PHP, ε Javascript έρεη βαζηζηεί φζνλ αθνξά ηνλ ηξφπν ζχληαμεο ηνπ θψδηθά ηεο ζηε είλαη γιψζζα πξνγξαµµαηηζµνχ C, µε ηελ νπνία παξνπζηάδεη πνιιέο νµνηφηεηεο. Όµσο ελψ ε PHP είλαη µηα server side γιψζζα πξνγξαµµαηηζµνχ, ε Javascript είλαη client side. Απηφ ζεµαίλεη φηη ε επεμεξγαζία ηνπ θψδηθα Javascript θαη ε παξαγσγή ηνπ ηειηθνχ πεξηερνµέλνπ HTML δελ πξαγµαηνπνηείηαη ζηνλ server, αιιά ζην πξφγξαµµα πεξηήγεζεο ησλ επηζθεπηψλ. Απηή ε δηαθνξά έρεη θαη πιενλεθηήµαηα θαη µεηνλεθηήµαηα γηα θαζεµηά απφ ηηο δχν γιψζζεο. πγθεθξηµέλα, ε Javascript δελ έρεη θαµία απαίηεζε απφ πιεπξάο δπλαηνηήησλ ηνπ server γηα λα εθηειεζηεί (επεμεξγαζηηθή ηζρχ, ζπµβαηφ ινγηζµηθφ δηαθνµηζηή), αιιά βαζίδεηαη ζηηο δπλαηφηεηεο ηνπ browser ησλ επηζθεπηψλ. Δπίζεο µπνξεί λα ελζσµαησζεί ζε ζηαηηθέο ζειίδεο HTML. Παξφια απηά, νη δπλαηφηεηέο ηεο είλαη ζεµαληηθά µηθξφηεξεο απφ απηέο ηεο PHP θαη δελ παξέρεη ζπλδεζηµφηεηα µε βάζεηο δεδνµέλσλ. 3.10. CSS Η CSS (Cascading Style Sheets- ηαδνρηθά Φχιια ηπι)ή(αιιεινπρία θχιισλ ζηχι) είλαη µηα γιψζζα ππνινγηζηή πνπ αλήθεη ζηελ θαηεγνξία ησλ γισζζψλ θχιισλ ζηχι πνπ ρξεζηµνπνηείηαη γηα ηνλ έιεγρν ηεο εµθάληζεο ελφο εγγξάθνπ πνπ έρεη γξαθηεί µε µηα γιψζζα ζήµαλζεο. Πην πξαθηηθά ρξεζηµνπνηείηαη γηα ηνλ έιεγρν ηεο εµθάληζεο ελφο εγγξάθνπ πνπ γξάθηεθε ζηηο γιψζζεο HTML θαη XHTML, δειαδή γηα ηνλ έιεγρν ηεο εµθάληζεο µηαο ηζηνζειίδαο θαη γεληθφηεξα ελφο ηζηνηφπνπ. Γηα έλα έγγξαθν πρ xhtml ζα ππάξρνπλ παξαπάλσ απφ έλα θχιια ζηπι ηα νπνία πεξηέρνπλ δειψζεηο γηα ηελ εµθάληζε ελφο ζπγθεθξηµέλνπ ζηνηρείνπ. Σν Φχιιν ζηχι πνπ εθαξµφδεηαη ζε έλα έγγξαθν µπνξεί λα πξνέξρεηαη απφ : ην ζπγγξαθέα µηαο ηζηνζειίδαο. ην ρξήζηε ηνπ πινεγνχ. ηνλ ίδην ηνλ πινεγφ. 23

3.11. XML(Extensible Markup Language) Δίλαη κία γιψζζα ζήκαλζεο, πνπ πεξηέρεη έλα ζχλνιν θαλφλσλ γηα ηελ ειεθηξνληθή θσδηθνπνίεζε θεηκέλσλ. Δίλαη κηα γιψζζα πεξηγξαθήο/δφκεζεο ησλ δεδνκέλσλ. Λέγνληαο δεδνκέλα, ελλννχκε κηα ζπιινγή ζηνηρείσλ δεδνκέλσλ, φπσο θαηάινγνη βηβιίσλ ή δηεπζχλζεσλ. Η XML δελ είλαη γιψζζα πξνγξακκαηηζκνχ θαη νχηε έρεη ηα ραξαθηεξηζηηθά κηαο γιψζζαο πξνγξακκαηηζκνχ. Η XML ρξεζηκνπνηείηαη γηα λα δηεπθνιχλεη ηνλ ππνινγηζηή καο λα παξάγεη θαη λα δνκήζεη ηα δεδνκέλα Παράδειγμα XML Document <?xml version="1.0" encoding="utf-8"?> <note> </note> <to> Tove</to> <from>jani</from> <heading>reminder</heading> <body>don't forget me this weekend!</body> 3.12. MySQL Η MySQL είλαη έλα ζρεζηαθφ ζχζηεκα δηαρείξηζεο βάζεσλ δεδνκέλσλ (RDBMS) πνπ ηξέρεη σο server θαη πνπ επηηξέπεη ηελ πξφζβαζε πνιιψλ ρξεζηψλ ζε πνιιέο βάζεηο δεδνκέλσλ. Μαο επηηξέπεη λα απνζεθεχνπκε, λα αλαδεηνχκε, λα ηαμηλνκνχκε αιιά θαη λα αλαθαινχκε δεδνκέλα κεγξήγνξν θαη απνηειεζκαηηθφ ηξφπν. Οπνηνζδήπνηε κπνξεί λα θαηεβάζεη ηελ MySQL, επεηδή είλαη αλνηθηνχ θψδηθα (open source), θαη κπνξεί λα ηελ δηακνξθψζεη ζχκθσλα κε ην ηη ζέιεη λα θάλεη. Δίλαη επξχηαηα γλσζηή θπξίσο γηα ηελ ηαρχηεηα, ηελ αμηνπηζηία ηεο θαη ηελ επειημία πνπ παξέρεη ζηνπο ρξήζηεο. Ο MySQL δηαθνκηζηήο ειέγρεη ηελ πξφζβαζε 24

ζηα δεδνκέλα θαη δηαζθαιίδεη φηη κφλν πηζηνπνηεκέλνη ρξήζηεο ζα έρνπλ πξφζβαζε ζε απηά. Η MySQL πήξε ην φλνκά ηεο απφ ηελ SQL (Structured Query Language). H MySQL δηαηίζεηαη ππφ ηνπο φξνπο ηεο GNU (General Public License), θαζψο θαη θάησ απφ κηα πνηθηιία άιισλ ζπκθσληψλ ηδηνθηεζίαο. Η MySQL αλήθεη θαη επηρνξεγείηαη απφ ηε κία θαη κφλε θεξδνζθνπηθή επηρείξεζε, ηελ ζνπεδηθή εηαηξεία MySQL AB, πνπ ηψξα αλήθεη ζηελ Oracle Corporation. Σέινο, κπνξεί λα ιεηηνπξγήζεη ζε ηφζν ζε πεξηβάιινλ Linux, φζν ζε πεξηβάιινλ Unix αιιά θαη ζε πεξηβάιινλ Windows. 25

4. πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ (CMS) 4.1. Οξηζκόο Σν ζύζηεκα δηαρείξηζεο πεξηερνκέλνπ (ΓΠ) ή Content Management System (CMS) είλαη κηα εθαξκνγή πνπ ρξεζηκνπνηείηαη γηα λα δεκνζηεχζεη ηζηνζειίδεο ζην δηαδίθηπν. Σα ΓΠ κπνξνχλ λα ρξεζηκνπνηεζνχλ γηα λα θαηαζθεπάζνπλ ηζηνηφπνπο φπσο: Δηαηξηθνχο Πξνζσπηθνχο Δθπαηδεπηηθνχο Ηιεθηξνληθά θαηαζηήκαηα Δλεκεξσηηθνχο Καη γεληθά ηζηνηφπνπο πνπ κπνξνχλ λα θαιχςνπλ ζρεδφλ φιε ηελ γθάκα ησλ ελδηαθεξνκέλσλ. Σν πεξηερφκελν πνπ κπνξεί λα ρξεζηκνπνηεζεί πεξηιακβάλεη θείκελα, εηθφλα, ήρνπο, video, ειεθηξνληθά αξρεία θαη γεληθά νηηδήπνηε κπνξεί λα δηαλεκεζεί κέζσ ηνπ δηαδηθηχνπ. Γεκηνπξγείηαη θαη εγθαζίζηαηαη απφ ηνπο ζρεδηαζηέο ηζηνζειίδσλ, αιιά πξννξίδεηαη γηα ρξήζε απφ ηειηθνχο ρξήζηεο. Αξρηθά, πξνζθέξεη έλαλ εχθνιν, εχρξεζην ηξφπν ελεκέξσζεο πεξηερνκέλνπ. Απηφ ζπλήζσο γίλεηαη κε ηε ρξήζε ελφο ζπζηήκαηνο πινήγεζεο (browser). Ο ρξήζηεο απιά εηζάγεη ην λέν θείκελν θαη ην απνζεθεχεη θαη ε ηζηνζειίδα ελεκεξψλεηαη ακέζσο. Σν ίδην απιφ είλαη λα πξνζηεζνχλ λέεο ζειίδεο, λα δηαγξαθνχλ παιαηέο, ή λα αλαδηακνξθσζεί κηα ηζηνζειίδα ψζηε λα ζπκβαδίδεη κε λέεο απαηηήζεηο ή πξνδηαγξαθέο. Σν χζηεκα Γηαρείξηζεο Πεξηερνκέλνπ απηνκαηνπνηεί δηάθνξεο δηαδηθαζίεο φπσο ε δηαηήξεζε ηεο εκθάληζεο ησλ ζειίδσλ ζε φιν ην, ηζηνρψξν θαζψο θαη ε δεκηνπξγία ησλ ζρεηηθψλ κελνχ, ζπλδέζκσλ θιπ. Δπίζεο ε χπαξμε θαη αξθεηψλ άιισλ εξγαιείσλ δηαρείξηζεο, επηηξέπεη ηελ εζηίαζε ζηηο ιέμεηο θαη φρη ζηελ ηερλνινγία. Έλα ΠΓ πξέπεη λα ππνζηεξίδεη ηηο παξαθάησ δπλαηφηεηεο: Δχθνιε δηαρείξηζε πεξηερνκέλνπ κέζσ ελφο browser. Γηαθνξεηηθνχο ξφινπο θαη επίπεδα γηα ηνπο ρξήζηεο ηνπ. Γπλαηφηεηα δεκνζίεπζεο πεξηερνκέλνπ απφ ρξήζηεο έπεηηα απφ έγθξηζε ηνπ δηαρεηξηζηή. Γπλαηφηεηα θαηεγνξηνπνίεζεο ηνπ πεξηερνκέλνπ ψζηε λα είλαη επθνιφηεξε ε δηαρείξηζή ηνπ. Γηαρσξηζκφο πεξηερνκέλνπ θαη εκθάληζεο (γηα παξάδεηγκα 26

λα κπνξνχκε νπνηαδήπνηε ζηηγκή λα αιιάμνπκε ην θφλην ή ην ζηπι ηεο γξακκαηνζεηξάο κηα θνξά θαη λα εθαξκνζηεί ζε φιεο ηηο ζειίδεο). 4.2. Καηεγνξίεο ζπζηεκάησλ δηαρείξηζεο πεξηερνκέλνπ (CMS) 4.2.1. Αλνηθηνύ Κώδηθα πζηήκαηα αλνηθηνχ θψδηθα νλνκάδνπκε εθείλα πνπ επηηξέπνπλ αιιαγέο ζηνλ πεγαίν θψδηθα ηνπ ζπζηήκαηνο, είλαη δσξεάλ θαη ππνζηεξίδνληαη απφ θνηλφηεηεο ρξεζηψλ θαη πξνγξακκαηηζηψλ, νη νπνίεο δεκηνπξγνχλ θαη πξνζθέξνπλ ηα δηάθνξα plug-ins θαη ηα templates. Σα ινγηζκηθά αλνηρηνχ θψδηθα απνηεινχλ ηα βαζηθφηεξα θνκκάηηα ηεο αγνξάο πιένλ. Γη απηφ θαη ππάξρεη ππνζηήξημε απφ κεγάιεο εηαηξείεο νη νπνίεο ζεσξνχλ ηα ινγηζκηθά αλνηθηνχ θψδηθα ηελ πιένλ βηψζηκε επηινγή ζηελ αγνξά. Σα ζπγθεθξηκέλα ινγηζκηθά έρνπλ βειηησζεί ηφζν πνπ κπνξνχλ λα ζπγθξηζνχλ κε ηα αληίζηνηρα εκπνξηθά παθέηα ηνπο. 4.2.2. Κιεηζηνύ Κώδηθα Πιενλεθηήκαηα απηψλ ησλ ζπζηεκάησλ είλαη φηη παξέρνπλ πεξηζζφηεξε αζθάιεηα, θαιχηεξε ηεθκεξίσζε θαη εκπνξηθή ππνζηήξημε. Όκσο βαζηθφ κεηνλέθηεκα ηνπο είλαη ην πςειφ θφζηνο. 4.2.3. ύγθξηζε Αλνηθηνύ Κώδηθα κε Αλνηθηνύ Κώδηθα Μπνξνχκε λα πνχκε φηη ηα πζηήκαηα Αλνηθηνχ Κψδηθα (CMS) έρνπλ ην πιενλέθηεκα φηη δηαηίζεληαη δσξεάλ θαη ν ρξήζηεο έρεη πιήξε πξφζβαζε ζηνλ θψδηθα ηνπ ζπζηήκαηνο. Γη απηφ ην ιφγν παξέρεη πνιχ κεγάιε επειημία θαζψο κπνξεί θαλείο λα πξαγκαηνπνηήζεη φηη αιιαγέο ρξεηάδεηαη εχθνια θαη γξήγνξα. Υάξε ζ απηά κπνξεί λα επηιχζεη ν θαζέλαο κφλνο ηνπ φηη πξφβιεκα πξνθχςεη θαη κπνξεί λα βνεζεζεί κέζα απφ ηηο δηάθνξεο θνηλφηεηεο ππνζηήξημεο πνπ ππάξρνπλ ρσξίο λα πεξηκέλεη ηνλ θαηαζθεπαζηή ηνπ ζπζηήκαηνο λα δηνξζψζεη νπνηνδήπνηε πξφβιεκα. Πέξα απφ ηα πνιιά νθέιε θαη πιενλεθηήκαηα πνπ δηαζέηεη έλα ηέηνηνπ ηχπνπ cms, ππάξρνπλ θαη αξθεηά κεηνλεθηήκαηα. Μπνξεί γηα παξάδεηγκα λα ππάξμεη έιιεηςε εκπνξηθήο ππνζηήξημεο φπσο θαη λα είλαη ιηγφηεξν ελεκεξσκέλα ζε ζρέζε κε ηα εκπνξηθά, αθνχ ε πιεηνςεθία ησλ ζπζηεκάησλ αλνηθηνχ θψδηθα ζηεξίδεηαη ζε θνηλφηεηεο ζηηο νπνίεο κπνξεί λα ππάξρεη ειιηπήο ηεθκεξίσζε θαη βνήζεηα πάλσ ζε νπνηνδήπνηε ζέκα. 4.3. Γηαδεδνκέλα ζπζηήκαηα δηαρείξηζεο πεξηερνκέλνπ (CMS) Τπάξρνπλ εθαηνληάδεο πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ (CMS) ζηνλ θφζκν. Σα πην δεκνθηιή ζπζηήκαηα πνπ ρξεζηκνπνηνχληαη είλαη: ην Joomla, 27

ην WordPress, ην Drupal, ην Django 4.3.1. Joomla Έρεη ραξαθηεξηζηεί απφ δεθάδεο ρξήζηεο σο ην θαιχηεξν CMS ζηνλ θφζκν γηαηί έρεη ηεξάζηηεο δπλαηφηεηεο, θηιηθφ πεξηβάιινλ εξγαζίαο θαη δηαρείξηζεο θαη είλαη εμαηξεηηθά επέιηθην. Έρεη ζπληαρζεί ζηελ γιψζζα πξνγξακκαηηζκνχ PHP θαη ρξεζηκνπνηείηαη κηα MySQL βάζε δεδνκέλσλ γηα ηελ απνζήθεπζε ηνπ πεξηερνκέλνπ. Δίλαη πξνζαξκφζηκν ζε πεξηβάιινληα επηρεηξεκαηηθήο θιίκαθαο φπσο ηα intranets κεγάισλ επηρεηξήζεσλ ή νξγαληζκψλ. Οη δπλαηφηεηεο επέθηαζεο ηνπ είλαη πξαγκαηηθά κεγάιεο! 4.3.2. WordPress Δίλαη κηα εθαξκνγή γηα ηζηνιφγηα θπξίσο αλνηθηνχ θψδηθα πνπ ρξεζηκνπνηεί PHP θαη MySQL. Δίλαη αξθεηά θηιηθφ πξνο ηνπο ρξήζηεο θαζψο δηαζέηεη κηα πινχζηα αξρηηεθηνληθή επεθηάζεσλ θαη πξνηχπσλ. 4.3.3. Drupal 28

Δίλαη γξακκέλν ζε γιψζζα πξνγξακκαηηζκνχ PHP, θαη είλαη γλσζηφ εδψ θαη αξθεηά ρξφληα θπξίσο ιφγσ ηεο άςνγεο αξρηηεθηνληθήο ηνπ. Θεσξείηε απφ πνιινχο έλα απφ ηα θνξπθαία ζπζηήκαηα δηαρείξηζεο πεξηερνκέλνπ. Δπηηξέπεη ζηνλ δηαρεηξηζηή ηνπ ζπζηήκαηνο λα νξγαλψλεη ην πεξηερφκελν, λα απηνκαηνπνηεί ηηο δηαρεηξηζηηθέο εξγαζίεο θαη λα δηαρεηξίδεηαη ηνπο ρξήζηεο ηεο ηζηνζειίδαο ηεο νπνίαο είλαη δηαρεηξηζηήο. Οη δπλαηφηεηεο ηνπ επεθηείλνληαη θαη πέξα απφ ηελ δηαρείξηζε ηνπ πεξηερνκέλνπ επηηξέπνληαο έηζη έλα κεγάιν εχξνο ππεξεζηψλ θαη ζπλαιιαγψλ. Σν Drupal µπνξεί λα ρξεζηκνπνηεζεί γηα: Μεγάια portals, Φφξνπµ ζπδεηήζεσλ, Ιζηνζειίδεο γηα εηαηξείεο µε απμεκέλεο αλάγθεο θαη πνιιά άιια. 4.3.4. Django Δίλαη ην θαηλνχξην trend ζηα web design CMS, έρεη ηηο δπλαηφηεηεο ηνπ Drupal δειαδή θάλεη πνιχπινθεο ηζηνζειίδεο αιιά είλαη θηηαγκέλν ζε PYTHON ζε αληίζεζε κε ην Drupal πνπ είλαη ζε PHP. 4.4. Δπηινγή Joomla Γηα ηελ πινπνίεζε ηνπ site καο επηιέμακε ην πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ (CMS) Joomla γηα ηνπο εμήο ιφγνπο: Καιχπηεη φιεο ηηο απαηηήζεηο πνπ νξίζακε. Τπνζηεξίδεηαη απφ κηα κεγάιε θνηλφηεηα ρξεζηψλ πνπ κηιάλε θαη ζπδεηνχλ γχξσ απφ απηή ηε πιαηθφξκα. Απηφ έρεη σο ζπλέπεηα εχθνιε πιεξνθφξεζε ζε ζέκαηα πνπ αλαδεηνχκε. Έρεη κεγάιε απήρεζε θαη επνκέλσο αμηνπηζηία γηα ηε ζπλέρεηα ηνπ θαη εμέιημε. Τπάξρνπλ 70.000 estores παγθνζκίσο πνπ ρξεζηκνπνηνχλ joomla κε VirtueMart! Δίλαη αλνηρηνχ θψδηθα ινγηζκηθφ θάηη πνπ είλαη επηζπκεηφ ιφγσ 29

θφζηνπο. 30

5. Δγθαηάζηαζε πξνγξακκάησλ - εξγαιείσλ 5.1. XAMPP 5.1.1. Δηζαγσγή Σν XAMPP είλαη έλα ειεχζεξν ινγηζκηθφ ην νπνίν πεξηέρεη έλα εμππεξεηεηή ηζηνζειίδσλ (apache web server) ην νπνίν κπνξεί λα εμππεξεηεί θαη δπλακηθέο ηζηνζειίδεο ηερλνινγίαο PHP/MySQL. Δίλαη αλεμάξηεην πιαηθφξκαο θαη ηξέρεη ζε Microsoft Windows, Linux, Solaris, and Mac OS X θαη ρξεζηκνπνηείηαη σο πιαηθφξκα γηα ηελ ζρεδίαζε θαη αλάπηπμε ηζηνζειίδσλ κε ηελ ηερλνινγίεο φπσο PHP, JSP θαη Servlets. 5.1.2. Δγθαηάζηαζε Αθνινπζεί βήκα πξνο βήκα ε εγθαηάζηαζε ηνπ xampp. Καηεβάδνπκε ηελ έθδνζε 1.8.3, ην setup xampp-win32-1.8.3-4-vc11-installer.exe (128MB) απφ ηε ζειίδα https://www.apachefriends.org. Δηθόλα 7 Download από https://www.apachefriends.org Κάλνληαο δηπιφ θιηθ εκθαλίδεηαη ην παξαθάησ εηζαγσγηθφ παξάζπξν 31

Δηθόλα 8 Δηζαγσγηθό παξάζπξν xampp Δθφζσλ παηήζνπκε Next εκθαδίδεηαη ε νζφλε κε ηα επηκέξνπο ζηνηρεία πνπ επηζπκνχκε λα εγθαηαζηήζνπκε. Δηθόλα 9 ηνηρεία εγθαηάζηαζεο Default είλαη φια επηιεγκέλα, ηα αθήλνπκε φια επηιεγκέλα θαη παηάκε Next.ηε ζπλέρεηα επηιέγνπκε ηελ ηνπνζεζία πνπ ζα εγθαηαζηαζεί ην xampp θαη αθνχ επηιέμνπκε Next νινθιεξψλεηαη ε εγθαηάζηαζε. Δηθόλα 10 Δπηινγή ηνπνζεζίαο εγθαηάζηαζεο xampp 32

Δηθόλα 11 Οινθιήξσζε εγθαηάζηαζεο Μεηά ηελ νινθιήξσζε ηεο εγθαηάζηαζεο ην πεξηερφκελν ηνπ θαθέινπ πνπ επηιέμακε λα γίλεη ε εγθαηάζηαζε δει. c:/xampp πεξηέρεη ππνθάθειν κε φλνκα htdocs, ζην νπνίν κεηαθέξνπκε ηηο ηζηνζειίδεο πνπ επηζπκνχκε λα είλαη πξνζβάζηκεο κέζσ browser απφ πειάηεο. Δάλ ηξέμνπκε ηελ εεθαξκνγή ζα θαλεί ην παξαθάησ παξάζπξν, απφ ην νπνίν μεθηλάκε ηφζν ηνλ Apache Web Server (port 8080) φζν θαη ηελ βάζε δεδνκέλσλ ΜySql. Δηθόλα 12 Ξεθηλάκε ηόζν ηνλ Apache Web Server όζν θαη ηελ βάζε δεδνκέλσλ ΜySql 33

5.2. Γεκηνπξγίαο Βάζεο Γεδνκέλσλ hotmobiles_db Μέζσ phpmyadmin, βάδνληαο γηα url http://localhost:8080/phpmyadmin, καο δίλεηαη ε δπλαηφηεηα λα δεκηνπξγήζνπκε κηα βάζε δεδνκέλσλ ζηελ mysql, ε νπνία έρεη ήδε μεθηλήζεη απφ ην xampp θαη ζα ρξεζηκνπνηεζεί ζηε ζπλέρεηα απφ ην joomla. Να ζεκεηψζνπκε πσο εθηφο απφ ηε βάζε δεδνκέλσλ κπνξνχκε επίζεο λα δεκηνπξγήζνπκε ρξήζηεο θαη λα νξίζνπκε ηα δηθαηψκαηα πνπ ζα έρνπλ. Δηθόλα 13 Γεκνπξγία Βάζεο Γεδνκέλνο κέζσ phpmyadmin Δηθόλα 14 Γεκηνπξγία ρξήζηε (user) νξίδνληαο δηαθαηώκαηα Γηα λα δεκηνπξγήζνπκε ηε βάζε δεδνκέλσλ ζηνλ απνκαθξπζκέλν web server hotmobiles.webuda.com δειψλνπκε ηα παξαθάησ κεηά ηε εγγξαθή καο ζην www.000webhost.com (πνπ καο δίλεη ηε δπλαηφηεηα γηα δσξεάλ Web Hosting) φπσο ζα δνχκε ζηελ παξαθάησ ελφηεηα. 34

MySQL database name: MySQL user name: Password for MySQL user: Enter password again: a1605268_ a1605268_ Δηθόλα 15 Όλνκα βάζεο θαη ρξήζηε ην 1605268_db Δηζη δεκηνπξγήζεθε ε βάζε κε ηα εμήο ζηνηρεία: $mysql_host = "mysql14.000webhost.com"; $mysql_database = "a1605268_db"; $mysql_user = "a1605268_db"; $mysql_password = "liop12" 5.3. Δγθαηάζηαζε Joomla Γηα λα εγθαηαζηήζνπκε ην joomla, αξρηθά ηνπηθά (localhost) πεγαίλνπκε ζηελ ζειίδα http://www.joomla.org/download.html θαη θαηεβάδνπκε ηελ έθδνζε Joomla_2.5.24-Stable γηα λα είλαη ζπκβαηή κε ηνλ webserver πνπ ζα αλεβάζνπκε ην site καο. Καηεβάδνπκε ηελ έθδνζε Joomla_2.5.24-Stable-Full_Package.zip, δηφηη ε ηειεπηαία έθδνζε (Joomla_3.3.3-Stable-Full_Package) απαηηεί ν web server λα ππνζηεξίδεη PHP 5.3.10, ελψ ν http://hotmobiles.webuda.com/ ππνζηεξίδεη ηελ έθδνζε PHP: 5.2.* 35

Δηθόλα 16 Download Joomla Joomla_2.5.24-Stable ηελ πξνζπάζεηά καο λα αλεβάζνπκε ηελ ηειεπηαία έθδνζε Joomla_3.3.3-Stable- Full_Package ζηνλ web server εκθαλίζηεθε ην παξαθάησ κήλπκα: «Your host needs to use PHP 5.3.10 or higher to run this version of Joomla!» θαη πξνρσξήζακε κε ηελ ακέζσο πξνεγνχκελε ζηαζεξή (stable)έθδoζε 2.5.24. Απνζπκπηέδνπκε ην αξρείν πνπ κφιηο θαηεβάζακε ζηε δηαδξνκή «C:\xampp\htdocs\ \hotmobiles». Παξαθάησ θαίλεηαη ην πεξηερφκελν ηνπ Joomla 2.5.24-Stable.zip. 36

Δηθόλα 17 Πεξηερόκελν ηνπ αξρείνπ Joomla_2.5.24-Stable-Full_Package.zip ηε ζπλέρεηα ζα πξνβνχκε ζηηο απαξαίηεηεο ελέξγεηεο έηζη ψζηε λα «αλεβάζνπκε» ηε joomla ζηνλ web server καο http://hotmobiles.webuda.com/. Αθνχ θάλακε εγγξαθή ζην www.000webhost.com πνπ καο δίλεη ηε δπλαηφηεηα γηα δσξεάλ Web Hosting. Έρνπκε ηα παξαθάησ ζηνηρεία: Domain : hotmobiles.webuda.com Username: a1605268 Password: ****** Disk Usage: Bandwidth: Home Root: 0.02 / 1500.0 MB 100000 MB (100GB) /home/a1605268 Server Name: server42.000webhost.com IP Address: 31.170.160.106 Apache ver.: 2.2.19 (Unix) PHP version: 5.2.* 37

MySQL ver.: 5.1 Activated On: 2014-07-28 13:13 Status: Active Δλψ γηα ηε δεκηνπξγία βάζεο ρξεζηκνπνηνχκε γηα φλνκα βάζεο θαη ρξήζηε ην 1605268_db: Μέζσ FTP client (CuteFTP 8.0) θαη αθνχ ζπλδεζνχκε ζην Domain http://hotmobiles.webuda.com/ κεηαθέξνπκε ην πεξηερφκελν ηνπ Joomla_2.5.24- Stable-Full_Package.zip ζην θάθειν /public_html, φπσο θαίλεηαη ζην παξαθάησ ζρήκα. Οπφηε ηνπηθά (localhost) έρνπκε ην θάθειν htdocs, ελψ απνκαθξπζκέλα (ftp) ηνλ θάθειν public_html. Web server Φάθεινο Γηαδξνκή Localhost (ηνπηθά) htdocs C:/xampp http://hotmobiles.webuda.com / public_html ftp.hotmobiles.webuda.com/ Δηθόλα 18 Μεηαθνξά ηνπ Joomla_2.5.24-Stable-Full_Package.zip ζην θάθειν /public_html ηνπ Web Server 38

Γηα ηελ FTP ζχλδεζε ζην Domain ηα παξαθάησ: http://hotmobiles.webuda.com ρξεζηκνπνηήζακε ftp.hotmobiles.webuda.com or 31.170.160.106 FTP Username: a1605268 FTP Passsword: ****** Η ζπλέρεηα ηεο εγθαηάζηαζεο είλαη ε ίδηα, είηε ηνπηθά ζηνλ ππνινγηζηή καο http://localhost:8080/hotmobiles, είηε απνκαθξπζκέλα ζηνλ web server http://hotmobiles.webuda.com Ξεθηλάκε κε ηελ επηινγήο γιψζζαο θαη επηιέγνπκε αξρηθά ηελ αγγιηθή πνπ θαη είλαη πξνεπηιεγκέλε. Δηθόλα 19 Δπηινγήο γιώζζαο ηε ζπλέρεηα πξαγκαηνπνηείηαη έιεγρνο (pre-installation check) γηα ην ελ ππάξρνπλ ηα απαξαίηεηα γηα λα δνπιέςεη ην joomla φπσο php, mysql. Θα πξέπεη λα είλαη φια Yes 39

Δηθόλα 20 Έιεγρνο (pre-installation check) ην επφκελν ζεκαληηθφ βήκα γίλεηαη ε ζχλδεζε κε ηε βάζε δεδνκέλσλ πνπ δεκηνπξγήζακε λσξίηεξα κέζσ ηνπ phpmy Admin. Αλ είκαζηε ζηελ ηνπηθή εγθαηάζηαζε βάδνπκε ζην Host Name : localhost,ελψ εάλ δνπιεχνπκε ζηνλ απνκαθξπζκέλν web server βάδνπκε mysql14.000webhost.com. Δηθόλα 21 ύλδεζε κε ηε βάζε δεδνκέλσλ ην επφκελν 5 ν βήκα ηεο δηαδηθαζίαο εγθαηάζηαζεο επηιέγνπκε ηηο ξπζκίζεηο γηα ηελ ftp ζχλδεζή καο. Δηθόλα 22 FTP Ρπζκίζεηο 40

ην 6 ν βήκα ηεο δηαδηθαζίαο εγθαηάζηαζεο επηιέγνπκε ην φλνκα ηνπ site, δίλνπκε έλα email, θαζψο θαη ηνπ δηαρεηξηζηή (admin) username θαη password. Δηθόλα 23 Δπηιέγνπκε ην όλνκα ηνπ site, email, (admin) username θαη password ην ηειεπηαίν βήκα καο δεηά λα ζβήζνπκε ην θάθειν INSTALLATION θάλνληαο απιά θιίθ ζην θνπκπί. Δηθόλα 24 βήλνπκε ην ΗNSTALLATION θάθειν Οινθιεξψζακε ηε δηαδηθαζία εγθαηάζηαζεο θαη ηελ 1 ε θνξά πνπ ζα ηξέμνπκε ην site (http://localhost:8080/hotmobiles ή http://hotmobiles.webuda.com/) ζα εκθαδηζηεί ε παξαθάησ ζειίδα: 41

Δηθόλα 25 Σν site κεηά ηελ εγθαηάζηαζε Δλψ ζαλ Administrator (http://localhost:8080/hotmobiles25/administrator/ή http://hotmobiles.webuda.com/administrator/) βιέπνπκε ηελ εμήο νζφλε: Δηθόλα 26 Σν site σο Administrator 5.4. Πξνζζήθε ειιεληθήο γιώζζαο Αθνχ θάλνπκε login σο δηαρεηξηζηήο ζα δνχκε ηελ παξαθάησ νζφλε θαη αθνχ πάκε ζηα θαη παηάκε Install 42

Δηθόλα 27 Extensions->LanguageManager γηα ηελ ειιεληθή γιώζζα ηε ζπλέρεηα πεγαίλνπκε μαλά LanguageManager θαη επηιέγνπκε Greek γηα Default ηφζν γηα ην Site φζν θαη γηα ην Administrator ηκήκα. Δηθόλα 28 Δπηιέγνπκε Greek γηα Default γιώζζα 5.5. Πξνζζήθε Πξνηύπνπ (template) Μεηά απφ αλαδήηεζε αθξεηψλ πξνηχπσλ θαηαιήμακε ζην halcyon (http://demo.rockettheme.com/joomla-templates/halcyon/). Αθνχ θαηεβάζακε ην rt_halcyon-bundle.zip πεγαίλνπκε θαη αθνχ επηιέμνπκε ην πξφηππν πνπ κφιηο θαηεβάζακε, επηιέγνπκε «Μεηαθφξησζε θαη Δγθαηάζηαζε». 43

Δηθόλα 29 Δγθαηάζηαζε ηνπ πξνηύπνπ halcyon Μεηά ηελ επηηπρή εγθαηάζηαζε γηα λα επηιέμνπκε ην halcyon πξφηππν πεγαίλνπκε θαη ζέηνπκε ην halcyon σο Πξνεπηιεγκέλν. Δηθόλα 30 Δπηινγή πξνηύπνπ halcyon σο default ηελ παξαθάησ εηθφλα βιέπνπκε ηηο δηάθνξεο πεξηνρέο (posisions) ηνπ ζπγθεθξηλέλνπ πξνηχπνπ (template) ζηηο νπνίεο ζα «ηνπνζεηεζνπλ» ηα Δλζέκαηα (modules) πνπ ζα δεκηνηξγήζνπκε ζε κεηέπεηηα ζηάδην. 44

Δηθόλα 31 Οη ζέζεηο (positions) ηνπ πξνηύπνπ (template) halcyon 5.6. Δγθαηάζηαζε joomfish Μία απφ ηηο απαηηήζεηο είλαη ην site καο λα είλαη δίγισζζν, Αγγιηθά θαη Διιεληθά. Σε δπλαηφηεηα απηή καο ηελ δίλεη ε ην joomfish. Καηεβάδνπκε απφ ην http://www.joomfish.net/ ην JoomFish_2.5.1.zip. 45

Δηθόλα 32 JoomFish_2.5.1 Γηα λα θνξηψλνπκε ην ζπγθεθξηκέλν module πεγαίλνπκε θαη επηιέγνπκε ην αξρείν πνπ κφιηο θαηεβάζακε JoomFish_2.5.1.zip θαη «Μεηαθόξησζε θαη Δγθαηάζηαζε». ηε ζπλέρεηα πάκε ζηελ 3 ε θαξηέια (Πεξηερόκελν) θαη δεκηνπξγνχκε ηελ παξαθάησ εγγξαθή Δηθόλα 33 Δγγξαθή ζην Πεξηερόκελν γιώζζαο Φνξηψλνπκε ηελ ειιεληθή γιψζζα (JoomFish Greek Language.zip), ηελ νπνία θαηεβάζακε πξηλ απφ http://www.joomfish.net/en/downloads/joomfish-translations, θαη αθνχ πάκε Content Languages 46

βιέπνπκε ζηελ παξαθάησ εηθφλα: Δηθόλα 34 Δγθαηάζηαζε ειιεληθήο γιώζζαο (JoomFish) 5.7. Δγθαηάζηαζε Easy Language plugin Γηα λα θνξηψλνπκε ην ζπγθεθξηκέλν plugin πεγαίλνπκε Δπεθηάζεσλ θαη επηιέγνπκε ην αξρείν plg_system_easylanguage-1.2.2_j25_30 πνπ κφιηο θαηεβάζακε (http://extensions.joomla.org/extensions/languages/multi-lingualcontent/19439) θαη θάλνπκε θιίθ ζην «Μεηαθόξησζε θαη Δγθαηάζηαζε». Δηθόλα 35 Δγθαηάζηαζε ηνπ Easy Language θαη ελεξγνπνίεζή ηνπ Με ην Easy Language κπνξνχκε νπνπδήπνηε κέζα ζην site καο ρξεζηκνπνηψληαο ηα {lang en} {/lang} γηα αγγιηθά {lang el} {/lang} γηα ειιεληθά λα εκθαληζηνχλ είηε ηα ειιεληθά είηε ηα αγγιηθά, αλάινγα κε ην ηη έρεη επηιέμεη ν ρξήζηεο πρ {lang en}phones{/lang}{lang el}σειέθσλα{/lang} 5.8. Virtuemart 5.8.1. Δηζαγσγή Tν Virtuemart είλαη έλα component (plugin) πνπ κπνξεί λα εγθαηαζηαζεί ζην Joomla θαη λα δψζεη ηελ δπλαηφηεηα ζηνπο δηαρεηξηζηέο ηνπ Joomla site λα παξνπζηάδνπλ θαη λα πσινχλ πξντφληα κέζσ ηνπ site ηνπο. Όπσο θαη ην Joomla, έηζη 47

θαη ην Virtuemart είλαη γξακκέλν ζε γιψζζα PHP. ΣνVirtuemart δελ κπνξεί λα εγθαηαζηαζεί κφλν ηνπ σο μερσξηζηή εθαξκνγή, θαζψο έρεη θηηαρηεί εηδηθά γηα ην Joomla.Σν Virtuemart απνηειεί κία νινθιεξσκέλε ιχζε e-shop, θαζψο πξνζθέξεη νινθιεξσκέλν πεξηβάιινλ δηαρείξηζεο θαη δπλαηφηεηα επέθηαζεο κε ηελ ρξήζε δηάθνξσλ modules. 5.8.2. Δγθαηάζηαζε ηνπ Virtuemart Σα βήκαηα πνπ αθνινπζνχλ πεξηγξάθνπλ ηελ εγθαηάζηαζε ηνπ Virtuemart Μπαίλνπκε ζηελ ηζηνζειίδα ηνπ Virtuemart : http://virtuemart.net θαη θάλνπκε θιηθ ζηελ θαηεγνξία Downloads φπσο θαίλεηαη ζηελ παξαθάησ εηθφλα θαη θαηεβάδνπκε ην com_virtuemart.2.0.26 ην νπνίν είλαη ζπκβαηφ ηφζν κε ηνλ ηνπηθφ καο web werver φζν θαη κε ηνλ απνκαθξπζκέλν (php 5.2.*). Δηθόλα 36 Καηεβάδνπκε ην com_virtuemart.2.0.26.zip Σν zip αξρείν com_virtuemart.2.0.26.zip πεξηέρεη ηα επίζεο ζπκπηεζκέλα αξρεία: com_virtuemart.2.0.26.zip, com_virtuemart.2.0.26_ext_aio.zip Θα εγθαηαζηήζνπκε θαη ηα δχν αξρεία πεγαίλνληαο θαη «Μεηαθόξησζε θαη Δγθαηάζηαζε». Αθνχ νινθιεξσζεί ε εγθαηάζε θαη ησλ δπν αξρείσλ πάκε 48

VirtueMart θαη βιέπνπκε ηελ παξαθάησ νζφλε ζηελ νπνία δηαρεηξηδφκαζηε ην VirtueMart Δηθόλα 37 Ζ δηαρείξηζε VirtueMart 49

6. Τινπνίεζε ηνπ ειεθηξνληθνύ καο θαηαζηήκαηνο Μεηά ηελ επηηπρή εγθαηάζηαζε φισλ ησλ απαξαίηεησλ πξνγξακκάησλ ζα πξνρσξήζνπκε ζηελ πινπνίεζε ηνπ ειεθηξνληθνχ καο θαηαζηήκαηνο. 6.1. ρεδίαζε ηνπ logo Υξεζηκνπνηψληαο ηελ έθδνζε Photoshop CS4 Portable δεκηνπξγνχκε ην παξαθάησ logo ην νπνίν ζα «ηνπνζεηήζνπκε» ζην header αξηζηεξά ζην site. Δηθόλα 38 Photoshop CS4 Portable Δηθόλα 39 Γεκηνπξγία ηνπ logo Πεγαίλνληαο, επηιέγνπκε ην rt_halcyon - Default. ηε ζπλέρεηα πεγαίλνπκε ζην Features θαη επηιέγνπκε Position header-a γηα ηε ζέζε ηνπ logo πνπ κφιηο ζρεδηάζακε. Πεγαίλνληαο ζην θάθειν C:\xampp\htdocs\hotmobiles\templates\rt_halcyon\images\logo\light 50

αληηθαζηζηνχκε ην ππάξρνπλ logo κε ην δηθφ καο, θξνληίδνληαο λα έρνπλ ην ίδην φλνκα (logo.png). Δηθόλα 40 Δπηινγή ηεο ζέζεο header-a γηα ην logo καο 6.2. Ρπζκίζεηο θαηαζηήκαηνο Πεγαίλνληαο ζην Καηάζηεκα θάλνπκε ηηο παξαθάησ επηινγέο/θαηαρσξήζεηο: Νφκηζκα: Euro ηνηρεία Πξνκεζεπηή Πξφζζεηεο Πιεξνθνξίεο Πειάηε Όπσο θαίλεηαη ζηελ παξαθάησ εηθφλα: 51

Δηθόλα 41 Δπηινγέο-Ρπζκίζεηο Καηαζηήκαηνο ζην Virtue Mark 6.3. Δπηινγή ησλ θαηεγνξηώλ θαη ππνθαηεγνξηώλ πξντόλησλ Δπηιέμακε ηηο παξαθάησ θαηεγνξίεο πξντφλησλ πνπ ζα εκθαλίδνληαη αξρηθά ζην site καο. Σειέθσλα Σακπιέηεο Φσηνγξαθηθέο Μεραλέο Αμεζνπάξ Λνηπά Να ηνλίζνπκε πσο αλά πάζα ζηηγκή ν δηαρεηξηζηήο ζα είλαη ζε ζέζε λα δεκηνπξγεί θαηλνχξγηεο ηφζν θαηεγνξίεο φζν θαη ππνθαηεγνξίεο. ηελ θαηεγνξία Σειέθσλα δεκηνπξγήζακε ηηο παξαθάησ ππνθαηεγνξίεο Σειέθσλα APPLE 52

HTC LG SAMSUNG SONY ελψ ζηελ θαηεγνξία Αμεζνπάξ δεκηνπξγήζακε ηηο παξαθάησ ππνθαηεγνξίεο Αμεζνπάξ Μπαηαξίεο Θήθεο Κάξηεο Μλήκεο ηελ θαηεγνξία Λνηπά ζα πξνζζέζνπκε πξντφληα ηα νπνία δελ αλήθνπλ ζε θακία απφ ηηο παξαπάλσ θαηεγνξίεο 6.4. Γεκηνπξγία θαηεγνξηώλ θαη ππνθαηεγνξηώλ ζην Virtue Mart Αθνινπζνχλ ηα απαξαίηεηα βήκαηα γηα ηε δεκηνπξγία ηφζν ησλ θαηεγνξηψλ φζν θαη ησλ ππνθαηεγνξηψλ ζην VirtueMart. Γηα ηε δεκηνπξγία πάκε Καηεγνξίεο Πξντόλησλ, επηιέγνπκε Νέν θαη ζπκπιεξψλνπκε ηα παξαθάησ: Όλνκα Καηεγνξίαο Γεκνζηεπκέλν: Ναη Σαμηλφκεζε Καηεγνξίαο: Καηεγνξία (ή Τπνθαηεγνξία), ζηελ νπνία αλήθεη 53

Δηθόλα 42 Γεκηνπξγία θαηεγνξηώλ θαη ππνθαηεγνξηώλ ζην VirtueMart Δπαλαιακβάλνληαο ηε δεκηνπξγία γηα φια ηηο θαηεγνξίεο θαη ππνθαηεγνξίεο πνπ νξίζακε ζε πξνεγνχκελε παξάγξαθν έρνπκε ζπγθεληξσηηθά ηελ παξαθάησ νζφλε: Δηθόλα 43 πγθεληξσηηθά όιεο νη θαηεγνξίεο 6.5. Γεκηνπξγία Φόξνπ ΦΠΑ πξντόλησλ ζην Virtue Mart Αθνινπζνχλ ηα βήκαηα γηα ηε δεκηνπξγία ΦΠΑ θφξνπ ζην Virtue Mart. Γηα ηε δεκηνπξγία πάκε Πξντόληα Καλόλεο Φόξσλ & Τπνινγηζκώλ επηιέγνπκε Νέν θαη εκθαλίδεηαη ε παξαθάησ νζφλε: 54

ζπκπιεξψλνπκε ηα παξαθάησ: Όλνκα: ΦΠΑ Δίδνο αξηζκεηηθήο ιεηηνπξγίαο: θόξνο ΦΠΑ αλά πξντόλ Μαζεκαηηθή ιεηηνπξγία: +% Αμία: 23.00 Να ζεκεηψζνπκε πσο ζε πεξίπησζε πνπ κειινληηθά ην θαηάζηεκά καο ζα πνπιάεη πξντφλ κε δηαθνξεηηθφ ζπληειεζηή ΦΠΑ κπνξνχκε λα πξνζζέζνπκε θαηεγνξία ΦΠΑ κε ηνλ δηαθνξεηηθφ απηφλ ζπληειεζηή. Δπίζεο ζηελ πεξίπησζε πνπ ην θξάηνο αιιάμεη ηνλ ΦΠΑ κπνξνχκε πνιχ εχθνια ζηελ ίδηα θαξηέια λα ηνλ αιιάμνπκε. 6.6. Γεκηνπξγία πξντόλησλ ζην Virtue Mart Αθνινπζνχλ ηα βήκαηα γηα ηε δεκηνπξγία πξντφλησλ ζην Virtue Mart. Γηα ηε δεκηνπξγία πάκε Πξντόληα, επηιέγνπκε Νέν θαη εκθαλίδεηαη ε παξαθάησ νζφλε: 55

Δηθόλα 44 Γεκηνπξγία πξντόληνο ηα απαξαίηεηα πεδία αλά θαξηέια πνπ θαινχκαζηε λα ζπκπιεξψλνπκε είλαη ηα παξαθάησ: Πιεξνθνξίεο πξντόληνο SKU, o θσδηθφο πξντφληνο, ζηνλ νπνίν βάιακε έλαλ 5ςήθην κνλαδηθφ αξηζκφ γηα θάζε πξντφλ Ολνκαζία πξντόληνο Φεπδώλπκν πξντόληνο (ίδην κε Ολνκαζία πξντφληνο) Καηεγνξία (ή ππνθαηεγνξία), ζηελ νπνία αλήθεη Σηκή Κόζηνπο Φόξνο ΦΠΑ Πεξηγξαθή πξντόληνο Γίλνπκε κηα πεξηγξαθή κε ηα ραξαθηεξηζηηθά ηνπ πξντφληνο Δηθόλεο πξντόληνο ηε Φόξησζε αξρείνπ αλεβάδνπκε κηα ή θαη πεξηζζφηεξεο εηθφλεο γηα ην ζπγθεθξηκέλν πξντφλ 56

Δπαλαιακβάλνληαο ηε δεκηνπξγία πξντφλησλ θαη ζπκπιεξψλνληαο ηα παξαπάλσ ζηνηρεία γηα θάζε θαηεγνξία 2-3 πξντφληα έρνπκε ζπγθεληξσηηθά ηα εμήο πξντφληα: Δηθόλα 45 πγθεληξσηηθά ηα πξντόληα ζην VirtueMart Όπνπ θαίλεηαη ε νλνκαζία, εηθφλα, θσδηθφο SKU αιιά θαη ε θαηεγνξία ζηελ νπνία αλήθεη. Να ηνλίζνπκε πσο πξέπεη λα είλαη Γεκνζηεπκέλν γηα λα θαίλεηαη ζην site καο. 6.7. Γεκηνπξγία κεζόδσλ απνζηνιήο θαη πιεξσκώλ Αθνινπζνχλ ηα βήκαηα γηα ηε δεκηνπξγία κεζφδσλ απνζηνιήο θαη πιεξσκψλ ζην Virtue Mart. Γηα ηε δεκηνπξγία κεζφδσλ απνζηνιήο πάκε Μέζνδνη απνζηνιήο, επηιέγνπκε Νέν θαη εκθαλίδεηαη ε παξαθάησ νζφλε ζηελ νπνία ζπκπιεξψλνπκε Όλνκα, Sef Alias, Γεκνζηεπκέλν Ναη, Μέζνδνο απνζηνιήο 57

Δηθόλα 46 Γεκηνπξγία κεζόδσλ απνζηνιήο Γεκηνπξγήζακε δχν κεζφδνπο απνζηνιήο: Σαρπδξνκείν Curier Γηα ηε δεκηνπξγία κεζφδσλ πιεξσκψλ πάκε Μέζνδνη πιεξσκώλ, επηιέγνπκε Νέν θαη εκθαλίδεηαη ε παξαθάησ νζφλε ζηελ νπνία ζπκπιεξψλνπκε Όλνκα, Sef Alias, Γεκνζηεπκέλν Ναη, Μέζνδνο πιεξσκήο Γεκηνπξγήζακε ηξεηο κεζφδνπο πιεξσκήο: Καηάζεζε ζε Λνγαξηαζκφ Paypal Αληηθαηαβνιή 58

Παξαθάησ θαίλεηαη ζπγθεληξσηηθά ηφζν νη Μέζνδνη απνζηνιήο φζν θαη νη Μέζνδνη πιεξσκψλ: Δηθόλα 47 Μέζνδνη απνζηνιήο Δηθόλα 48 Μέζνδνη πιεξσκώλ Να ζεκεηψζνπκε πσο ε κέζνδνο απνζηνιήο κε PAYPAL είλαη εηθνληθή θαη δελ κεηαθέξνληαη πξαγκαηηθά ρξήκαηα (Paypal Sandbox (3)) θαη ζην νπνίν θαινχκαζηε λα εηζάγνπκε έλα email (apostolia6699@hotmail.com). Πξαγκαηνπνηήζακε κηα παξαγγειία επηιέγνληαο κέζνδν απνζηνιήο: PAYPAL φπνπ ν ρξήζηεο βιέπεη ηελ παξαθάησ νζφλε: 59

Δηθόλα 49 Μέζνδνο απνζηνιήο κε PAYPAL 6.8. Γεκηνπξγία κελνύ Γηα λα δεκηνπξγήζνπκε ην κελνχ αθνινπζνχκε ηα βήκαηα : MainMenu επηιέγνπκε Νέν θαη εκθαλίδεηαη ε νζφλε: 60

Δηθόλα 50 Γεκηνπξγία κελνύ Πάκε, VirtueMart, επηιέγνπκε Γηάηαμε θαηεγνξίαο θαη ζπκπιεξψλνπκε: Δίδνο ηνηρείνπ Μελνχ: Γηάηαμε θαηεγνξίαο VirtueMart Σίηινο Μελνχ Σνπνζεζία Μελνχ Γνληθφ ηνηρείν ηηο Τπνρξεσηηθέο Ρπζκίζεηο ηελ θαηεγνξία 61

Δηθόλα 51 Δπηινγή Γηάηαμε θαηεγνξίαο VirtueMart Γηα ην ζηνηρείν κελνχ (menu item) APPLE (ππνθαηεγνξίαο ηνπ Phone)έρσ ηα εμήο ζηνηρεία εηζάγεη: Δηθόλα 52 Σν ζηνηρείν κελνύ APPLE Δπαλαιακβάλνληαο ηε δεκηνπξγία ηνηρείνπ Μελνχ θαη ζπκπιεξψλνληαο ηα παξαπάλσ ζηνηρεία ζπγθεληξσηηθά ηα εμήο ηνηρείνπ Μελνχ: 62

Δηθόλα 53 Σα ηνηρεία Μελνύ πνπ απαξηίδνπλ ην Μελνύ Να ζεκεηψζνπκε πσο γηα λα εκθαλίδεηαη ην Μελνχ θαη ζηηο δχν γιψζζεο ήηαλ απαξαίηεην λα δειψζνπκε ζαλ φλνκα θάζε ηνηρείνπ Μελνχ ηα {lang}{/lang}. Έηζη γηα ην ηνηρείν Μελνχ Αξρηθή βάιακε ζαλ φλνκα ην: {lang en}home{/lang}{lang el}αρχική{/lang}. Δηθόλα 54 Σν κελνύ ζην site καο 6.9. Γηαρείξηζε Άξζξσλ Δδψ ζα δεκηνπξγήζνπκε ην άξζξν ην νπνίν ζα θνξηψλεη αξρηθά κπαίλνληαο ζην main body ηνπ site εηαηξείαο καο φηαλ παηήζεη Αξρηθή ζην Μελνχ Πεξηερόκελν Γηαρείξηζε Άξζξσλ Νέν 63

πκπιεξψλνπκε ηα ζηνηρεία θαη ηνπνζεηνχκε εηθφλεο απφ ηηο βαζηθέο θαηεγνξίεο πξντφλησλ πνπ ζα ππνζηεξίδεη ην site καο, φπσο θαίλεηαη ζηελ παξαθάησ εηθφλα θαη ην ζέηνπκε σο Γεκνζηεπκέλν θαη Κύξην Δηθόλα 55 Βαζηθό άξζξν ην νπνίν ζα θνξηώλεη main body Δάλ δνχκε ζην site καο ην άξζξν καο θαίλεηαη σο εμήο: Δηθόλα 56 Φόξησζε ηνπ Βαζηθνύ Άξζξνπ 64

6.10. Γεκηνπξγία Φόξκαο Δπηθνηλσλίαο Γηα λα είλαη ζε ζέζε έλαο πειάηεο λα έξζεη ζε επηθνηλσλία κε ηνλ δηαρεηξηζηή ηνπ site θαη λα ηνπ αθήζεη κήλπκα, δεκηνπξγνχκε αξρηθά κηα Δπαθή Δηθόλα 57 Γεκηνξγία Δπαθήο Όπνπ κεηαμχ άιισλ βάδνπκε νπσζδήπνηε ην email καο. ηε ζπλέρεηα πάκε MainMenu θαη ζπκπιεξψλνπκε Δίδνο ηνηρείνπ Μελνχ: Μεκνλσκέλε Δπαθή, Σίηινο Μελνχ: {lang en}contact us{/lang}{lang el}δπηθνηλσλείζηε καδί καο{/lang}, γηα λα εκθαλίδεηαη θαη ζηηο δχν γιψζζεο Σνπνζεζία Μελνχ: MainMenu, Δπηιέγνπκε ηελ επαθή πνπ δεκηνπξγήζακε πξηλ Η θφξκα επηθνηλσλίαο κέζσ ηεο νπνίαο κπνξεί λα καο αθήζεη κήλπκα έλαο πειάηεο θαίλεηαη παξαθάησ: 65

Δηθόλα 58 Ζ θόξκα επηθνηλσλίαο 6.11. Γηαρείξηζε Δλζεκάησλ (module) Αθνινπζψληαο ηε δηαδξνκή Γεκηνπξγνχκε ηα παξαθάησ Δλζέκαηα ζηελ ζέζε (position) sidebar-c: Login Form Δηθόλα 59 Login Form Αλαδήηεζε πξντόλησλ 66

Δηθόλα 60 Αλαδήηεζε πξντόλησλ Καιάζη Αγνξώλ Δηθόλα 61 Καιάζη Αγνξώλ 67

Δηθόλα 62 Σα Δλζέκαηα (modules)ζηελ ζέζε (position) sidebar-c Γεκηνπξγνχκε JoomFish language selector Έλζεκα ζηελ ζέζε (position) :header f Δηθόλα 63 Γεκηνπξγία JoomFish language selector Δηθόλα 64 JoomFish language selector Έλζεκα ζηελ ζέζε header f 68

Γεκηνπξγνχκε ηα παξαθάησ Δλζέκαηα ζηελ ζέζε (position) mainbottom-a θαη -c: Πξόζθαηα Πξνβαιιόκελα Νέα Πξντόληα Δηθόλα 65 Πξόζθαηα Πξνβαιιόκελα θαη Νέα Πξντφληα 6.12. Γηαρείξηζε ηεο Ζκεξνκελίαο θαη ηνπ Copyright Αθνινπζψληαο ηε δηαδξνκή ζην Copyright βάδνπκε ην όλνκά καο: Δηθόλα 66 Γηαρείξηζε ηνπ Copyright ζην Date επηιέγνπκε ην Format ηεο εκεξνκελίαο: 69

Δηθόλα 67 Γηαρείξηζε ηνπ Ζκεξνκελίαο 6.13. Δκθάληζε ηνπ νινθιεξσκέλνπ site Έρνληαο νινθιεξψζεη φιεο ηα παξαπάλσ βήκαηα ην site καο έρεη πάξεη ηελ παξαθάησ κνξθή Δηθόλα 68 Δκθάληζε ηνπ νινθιεξσκέλνπ πιένλ site 6.14. Δγγξαθή ρξήζηε Έρνληαο νινθιεξψζεη ην site ζα πξνβνχκε ζε εγγξαθή ρξήζηε. Γηα ηελ εγγξαθή πάκε Γεκηνπξγία Λνγαξηαζκνύ θαη παηάκε Δγγξαθή αθνχ έρνπκε ζπκπιεξψζεη ηα παξαθάησ πεδία: 70

Δηθόλα 69 Δγγξαθή ρξήζηε Αθνχ εηζάγνπκε email ην νπνίν δελ ππάξρεη ζηελ βάζε δεδνκέσλ θαη νη Κσδηθφο θαη ε Δπηβεβαίσζε Κσδηθνχ ηαπηίδεηαη ιακβάλνπκε ην παξαθάησ κήλπκα: Δηθόλα 70 Γεκηνπξγία ινγαξηαζκνύ Αλνίγνληαο ην email καο, ιάβακε ην παξαθάησ email: Δηθόλα 71 Eπηβεβαίσζε email Κάλνπκε θιηθ ζην ζχλδεζκν γηα επηβεβαίσζε απφ ην site Δηθόλα 72 Μήλπκα Eπηβεβαίσζεο από ην site 71

ηε ζπλέρεηα σο δηαρεηξηζηέο ζα ελεξγνπνηήζνπκε ηνλ ρξήζηε σο εμήο: Καη πάκε ζην Δλεξγνπνηεκέλν Δηθόλα 73 Δλεξγνπνίεζε ρξήζηε από ηνλ δηαρεηξηζηή Μεηά ηελ ελεξγνπνίεζε ν ρξήζηεο κπνξεί λα ζπλδεζεί βάδνληαο Όλνκα ρξήζηε, Κσδηθό θαη παηψληαο ύλδεζε. Πιένλ ζα εκθαλίδεηαη ην φλνκα καο, έλδεημε φηη έγηλε ε ζχλδεζε Δηθόλα 74 ύλδεζε ρξήζηε 6.15. Καηαρώξεζε Παξαγγειίαο ρξήζηε Αθνχ έρνπκε ζπλδεζεί ζα πεξηγξάςνπκε ηα ζηάδηα θαηαρψξεζεο παξαγγειίαο. Αξρηθά ην θαιάζη αγνξψλ είλαη άδεην φπσο θαίλεηαη ζην δεμηά ζην site καο. Θα πξνζζέζνπκε κεξηθά πξντφληα. Απφ ην κελνχ, επηιέγνπκε έλα πξντφλ, έζησ ηεο Apple θαη ην πξνζζέηνπκε ζην θαιάζη. Μπνξνχκε λα επηιέμνπκε θαη σο πνζφηεηα πεξηζζφηεξα ηνπ ελφο. 72

Δηθόλα 75 Πξνζζήθε πξντόληνο ζην θαιάζη Μπνξνχκε είηε λα ζπλερίζνπκε ηηο αγνξέο ή λα επηιέμνπκε Πξνβνιή Καιαζηνύ Δηθόλα 76 πλέρεηα Αγνξώλ - Πξνβνιή Καιαζηνύ Δπαλαιακβάλνπκε ηελ παξαπάλσ δηαδηθαζία πξνζζέηνληαο δηάθνξα είδε εληνπίδνληαο πξντφληα είηε απφ ην κελνχ είηε απφ ηελ αλαδήηεζε θαη επηιέγνπκε Πξνβνιή Καιαζηνύ. Γηα λα ζπλερηζηεί ε παξαγγειία καο δεηά λα ζπκπιεξψζνπκε ηελ παξαθάησ θφξκα: 73

Δηθόλα 77 Δπεμεξγαζία Πιεξνθνξηώλ Υξέσζεο Αθνχ ζπκπιεξψζνπκε ηε θφξκα, ην θαιάζη καο θαίλεηαη σο εμήο: 74

Δηθόλα 78 Καιάζη Αγνξώλ Δπηιέγνπκε Μέζνδν Απνζηνιήο θαη Μέζνδν Πιεξσκήο θαη φηη δηαβάζακε ηνπο όξνπο ρξήζεο θαη πάκε ζην Σακείν. Δκθαλίδεηαη ην κήλπκα: Δπηιέγνπκε Δπηβεβαίσζε θαη εκθαλίδεηαη ην κήλπκα: 75

Εσταριζηούμε για ηην παραγγελία ζας! Μέθοδος πληρωμής Ανηικαηαβολ ή Αριθμός ζειράς 084b05 Ποζό 1385,30 Σαπηφρξνλα ιάβακε θαη ην παξαθάησ email: Δηθόλα 79 Απνζηνιή email Όπνπ αλαγξάθνληαη ζηνηρεία φπσο: Ο αξηζκόο παξαγγειίαο Πιεξνθνξίεο Υξέσζεο Γ/ζεηο Απνζηνιήο Πξντφληνο Σηκέο θαη ΦΠΑ 76

Πνζφηεηα χλνιν Ωο δηαρεηξηζηήο (administrator) κπνξνχκε λα δνχκε ηελ παξαγγειία σο εμήο: Παξαγγειίεο Δηθόλα 80 Ζ παξαγγειία ζηνλ δηαρεηξηζηή Κάλνληαο θιηθ ζηνλ Αηζκ. Παξαγγειίαο βιέπνπκε ηηο ιεπηνκέξεηεο ηεο παξαγγειίαο, φπσο θαίλεηαη ζηελ παξαθάησ εηθφλα: Δηθόλα 81 Λεπηνκέξεηεο ηεο παξαγγειίαο 6. 77