Σεσνολογικό Εκπαιδεςηικό Ίδπςμα Κπήηηρ σολή Σεσνολογικών Εθαπμογών Σμήμα Μησανικών Πληποθοπικήρ

Transcript

1 Σεσνολογικό Εκπαιδεςηικό Ίδπςμα Κπήηηρ σολή Σεσνολογικών Εθαπμογών Σμήμα Μησανικών Πληποθοπικήρ ΠΣΤΥΙΑΚΗ ΕΡΓΑΙΑ Δημιοςπγία ηλεκηπονικού καηαζηήμαηορ με είδη παθήρ και κενηήμαηορ ΟΝΟΜΑΣΔΠΩΝΤΜΟ: ΠΑΣΑΚΗ ΥΡΙΣΟΦΟΡΟ Α.Μ ΖΜΔΡΟΜΖΝΗΑ: 24/03/2015 ΔΗΖΓΖΣΖ: Δπ. ΠΑΠΑΔΟΤΡΑΚΗ ΓΕΩΡΓΙΟ

2 Εςσαπιζηίερ Αξρηθά ζα ήζεια λα επραξηζηήζσ ηδηαηηέξσο ηνλ Γξ. Γεψξγην Παπαδνπξάθε, θαζεγεηή ηνπ ηκήκαηνο κεραληθψλ πιεξνθνξηθήο ηνπ ΣΔΗ Κξήηεο, ηνπ νπνίνπ ε βνήζεηα θαη ε ζπκβνιή ήηαλ θαζνξηζηηθή γηα ηελ επηηπρή νινθιήξσζε ηεο πηπρηαθήο απηήο. Σέινο, ζα ήζεια λα επραξηζηήζσ ηνπο γνλείο κνπ γηα φιε ηελ ζηήξημε πνπ κνπ παξείραλ φιν απηφ ην δηάζηεκα. 2

3 Abstract This undergraduate thesis aims at the creation of a complete electronic shop page (e-shop) whose main selling object is stitching and embroidery equipment. In the pages below it is described the development process of a complete electronic shop (eshop) using the content management application, Joomla and the electronic shop management application hikashop. Furthermore it is described the installation of a web server of PHP and of MySql. The running costs of an electronic shop page (e-shop) are non-existent while the sales can even surpass those of a conventional shop. This particular package is aimed to all those who want to create an electronic shop from scratch or expand their already existent shop giving their clients the opportunity to be informed and buy their products 24 hours/365 days per year online via internet. 3

4 ύνοτη Ζ ζπγθξηκέλε πηπρηαθή εξγαζία ζηνρεχεη ζηε δεκηνπξγία ελφο νινθιεξσκέλνπ ειεθηξνληθνχ θαηαζηήκαηνο (e-shop) κε θχξην αληηθείκελν πψιεζεο είδε ξαθήο θαη θεληήκαηνο. ηηο παξαθάησ ζειίδεο πεξηγξάθεηαη ε δηαδηθαζία αλάπηπμεο ηνπ ειεθηξνληθνχ θαηαζηήκαηνο ρξεζηκνπνηψληαο ηελ εθαξκνγή δηαρείξηζεο πεξηερνκέλνπ, Joomla θαη ηελ εθαξκνγή δηαρείξηζεο ειεθηξνληθνχ θαηαζηήκαηνο, hikashop. Δπίζεο πεξηγξάθεηαη ε εγθαηάζηαζε ηνπ web server, ηεο php θαη ηεο MySql. Σα ιεηηνπξγηθά έμνδα ελφο ειεθηξνληθνχ θαηαζηήκαηνο (e-shop) είλαη κεδακηλά, ελψ νη πσιήζεηο ηνπ κπνξνχλ αθφκα θαη λα μεπεξάζνπλ ηηο πσιήζεηο ηνπ πξαγκαηηθνχ θαηαζηήκαηνο. Σν παθέην απεπζχλεηαη ζε φζνπο ζέινπλ είηε λα δεκηνπξγήζνπλ εμ αξρήο έλα ειεθηξνληθφ θαηάζηεκα είηε λα επεθηείλνπλ ην ήδε ππάξρνλ θαηάζηεκά ηνπο δίλνληαο ηελ δπλαηφηεηα ζηνπο πειάηεο ηνπο λα ελεκεξψλνληαη θαη λα αγνξάδνπλ ηα πξντφληα ηνπο 24 ψξεο επί 365 κέξεο ηνλ ρξφλν online κέζσ δηαδηθηχνπ. 4

5 Πεπιεσόμενα Δηζαγσγή... 9 Γηαδίθηπν... 9 Ηζηνζειίδα... 9 ηαηηθέο Ηζηνζειίδεο Γπλακηθέο ηζηνζειίδεο Ζιεθηξνληθφ θαηάζηεκα Ζιεθηξνληθφ Δκπφξην Μνξθέο ειεθηξνληθνχ εκπνξίνπ Ζιεθηξνληθφ θαηάζηεκα Υαξαθηεξηζηηθά Ζιεθηξνληθνχ Καηαζηήκαηνο Δίδε Ζιεθηξνληθψλ Αγνξψλ ( e-markets ) Διιεληθά Πεηπρεκέλα e-shop Γεκνθηιή Ξέλα e-shop Πιενλεθηήκαηα e-shop Μεηνλεθηήκαηα e-shop πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ (Content Management System CMS) Γεληθά γηα ηα CMS Πιενλεθηήκαηα ησλ CMS Σχπνη CMS CMS θιεηζηνχ θψδηθα CMS Αλνηθηνχ Κψδηθα Σα πην δεκνθηιή CMS αλνηρηνχ θψδηθα Wamp θαη Joomla! To Wamp Δγθαηάζηαζε Wamp Ηζηνξία ηνπ Joomla Υαξαθηεξηζηηθά ηνπ Joomla Ζ δνκή ηνπ Joomla Δγθαηάζηαζε ηνπ Joomla Δγρεηξίδην Γηαρείξηζεο

6 Joomla! επεθηάζεηο Components Modules Plugins Templates Languages Δγθαηάζηαζε Δπεθηάζεσλ Γηαρείξηζε Πεξηερνκέλνπ Γηαρείξηζε θαη Γεκηνπξγία Καηεγνξηψλ Γηαρείξηζε θαη Γεκηνπξγία Άξζξσλ Γηαρείξηζε Πνιπκέζσλ Γηαρείξηζε θαη Γεκηνπξγία Μελνχ Γεκηνπξγία θαη Γηαρείξηζε Υξεζηψλ Σερλνινγίεο HTML CSS JavaScript PHP Δπεθηάζεηο αξρείσλ θαη δηαθνκηζηέο Ηζηνξία ηεο PHP Πιενλεθηήκαηα ηεο PHP MySQL Πιενλεθηήκαηα MySQL SEO settings Παξνπζίαζε ειεθηξνληθνχ θαηαζηήκαηνο Αξρηθή ζειίδα Οη ξπζκίζεηο SEO ζηελ αξρηθή ζειίδα Καηεγνξίεο Πξντφληα Υξήζηεο Καιάζη αγνξψλ Σν εξγαιείν hikashop θαη ε ρξήζε ηνπ Σν HikaShop Σν hikashop κέζα ζην ειεθηξνληθφ θαηάζηεκα Γεκηνπξγία αληηγξάθσλ κε ηελ ρξήζε ηνπ Akeeba back up

7 Συμπεράςματα Μελλοντική χρήςη Ηλεκτρονική Βιβλιογραφία Πίνακαρ Εικόνυν Δηθφλα 1. brandsgalaxy Δηθφλα 2. My shoe.gr Δηθφλα 3. Getitnow Δηθφλα 4. Skroutz store Δηθφλα 5. Public Δηθφλα 6. Amazon Δηθφλα 7. Ebay Δηθφλα 8. Σν wamp Δηθφλα 9. Σν wamp ζε εθηέιεζε Δηθφλα 10. Δγθαηάζηαζε Joomla! εηζαγσγή νλφκαηνο θαη ζηνηρείσλ δηαρεηξηζηή Δηθφλα 11. Δγθαηάζηαζε Joomla! εηζαγσγή ζηνηρείσλ βάζεο δεδνκέλσλ Δηθφλα 12. Οη πιήξεηο ξπζκίζεηο ηεο Joomla! Δηθφλα 13. Δμέιημεη εγθαηάζηαζεο ηεο Joomla! Δηθφλα 14. Σν ηέινο ηεο εγθαηάζηαζεο Δηθφλα 15. Δηζαγσγή ζην backend ηνπ Joomla! Δηθφλα 16. Κεληξηθή ζειίδα δηαρείξηζεο Δηθφλα 17. Components Δηθφλα 18. Modules Δηθφλα 19. Plugins Δηθφλα 20. Templates Δηθφλα 21. Languages Δηθφλα 22. Δγθαηάζηαζε επεθηάζεσλ Δηθφλα 23. Category manager Δηθφλα 24. Νέα θαηεγνξία Δηθφλα 25. Article manager Δηθφλα 26. Γεκηνπξγία article Δηθφλα 27. Δπηινγέο άξζξνπ Δηθφλα 28. Media manager Δηθφλα 29. Γηαρείξηζε menu Δηθφλα 30. Δηζαγσγή menu Δηθφλα 31. Menu items Δηθφλα 32. Δηζαγσγή menu items Δηθφλα 33. User manager Δηθφλα 34. Ζ αξρηθή ζειίδα Δηθφλα 35. Ζ mobile εηθφλα ηνπ menu Δηθφλα 36. Ζ ιίζηα κε ηα λέα πξντφληα Δηθφλα 37. Σν πξντφλ ζηελ αξρηθή ζειίδα θαη ζηνηρεία ηνπ Δηθφλα 38. Σν menu ησλ θαηεγνξηψλ Δηθφλα 39. Πιεξνθνξίεο γηα ην θαηάζηεκα Δηθφλα 40. Δγγξαθή ζην newsletter

8 Δηθφλα 41. Γηαζχλδεζε αξρηθήο ζειίδαο κε θνηλσληθά δίθηπα Δηθφλα 42. Ζ θαηεγνξία κε ηα αμεζνπαξ Δηθφλα 43Ζ. θαηεγνξία κε ηα θεληήκαηα Δηθφλα 44.Ζ θαηεγνξία κε ηηο θισζηέο Δηθφλα 45. Ζ θαηεγνξία κε ηα θνπκπηά Δηθφλα 46. Ζ θαηεγνξία κε ηα παηδηθά Δηθφλα 47. Ζ θαηεγνξία κε ην πιέμηκν Δηθφλα 48. Ζ θαηεγνξία κε ην ξάςηκν Δηθφλα 49. Εoom in ζηελ εηθφλα κε ηελ θαηεγνξία Δηθφλα 50. Πξντφληα ππνθαηεγνξίαο Δηθφλα 51. Πιεξνθνξίεο πξντφληνο θαη βαζκνιφγεζε ηνπ Δηθφλα 52. Αξηζκφο πξνίφλησλ αλά ζειίδα Δηθφλα 53. Ζ εηθφλα κε ηηο πιήξεηο πιεξνθνξίεο γηα ην πξντφλ Δηθφλα 54. Δπηινγή zoom in ζηελ εηθφλα κε ην πξντνλ Δηθφλα 55. Δπηινγή ιεπθνχ πξντφληνο Δηθφλα 56. Δπηινγή γηα πξνεγνχκελν θαη επφκελν πξντφλ Δηθφλα 57. Δηζαγσγή ζηνηρείσλ γηα ζχλδεζε θαη εγγξαθή Δηθφλα 58. ηνηρεία απαξαίηεηα γηα ηελ είζνδν ηνπ ρξήζηε Δηθφλα 59. Πιεξνθνξίεο ρξήζηε Δηθφλα 60. Οη πιεξνθνξίεο ηνπ ρξήζηε ζηνλ ηζηφηνπν Δηθφλα 61. Δπηινγή γηα πξνζζήθε ζην θαιάζη Δηθφλα 62. Αληηθείκελα ζην θαιάζη Δηθφλα 63. χλδεζκνο γηα ηελ νινθιήξσζε ηεο παξαγγειίαο Δηθφλα 64. Σν πιήξεο θαιάζη ησλ αγνξψλ Δηθφλα 65. Σξφπνο πιεξσκήο Δηθφλα 66. Πιεξσκή κε θάξηα θαη ζηνηρεία ζπλαιιαγήο Δηθφλα 67. Σν ζχλνιν ηνπ ινγαξηαζκνχ γηα ην ηξέρσλ θαιάζη αγνξψλ Δηθφλα 68. Ζ νινθιήξσζε ηεο παξαγγειίαο θαη ηα ζηνηρεία ηεο πιεξσκήο Δηθφλα 69. hiθashop contol panel Δηθφλα 70. hikashop παξαγγειίεο Δηθφλα 71. hikashop θαηεγνξίεο Δηθφλα 72. Καηεγνξία hikashop αμεζνπάξ Δηθφλα 73. Καηεγνξία hikashop θεληήκαηνο Δηθφλα 74. Καηεγνξία hikashop θισζηέο Δηθφλα 75. Καηεγνξία hikashop θνπκπηά Δηθφλα 76. Καηεγνξία hikashop παηδηθά Δηθφλα 77. Καηεγνξία hikashop πιέμηκν Δηθφλα 78. Καηεγνξία hikashop θεληήκαηνο Δηθφλα 79. Control panel akeeba back up Δηθφλα 80. Akeeba back up, μεθηλψληαο έλα back up Δηθφλα 81. Akeeba back up ε πξφνδνο ηνπ back up Δηθφλα 82. Ζ δηαρείξηζε ηνπ αξρείνπ backup

9 Ειζαγυγή Ζ ζπγθξηκέλε πηπρηαθή εξγαζία ζηνρεχεη ζηε δεκηνπξγία ελφο νινθιεξσκέλνπ ειεθηξνληθνχ θαηαζηήκαηνο (e-shop) ειεθηξνληθψλ παηρληδηψλ κε έκθαζε ζηελ αζθάιηζε ηνπ ηζηφηνπνπ ελάληηα ζε θαθφβνπιεο επηζέζεηο. Σν ειεθηξνληθφ θαηάζηεκα ζα είλαη γηα κηα εηαηξία κε θισζηνυθαληνπξγηθά πξντφληα, ηελ δηάζεζε ηνπο ζχγθξηζεο ηηκψλ θαη πιεξνθνξίεο αγνξάο. Ζ δεκηνπξγία ηνπ ειεθηξνληθνχ θαηαζηήκαηνο (e-shop) ειεθηξνληθψλ απαηηεί ηε κνξθνπνίεζε θαη ηνλ εκπινπηηζκφ ηνπ ηζηφηνπνπ κε λέα εξγαιεία-ππεξεζίεο θαη ηελ νινθιήξσζή ηνπ ζε πεξηβάιινλ web hosting. Γηα ηελ δεκηνπξγία ηνπ ειεθηξνληθνχ θαηαζηήκαηνο ρξεζηκνπνηήζεθε ην αλνηθηνχ θψδηθα ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ, Joomla! θαη εξγαιεία θαη γιψζζεο ηειεπηαίαο ηερλνινγίαο φπσο HTML5, CSS3, Ajax, XML, Adobe Photoshop 13cs6 θαη Javascript. Διαδίκηςο Σν Γηαδίθηπν (Internet) είλαη παγθφζκην ζχζηεκα δηαζπλδεδεκέλσλ δηθηχσλ ππνινγηζηψλ, νη νπνίνη ρξεζηκνπνηνχλ θαζηεξσκέλε νκάδα πξσηνθφιισλ, ε νπνία ζπρλά απνθαιείηαη "TCP/IP" (αλ θαη απηή δελ ρξεζηκνπνηείηαη απφ φιεο ηηο ππεξεζίεο ηνπ Γηαδηθηχνπ) γηα λα εμππεξεηεί εθαηνκκχξηα ρξεζηψλ θαζεκεξηλά ζε νιφθιεξν ηνλ θφζκν. Οη δηαζπλδεδεκέλνη ειεθηξνληθνί ππνινγηζηέο αλά ηνλ θφζκν, νη νπνίνη βξίζθνληαη ζε έλα θνηλφ δίθηπν επηθνηλσλίαο, αληαιιάζζνπλ κελχκαηα (παθέηα) κε ηε ρξήζε δηαθφξσλ πξσηνθφιισλ (ηππνπνηεκέλνη θαλφλεο επηθνηλσλίαο), ηα νπνία πινπνηνχληαη ζε επίπεδν πιηθνχ θαη ινγηζκηθνχ. Ιζηοζελίδα Ηζηνζειίδα (web page) είλαη κία δηαδηθηπαθή πχιε πνπ πεξηιακβάλεη πιεξνθνξίεο κε ηελ κνξθή θεηκέλνπ, ππεξθεηκέλνπ, εηθφλαο, βίληεν θαη ήρνπ. Πνιιέο ηζηνζειίδεο καδί ζπλζέηνπλ έλαλ ηζηφηνπν (web site). Οη ζειίδεο ελφο ηζηνηφπνπ εκθαλίδνληαη θάησ απφ ην ίδην φλνκα ρψξνπ (domain) π.ρ. microsoft.com. Οη ηζηνζειίδεο αιιεινζπλδένληαη θαη κπνξεί ν ρξήζηεο λα κεηαβεί απφ ηε κία ζηελ άιιε θάλνληαο «θιηθ», επηιέγνληαο δειαδή ζπλδέζκνπο πνπ ππάξρνπλ ζην θείκελν ή ζηηο θσηνγξαθίεο ηεο ηζηνζειίδαο. Οη ζχλδεζκνη πξνο άιιεο ζειίδεο εκθαλίδνληαη ζπλήζσο ππνγξακκηζκέλνη θαη κε κπιε ρξψκα γηα λα είλαη γξήγνξα μεθάζαξν ζηνλ επηζθέπηε φηη πξφθεηηαη γηα ζχλδεζκν πξνο άιιε ηζηνζειίδα, ρσξίο φκσο πάληα λα είλαη απηφ απαξαίηεην. Ζ θαηαζθεπή ηζηνζειίδσλ είλαη θάηη πνπ κπνξεί λα γίλεη πνιχ εχθνια κε πξνγξάκκαηα πνπ θπθινθνξνχλ ειεχζεξα, αιιά ππάξρνπλ θαη απηνκαηνπνηεκέλνη κεραληζκνί θαηαζθεπήο ηζηνζειίδσλ πνπ επηηξέπνπλ ζε απινχο ρξήζηεο λα δεκηνπξγήζνπλ εχθνια θαη γξήγνξα πξνζσπηθέο ή θαη εκπνξηθέο ηζηνζειίδεο. Απφ ηελ άιιε κεξηά ππάξρνπλ θαη πνιιέο εηαηξίεο, πνπ εμεηδηθεχνληαη ζηε δεκηνπξγία ειθπζηηθψλ θαη ιεηηνπξγηθψλ ηζηνζειίδσλ πνπ έρνπλ ζαλ ζηφρν λα νδεγήζνπλ ηνπο επηζθέπηεο ζηελ αγνξά θάπνηνπ πξντφληνο, ζηελ επηθνηλσλία κε ηνλ ηδηνθηήηε ηνπ ηζηφηνπνπ ή απιά ζην αλέβαζκα ηνπ εηαηξηθνχ πξνθίι κηαο επηρείξεζεο. 9

10 ηαηικέρ Ιζηοζελίδερ Οη ζηαηηθέο ηζηνζειίδεο είλαη νπζηαζηηθά απιά ειεθηξνληθά "έγγξαθα". Μπνξνχλ λα πεξηέρνπλ θείκελα, θσηνγξαθίεο, ζπλδέζκνπο (links), αξρεία γηα download, θηλνχκελα ζρέδηα (animated graphics). Δίλαη θαηάιιειεο θπξίσο γηα ηελ δεκηνπξγία "κφληκσλ/ ζηαηηθψλ παξνπζηάζεσλ", φπνπ δελ ππάξρεη ζπρλά ε αλάγθε λα ηξνπνπνηείηαη ην πεξηερφκελφ ηνπο. Γειαδή, ζα κπνξνχζε λα ρξεζηκνπνηεζεί γηα ηελ γεληθή παξνπζίαζε κηαο επηρείξεζεο θαη ησλ πξντφλησλ ή ππεξεζηψλ ηεο. Ο ραξαθηεξηζκφο "ζηαηηθή", δελ ζεκαίλεη φηη ηίπνηα ζηελ ζειίδα δελ κεηαβάιιεηαη ζην ρξφλν, αληηζέησο κπνξεί λα έρεη θηλνχκελα γξαθηθά θαη άιια δηαδξαζηηθά γξαθηθά. εκαίλεη φηη ην πεξηερφκελν ηεο θάζε ζειίδαο είλαη ζηαζεξφ θαη ζπγθεθξηκέλν. Πξφθεηηαη δειαδή γηα ζηαζεξά ειεθηξνληθά έγγξαθα. Σν θχξην κεηνλέθηεκά ηνπο είλαη φηη δελ είλαη πξαθηηθή/βνιηθή ε ρξήζε ηνπο φηαλ ρξεηάδεηαη ην πεξηερφκελν ηεο ηζηνζειίδαο λα αιιάδεη ζπρλά, π.ρ. ηνπιάρηζηνλ κία θνξά ηελ εβδνκάδα λα πξνζηίζεηαη θάπνην άξζξν, ή λα αιιάδνπλ ηα πξντφληα θηι. Απηφ ζπκβαίλεη γηαηί γηα λα ηξνπνπνηεζεί κηα ζηαηηθή ηζηνζειίδα, πξέπεη λα γίλνπλ επεκβάζεηο απεπζείαο πάλσ ζηελ ηζηνζειίδα, κε θάπνην ζρεηηθφ πξφγξακκα (html editor είηε απιφ είηε WYSIWYG), κηα δηαδηθαζία δειαδή φπσο ην λα ζβήλεηο θαη λα γξάθεηο ζε έλα ηεηξάδην, πνπ φκσο ρξεηάδεηαη κηα ζρεηηθή εκπεηξία. Δςναμικέρ ιζηοζελίδερ Οη δπλακηθέο ηζηνζειίδεο, κπνξεί ζηελ εκθάληζε, ζε πνιιέο πεξηπηψζεηο, λα κελ έρνπλ κεγάιε δηαθνξά κε ηηο ζηαηηθέο, φκσο νη δπλαηφηεηέο είλαη πνιχ πεξηζζφηεξεο, απφ πνιιέο πιεπξέο, θαζψο ζηελ πεξίπησζε απηή νπζηαζηηθά πξφθεηηαη γηα κία εθαξκνγή (πξφγξακκα), θαη φρη έλα απιφ ειεθηξνληθφ έγγξαθν. πλήζσο, νη δπλακηθέο ηζηνζειίδεο, ρξεζηκνπνηνχλ θάπνηα βάζε δεδνκέλσλ (database), φπνπ απνζεθεχνπλ πιεξνθνξίεο θαη απ' φπνπ αληινχλ ην πεξηερφκελφ ηνπο, αλάινγα κε ην ηη δεηάεη ν ρξήζηεο/επηζθέπηεο ζε θάζε ηνπ "θιηθ". Ζ ρξήζε ησλ βάζεσλ δεδνκέλσλ, είλαη απηή πνπ επηηξέπεη ηελ εχθνιε πξνζζαθαίξεζε πεξηερνκέλνπ ζηηο δπλακηθέο ηζηνζειίδεο, θαζψο δελ απαηηείηαη λα επεμεξγάδεηαη θαλείο θάζε θνξά ηελ ίδηα ηελ ηζηνζειίδα, αιιά απιά λα δηαρεηξίδεηαη έκκεζα ην πεξηερφκελν ζηελ βάζε δεδνκέλσλ θαη νη ππφινηπεο δηαδηθαζίεο γίλνληαη απηνκαηνπνηεκέλα απφ ηνλ θψδηθα ηεο ηζηνζειίδαο. Γηα ηελ εχθνιε δηαρείξηζε ηνπ πεξηερνκέλνπ ζε κία δπλακηθή ηζηνζειίδα, ππάξρεη πξφζζεηα ζηελ ηζηνζειίδα έλαο εχρξεζηνο κεραληζκφο "CMS" (Content Managment System), κέζσ ηνπ νπνίνπ ε πξνζζαθαίξεζε πεξηερνκέλνπ κπνξεί λα γίλεη αθφκε θαη απφ θάπνηνλ αξράξην. Φπζηθά, ε "πεξηνρή δηαρείξηζεο" ηεο ηζηνζειίδαο, πξνζηαηεχεηαη κε θσδηθφ πξφζβαζεο (password), θαη δελ κπνξνχλ λα εηζέιζνπλ ζε απηή νη επηζθέπηεο ηεο ηζηνζειίδαο. Ηλεκηπονικό καηάζηημα Ηλεκηπονικό Εμπόπιο Με ηνλ φξν ειεθηξνληθφ εκπφξην αλαθεξφκαζηε ζηε δηαδηθαζία ζπλαιιαγήο (πψιεζε, αγνξά ή αληαιιαγή) πξντφλησλ, πιεξνθνξηψλ θαη ππεξεζηψλ πνπ πξαγκαηνπνηείηαη κε ηε ρξήζε δηθηχσλ ειεθηξνληθψλ ππνινγηζηψλ. Δίλαη έλαο κνριφο, κηα πξνσζεηηθή ηερλνινγία ζηα ρέξηα ησλ επηρεηξήζεσλ πνπ ηνπο επηηξέπεη λα απμήζνπλ ηελ απνηειεζκαηηθφηεηα ζηηο εκπνξηθέο ηνπο ζπλαιιαγέο. Δπηπιένλ, 10

11 είλαη έλαο εχρξεζηνο ηξφπνο αληαιιαγήο πιεξνθνξηψλ κεηαμχ φρη κφλν ησλ νξγαληζκψλ, αιιά θαη ησλ πειαηψλ πνπ ρξεζηκνπνηείηαη πξνο φθεινο φισλ. Μοπθέρ ηλεκηπονικού εμποπίος Δπηρείξεζε κε Δπηρείξεζε ( Β2Β) : Οη επηρεηξήζεηο κέζσ ηνπ ειεθηξνληθνχ εκπνξίνπ βειηηψλνπλ ηελ κεηαμχ ηνπο ζπλεξγαζία, απινπνηψληαο ηηο δηαδηθαζίεο θαη ην θφζηνο πξνκεζεηψλ, ηελ ηαρχηεηα απνζηνιήο ηνπο θαη ηνλ θαιχηεξν έιεγρν ηνπ επηπέδνπ απνζέκαηνο. Δπηπιένλ γίλεηαη πην πνηνηηθή ε εμππεξέηεζε ησλ πειαηψλ θαη βειηηψλεηαη αθφκε πεξηζζφηεξν ε απνηειεζκαηηθφηεηα ησλ επηρεηξήζεσλ κέζσ ησλ ειεθηξνληθψλ πιεξσκψλ κεηαμχ πξνκεζεπηψλ θαη δηαλνκέσλ. Δπηρείξεζε κε Κξάηνο ( B2G): Ζ θαηεγνξία απηή φπσο θαη ε πην θάησ (C2G) πξφθεηηαη γηα ηηο πην δηαδεδνκέλεο κνξθέο ειεθηξνληθνχ εκπνξίνπ θαη θαιχπηνπλ φιεο ηηο ζπλαιιαγέο αλάκεζα ζε εηαηξίεο ή ηδηψηεο θαη θνξείο ηεο δεκφζηαο δηνίθεζεο. Καηαλαισηή κε Κξάηνο (C2G): πλαιιαγέο πνπ γίλνληαη κεηαμχ θξάηνπο θαη πνιηηψλ. Αθνξνχλ ζπλήζσο ζπλαιιαγέο παξνρήο πιεξνθνξηψλ θαη ππεξεζηψλ θαζψο θαη ηεο αγνξά εξγαζίαο π.ρ. ζηηο ΖΠΑ, έρνπλ έλα ηέηνην ρψξν θαη είλαη Κξάηνο κε Κξάηνο (G2G): πλαιιαγέο πνπ γίλνληαη κεηαμχ θνξέσλ ηνπ θξάηνπο εκπνξηθέο θαη κε. Δπηρείξεζε κε Καηαλαισηή (B2C): Ζ θαηεγνξία απηή αληηζηνηρεί ζε κεγάιν βαζκφ ζην ειεθηξνληθφ ιηαληθφ εκπφξην. Δδψ αλήθνπλ φιεο νη εθαξκνγέο ειεθηξνληθνχ εκπνξίνπ νη νπνίεο αλαπηχζζνληαη κε ζηφρν ηελ πψιεζε πξντφλησλ απεπζείαο πξνο ηνπο ηειηθνχο θαηαλαισηέο. Καηαλαισηή κε Καηαλαισηή (C2C): ν θαηαλαισηήο πνπιά απεπζείαο ζε άιινπο θαηαλαισηέο π.ρ. πσιήζεηο κέζσ θαηαρσξεκέλσλ αγγειηψλ, ηζηφηνπνπ δεκνπξαζηψλ φπνπ ν νπνηνζδήπνηε κπνξεί λα πνπιήζεη νηηδήπνηε. Ηλεκηπονικό καηάζηημα Δ-shop ηα γλσζηά σο ειεθηξνληθά θαηαζηήκαηα, είλαη ηζηφηνπνη πνπ έρνπλ δεκηνπξγεζεί απφ web εθαξκνγέο, κε ηηο νπνίεο κπνξείηε λα αλαλεψζεηε ην πεξηερφκελν ηνπο ζε πξαγκαηηθφ ρξφλν (εηθφλεο, ηηκέο πξντφλησλ, εθπηψζεηο, πξνζθνξέο θ.ιπ.) θαη δηαζέηνπλ ηα απαξαίηεηα εξγαιεία παξαθνινχζεζεο θαη απηφκαηεο δηαρείξηζεο κηαο on line παξαγγειίαο. Ζ δηαδηθαζία είλαη απιή θαη έρεηε ηε δπλαηφηεηα λα αιιάδεηε νπνηαδήπνηε πεξηνρή ηεο ηζηνζειίδαο ζαο θαη λα ηελ εκπινπηίδεηε θαηά βνχιεζε ρσξίο λα ρξεηάδεηαη λα έρεηε ηερληθέο γλψζεηο θαη ρσξίο λα επηθνηλσλείηε θάζε θνξά καδί καο. Σα e-shop είλαη ηζηφηνπνη (websites) πνπ ν ξφινο ηνπο είλαη ε αγνξά - πψιεζε πξντφλησλ ή ππεξεζηψλ απφ ην δηαδίθηπν (internet). Με ηελ δεκηνπξγία ελφο e-shop κηα επηρείξεζε κηθξή ή κεγάιε ζα έρεη ζηελ δηάζεζε ηεο, έλα επηπιένλ "θαηάζηεκα" ην νπνίν ζα πνπιάεη απηφκαηα φιν ην 24σξν, ρσξίο θφζηνο. Δπίζεο ζα απνηειεί θαη έλα ρψξν (site) δηαθήκηζεο ηεο εηαηξείαο ζαο. Υαπακηηπιζηικά Ηλεκηπονικού Καηαζηήμαηορ 11

12 Τπνζηήξημε απεξηφξηζησλ πξντφλησλ - θαηεγνξηψλ Γνκή πξντφληα θαηεγνξίεο Πξνζζήθε/επεμεξγαζία/δηαγξαθή πξντφλησλ, πξνκεζεπηψλ, πειαηψλ Τπνζηήξημε πξντφλησλ κε παξαγγειία, αιιά θαη πξντφλησλ κε άκεζε πιεξσκή Αζθαιέο control panel δηαρεηξηζηή κε username θαη password ηα νπνία δειψλνληαη θαηά ηελ εγθαηάζηαζε Άκεζε επηθνηλσλία κε ηνπο πειάηεο κέζσ ή newsletter Δχθνιν backup θαη restore ηεο βάζεο δεδνκέλσλ Μπνξεί θάπνηνο λα δηαιέμεη ηνλ ηξφπν εκθάληζεο ησλ πξντφλησλ Τπάξρεη άκεζε δηαζχλδεζε αλάκεζα ζε δηαθνξεηηθά πξντφληα Οη παξαγγειίεο απνζεθεχνληαη ζε βάζε δεδνκέλσλ γηα εχθνιε πξφζβαζε Δχρξεζηε εηζαγσγή ηνπ πειάηε κε ηα ζηνηρεία πνπ ηνπ έρνπλ δνζεί Δχθνιε επεμεξγαζία ησλ ζηνηρείσλ ηνπ πειάηε Βηβιίν δηεπζχλζεσλ πειαηψλ Πξνζσξηλή θάξηα αγνξψλ γηα ηνπο επηζθέπηεο θαη κφληκε θάξηα αγνξψλ γηα ηνπο πειάηεο (εθπησηηθφ θνππφλη) Γξήγνξε θαη θηιηθή πξνο ηνλ ρξήζηε αλαδήηεζε Πεξηγξαθέο θαη ζρφιηα γηα ηα πξντφληα Ο αξηζκφο ησλ πξντφλησλ γηα ηελ θάζε θαηεγνξία Λίζηα κε ηα πξψηα ζε πσιήζεηο πξντφληα Δχθνιε πινήγεζε ζην site κε εηδηθφ menu γηα πινήγεζε αλάκεζα ζηα πξντφληα Πνιιαπινί ηξφπνη πιεξσκήο online ή offline Απηφκαηνο ππνινγηζκφο ηνπ θφξνπ αλάινγα κε ην πξντφλ Τπνζηήξημε θαιαζηνχ αγνξάο πξντφλησλ κε εχρξεζην θηιηθφ γηα ηνλ ρξήζηε menu Δθηχπσζε ηνπ θαιαζηνχ αγνξάο Δκθάληζε ιίζηαο λέσλ πξντφλησλ πκβαηφηεηα θαη ππνζηήξημε εκθάληζεο ζε mobile phones θαη tablet Δηδηθφ menu γηα mobile εθαξκνγέο Δγγξαθή ζε newsletter γηα ηελ ελεκέξσζε λέσλ πξντφλησλ χζηεκα βαζκνιφγεζεο πξντφλησλ γηα ηελ ηθαλνπνίεζε ηνπ πειάηε Quality of Experience (QoE) ζηα κέιε ηνπ site. Γπλαηφηεηα ελεκέξσζεο θνηλσληθήο δηθηχσζεο (facebook, twitter, google plus) 12

13 Είδη Ηλεκηπονικών Αγοπών ( e-markets ) Οη Β2Β ειεθηξνληθέο αγνξέο δηαθξίλνληαη ζε δηάθνξα είδε κε βάζε θάπνηα θξηηήξηα. Έηζη κπνξνχλ λα δηαθξηζνχλ : i. Με βάζε ηνλ θιάδν δξαζηεξηφηεηάο ηνπο, ζε θάζεηέο θαη νξηδφληηεο. Οη θάζεηεο ειεθηξνληθέο αγνξέο αθνξνχλ έλαλ ζπγθεθξηκέλν θιάδν, ηνλ θιάδν ηεο βηνκεραλίαο θαη ηα παξαθιάδηα απηνχ. Γηα παξάδεηγκα, ππάξρνπλ αγνξέο γηα ηελ ρεκηθή βηνκεραλία ζην ζχλνιν ηεο αιιά θαη αγνξέο κφλν γηα ηελ πξνκήζεηα ρεκηθψλ αλαιπηηθψλ νξγάλσλ. ηηο νξηδφληηεο αγνξέο ζπκκεηέρνπλ επηρεηξήζεηο αλεμαξηήησο θιάδνπ θαη είλαη ζπλήζσο ειεθηξνληθέο αγνξέο γηα ηελ δηαθίλεζε ππεξεζηψλ ή πξντφλησλ γεληθήο ρξήζεο. ii. Με βάζε ην θαζεζηψο ηδηνθηεζίαο ή δηαρείξηζεο ζε : Αλεμάξηεηεο ( ηξίηεο νληφηεηαο ) Δίλαη νη ειεθηξνληθέο αγνξέο πνπ δεκηνπξγνχληαη θαη αλήθνπλ ζε έλα ηξίην αλεμάξηεην θπζηθφ ή λνκηθφ πξφζσπν, πνπ δελ είλαη νχηε ν αγνξαζηήο νχηε ν πσιεηήο. πλήζσο είλαη θάπνηνο πάξνρνο ηερλνινγηθψλ εθαξκνγψλ, πνπ παξέρεη ειεθηξνληθέο ππεξεζίεο αγνξαπσιεζηψλ θαη πξνζηηζέκελεο αμίαο. Οη αγνξέο ηξίηεο νληφηεηαο, πνπ κπνξεί λα είλαη θάζεηεο νη νξηδφληηεο, απνηεινχλ ηελ πιεηνςεθία ησλ ειεθηξνληθψλ αγνξψλ. Κνηλνπξαμίεο ( consortia e-marketplaces ) Λεηηνπξγνχλ σο θνηλφηεηεο πνπ ηδξχνληαη απφ κεξηθνχο ζπκκεηέρνληεο ( πσιεηέο θαη αγνξαζηέο) πνπ ελψλνπλ ηηο δπλάκεηο ηνπο γηα λα εμππεξεηήζνπλ ηηο εκπνξηθέο ηνπο αλάγθεο. Έλα ηέηνην παξάδεηγκα απνηεινχλ κεγάιεο απηνθηλεηνβηνκεραλίεο (Ford, Daimler, Chrysler θ.α.), νη νπνίεο δεκηνχξγεζαλ ηελ θνηλή ειεθηξνληθή αγνξά Covisint, γηα λα ζπλαιιάζζνληαη ειεθηξνληθά κε ηνπο πξνκεζεπηέο ηνπο ζε φιν ηνλ θφζκν. Δηαηξηθέο Πξφθεηηαη γηα ηε δεκηνπξγία ειεθηξνληθψλ αγνξψλ απφ κία κφλν επηρείξεζε, κε ζθνπφ λα πξαγκαηνπνηήζεη ειεθηξνληθά ηελ ζπλεξγαζία ηεο κε ηνπο εκπνξηθνχο ηεο ζπλεξγάηεο. Γεκφζηεο ( Αλνηρηέο ) & Ηδησηηθέο ( Κιεηζηέο ) ηηο Γεκφζηεο αγνξέο, ε ζπκκεηνρή είλαη αλνηρηή πξνο φιεο ηηο ελδηαθεξφκελεο επηρεηξήζεηο, ελψ ζηηο ηδησηηθέο ζπκκεηέρνπλ κφλν θιεηζηέο νκάδεο επηρεηξήζεσλ. ρεδφλ φιεο νη αλεμάξηεηεο αγνξέο πνπ αλαθέξακε είλαη δεκφζηεο, ελψ νη εηαηξηθέο θαη νη ειεθηξνληθέο αγνξέο θνηλνπξαμηψλ είλαη ζπλήζσο θιεηζηέο. Ελληνικά Πεηςσημένα e-shop ηελ Διιεληθή αγνξά ππάξρνπλ αξθεηά πεηπρεκέλα ειεθηξνληθά θαηαζηήκαηα κε δηάθνξα είδε, ηθαλνπνηψληαο θαη ηνλ πην απαηηεηηθφ αγνξαζηή. Παξαθάησ παξνπζηάδνπκε ελδεηθηηθά κεξηθά απφ απηά : 13

14 Εικόνα 1. brandsgalaxy Σν πξψην Private Shopping Club ζηελ Διιάδα γηα απηνχο πνπ αγαπνχλ ηε κφδα θαη ηα brands ζε κνλαδηθέο ηηκέο. Δπψλπκεο κάξθεο πνπ αλαλεψλνληαη θάζε 4 κέξεο κε έσο θαη 80% ρακειφηεξεο ηηκέο. Σν brandsgalaxy.gr είλαη ην Νν1 Private Shopping Club ζηελ Διιάδα θαη απνηειεί ηελ λεφηεξε επηρεηξεκαηηθή δξαζηεξηφηεηα ηνπ Οκίινπ ΑΝΣΔΝΝΑ. Εικόνα 2. My shoe.gr Έλα απφ ηα κεγαιχηεξα ειιεληθά e-shop κε κνληέξλα, πνηνηηθά, επψλπκα παπνχηζηα θαη αμεζνπάξ ζε απίζηεπηα ρακειέο ηηκέο θαη δσξεάλ απνζηνιή επηζηξνθή. Εικόνα 3. Getitnow Getitnow - Σν κεγαιχηεξν ακηγψο νn line πνιπθαηάζηεκα κε ρηιηάδεο πξντφληα ηερλνινγίαο! Tν getitnow.gr ιεηηνπξγεί απφ ηνλ επηέκβξην ηνπ 2010 θαη ήδε απνηειεί ζήκεξα ην κεγαιχηεξν ακηγψο ειεθηξνληθφ θαηάζηεκα ηερλνινγίαο ζηελ Διιάδα κε ηελ κεγαιχηεξε πνηθηιία πξντφλησλ θαη εμεηδηθεπκέλεο ππεξεζίεο ειεθηξνληθψλ αγνξψλ. Έλαλ ρξφλν κεηά εηζάγεη ην Me&home by Getitnow.gr (meandhome.gr) κε πεξηζζφηεξα απφ πξντφληα γηα Μέλα θαη ηνλ Υψξν κνπ ζε πνιχ αληαγσληζηηθέο ηηκέο. Καη ηα δχν θαηαζηήκαηα έρνπλ θαηαθέξεη κέζα ζε κήλεο λα απνθηήζνπλ πεξηζζφηεξνπο απφ ηθαλνπνηεκέλνπο πειάηεο ζε φιε ηελ ρψξα, θαη λα θαηαθηήζνπλ θνξπθαίεο δηαθξίζεηο ζηελ Δμππεξέηεζε Πειαηψλ. Σν Getitnow.gr αιιά θαη ην Me&home by Getitnow.gr έρεη δηαθξηζεί γηα ηηο πξσηνπνξηαθέο ηνπ ππεξεζίεο ζηηο ειεθηξνληθέο αγνξέο θαη έρνπλ κία ζεηξά απφ ππεξεζίεο πνπ έρνπλ σο ζηφρν λα αλαβαζκίζνπλ ηελ πνηφηεηα δσήο θαη λα δηεπθνιχλνπλ ηελ αγνξαζηηθή δηαδηθαζία ζηνπο θαηαλαισηέο πνπ ηα επηιέγνπλ. Όξακα ηνπο είλαη λα γίλνπλ ε Νν1 πξνηίκεζε ζην ειεθηξνληθφ εκπφξην γηα ηνπο θαηνίθνπο ζηελ Διιάδα, φρη κφλν κέζα απφ πξνζθνξά αληαγσληζηηθψλ ηηκψλ θαη πξνζθνξψλ, αιιά θπξίσο αλαβαζκίδνληαο ην επίπεδν δσήο ηνπο κε κνλαδηθέο ππεξεζίεο θαη απαξάκηιιε πνηφηεηα εμππεξέηεζεο. Εικόνα 4. Skroutz store 14

15 Σν SkroutzStore είλαη κία εχρξεζηε πιαηθφξκα δεκηνπξγίαο e-shop, πνπ πξνζθέξεη έλα απνιχησο θηιηθφ πεξηβάιινλ δηαρείξηζεο, κεγάιεο δπλαηφηεηεο παξακεηξνπνίεζεο, θξππηνγξάθεζε SSL γηα αζθαιείο ζπλαιιαγέο θαη επέιηθηα πιάλα θφζηνπο. Με ην SkroutzStore, έλα θαηλνχξγην πιήξσο ιεηηνπξγηθφ e-shop κπνξεί λα απνθηήζεη νληφηεηα κέζα ζε δέθα ιεπηά. Εικόνα 5. Public Ζ Public είλαη ε ειιεληθή αιπζίδα πνιπθαηαζηεκάησλ ςπραγσγίαο, ε νπνία κέζα ζε ζχληνκν ρξνληθφ δηάζηεκα -αθνχ ηδξχζεθε κφιηο ην θαηάθεξε λα αιιάμεη ηηο θαηαλαισηηθέο ζπλήζεηεο φισλ. Γηαζέηεη ζχγρξνλνπο θαη δεζηνχο ρψξνπο κε επξεία γθάκα πξντφλησλ ηερλνινγίαο θαη πνιηηηζκνχ πνπ θαιχπηνπλ ηηο αλάγθεο θαη ησλ πην απαηηεηηθψλ επηζθεπηψλ-θαηαλαισηψλ θάζε ειηθίαο, αθνχ κπνξνχλ λα βξίζθνπλ ζπγθεληξσκέλεο ζε έλα πνιπθαηάζηεκα έκπλεπζε θαη ελεκέξσζε ζε ηνκείο ηφζν δηαθνξεηηθνχο, φζν θαη ζπκπιεξσκαηηθνχο κεηαμχ ηνπο φπσο: κνπζηθή θαη ηαηλίεο, θηλεηά θαη ςεθηαθά, ήρνο θαη εηθφλα, βηβιία θαη comics, gadgets θαη παηρλίδηα, computers θαη gaming. Δημοθιλή Ξένα e-shop ην εμσηεξηθφ ππάξρνπλ πάξα πνιιά πεηπρεκέλα e-shop θαη νη πεξηζζφηεξεο αγνξέο γίλνληαη πιένλ ειεθηξνληθά θαη φρη κε ηνλ γλσζηφ παξαδνζηαθφ ηξφπν. Σν Amazon θαη ην ebay είλαη ηα δπν θπξίαξρα θαη πην πεηπρεκέλα online ειεθηξνληθά θαηαζηήκαηα ζηνλ θφζκν. Εικόνα 6. Amazon Ζ Amazon.com, Inc είλαη ε κεγαιχηεξε ζηνλ θφζκν εηαηξεία, απφ ηελ άπνςε ηνπ θχθινπ εξγαζηψλ απφ ηελ πψιεζε αγαζψλ θαη ππεξεζηψλ κέζσ ηνπ Γηαδηθηχνπ θαη κηα απφ ηηο πξψηεο πνπ βαζίζηεθε ζην Γηαδίθηπν γηα ηελ παξνρή ησλ ππεξεζηψλ ηεο κε γλψκνλα ηηο πξαγκαηηθέο πσιήζεηο θαηαλαισηηθψλ αγαζψλ. Έδξα ηεο είλαη ην ηάηι (Οπάζηλγθηνλ) θαη ηδηνθηήηεο ηεο ν Σδεθ Μπέδνο. Δίλαη ε εηαηξία πνπ ζπλέδεζε ην φλνκα ηεο κε ηελ έλλνηα ηεο ειεθηξνληθήο επηρεηξεκαηηθφηεηαο. Δίλαη ην κεγαιχηεξν ειεθηξνληθφ βηβιηνπσιείν παγθνζκίσο, θαη παξά ηα πξνβιήκαηα πνπ εκθαλίζηεθαλ ζην παξειζφλ, ην κνληέιν ιεηηνπξγίαο ηεο Amazon απνηέιεζε βάζε γηα κειέηε απφ αξθεηνχο επίδνμνπο επηρεηξεκαηίεο. Μέζα ζε έμη κφιηο ρξφληα ε Amazon κεηέθεξε ηηο δξαζηεξηφηεηέο ηεο απφ ην γθαξάδ ηνπ ηδηνθηήηε ηεο, ηνλ Ηνχιην ηνπ 1995, ζε ηέζζεξα επηβιεηηθά θηίξηα ζην Seattle. Όηαλ ε εηαηξία μεθίλεζε ηελ επηρεηξεκαηηθή ηεο δξαζηεξηφηεηα ζην Internet έπξεπε λα θαηαπνιεκήζεη ηφζν ηελ θνβία ηνπ θφζκνπ γηα ην λέν κέζν, φζν θαη ηηο εμαηξεηηθά αξγέο ηαρχηεηεο θαη ηε κεγάιε αλακνλή πνπ ζεκεησλφηαλ ζε έλα δίθηπν πνπ είρε ζρεδηαζηεί γηα άιιε θαη κηθξφηεξε ρξήζε. Πξνθεηκέλνπ ινηπφλ λα πνπιήζεη νηηδήπνηε ζε έλα αξγφ Γηαδίθηπν, έπξεπε λα πξνζπαζήζεη λα θάλεη ηελ αγνξά απφ επράξηζηε έσο πνιχ δηαζθεδαζηηθή. Να πξνζθέξεη δειαδή αμία ζηνλ πειάηε, πνπ ζα 15

16 αληηζηάζκηδε ηηο φπνηεο θαζπζηεξήζεηο ηνπ δηθηχνπ. Έηζη κε έκθαζε ζηνλ ηνκέα θξνληίδα ηνπ πειάηε δεκηνχξγεζε έλα λέν ηξφπν ζπλαιιαγψλ θαη πειαηεηαθψλ ζρέζεσλ πνπ φπσο θαίλεηαη, ήηαλ απνηειεζκαηηθφο. Γηαηί φκσο πεγαίλνπλ θαη μαλαπεγαίλνπλ νη πειάηεο ζηελ Amazon; Πεγαίλνπλ δηφηη έρεη κεγάιε πνηθηιία πξντφλησλ, δηφηη ε πινήγεζε ζηνλ ηφπν είλαη εχθνιε, δηφηη ν ηφπνο αλαλεψλεηαη πξνζθέξνληαο λέεο ππεξεζίεο θαη δηφηη ηνπο αξέζεη ε εμαηξεηηθή ρξήζε ηνπ γηα απνζηνιή πιεξνθνξηψλ θαη ακθίδξνκε επηθνηλσλία (δειαδή γηα marketing θαη εμππεξέηεζε πειαηψλ). Πεγαίλνπλ, ηέινο, δηφηη ε Amazon έρεη έλαλ πνιχ θαιφ ηξφπν λα πξνηείλεη πξντφληα ρσξίο λα είλαη πηεζηηθφο. Ζ εκπεηξία ηνπ shopping ζην Amazon είλαη, κε άιια ιφγηα, εχθνιε θαη επράξηζηε. O πειάηεο κπνξεί λα πάεη νπνπδήπνηε θαη λα βξεη φ,ηη εκθαλίζηεθε ζην δηάζηεκα πνπ έιεηςε. Αθφκε φκσο θαη αλ δελ πάεη, ε Amazon ηνλ ζπκάηαη κέζσ ηνπ θαη ηνπ ζηέιλεη κελχκαηα κε παξαπνκπέο πνπ ηνπ εμάπηνπλ ηελ πεξηέξγεηα. ήκεξα ν ηφπνο ηεο Amazon δελ πνπιά κφλν βηβιία. Πνπιά CD, DVD θαηαλαισηηθά ειεθηξνληθά, είδε ζπηηηνχ θαη δψξα. Σν πεξίεξγν θαη ην ελδηαθέξνλ φκσο είλαη φηη, ελψ ε Amazon έρεη θεξδίζεη ηνλ πφιεκν ζρεδφλ απφ ηελ πξψηε κέξα ηεο ιεηηνπξγίαο ηεο, κέρξη ζήκεξα δελ έρεη εκθαλίζεη θέξδε. Σνλ πξψην ρξφλν ηεο ιεηηνπξγίαο ηεο ε Amazon είρε έλα εθαηνκκχξην θαηαγεγξακκέλνπο πειάηεο. ήκεξα νη πειάηεο ηεο μεπεξλνχλ ηα 18 εθαηνκκχξηα ζε 160 ρψξεο. Σν ίδην εληππσζηαθφο είλαη θαη ν ηδίξνο ηεο Amazon γηα ην 1997 ήηαλ 149 εθαηνκκχξηα δνιάξηα, δέθα θνξέο κεγαιχηεξνο απφ ηνλ ηδίξν ηνπ ακέζσο επφκελνπ αληαγσληζηή ηεο, Barners θαη Noble. Σνλ Ννέκβξην ηνπ 2001 ε εηαηξία μεθίλεζε έλα θηιφδνμν πξφγξακκα επέθηαζεο, θαζψο εγθαηληάζηεθε ην λέν ειεθηξνληθφ θαηάζηεκά ηεο ζηελ Ηαπσλία Σν λέν βηβιηνπσιείν δηέζεηε 1,7 εθαηνκκχξηα ηίηινπο βηβιίσλ ζηελ ηαπσληθή γιψζζα, θαη ζηφρνο ηνπ ήηαλ λα παξέρεη ζην θνηλφ 1,1 εθαηνκκχξηα επηπιένλ ηαπσληθνχο ηίηινπο θαη 600 ρηιηάδεο αγγιηθνχο έσο ην εξρφκελν έηνο. Εικόνα 7. Ebay Σο Ebay είναι ε κεγαιχηεξε ηζηνζειίδα δεκνπξαζηψλ ζηνλ θφζκν. Πεξηιακβάλεη ηεξάζηηα γθάκα πξντφλησλ απφ φινλ ηνλ θφζκν θαη είλαη δηαζέζηκν θαη ζε πνιιέο γιψζζεο, φπσο αληίζηνηρα εμππεξεηεί αγνξαζηηθφ θνηλφ απφ πνιιέο ρψξεο. ην ebay δελ ππάξρνπλ κφλν πξντφληα πνπ δεκνπξαηνχληαη αιιά θαη πξντφληα πνπ πσινχληαη απεπζείαο κε κία ζηάληαξ ηηκή. Σν κεγάιν πιενλέθηεκά ηνπ είλαη φηη έρεη πνιιέο θνξέο θζελέο ηηκέο θαη παξέρεηαη αζθάιεηα ζε δηάθνξεο κνξθέο, ψζηε λα είλαη πξνζηαηεπκέλνο ν αγνξαζηήο απφ ηπρφλ απάηεο. Δίλαη πνιχ εχθνιν ζηε ρξήζε θαη νη ρξεκαηηθέο ζπλαιιαγέο γηα ηηο δεκνπξαζίεο θαη ηηο αγνξαπσιεζίεο γίλνληαη θπξίσο κέζσ paypal. 16

17 Πλεονεκηήμαηα e-shop πλερείο πσιήζεηο θαη ζε νπνηνδήπνηε ζεκείν ηνπ θφζκνπ. Οη ρξήζηεο δελ ρξεηάδεηαη λα είλαη ζηελ ίδηα πεξηνρή κε ηελ έδξα ηνπ ειεθηξνληθνχ θαηαζηήκαηνο αθνχ ε αληαιιαγή πιεξνθνξηψλ, ε αγνξέο πξντφλησλ θαη νη ζπλαιιαγέο κπνξνχλ λα πξαγκαηνπνηεζνχλ αλά πάζα ζηηγκή, 24 ψξεο ηελ εκέξα, 7 εκέξεο ηελ εβδνκάδα θαη απφ νπνηνδήπνηε ζεκείν ζηνλ θφζκν κε πξφζβαζε ζην δηαδίθηπν, ελψ έλαο θπζηθφο ρψξνο/θαηάζηεκα κπνξεί λα δερηεί κφλν πειάηεο πνπ κπνξνχλ λα θηάζνπλ εθεί θαη ζπγθεθξηκέλεο ψξεο θαη κέξεο. Μείσζε ρξφλνπ εξγαζίαο θαη εμφδσλ ην ειεθηξνληθφ θαηάζηεκα, ππάξρεη κείσζε ηνπ θφζηνπο πνπ απαηηείηαη γηα ηελ νινθιήξσζε παξαδνζηαθψλ επηρεηξεκαηηθψλ δηαδηθαζηψλ. Πνιιέο απφ απηέο ηηο δηαδηθαζίεο κπνξνχλ λα ππνθαηαζηαζνχλ κε ηνπο ηαρχηεξνπο απηνκαηηζκνχο ησλ ειεθηξνληθψλ κέζσλ. Γηα παξάδεηγκα, έρνπκε 300 πειάηεο θαη ζέινπκε λα ηνπο ελεκεξψζνπκε γηα ηα λέα πξντφληα καο. Οη ηξφπνη είλαη 2: Απνζηνιή 300 θαθέισλ κέζσ ηαρπδξνκείνπ (ραξηί, εθηχπσζε, ηαρπδξνκηθά ηέιε, πξνζσπηθφ θ.ιπ.), ή καδηθή απνζηνιή (0 θφζηνο). Δπίζεο, ζθεθηείηε ην θφζηνο ηνπ ελνηθίνπ ηνπ θαηαζηήκαηνο ζε αληίζεζε κε ην θφζηνο ηεο δηαηήξεζεο ελφο ειεθηξνληθνχ θαηαζηήκαηνο. Πξνβνιή φισλ ησλ πξντφλησλ πξνο πψιεζε ην ειεθηξνληθφ θαηάζηεκα κπνξεί κηα επηρείξεζε λα πξνβάιιεη φια ηα πξντφληα πνπ δηαζέηεη πξνο πψιεζε, είηε απηά βξίζθνληαη ζην ρψξν ηεο, είηε φρη (δηαζέζηκα απφ πξνκεζεπηή ρνλδξηθήο). Αλ ην θαηάζηεκα καο είλαη κηθξφ, ζίγνπξα δελ ζα ππάξρεη ε δπλαηφηεηα λα έρνπκε φια ηα πξντφληα ζην ρψξν. Αζθάιεηα ζπλαιιαγψλ. Δίλαη γλσζηφ φηη ε αζθάιεηα δεδνκέλσλ ζε έλα ειεθηξνληθφ θαηάζηεκα είλαη πςίζηεο ζεκαζίαο γη απηφ θαη ε θαηαζθεπή ηνπ γίλεηαη κε βάζε ηηο ηειεπηαίεο ηερλνινγίεο αζθαιείαο νη νπνίεο δηαξθψο εμειίζζνληαη. Δίηε πινπνηήζεηε Online ζπλαιιαγέο, ή απιά ζέιεηε λα παξνπζηάζεηε ηα πξντφληα ζαο ζην Internet, ε αζθάιεηα ζεσξείηαη δεδνκέλε. Αθφκα θαη γηα απηνχο πνπ ζεσξνχλ ξηςνθίλδπλε ηε ρξέσζε πηζησηηθψλ θαξηψλ κέζσ ηνπ δηαδηθηχνπ ππάξρεη θαη ε δπλαηφηεηα γηα Offline πιεξσκέο, παξαγγειία κε ηειεθσληθή επηβεβαίσζε, αληηθαηαβνιή θ.ιπ. Καιχηεξε Δμππεξέηεζε Πειαηψλ Λφγσ ηνπ φηη νη πειάηεο ιακβάλνπλ πεξηζζφηεξεο πιεξνθνξίεο κέζσ ηνπ ειεθηξνληθνχ θαηαζηήκαηνο, ε επηθνηλσλία είλαη ζπρλά πην απνηειεζκαηηθή. Τπάξρεη πνιχ κεγαιχηεξε επειημία, δηαζεζηκφηεηα θαη ηαρχηεξνη ρξφλνη αληαπφθξηζεο κε online ππνζηήξημε. Γηα παξάδεηγκα, ζθεθηείηε ηελ ηαρχηεηα κε ηελ νπνία δίλνληαη δηεπθξηλήζεηο κέζσ ησλ ζπρλψλ εξσηήζεσλ/απαληήζεσλ (faq) πνπ πξνβάιινληαη ζην ειεθηξνληθφ καο θαηάζηεκα, κέζσ θαη live chat, ζε αληίζεζε κε ην λα πάξεη ν πειάηεο ηειέθσλν, εηδηθά φηαλ ε επηρείξεζε είλαη θιεηζηή θάπνηεο ψξεο ηεο εκέξαο. Τπάξρεη επίζεο πην γξήγνξε παξάδνζε ησλ online πσιήζεσλ, βνεζψληαο ζηελ ελίζρπζε ηεο ζρέζεο πειάηε / επηρείξεζεο. Σν Γηαδίθηπν 17

18 είλαη έλα ηζρπξφ εξγαιείν γηα ηελ επίηεπμε λέσλ αγνξψλ θαη ηελ παξνρή πιεξνθνξηψλ ζηνπο πειάηεο θαη ζπλεξγάηεο. Ζ θαιχηεξε θαηαλφεζε ησλ πειαηψλ ζαο, ζπκβάιεη ζηε βειηίσζε ηνπ βαζκνχ ηθαλνπνίεζεο ησλ απαηηήζεψλ ηνπο. ηαηηζηηθά ζηνηρεία εκαληηθφ εξγαιείν ζε κηα επηρείξεζε γηα ηε ζπλερή βειηίσζε ηεο ιεηηνπξγίαο ηεο είλαη ε επεμεξγαζία ησλ ζηαηηζηηθψλ δεδνκέλσλ. Με ην ειεθηξνληθφ θαηάζηεκα θαη ζε ζπλδπαζκφ κε ηηο δηαζέζηκεο επαγγεικαηηθέο εθαξκνγέο πνπ κπνξνχκε λα βξνχκε ζην δηαδίθηπν, είλαη πιένλ εχθνιν λα βιέπνπκε ζηαηηζηηθά ηηο πσιήζεηο καο, λα βιέπνπκε ηα πξντφληα πνπ πσινχληαη π.ρ. πεξηζζφηεξν ή ιηγφηεξν, πνηεο κέξεο θαη κήλεο έρνπκε πεξηζζφηεξνπο επηζθέπηεο θαη πσιήζεηο θ.ιπ. Όια απηά ζεκαίλνπλ επειημία, αληαγσληζηηθφηεηα, νηθνλνκία. Αληαγσληζηηθφ πιενλέθηεκα Σν δηαδίθηπν αλνίγεη κηα εληειψο λέα αγνξά γηα ηηο επηρεηξήζεηο. Ο αληαγσληζκφο κέζσ ηνπ Γηαδηθηχνπ απμάλεηαη, ην ίδην ην δηαδίθηπν κεγαιψλεη νινέλα θαη πεξηζζφηεξν, θαη αλ κηα επηρείξεζε δελ πξνβάιιεη ζχληνκα ηα πξντφληα θαη ηηο ππεξεζίεο ηεο ζην δηαδίθηπν, ζίγνπξα δελ ζα έρεη κέιινλ. Δχθνιε πξφζβαζε ζε πιεξνθνξίεο ζε πξαγκαηηθφ ρξφλν είλαη έλα θχξην φθεινο ηνπ δηαδηθηχνπ, πνπ επηηξέπεη ζε κηα εηαηξεία λα δψζεη πην απνηειεζκαηηθή θαη έγθπξε πιεξνθφξεζε θαη λα θεξδίζεη ην αληαγσληζηηθφ πιενλέθηεκα έλαληη απηψλ πνπ δελ πξνβάιινληαη ζην Internet. Σν ζεκαληηθφηεξν είλαη φηη νη κηθξέο επηρεηξήζεηο πιένλ κπνξνχλ λα αληαγσληζηνχλ ηηο κεγάιεο επηρεηξήζεηο, αθνχ νη ζεκαληηθή κείσζε ησλ εμφδσλ ζπκβάιιεη ζηε πψιεζε πξντφλησλ κε κεησκέλεο ηηκέο. Μειονεκηήμαηα e-shop Γελ ππάξρεη εκπηζηεπηηθφηεηα θαη αζθάιεηα φζνλ αθνξά ην πεξηερφκελν θάπνησλ πιεξνθνξηψλ. Γελ ππάξρεη αθεξαηφηεηα, ψζηε λα πξνθπιάζζεηαη ην ππνθείκελν ησλ πιεξνθνξηψλ πνπ δηαθηλνχληαη. πλεπψο ην ειεθηξνληθφ εκπφξην ειινρεχεη θηλδχλνπο γηα ηνλ αλππνςίαζην ρξήζηε. ςζηήμαηα Διασείπιζηρ Πεπιεσομένος (Content Management System CMS) Γενικά για ηα CMS Σα αξρηθά CSS πξνέξρνληαη απφ ην Cascading Style Sheets. Σα CSS ζαο επηηξέπνπλ λα δηαρσξίζεηε ην πεξηερφκελν ηεο ηζηνζειίδαο ζαο απφ ην ζρεδηαζηηθφ θνκκάηη. Απηφ είλαη πνιχ ζεκαληηθφ αθνχ ηα ζηνηρεία ζρεδίαζεο ηεο ηζηνζειίδαο καο ζα είλαη ζε έλα μερσξηζηφ αξρείν ην νπνίν ζα ηξνθνδνηεί ηηο ππφινηπεο ζειίδεο. Ο φξνο CMS (Content Management Systems - πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ) αλαθέξεηαη ζηηο εθαξκνγέο πνπ επηηξέπνπλ ζηνλ πειάηε λα δηαρεηξίδεηαη ην δηθηπαθφ ηνπ πεξηερφκελν, φπσο θείκελα, εηθφλεο, πίλαθεο θ.ιπ., κε 18

19 εχθνιν ηξφπν, ζπλήζσο παξφκνην κε απηφλ ηεο ρξήζεο ελφο θεηκελνγξάθνπ. Οη εθαξκνγέο δηαρείξηζεο πεξηερνκέλνπ επηηξέπνπλ ηελ αιιαγή ηνπ πεξηερφκελνπ ρσξίο λα είλαη απαξαίηεηεο εηδηθέο γλψζεηο ζρεηηθέο κε ηε δεκηνπξγία ηζηνζειίδσλ ή γξαθηθψλ, θαζψο ζπλήζσο ηα θείκελα γξάθνληαη κέζσ θάπνησλ online WYSIWYG ("What You See Is What You Get") html editors, εηδηθψλ δειαδή θεηκελνγξάθσλ, παξφκνησλ κε ην MS Word, πνπ επηηξέπνπλ ηε κνξθνπνίεζε ησλ θεηκέλσλ φπνηε ππάξρεη αλάγθε. ρεδφλ φια ηα πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ είλαη ινγηζκηθφ αλνηθηνχ θψδηθα πνπ δηαηίζεηαη δσξεάλ θαη κπνξεί θαλείο λα ην εγθαηαζηήζεη ζε έλαλ εμππεξεηεηή πνπ ππνζηεξίδεη βάζε δεδνκέλσλ MySQL θαη ηε γιψζζα πξνγξακκαηηζκνχ PHP θαη λα ην ρξεζηκνπνηήζεη γηα ηε δεκηνπξγία κηαο ηζηνζειίδαο. Τπάξρνπλ φκσο θαη θιεηζηνχ θψδηθα φπσο ζα δνχκε παξαθάησ. ρεδφλ φια ηα πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ κπνξνχλ λα δηαρεηξηζηνχλ πεξηερφκελν ζηηο παξαθάησ κνξθέο: εηθφλα, βίληεν, θείκελα, java animation, πξφηππα ζρεδίαζεο, βάζεηο δεδνκέλσλ θ.α.. Σν χζηεκα Γηαρείξηζεο Πεξηερνκέλνπ είλαη ινγηζκηθφ ην νπνίν επηηξέπεη ζε νπνηνλδήπνηε, αθφκα θαη ζε εθείλνλ πνπ δελ έρεη πνιιέο γλψζεηο πξνγξακκαηηζκνχ θαη γιψζζαο HTML, λα δεκηνπξγήζεη θαη λα δηαρεηξηζηεί κε πνιχ απιφ ηξφπν ηελ εθάζηνηε ηζηνζειίδα ηνπ. νπ δίλεη ηελ δπλαηφηεηα δηαρείξηζεο ηεο ηζηνζειίδαο ζνπ απφ ηελ αξρή ηεο (δεκηνπξγία), κέρξη θαη ηελ ζπλερή ζπληήξεζε ηεο. Δπίζεο κπνξνχλ λα ζνπ πξνζθέξνπλ κεγάιε πνηθηιία ιεηηνπξγηθφηεηαο αθνχ δηαζέηνπλ Modules θαη Plugins πνπ κπνξνχλ λα ζε βνεζήζνπλ ζε νηηδήπνηε ζθνπέπεηο λα δεκηνπξγήζεηο. Έρνληαο ζαλ αξρή ηελ θηινζνθία ηνπ αληηθεηκελνζηξαθνχο πξνγξακκαηηζκνχ πξνζθέξνπλ ζπλερψο ιχζεηο ζε ηπρφλ πξνβιήκαηα πνπ πξνθχπηνπλ ζηελ πνξεία. Πλεονεκηήμαηα ηυν CMS Μεξηθά απφ ηα νθέιε πνπ πξνθχπηνπλ απφ ηελ ρξήζε ελφο πζηήκαηνο Γηαρείξηζεο Πεξηερνκέλνπ (CMS) βξίζθνληαη παξαθάησ: Σαρχηεηα ζηε δεκηνπξγία λέσλ ζειίδσλ θαη αιιαγψλ ζε ππάξρνπζεο ζειίδεο Γηαρσξηζκφο ηνπ πεξηερνκέλνπ απφ ηελ ζρεδίαζε. Γξήγνξε ελεκέξσζε θαη δηαρείξηζε ηνπ πεξηερνκέλνπ ηνπ δηθηπαθνχ ηφπνπ Μείσζε εμφδσλ γηα ηελ δηαηήξεζε κηαο ηζηνζειίδαο Μεγάιε επειημία θαη εχθνιε πινήγεζε ζε κηα ηζηνζειίδα Γελ απαηηνχληαη εηδηθέο ηερληθέο γλψζεηο απφ ηνπο δηαρεηξηζηέο Σαπηφρξνλε ελεκέξσζε απφ πνιινχο ρξήζηεο θαη δηαθνξεηηθνχο ππνινγηζηέο Απμεκέλε αζθάιεηα, γηαηί ην πεξηερφκελν θαηαρσξείηαη ζε βάζεηο δεδνκέλσλ, νη νπνίεο εχθνια θαη γξήγνξα πξνζηαηεχνληαη ηεξψληαο αληίγξαθα αζθαιείαο. Σν κεγαιχηεξν φκσο πιενλέθηεκα ησλ CMS είλαη ε κεγάιε νκνηνκνξθία, ε ζπλνρή πνπ παξέρνπλ θαζψο θαη ε απμεκέλε επειημία θαη ε επηηάρπλζε ηεο δηαδηθαζίαο ζε πεξηπηψζεηο αιιαγψλ θαη δεκηνπξγίαο θάπνηαο λέαο ηζηνζειίδαο. 19

20 Σύποι CMS Παξαθάησ ζαο παξαζέησ ηηο πέληε θχξηεο θαηεγνξίεο πζηεκάησλ Γηαρείξηζεο Πεξηερνκέλνπ (CMS), κε ηα αληίζηνηρα πεδία ρξήζεο ηνπο: Enterprise CMS (ECMS) Έλα επηρεηξεζηαθφ ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ (ECMS - Enterprise Content Management System), αζρνιείηαη κε ην πεξηερφκελν, ηα έγγξαθα, ηα ζηνηρεία θαη ηα παξαζηαηηθά πνπ ζρεηίδνληαη κε ηηο νξγαλσηηθέο δηαδηθαζίεο κηαο επηρείξεζεο.. Web CMS ( WCMS) Ζ δηαρείξηζε πεξηερνκέλνπ ηζηνζειίδσλ (WCM) είλαη έλα ζχζηεκα CMS ζρεδηαζκέλν γηα λα απινπνηήζεη ηε δεκνζίεπζε ηνπ δηθηπαθνχ πεξηερνκέλνπ ησλ web sites θαη ησλ θηλεηψλ ζπζθεπψλ. Υξεζηκνπνηνχλ κηα βάζε δεδνκέλσλ γηα ηελ απνζήθεπζε θαη έλα επίπεδν παξνπζίαζεο γηα ηελ εκθάληζε ηνπ πεξηερνκέλνπ κέζα απφ ηα δηάθνξα πξφηππα (templates). Σα web CMS δηαθέξνπλ απφ ηα άιια εξγαιεία πνπ ππάξρνπλ γηα ηε ζπγγξαθή ζειίδσλ φπσο ην adobe Dreamweaver. Τπάξρνπλ πνιιά web ζπζηήκαηα δηαρείξηζεο πεξηερνκέλνπ ηφζν ζηνλ εκπνξηθφ ηνκέα φζν θαη ζηνλ ηνκέα Αλνηθηνχ Κψδηθα ν νπνίνο φκσο ππεξηζρχεη. Οξηζκέλα ζπζηήκαηα ζπγθξνηνχληαη απφ εθηειέζηκν θψδηθα (πρ PHP, JSP, ASP ) θαη φρη απφ ζηαηηθή HTML,έηζη ψζηε ην ίδην ην CMS λα κελ ρξεηάδεηαη λα αλαπηχζζεηαη ζε θάζε web server. Document management system (DMS) χζηεκα Γηαρείξηζεο Δγγξάθσλ δίλεη ηε δπλαηφηεηα ζάξσζεο, δηαρείξηζεο θαη απνηειεζκαηηθήο δηαλνκήο ησλ εηαηξηθψλ εγγξάθσλ (ςεθηαθψλ θαη έληππσλ). Γεκηνπξγήζεθε εηδηθά γηα αζθαιηζηηθέο επηρεηξήζεηο. Mobile content management system Δίλαη έλαο ηχπνο ζπζηήκαηνο δηαρείξηζεο πεξηερνκέλνπ πνπ κπνξεί λα απνζεθεχεη θαη λα παξέρεη πεξηερφκελν θαη ππεξεζίεο ζε θηλεηέο ζπζθεπέο, φπσο θηλεηά ηειέθσλα θαη smart phones. Component content management system Σν Component CMS δηαρεηξίδεηαη πεξηερφκελα ζε έλα ζππξσηφ επίπεδν πεξηερνκέλσλ. Κάζε πεξηερφκελν παξνπζηάδεη έλα ζέκα. Σα ζπζηαηηθά ζπγθεληξψλνληαη ζε πνιιαπιά πεξηερφκελα θαη κπνξνχλ λα παξνπζηαζηνχλ ζαλ ςεθηαθά ή παξαδνζηαθά έγγξαθα. Κάζε ζπζηαηηθφ έρεη ην δηθφ ηνπ θχθιν δσήο θαη ην ζπγθεθξηκέλν CMS ρξεζηκνπνηείηαη ζε πνιιαπιά θαλάιηα φζνλ αθνξά ηελ πειαηεηαθή επεμεξγαζία πεξηερνκέλσλ. CMS κλειζηού κώδικα Δλδεηθηηθά θάπνηα πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ θιεηζηνχ θψδηθα είλαη ηα εμήο : 20

21 Powerfront Content Management System Vignette Content Management IBM Workplace Web Content Management Jalios Content Management Πιενλεθηήκαηα απηψλ ησλ ζπζηεκάησλ είλαη φηη παξέρνπλ πεξηζζφηεξε αζθάιεηα, θαιχηεξε ηεθκεξίσζε θαη εκπνξηθή ππνζηήξημε. Όκσο βαζηθφ κεηνλέθηεκα ηνπο είλαη ην πςειφ θφζηνο. CMS Ανοικηού Κώδικα πζηήκαηα αλνηθηνχ θψδηθα νλνκάδνπκε εθείλα πνπ επηηξέπνπλ αιιαγέο ζηνλ πεγαίν θψδηθα ηνπ ζπζηήκαηνο, είλαη δσξεάλ θαη ππνζηεξίδνληαη απφ θνηλφηεηεο ρξεζηψλ θαη πξνγξακκαηηζηψλ, νη νπνίεο δεκηνπξγνχλ θαη πξνζθέξνπλ ηα δηάθνξα plug-ins θαη ηα templates. Σα ινγηζκηθά αλνηρηνχ θψδηθα απνηεινχλ ηα βαζηθφηεξα θνκκάηηα ηεο αγνξάο πιένλ. Γη απηφ θαη ππάξρεη ππνζηήξημε απφ κεγάιεο εηαηξείεο νη νπνίεο ζεσξνχλ ηα ινγηζκηθά αλνηθηνχ θψδηθα ηελ πιένλ βηψζηκε επηινγή ζηελ αγνξά. Σα ζπγθεθξηκέλα ινγηζκηθά έρνπλ βειηησζεί ηφζν πνπ κπνξνχλ λα ζπγθξηζνχλ κε ηα αληίζηνηρα εκπνξηθά παθέηα ηνπο. Πλεονεκτήματα: Υακειφ Κφζηνο Ο θψδηθαο δηαηίζεηαη δσξεάλ, πξάγκα πνπ ζεκαίλεη φηη ηα θάλεη πνιχ ειθπζηηθά ζε ζρέζε κε ηα εκπνξηθά πνπ νη ηηκέο ηνπο είλαη ηδηαίηεξα πςειέο. Δπειημία θαη εχθνιε πξνζαξκνγή Ο αγνξαζηήο έρεη πιήξε πξφζβαζε ζην ζχζηεκα θαη κπνξεί λα θάλεη νπνηαδήπνηε αιιαγή ζέιεη αλάινγα κε ηηο αλάγθεο θαη ηηο απαηηήζεηο πνπ έρεη. Γσξεάλ εξγαιεία Σα ζπζηήκαηα απηά έρνπλ θαηαζθεπαζηεί κε εξγαιεία θαη γιψζζεο πξνγξακκαηηζκνχ νη νπνίεο είλαη θαη απηέο αλνηθηνχ θψδηθα φπσο ε PHP, Java, Unix, Perl, Python. Δπθνιία ελζσκάησζεο Δπεηδή ηα CMS αλνηρηνχ θψδηθα κπνξνχλ λα ηξνπνπνηεζνχλ εχθνια, κπνξνχλ έηζη λα ελζσκαησζνχλ γξήγνξα ζην ήδε ππάξρνπλ ζχζηεκα κηα επηρείξεζεο, ελψ έλα εκπνξηθφ ζχζηεκα δελ κπνξεί λα ηξνπνπνηεζεί θαη λα ελζσκαησζεί εχθνια ζε έλα άιιν ζχζηεκα. Κνηλφηεηεο ππνζηήξημεο 21

22 Ο θχξηνο ιφγνο επηηπρίαο ησλ ζπζηεκάησλ απηψλ είλαη νη πνιχ θαιέο νκάδεο θαη θνηλφηεηεο ππνζηήξημεο πνπ απνηεινχληαη απφ πξνγξακκαηηζηέο θαη πνιινχο άιινπο ρξήζηεο. Δχθνιε επίιπζε πξνβιεκάησλ Δάλ έρνπκε πξφβιεκα ζην ζχζηεκα κπνξνχκε λα ην ιχζνπκε κφλνη καο αθνχ έρνπκε πιήξε πξφζβαζε ζηνλ θψδηθα ηνπ ζπζηήκαηνο ή λα δεηήζνπκε βνήζεηα απφ ηηο θνηλφηεηεο ππνζηήξημεο. ε έλα εκπνξηθφ ζχζηεκα πξέπεη λα ελεκεξψζνπκε ηνλ θαηαζθεπαζηή θαη λα πεξηκέλνπκε λα ην θηηάμεη ή αθφκα λα πεξηκέλνπκε ηελ επφκελε έθδνζε ηνπ ζπζηήκαηνο ε νπνία ζα είλαη αλαλεσκέλε θαη ρσξίο πξνβιήκαηα. Μειονεκηήμαηα: Έιιεηςε εκπνξηθήο ππνζηήξημεο Μηθξφηεξε σξηκφηεηα θαη ρξεζηηθφηεηα Διιηπήο ηεθκεξίσζε Σα πιο δημοθιλή CMS ανοισηού κώδικα Σα Γεκνθηιέζηεξα πζηήκαηα Γηαρείξηζεο Πεξηερνκέλνπ είλαη ην Joomla, Drupal, Xoops, Mambo θαη ην Wordpress. Drupal: Δίλαη γξακκέλν ζε γιψζζα πξνγξακκαηηζκνχ PHP, θαη είλαη γλσζηφ εδψ θαη αξθεηά ρξφληα θπξίσο ιφγσ ηεο άςνγεο αξρηηεθηνληθήο ηνπ. Θεσξείηε απφ πνιινχο έλα απφ ηα θνξπθαία ζπζηήκαηα δηαρείξηζεο πεξηερνκέλνπ. Δπηηξέπεη ζηνλ δηαρεηξηζηή ηνπ ζπζηήκαηνο λα νξγαλψλεη ην πεξηερφκελν, λα απηνκαηνπνηεί ηηο δηαρεηξηζηηθέο εξγαζίεο θαη λα δηαρεηξίδεηαη ηνπο ρξήζηεο ηεο ηζηνζειίδαο ηεο νπνίαο είλαη δηαρεηξηζηήο. Οη δπλαηφηεηεο ηνπ επεθηείλνληαη θαη πέξα απφ ηελ δηαρείξηζε ηνπ πεξηερνκέλνπ επηηξέπνληαο έηζη έλα κεγάιν εχξνο ππεξεζηψλ θαη ζπλαιιαγψλ. Σν Drupal κπνξεί λα ρξεζηκνπνηεζεί γηα: Μεγάια portals, Φφξνπκ ζπδεηήζεσλ, Ηζηνζειίδεο γηα εηαηξείεο κε απμεκέλεο αλάγθεο θαη πνιιά άιια. Υοοps: Δίλαη κηα web εθαξκνγή γξακκέλε ζε PHP θαη ππνζηεξίδεη σο βάζε δεδνκέλσλ ηελ MySQL. Δλψ μεθίλεζε σο έλα ζχζηεκα δηθηπαθήο πχιεο ζήκεξα απνηειεί ηδαληθφ εξγαιείν γηα ηελ αλάπηπμε κηθξψλ θαη κεγάισλ δηθηπαθψλ ηφπσλ θαη αξθεηψλ άιισλ εθαξκνγψλ. Mambo: Δίλαη έλα ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ αλνηθηνχ θψδηθα. Υξεζηκνπνηψληαο ην Mambo, κπνξεί θαλείο λα δεκηνπξγήζεη θαη λα ζπληεξήζεη ην δηθφ ηνπ ηζηφηνπν (website). Καηέρεη εγεηηθή ζέζε ζηελ αγνξά απηψλ ζπζηεκάησλ θαζψο ζπλδπάδεη ραξαθηεξηζηηθά θαη δπλαηφηεηεο πνπ δχζθνια ζπλαληά θάπνηνο ζπγθεληξσκέλεο ζε έλα ηέηνην πξντφλ. Απνηειεί κηα θαιή ιχζε ειεθηξνληθνχ εκπνξίνπ. Wordpress: Δίλαη κηα εθαξκνγή γηα ηζηνιφγηα θπξίσο αλνηθηνχ θψδηθα πνπ ρξεζηκνπνηεί PHP θαη MySQL. Δίλαη αξθεηά θηιηθφ πξνο ηνπο ρξήζηεο θαζψο δηαζέηεη κηα πινχζηα αξρηηεθηνληθή επεθηάζεσλ θαη πξνηχπσλ. 22

23 Joomla: Έρεη ραξαθηεξηζηεί απφ δεθάδεο ρξήζηεο σο ην θαιχηεξν CMS ζηνλ θφζκν γηαηί έρεη ηεξάζηηεο δπλαηφηεηεο, θηιηθφ πεξηβάιινλ εξγαζίαο θαη δηαρείξηζεο θαη είλαη εμαηξεηηθά επέιηθην. Έρεη ζπληαρζεί ζηελ γιψζζα πξνγξακκαηηζκνχ PHP θαη ρξεζηκνπνηείηαη κηα MySQL βάζε δεδνκέλσλ γηα ηελ απνζήθεπζε ηνπ πεξηερνκέλνπ. Δίλαη πξνζαξκφζηκν ζε πεξηβάιινληα επηρεηξεκαηηθήο θιίκαθαο φπσο ηα intranets κεγάισλ επηρεηξήζεσλ ή νξγαληζκψλ. Οη δπλαηφηεηεο επέθηαζεο ηνπ είλαη πξαγκαηηθά κεγάιεο! Έλ θαηαθιείδη κπνξνχκε λα πνχκε φηη ηα πζηήκαηα Αλνηθηνχ Κψδηθα (CMS) έρνπλ ην πιενλέθηεκα φηη δηαηίζεληαη δσξεάλ θαη ν ρξήζηεο έρεη πιήξε πξφζβαζε ζηνλ θψδηθα ηνπ ζπζηήκαηνο. Γη απηφ ην ιφγν παξέρεη πνιχ κεγάιε επειημία θαζψο κπνξεί θαλείο λα πξαγκαηνπνηήζεη φηη αιιαγέο ρξεηάδεηαη εχθνια θαη γξήγνξα. Υάξε ζ απηά κπνξεί λα επηιχζεη ν θαζέλαο κφλνο ηνπ φηη πξφβιεκα πξνθχςεη θαη κπνξεί λα βνεζεζεί κέζα απφ ηηο δηάθνξεο θνηλφηεηεο ππνζηήξημεο πνπ ππάξρνπλ ρσξίο λα πεξηκέλεη ηνλ θαηαζθεπαζηή ηνπ ζπζηήκαηνο λα δηνξζψζεη νπνηνδήπνηε πξφβιεκα. Πέξα απφ ηα πνιιά νθέιε θαη πιενλεθηήκαηα πνπ δηαζέηεη έλα ηέηνηνπ ηχπνπ cms, ππάξρνπλ θαη αξθεηά κεηνλεθηήκαηα. Μπνξεί γηα παξάδεηγκα λα ππάξμεη έιιεηςε εκπνξηθήο ππνζηήξημεο φπσο θαη λα είλαη ιηγφηεξν ελεκεξσκέλα ζε ζρέζε κε ηα εκπνξηθά, αθνχ ε πιεηνςεθία ησλ ζπζηεκάησλ αλνηθηνχ θψδηθα ζηεξίδεηαη ζε θνηλφηεηεο ζηηο νπνίεο κπνξεί λα ππάξρεη ειιηπήο ηεθκεξίσζε θαη βνήζεηα πάλσ ζε νπνηνδήπνηε ζέκα. Wamp και Joomla! To Wamp Σν WAMP είλαη έλα αξθηηθφιεμν πνπ πεξηγξάθεη ηα κέξε κηαο πιαηθφξκαο γηα ηελ αλάπηπμε δπλακηθψλ ηζηνζειίδσλ ή web εθαξκνγψλ. Ζ πιαηθφξκα WAMP απνηειείηαη απφ ην ιεηηνπξγηθφ Windows, κε web server Apache, βάζεηο δεδνκέλσλ MySQL, θαη ηε γιψζζα πξνγξακκαηηζκνχ PHP. Εικόνα 8. Το wamp 23

24 Γηα δηαθνξεηηθά ιεηηνπξγηθά ζπζηήκαηα ππάξρνπλ αληίζηνηρεο πιαηθφξκεο, φπσο ε LAMP γηα ην Linux, MAMP γηα ην Mac OS, SAMP γηα ην Solaris θιπ. Δπίζεο, αλ αληί γηα ηνλ Apache ρξεζηκνπνηείηαη ν IIS ζηα Windows, ε πιαηθφξκα νλνκάδεηαη WIMP. Οη πιαηθφξκεο απηέο δελ δηαρσξίδνπλ ην αλ ε αλάπηπμε ηεο ηζηνζειίδαο γίλεηαη ηνπηθά ζηνλ ππνινγηζηή ή ζε Web Server, θαζψο ιεηηνπξγνχλ κε ηα ίδηα κέξε. Εγκαηάζηαζη Wamp Σν WampServer είλαη πηζαλψο ην γλσζηφηεξν project γηα ηελ εγθαηάζηαζε WAMP ηνπηθά ζηνλ ππνινγηζηή. Αξθεί λα κπνχκε ζηε ζειίδα επηιέγνληαο ηελ 32 bit ή ηελ 64 bit έθδνζε, αλαιφγσο κε ηελ έθδνζε ησλ Windows ζηνλ ππνινγηζηή καο. Όπνηα έθδνζε θη αλ επηιέμνπκε, ζα αλνίμεη έλα παξάζπξν θαη θάλνπκε θιηθ ζην ζχλδεζκν "download directly". Σν πξψην κέξνο θαηά ηελ εγθαηάζηαζε WAMP δελ έρεη ηίπνηα ην δχζθνιν ή θάηη πνπ πξέπεη λα πξνζέμνπκε, νπζηαζηηθά παηάκε "Next". Μέρξη λα νινθιεξσζεί ε εγθαηάζηαζε. Όηαλ ε εγθαηάζηαζε νινθιεξσζεί εκθαλίδεηαη ε παξαθάησ εηθφλα ζηελ γξακκή εξγαζηψλ ηνπ ππνινγηζηή. Εικόνα 9. Το wamp ζε εκηέλεζη Ιζηοπία ηος Joomla To Joomla είλαη κηα δσξεάλ εθαξκνγή αλνηρηνχ ινγηζκηθνχ γηα ηε δεκηνπξγία δπλακηθψλ ηζηνζειίδσλ. Μπνξεί λα ρξεζηκνπνηεζεί γηα εξαζηηερληθέο θαη πξνζσπηθέο ηζηνζειίδεο αιιά θαη γηα επαγγεικαηηθέο. Αλήθεη ζηελ θαηεγνξία ησλ πζηεκάησλ Γηαρείξηζεο Πεξηερνκέλνπ (content management system CMS). Δίλαη γξακκέλν ζε γιψζζα PHP θαη ηα δεδνκέλα απνζεθεχνληαη ζε κηα βάζε δεδνκέλσλ MySQL. To Joomla έρεη πνιιέο δπλαηφηεηεο θαη ηαπηφρξνλα είλαη εμαηξεηηθά επέιηθην θαη θηιηθφ πξνο ηνλ ρξήζηε. Δίλαη κία εθαξκνγή κε ηελ νπνία κπνξεί θάπνηνο λα δεκνζηεχζεη ζην δηαδίθηπν κηα πξνζσπηθή ηζηνζειίδα, αιιά θαη έλαλ νιφθιεξν εηαηξηθφ δηθηπαθφ ηφπν. Δίλαη πξνζαξκφζηκν ζε πεξηβάιινληα επηρεηξεκαηηθήο θιίκαθαο φπσο ηα intranets κεγάισλ επηρεηξήζεσλ ή νξγαληζκψλ. Οη δπλαηφηεηεο επέθηαζήο ηνπ είλαη πξαθηηθά απεξηφξηζηεο. Σν Joomla είλαη εθαξκνγή αλνηθηνχ θψδηθα. Ζ ρξήζε ηνπ είλαη απνιχησο δσξεάλ. Μπνξεί νπνηνζδήπνηε λα ην ρξεζηκνπνηήζεη, λα ην ηξνπνπνηήζεη θαη λα δηεξεπλήζεη ηηο δπλαηφηεηέο ηνπ ρσξίο λα πξέπεη λα πιεξψζεη θάπνηα άδεηα ρξήζεο. 24

25 Δγθαζίζηαηαη ζε έλαλ θεληξηθφ ππνινγηζηή, ηνλ web server. Ο ρξήζηεο έρεη πξφζβαζε ζην πεξηβάιινλ δηαρείξηζεο κέζσ ελφο browser, φπσο είλαη ν Internet Explorer ή ν Firefox. Απφ ηε ζηηγκή πνπ θάπνηνο είλαη δηαρεηξηζηήο, κπνξεί λα πξνζζέζεη νπνηνδήπνηε θείκελν ή γξαθηθφ, θαη έηζη λα δεκηνπξγήζεη ηηο ηζηνζειίδεο ηνπ. Μπνξεί λα ρξεζηκνπνηήζεη ην Joomla κφλνο ηνπ θαη ππάξρνπλ δηάθνξνη ηξφπνη λα μεθηλήζεη. Μπνξεί λα θαηεβάζεη ηελ ηειεπηαία έθδνζε ηνπ Joomla απφ ην Joomlaforge ή αλ ζέιεη, κπνξεί λα κάζεη πεξηζζφηεξα ζηνλ επίζεκν ηζηφηνπν (ζηα αγγιηθά) ή ζην ειιεληθφ site ππνζηήξημεο, ην joomla.gr. Απφ ηε ζηηγκή πνπ ην εγθαηαζηήζεη, κπνξεί λα αλαδεηήζεη νδεγίεο ζην forum θαη ζηνλ ηζηφηνπν βνήζεηαο. Δάλ θάπνηνο γλσξίδεη ηε ρξήζε ελφο επεμεξγαζηή θεηκέλνπ, βξίζθεηαη ζε θαιφ δξφκν ψζηε λα κπνξέζεη λα πξνρσξήζεη. ε γεληθέο γξακκέο, εμαξηάηαη απφ ην ηη ζέιεη λα θάλεη κε ην Joomla. Θα ππάξμνπλ θαη πεξηπηψζεηο πνπ ζα ρξεηαζηεί ηελ ππνζηήξημε ελφο επαγγεικαηία, φηαλ ρξεηάδεηαη λα αμηνπνηήζεη εμεηδηθεπκέλεο θαη πξνεγκέλεο δπλαηφηεηεο ηνπ Joomla. Οη δπλαηφηεηεο ρξήζεο ηνπ Joomla πεξηνξίδνληαη κφλνλ απφ ηε δεκηνπξγηθφηεηα ηνπ ρξήζηε.κάπνηνη ρξεζηκνπνηνχλ ην Joomla γηα δηαζθέδαζε, γηα ηε θαηαζθεπή κηαο πξνζσπηθήο ή νηθνγελεηαθήο ηζηνζειίδαο. Δλζσκαηψλνληαο δηάθνξα, δηαζέζηκα δσξεάλ, πξφζζεηα εξγαιεία / επεθηάζεηο, δηεπξχλνληαη νη δπλαηφηεηεο θαη ιεηηνπξγίεο ηνπ Joomla, θάλνληάο ην κηα εθαξκνγή αμηφπηζηε γηα ηελ αλάπηπμε ζνβαξψλ εηαηξηθψλ δηθηπαθψλ ηφπσλ. Σν Joomla ρξεζηκνπνηεί κηα ηζρπξή templating engine πνπ δίλεη ηε δπλαηφηεηα λα ρξεζηκνπνηήζεη ν θαζέλαο ην δηθφ ηνπ, εμαηνκηθεπκέλν, template. Γηα ην ζθνπφ απηφ κπνξεί είηε λα δεκηνπξγήζεη δηθφ ηνπ template, είηε λα θαηεβάζεηε απφ ην δηαδίθηπν έλα απφ ηα εθαηνληάδεο (πεξίπνπ 1000) πνπ δηαηίζεληαη δσξεάλ, είηε λα αγνξάζεη θάπνην απφ απηά πνπ πσινχληαη. Σν πεξηερφκελν δελ ρξεηάδεηαη λα δεκηνπξγεζεί απφ ηελ αξρή, φηαλ αιιαρζεί ην template. Σν template κπνξνχκε λα ην παξνκνηάζνπκε ζαλ ηνλ θηλεηήξα πνπ θνξάεη έλα απηνθίλεην (πεξηερφκελν). Όηαλ επηιεγεί ην λέν template, ην πεξηερφκελν παξνπζηάδεηαη απηφκαηα ζχκθσλα κε ην λέν εηθαζηηθφ. Μπνξεί αθφκε θαη λα επηιεγνχλ δηαθνξεηηθά templates γηα ηα δηαθνξεηηθά κέξε ηνπ δηθηπαθνχ ηφπνπ. ε πξνρσξεκέλν επίπεδν, γηα ηξνπνπνηήζεηο ή δεκηνπξγία templates, ή γηα επεμεξγαζία θσηνγξαθηψλ, ρξεηάδεηαη λα έλαο text editor ή έλαο photo editor αληίζηνηρα. Υαπακηηπιζηικά ηος Joomla Αλνηρηφο θψδηθαο Μεγάιε θνηλφηεηα ρξεζηψλ ζην θαη ζην Μεγάιε επειημία ζηε δεκνζίεπζε πεξηερνκέλνπ Γηαρεηξηζηήο αξρείσλ γηα κεηαθφξησζε θαη δηαρείξηζε ησλ αξρείσλ. Δχθνιν ζηε ρξήζε ηνπ Γπλαηφηεηεο RSS Κάδνο αλαθχθισζεο γηα ηα αληηθείκελα πεξηερνκέλνπ 25

26 Δηδηθφο κεραληζκφο γηα ηηο κεραλέο αλαδήηεζεο Γηαρείξηζε δηαθεκίζεσλ Πνιπγισζζηθφηεηα Γεθάδεο πξφζζεηεο εθαξκνγέο Δχθνιε εγθαηάζηαζε εθαξκνγψλ θαη πξνζζέησλ Πνιιά επίπεδα ρξεζηψλ ηαηηζηηθά WYSIWYG επεμεξγαζηήο θεηκέλνπ χζηεκα ςεθνθνξηψλ χζηεκα αμηνιφγεζεο άξζξσλ Η δομή ηος Joomla Σα θπξηφηεξα θνκκάηηα ηνπ Joomla είλαη: Γεκφζην ηκήκα (Front-end) Σν δεκφζην ηκήκα είλαη ζηελ νπζία απηφ πνπ βιέπεη ν ηειηθφο ρξήζηεο. Μέζα ζην δεκφζην ηκήκα βξίζθνληαη ηα άξζξα, ηα κελνχ θαη γεληθά φια ηα ζηνηρεία πνπ ζέινπκε λα εκθαλίδνληαη ζηελ ηζηνζειίδα καο. Πεξηνρε δηαρείξηζεο (Backend) Ζ πεξηνρή δηαρείξηζεο είλαη ην εξγαζηήξην ηνπ Joomla. Μέζα απφ ηελ πεξηνρή δηαρείξηζεο ν Γηαρεηξηζηήο κπνξεί λα πξνζζέζεη πεξηερφκελν, λα εκθαλίδεη ή λα απνθξχπηεη ζηνηρεία, λα δεκηνπξγεί ρξήζηεο θαη γεληθά λα εθκεηαιιεχεηαη φιεο ηηο δπλαηφηεηεο ηνπ Joomla. Μελνχ Σα κελνχ είλαη αληηθείκελα κε ηα νπνία ν ρξήζηεο κπνξεί λα πινεγείηαη ζηελ ηζηνζειίδα καο. Μπνξεί λα είλαη νξηδφληηα ή θαηαθφξπθα. Σα κελνχ δεκηνπξγνχληαη δπλακηθά θαη ζπλδένληαη κε αληηθείκελα ηνπ Joomla (ελφηεηεο, θαηεγνξίεο, άξζξα). ε κηα ηζηνζειίδα Joomla κπνξνχκε λα έρνπκε φζα κελνχ ζέινπκε. Εγκαηάζηαζη ηος Joomla Σν Joomla! κπνξεί λα ην θαηεβάζεη θαλείο απφ ηε επίζεκε ζειίδα ηνπ Joomla! ηε ζπγθεθξηκέλε πεξίπησζε ρξεζηκνπνηήζακε ηελ έθδνζε Σν Joomla! γηα λα κπνξεί λα ιεηηνπξγήζεη πξέπεη πξψηα λα γίλεη εγθαηάζηαζε ηεο MySql, κηαο βάζεο δεδνκέλσλ, ηνπ Αpache θαη ηεο PHP. Όια απηά εκείο ηα πεηχρακε κε ηελ εγθαηάζηαζε ηνπ Wamp, ελφο ινγηζκηθνχ πνπ πεξηέρεη ελζσκαησκέλα PHP θαη MySql. ηε ζπλέρεηα δεκηνπξγήζακε ηνλ ρξήζηε θαη ηα δηθαηψκαηα ηνπ ρξήζηε ζηε βάζε δεδνκέλσλ. ηε ζπλέρεηα εμάγνπκε ηα αξρεία εγθαηάζηαζεο απφ ην αξρείν πνπ πξνκεζεπηήθακε απφ ην site ηνπ Joomla ζηνλ θάθειν πνπ ζα θηινμελήζεη ηνλ ηζηφηνπν καο θαη ζηελ ζπλέρεηα επηζθεπηφκαζηε ηελ δηεχζπλζε ηνπ ζηνλ browser καο γηα λα καο εκθαληζηεί ε ζειίδα εγθαηάζηαζεο ηνπ Joomla. Μέζσ ελφο browser πιεθηξνινγνχκε localhost/joomla θαη μεθηλάεη έηζη ε εγθαηάζηαζε ηνπ joomla. Δπηιέγνπκε ηελ γιψζζα πνπ επηζπκνχκε λα γίλεη ε 26

27 εγθαηάζηαζε θαη παηάκε Δπφκελν αθνχ πξψηα ζπκπιεξψζνπκε ηα θελά πεδία. ην βήκα απηφ πξέπεη λα εηζάγνπκε θάπνηεο βαζηθέο ξπζκίζεηο φπσο ην φλνκα ηνπ Ηζηφηνπνπ, ην ειεθηξνληθφ ηαρπδξνκείν ηνπ δηαρεηξηζηή, φλνκα ρξήζηε δηαρεηξηζηή θαζψο θαη θσδηθφ ηνπ Γηαρεηξηζηή. Δπίζεο καο έρεη ηε δπλαηφηεηα αλ ζέινπκε λα εηζάγνπκε ελδεηθηηθφ πεξηερφκελν πνπ πεξηέρεηαη καδί κε ην Joomla. πληζηάηαη ηδηαίηεξα γηα λένπο ρξήζηεο γηα ηελ επθνιία θαηαλφεζεο ηεο ιεηηνπξγίαο ηνπ Joomla. Εικόνα 10. Εγκαηάζηαζη Joomla! ειζαγυγή ονόμαηορ και ζηοισείυν διασειπιζηή ην επφκελν βήκα ηεο εγθαηάζηαζεο καο δεηά λα εηζάγνπκε θάπνηεο βαζηθέο ξπζκίζεηο, ζηνηρεία ζρεηηθά κε ηε βάζε δεδνκέλσλ θαη ηελ ζχλδεζε ηεο κε ην Joomla. Δίδνο Βάζεο Γεδνκέλσλ : Mysqli Όλνκα Γηαθνκηζηή : localhost Όλνκα Υξήζηε : root Κσδηθφο :******* Όλνκα Βάζεο Γεδνκέλσλ : joomla1990 Πξφζεκα πίλαθα : (ην βγάδεη απηφκαηα) 27

28 Εικόνα 11. Εγκαηάζηαζη Joomla! ειζαγυγή ζηοισείυν βάζηρ δεδομένυν ην ηειεπηαίν απηφ βήκα καο θάλνπκε ηελ ηειηθή επηζθφπεζε ηνλ επηινγψλ καο πξηλ ηελ ηειηθή εγθαηάζηαζε. 28

29 Εικόνα 12. Οι πλήπειρ πςθμίζειρ ηηρ Joomla! 29

30 Εικόνα 13. Εξέλιξει εγκαηάζηαζηρ ηηρ Joomla! Σέινο αλ φια πήγαλ θαιά ηφηε καο ελεκεξψλεη φηη ε εγθαηάζηαζε έγηλε κε επηηπρία κε ην κήλπκα «πγραξεηήξηα! Ζ εθαξκνγή Joomla! εγθαηαζηάζεθε» θαη καο εκθαλίδεη ην Όλνκα Υξήζηε πνπ έρνπκε δψζεη. Γηα λα κπνξέζνπκε λα ζπλερίζνπκε πξέπεη λα δηαγξάςνπκε ην θάθειν installation κε ηα αξρεία εγθαηάζηαζεο ην νπνίν είλαη έλα κέηξν αζθάιεηαο ηνπ joomla θαη καο ζπκίδεη ζε απηφ ην βήκα. Αλ δελ ην θάλνπκε ηφηε δελ ζα κπνξέζνπκε λα πξνρσξήζνπκε. Έηζη παηάκε δηαγξαθή ηνπ θαηαιφγνπ κε ηα αξρεία εγθαηάζηαζεο. Εικόνα 14. Το ηέλορ ηηρ εγκαηάζηαζηρ Αθνχ ηνλ έρνπκε δηαγξάςεη εηζάγνπκε ζηελ γξακκή δηεπζχλζεσλ ηελ δηεχζπλζε γηα λα δνχκε ηελ ζειίδα ηνπ ρξήζηε ή εηζάγνπκε 30

31 γηα λα ζπλδεζνχκε ζην panel δηαρείξηζεο πεξηερνκέλνπ ηεο Joomla!. Εγσειπίδιο Διασείπιζηρ ηε ζπγθεθξηκέλε ελφηεηα ζα αζρνιεζνχκε κε ηελ πεξηνρή δηαρείξηζεο ηνπ joomla!. Σν back end είλαη ε πεξηνρή θαηαζθεπήο θαη δηαρείξηζεο ηεο ηζηνζειίδαο. Δθεί έρεη πξφζβαζε ν ηδηνθηήηεο ή ν δηαρεηξηζηήο ηεο ηζηνζειίδαο, φπνπ κπνξεί λα αιιάμεη ηηο ξπζκίζεηο θαη ην πεξηερφκελν ηεο φπνηα ζηηγκή ζειήζεη. ηελ παξαθάησ εηθφλα θαίλεηαη ε θφξκα εηζφδνπ ηνπ δηαρεηξηζηή. Εικόνα 15. Ειζαγυγή ζηο backend ηος Joomla! Δθφζνλ ν δηαρεηξηζηήο βάδνληαο ηνπο θαηάιιεινπο θσδηθνχο ζπλδεζεί ζην ζχζηεκα ζα εκθαληζηεί ε θεληξηθή ζειίδα δηαρείξηζεο, Πεξηιακβάλεη ην βαζηθφ κελνχ, ηα πιήθηξα γξήγνξεο ζχλδεζεο, ηελ θαξηέια ησλ ζπλδεδεκέλσλ ρξεζηψλ, ηελ θαξηέια ησλ άξζξσλ, ησλ κελνχ θαη πνιιά άιια πνπ ζα δνχκε αξγφηεξα αλαιπηηθά. 31

32 Εικόνα 16. Κενηπική ζελίδα διασείπιζηρ Απφ εδψ δηαρεηξηδφκαζηε ηηο πιήξεηο ιεηηνπξγίεο ηνπ ζπζηήκαηνο. Σα Components θαη ηα extensions πνπ ζα εηζάγνπκε ζα είλαη απφ εδψ. Joomla! επεκηάζειρ Σν Joomla είλαη έλα πινχζην εμνπιηζκέλν ζχζηεκα δηαρείξηζεο πεξηερνκέλνπ, αιιά αλ ζέινπκε λα θηηάμνπκε έλα δηθηπαθφ ηφπν, ζα πξέπεη λα ρξεζηκνπνηήζνπκε επηπιένλ ραξαθηεξηζηηθά πνπ δελ είλαη δηαζέζηκα ζην Joomla απφ πξνεπηινγή. Μπνξνχκε λα επεθηείλνπκε εχθνια ην Joomla κε ηηο επεθηάζεηο [14]. Τπάξρνπλ πέληε είδε ησλ επεθηάζεσλ γηα ην Joomla. Components ( Δθαξκνγέο ) Modules ( Δλφηεηεο ) Plugins ( Πξφζζεηα ) Templates ( Πξφηππα ) Languages ( Γιψζζεο ) Κάζε κία απφ απηέο ηηο επεθηάζεηο ρεηξίδνληαη ζπγθεθξηκέλεο ιεηηνπξγίεο. Components Οη εθαξκνγέο είλαη απφ ηηο κεγαιχηεξεο θαη πην ζχλζεηεο επεθηάζεηο απφ φια απηά. Μπνξνχλ λα ζεσξεζνχλ σο κίλη-εθαξκνγέο. Οη πεξηζζφηεξεο εθαξκνγέο έρνπλ δχν κέξε: έλα κέξνο ηζηνζειίδαο θαη έλα κέξνο δηαρεηξηζηή. Κάζε θνξά πνπ έρνπκε θφξησζε ηεο ζειίδαο, κηα εθαξκνγή θαιείηαη λα θαηαζηεί ην θχξην ζψκα ηεο ζειίδαο. Γηα παξάδεηγκα, ην Πεξηερφκελν (com_content) είλαη ην ζηνη-ρείν πνπ ρεηξίδεηαη ηελ εκθάληζε ηνπ πεξηερνκέλνπ. Οη ρξήζηεο κπνξνχλ λα δνπλ ζην frontend ηνπ site θαη σο δηαρεηξηζηήο, κπνξνχλ λα επεμεξγαζηνχλ ην πεξηερφκελν. Οη 32

33 εθαξκνγέο είλαη ην κεγαιχ-ηεξν κέξνο ηεο ζειίδαο γηαηί έλα ηκήκα νδεγείηαη απφ έλα ζηνηρείν κελνχ θαη θάζε ζηνηρείν ηνπ κε-λνχ ιεηηνπξγεί σο εθαξκνγή Modules Εικόνα 17. Components Οη ελφηεηεο είλαη πην ειαθξηέο θαη επέιηθηεο επεθηάζεηο πνπ ρξεζηκνπνηνχληαη γηα ηελ απφδνζε ηεο ζειίδαο. Οη ελφηεηεο απηέο είλαη πεξηζζφηεξν γλσζηέο σο «θνπηηά» πνπ είλαη ηνπνζεηεκέλα γχξσ απφ έλα ζπζηαηηθφ, φπσο γηα παξάδεηγκα: ε κνλάδα ζχλδεζεο(login Form). Οη Δλφηεηεο εθρσξνχληαη αλά ζηνηρείν κελνχ. Έηζη, κπνξνχκε λα απνθαζίζνπκε πνηέο λα εκθαλίζνπκε ή λα θξχςνπκε αλάινγα κε ην πην κελνχ βιέπεη ν ρξήζηεο. Plugins Εικόνα 18. Modules Σα plugins είλαη επεθηάζεηο ηνπ ππφβαζξνπ ηνπ Joomla θαη ηα νπνία επεθηείλνπλ ηηο ιεηηνπξγη-θέο δπλαηφηεηεο ηνπ ζπζηήκαηνο. Γηα παξάδεηγκα, έλα plugin ζα κπνξνχζε λα ρξεζηκνπνηεζεί γηα ηελ παξαθνινχζεζε ησλ ρξεζηψλ πνπ ππνβάιινπλ άξζξα θαη λα θηιηξάξεη ηηο θαθέο ιέμεηο. 33

34 Templates Εικόνα 19. Plugins Έλα template είλαη νπζηαζηηθά ν ζρεδηαζκφο ηνπ Joomla. Με έλα template, κπνξνχκε λα αιιά-μνπκε ηελ εκθάληζε θαη ηελ αίζζεζε ηεο ηζηνζειίδαο καο. Σα template έρνπλ νξηζκέλα πεδία ζηα νπνία ε εθαξκνγή θαη νη ελφηεηεο ζα εκθαληζηνχλ. Σα template είλαη εχθνιν λα θηηαρηνχλ ή λα πξν-ζαξκνζηνχλ θαη λα παξέρνπλ ηε κέγηζηε δπλαηή επειημία ζηνλ ηξφπν πνπ ζέινπκε ην ζηπι ηνπ site καο. Languages Εικόνα 20. Templates Οη πην βαζηθέο επεθηάζεηο είλαη νη γιψζζεο. Οη γιψζζεο επεξεάδνπλ ηφζν ηελ κπξνζηηλή πιεπ-ξά (frontend) θαη ηελ πιεπξά ηνπ δηαρεηξηζηή (backend). Εικόνα 21. Languages Εγκαηάζηαζη Επεκηάζευν Τπάξρνπλ 3 ηξφπνη γηα ηελ εγθαηάζηαζε ησλ επεθηάζεσλ : Μπνξνχκε λα θνξηψζνπκε κηα επέθηαζε (Upload Package File), Να εγθαηαζηήζνπκε απφ κηα δηεχζπλζε (Install from Directory) ή Να εγθαηαζηήζνπκε απφ κηα δηεχζπλζε URL (Install From URL). 34

35 Εικόνα 22. Εγκαηάζηαζη επεκηάζευν Διασείπιζη Πεπιεσομένος Σν βαζηθφηεξν θνκκάηη ζην Joomla είλαη ην πεξηερφκελν ηεο ηζηνζειίδαο θαη πσο απηφ ζα νξγαλσζεί έηζη ψζηε λα είλαη εχθνιε ε πινήγεζε ησλ ρξεζηψλ ζηελ ηζηνζειίδα. Γηα λα θαηαθέξνπκε λα δηαρεηξηζηνχκε απνηειεζκαηηθά ην πεξηερφκελν ηνπ Joomla καο δίλεηαη ε δπλαηφηεηα λα ην νξγαλψζνπκε ζε επηκέξνπο θνκκάηηα. Σα επηκέξνπο απηά θνκκάηηα είλαη νη θαηεγνξίεο, νη ππνθαηεγνξίεο θαη ηα άξζξα. ε κηα θαηεγνξία κπνξνχκε λα έρνπκε ππνθαηεγνξίεο ή άξζξα, ή ζε κηα ππνθαηεγνξία κπνξνχκε λα έρνπκε ππνθαηεγνξία ή άξζξα. Όπνηε θαηαιαβαίλνπκε φηη ην βάζνο ησλ ππνθαηεγνξηψλ δελ έρεη φξην. Σα άξζξα κπνξνχλ λα αλήθνπλ ζε θάπνηα θαηεγνξία ή κπνξεί λα είλαη αλεμάξηεηα. Διασείπιζη και Δημιοςπγία Καηηγοπιών Κάλνληαο θιηθ ζηελ εληνιή Category Manager εκθαλίδεηαη ε παξαθάησ νζφλε : Εικόνα 23. Category manager Title (ηίηινο): Δίλαη ην φλνκα ηεο θαηεγνξίαο έηζη φπσο εκθαλίδεηαη ζηελ ηζηνζειίδα Status (θαηάζηαζε): Γειψλεη φηη ε θαηεγνξία είλαη δεκνζηεπκέλε ζηελ ηζηνζειίδα, ελψ αλ παηήζνπκε πάλσ ζην εηθνλίδην απηφ κπνξνχκε λα αιιάμνπκε ηελ θαηάζηαζε ηεο ζε κε δεκνζηεπκέλε κε ην εηθνλίδην. Access (πξφζβαζε): ηε ζηήιε απηή θαίλεηαη πνηνη ρξήζηεο επηηξέπεηαη λα δνπλ ηελ θαηεγνξία. Language (γιψζζα): Δδψ θαίλεηαη ζε πνηα γιψζζα είλαη δεκνζηεπκέλε ε θαηεγνξία ID (Α/Α): Δίλαη ν αξηζκφο ηαπηφηεηα πνπ δίλεηαη ζηελ θαηεγνξία απφ ην Joomla 35

36 Select Max Levels (επηινγή κέγηζησλ επηπέδσλ): Με ηελ ιίζηα απηή έρνπκε ηε δπλαηφηεηα λα θάλνπκε θηιηξάξηζκα κε βάζε ηα επίπεδα ησλ θαηεγνξηψλ πνπ έρνπκε νξίζεη. Πνπ φπσο αλαθέξακε ην βάζνο ησλ θαηεγνξηψλ είλαη απεξηφξηζην. Select Status (επηινγή θαηάζηαζεο): Με ηε ιίζηα απηή κπνξνχκε λα θάλνπκε αλαδήηεζε κε βάζε ηελ θαηάζηαζε ηεο θαηεγνξίαο, πνπ κπνξεί λα είλαη είηε published (δεκνζηεπκέλεο), είηε unpublished (αδεκνζίεπηεο), είηε archived (αξρεηνζεηεκέλεο), είηε trashed (δηαγξακκέλεο). Select access (επηινγή πξφζβαζεο): Δπηινγή θαηεγνξίαο κε βάζε ην επίπεδν πξφζβαζεο. Οη θαηεγνξίεο κπνξεί λα είλαη δεκφζηεο (public), γηα κέιε (registered), κε εηδηθφ επίπεδν πξφζβαζεο (special) θαη έλα επίπεδν πξφζβαζεο ρξεζηψλ ( customer access level (example)). Select language (επηινγή γιψζζαο): Δπηινγή θαηεγνξίαο κε βάζε ηε γιψζζα πνπ είλαη δεκνζηεπκέλε ε θαηεγνξία. Απφ ηε επηινγή Επεξεπγαζία επιλεγμένυν καηηγοπιών με δέζμη ενηολών (batch process the selected categories) κπνξνχκε λα κεηαθηλήζνπκε ή λα αληηγξάςνπκε θαηεγνξίεο. Φπζηθά κεηαθηλνχληαη ή αληηγξάθνληαη αληίζηνηρα θαη ηα άξζξα πνπ αλήθνπλ ζηηο ζπγθεθξηκέλεο θαηεγνξίεο. Απφ ηελ επηινγή New (νέο ) κπνξνχκε λα δεκηνπξγήζνπκε κηα λέα θαηεγνξία. Εικόνα 24. Νέα καηηγοπία ην πιαίζην θεηκέλνπ ηίηινο (title) εηζάγνπκε ηνλ ηίηιν ηεο θαηεγνξίαο, ζην πιαίζην ςεπδψλπκν (Alias) εηζάγνπκε ην φλνκα πνπ ζα ρξεζηκνπνηεί ην Joomla, ζηε ιίζηα γνληθή θαηεγνξία (parent) επηιέγνπκε αλ ε θαηεγνξία πνπ ζέινπκε λα δεκηνπξγήζνπκε ζα αλήθεη ζε θάπνηα άιιε θαηεγνξία ή φρη. Απφ ηελ επηινγή θαηάζηαζε (status), επηιέγνπκε ηελ θαηάζηαζε ηεο θαηεγνξίαο θαη απφ ηε ιίζηα πξφζβαζε (access ) θαζνξίδνπκε πνηνη ζέινπκε λα έρνπλ πξφζβαζε ζε απηήλ ηελ θαηεγνξία. Απφ ηελ επηινγή δηθαηψκαηα ( permissions) νξίδνπκε ηα δηθαηψκαηα ζηελ θαηεγνξία ζηα αληίζηνηρα επίπεδα πξφζβαζεο ησλ ρξεζηψλ θαη απφ ηελ επηινγή «γιψζζαο» ζε πνηα γιψζζα ζέινπκε λα είλαη δηαζέζηκε ε θαηεγνξία. Σέινο ζην πιαίζην ηεο πεξηγξαθήο (description) γξάθνπκε θάπνην θείκελν πνπ ζέινπκε λα ζπλνδεχεη ηελ θαηεγνξία φηαλ δεκνζηεπηεί. 36

37 Γεμηά ζηελ εηθφλα ζα παξαηεξήζεηε φηη ππάξρεη επηινγέο γηα ηηο επηινγέο δεκνζίεπζεο ( publishing options) φπνπ κπνξνχκε λα επηιέμνπκε ηνλ ρξήζηε πνπ δεκηνχξγεζε ηελ θαηεγνξία, ε απφ ηελ επηινγή βαζηθέο επηινγέο (basic options) επηιέγνπκε ηνλ ηξφπν εκθάληζεο ηεο θαηεγνξίαο. Σέινο απφ ηηο επηινγέο κεηαδεδνκέλσλ (Meta description) κπνξνχκε λα γξάςνπκε κηα πεξηγξαθή ή ιέμεηο θιεηδηά γηα ηελ θαηεγνξία ε νπνία πεξηγξαθή ζα είλαη νξαηή απφ ηηο κεραλέο αλαδήηεζεο κέζα ζηνλ θψδηθα ηεο ζειίδαο. Παηψληαο ην θνπκπί απνζήθεπζε (save) ή ην απνζήθεπζε θαη θιείζηκν, απνζεθεχεηαη ε θαηεγνξία πνπ δεκηνπξγήζακε. Απφ ηελ επηινγή απνζήθεπζε θαη λέα, ηφηε κπνξνχκε λα δεκηνπξγήζνπκε κηα λέα θαηεγνξία. Απφ ηελ επηινγή επεμεξγαζία (edit ) κπνξνχκε λα ηξνπνπνηήζνπκε ππάξρνπζεο θαηεγνξίεο. Απφ ηελ επηινγή δεκνζίεπζε (publish) ε θαηεγνξία γίλεηαη νξαηή ζηελ ηζηνζειίδα, ελψ απφ ηελ επηινγή απφζπξζε (unpublished) γίλεηαη κε νξαηή. Με ηελ επηινγή αξρείν (archive) ε θαηεγνξία κπαίλεη ζην αξρείν.με ηελ επηινγή επαλαθνξά (check in ) φηαλ επεμεξγαδφκαζηε κηα θαηεγνξία απηή απηφκαηα θιεηδψλεηαη θαη έηζη δελ κπνξεί λα ηελ ρξεζηκνπνηήζεη άιινο ρξήζηεο, θαη εάλ μαλαπαηήζνπκε ην θνπκπί απηφ ε θαηεγνξία μεθιεηδψλεηαη. Δλψ κε ηελ επηινγή απνξξίκκαηα (trash) ε θαηεγνξία κπαίλεη ζηνλ θάδν απνξξηκκάησλ. Απφ ηελ επηινγή αλαδφκεζε (rebuild) ην δέληξν δεδνκέλσλ ησλ θαηεγνξηψλ αλαζρεδηάδεηαη θαη αλαδεκηνπξγείηαη, θαη απφ ηελ επηινγή «επηινγέο» (options) κπνξνχκε λα ηξνπνπνηήζνπκε ηηο ηδηφηεηεο ησλ θαηεγνξηψλ. Απφ ηε επηινγή βνήζεηα (help) κπνξνχκε λα έρνπκε βνήζεηα ζρεηηθά κε ηηο θαηεγνξίεο. Διασείπιζη και Δημιοςπγία Άπθπυν ηελ επηινγή Γηαρείξηζε άξζξσλ (article manager ) εκθαλίδεηαη ε παξαθάησ νζφλε: Εικόνα 25. Article manager Σίηινο (title):δίλαη ην φλνκα ηνπ άξζξνπ έηζη φπσο εκθαλίδεηαη ζηελ ηζηνζειίδα Καηάζηαζε (status): Ζ έλδεημε φπσο θαη ζηηο θαηεγνξίεο καο δείρλεη φηη ην άξζξν είλαη δεκνζηεπκέλν θαη κπνξνχκε λα ην αιιάμνπκε ζε κε δεκνζηεπκέλν Κχξην (featured): Ζ έλδεημε καο δειψλεη φηη ην άξζξν αλήθεη ζε κηα εηδηθή θαηεγνξία πνπ νλνκάδεηαη featured. Καηεγνξία (category) ηε ζηήιε απηή εκθαλίδεηαη ε θαηεγνξία ζηελ νπνία αλήθεη ην άξζξν. Καηάηαμε (ordering): Όπσο θαη ζηηο θαηεγνξίεο κε ην ordering νξίδνπκε ηε ζεηξά κε ηελ νπνία ζα εκθαλίδνληαη ηα άξζξα. 37

38 Πξφζβαζε ( access): ηε ζηήιε απηή θαίλεηαη πνηνη ρξήζηεο επηηξέπεηαη λα δνπλ ην άξζξν Γεκηνπξγήζεθε απφ (created by): Δκθαλίδεηαη ην φλνκα ηνπ ζπληάθηε ηνπ άξζξνπ Ζκεξνκελία (date): Δκθαλίδεηαη ε εκεξνκελία δεκηνπξγίαο ηνπ άξζξνπ. Δκθαλίζεηο (hits): Δκθαλίδεηαη ν αξηζκφο ησλ εκθαλίζεσλ /επηζθέςεσλ ηνπ άξζξνπ ζηελ πεξηνρή εκθάληζεο ηζηνζειίδαο Γιψζζα (language ): ηε ζηήιε απηή εκθαλίδεηαη ζε πνηα γιψζζα είλαη δεκνζηεπκέλν ην άξζξν ID (A /A): Δίλαη ν αξηζκφο-ηαπηφηεηα πνπ δίλεηαη ζην άξζξν απφ ην Joomla. Filter (θίιηξν): ην πιαίζην απηφ κπνξνχκε εηζάγνληαο ιέμεηο θιεηδηά λα αλαδεηήζνπκε ηα άξζξα πνπ καο ελδηαθέξνπλ Select Status (επηινγή θαηάζηαζεο): Με ηε ιίζηα απηή κπνξνχκε λα θάλνπκε αλαδήηεζε κε βάζε ηελ θαηάζηαζε ηνπ άξζξνπ, πνπ κπνξεί λα είλαη είηε published (δεκνζηεπκέλν), είηε unpublished (αδεκνζίεπην), είηε archived (αξρεηνζεηεκέλν), είηε trashed (δηαγξακκέλν). Select category (επηινγή θαηεγνξίαο): Δπηινγή άξζξνπ κε βάζε ζε πνηα θαηεγνξία αλήθεη ην άξζξν. Select access (επηινγή πξφζβαζεο): Δπηινγή άξζξνπ κε βάζε ην επίπεδν πξφζβαζεο. Σα άξζξα κπνξεί λα είλαη δεκφζηα(public), γηα κέιε (registered), κε εηδηθφ επίπεδν πξφζβαζεο (special) θαη κε έλα επίπεδν πξφζβαζεο ρξεζηψλ ( customer access level (example)). Select author: Αλαδήηεζε θαη επηινγή άξζξνπ κε βάζε ηνλ αξζξνγξάθν ηνπ άξζξνπ. Select language (επηινγή γιψζζαο): Δπηινγή άξζξνπ κε βάζε ηε γιψζζα πνπ είλαη δεκνζηεπκέλν. Με ηελ επηινγή εκθάληζε (display) κπνξνχκε λα επηιέγνπκε ηνλ αξηζκφ ησλ άξζξσλ πνπ ζέινπκε λα εκθαλίδνληαη ζε κηα νζφλε. Γηα λα δεκηνπξγήζνπκε έλα λέν άξζξν παηάκε ην κοςμπί New ή ΝΔΟ θαη εκθαλίδεηαη ε παξαθάησ νζφλε : Εικόνα 26. Δημιοςπγία article 38

39 ην πιαίζην θεηκέλνπ ηίηινο (title) εηζάγνπκε ηνλ ηίηιν ηνπ άξζξνπ, ζην πιαίζην ςεπδψλπκν (Alias) εηζάγνπκε ην φλνκα πνπ ζα ρξεζηκνπνηεί ην Joomla, ζηε ιίζηα θαηεγνξία (category) επηιέγνπκε ζε πνηα θαηεγνξία ζέινπκε λα αλήθεη ην άξζξν πνπ δεκηνπξγήζακε. Απφ ηελ επηινγή θαηάζηαζε (status), επηιέγνπκε ηελ θαηάζηαζε ηνπ άξζξνπ θαη απφ ηε ιίζηα πξφζβαζε (access ) θαζνξίδνπκε πνηνη ζέινπκε λα έρνπλ πξφζβαζε ζε απηφ. Απφ ηελ επηινγή δηθαηψκαηα ( permissions) νξίδνπκε ηα δηθαηψκαηα ζην άξζξν ζηα αληίζηνηρα επίπεδα πξφζβαζεο ησλ ρξεζηψλ θαη απφ ηελ επηινγή «γιψζζαο» ζε πνηα γιψζζα ζέινπκε λα είλαη δηαζέζηκν ην άξζξν. ην «Κείκελν Άξζξνπ» (article text) γξάθνπκε ην θείκελν πνπ ζα πεξηέρεη ην άξζξν. Δθηφο απφ θείκελν κπνξνχκε λα εηζάγνπκε θαη εηθφλα θαη βίληεν. Δπίζεο κπνξνχκε λα ρσξίζνπκε ην θείκελν ζε δπν θνκκάηηα ρξεζηκνπνηψληαο ην θνπκπί Πεξηζζφηεξα (read more), έηζη ν editor απηφκαηα δηαζπά ην θείκελν ψζηε λα εκθαλίδεηαη ζην front end ζε κνξθή web blog δειαδή εκθαλίδεη ηελ εηζαγσγή ηνπ θεηκέλνπ θαη ην link ην νπνίν νδεγεί ζηελ εκθάληζε νιφθιεξνπ ηνπ άξζξνπ. ην επηινγέο δεκνζίεπζεο (publishing options) κπνξνχκε λα γξάςνπκε ην φλνκα ηνπ αξζξνγξάθνπ πνπ δεκηνχξγεζε ην άξζξν ή θάπνην ςεπδψλπκν. Δπίζεο ζηελ επηινγή εκεξνκελία δεκηνπξγίαο κπνξνχκε λα βάινπκε ηελ εκεξνκελία δεκηνπξγίαο ή φπνηα άιιε ζέινπκε θαη ηέινο κπνξνχκε λα θαζνξίζνπκε απφ πφηε κέρξη πφηε ζα είλαη δεκνζηεπκέλν ην άξζξν. ηηο επηινγέο άξζξνπ (article options) έρνπκε ηα παξαθάησ πεδία : Εικόνα 27. Επιλογέρ άπθπος 39

40 ηα παξαπάλσ πεδία νη ιίζηεο πεξηιακβάλνπλ ηηο επηινγέο ρξήζε γεληθήο ξχζκηζεο (use global), φπνπ αθνινπζνχληαη νη γεληθέο ξπζκίζεηο ησλ άξζξσλ, απφθξπςε (hide), πνπ απνθξχπηεη ηελ παξάκεηξν ζηελ θεληξηθή ζειίδα δηαρείξηζεο ησλ άξζξσλ θαη πξνβνιή (show), φπνπ εκθαλίδεη ηελ παξάκεηξν ζηελ θεληξηθή ζειίδα δηαρείξηζεο ησλ άξζξσλ. Οπφηε κπνξνχκε λα επηιέμνπκε αλ ζα εκθαλίδεηαη ζηελ ηζηνζειίδα καο ην φλνκα ή ε θαηεγνξία ζηελ νπνία αλήθεη ην άξζξν, ή κπνξνχκε λα επηιέμνπκε αλ ζέινπκε λα θαίλεηαη ν δεκηνπξγφο ή ε εκεξνκελία δεκνζίεπζεο ηνπ άξζξνπ. Απφ ηηο επηινγέο κεηαδεδνκέλσλ (Meta description) κπνξνχκε λα γξάςνπκε κηα πεξηγξαθή ή ιέμεηο θιεηδηά γηα ην άξζξν ε νπνία πεξηγξαθή ζα είλαη νξαηή απφ ηηο κεραλέο αλαδήηεζεο κέζα ζηνλ θψδηθα ηεο ζειίδαο. Με ην θνπκπί απνζήθεπζε (save) ή ην απνζήθεπζε θαη θιείζηκν, απνζεθεχεηαη ην άξζξν πνπ δεκηνπξγήζακε. Απφ ηελ επηινγή απνζήθεπζε θαη λέν, ηφηε κπνξνχκε λα δεκηνπξγήζνπκε έλα λέν άξζξν. Απφ ηελ επηινγή επεμεξγαζία (edit ) κπνξνχκε λα ηξνπνπνηήζνπκε ππάξρνληα άξζξα. Απφ ηελ επηινγή δεκνζίεπζε (publish) ην άξζξν γίλεηαη νξαηφ ζηελ ηζηνζειίδα, ελψ απφ ηελ επηινγή απφζπξζε (unpublished) γίλεηαη κε νξαηφ. Με ηελ επηινγή αξρείν (archive) ην άξζξν κπαίλεη ζην αξρείν. Με ηελ επηινγή επαλαθνξά (check in ) φηαλ επεμεξγαδφκαζηε έλα άξζξν απηφ απηφκαηα θιεηδψλεηαη θαη έηζη δελ κπνξεί λα ηελ ρξεζηκνπνηήζεη άιινο ρξήζηεο, θαη εάλ μαλαπαηήζνπκε ην θνπκπί απηφ ην άξζξν μεθιεηδψλεηαη. Με ηελ επηινγή απνξξίκκαηα (trash) ην άξζξν κπαίλεη ζηνλ θάδν απνξξηκκάησλ. Με ηελ επηινγή αλαδφκεζε (rebuild) ην δέληξν δεδνκέλσλ ησλ άξζξσλ αλαζρεδηάδεηαη θαη αλαδεκηνπξγείηαη Με ηελ επηινγή «επηινγέο» (options) κπνξνχκε λα ηξνπνπνηήζνπκε ηηο ηδηφηεηεο ησλ άξζξσλ. Με ηελ επηινγή βνήζεηα (help) κπνξνχκε λα έρνπκε βνήζεηα ζρεηηθά κε ηα άξζξα. Διασείπιζη Πολςμέζυν Σν κελνχ Γηαρείξηζε Πνιπκέζσλ (media manager) είλαη ε πεξηνρή κέζα απφ ηελ νπνία κπνξνχκε λα δηαρεηξηζηνχκε φια ηα αξρεία πνπ πξφθεηηαη λα ρξεζηκνπνηήζνπκε ζηελ ηζηνζειίδα. Σα αξρεία πνπ κπνξνχλ λα κεηαθνξησζνχλ είλαη εηθφλεο, βίληεν, αξρεία word, PDF, αξρεία θεηκέλνπ θαη πνιιά αθφκα. 40

41 Εικόνα 28. Media manager Διασείπιζη και Δημιοςπγία Μενού Με ηα κελνχ ν ρξήζηεο πινεγείηαη ζηελ ηζηνζειίδα ηνπ. Δπίζεο ζπλδένπκε φια ηα αληηθείκελα πεξηερνκέλνπ δειαδή ηα άξζξα θαη ηηο θαηεγνξίεο κε ηα κελνχ. Σα ελζέκαηα (modules) θαζνξίδνπλ ηελ ζέζε πνπ ζα έρεη ην θάζε κελνχ ζηελ ηζηνζειίδα καο. Ζ δηάηαμε ηνπ κελνχ κπνξεί λα είλαη θαηαθφξπθε ή νξηδφληηα. Πξψηα γίλεηαη ε δεκηνπξγία ηνπ κελνχ θαη κεηά νξίδνληαη ηα ζηνηρεία ηνπ ηα νπνία είλαη ζχλδεζκνη ζειίδσλ πνπ εκείο έρνπκε επηιέμεη. Εικόνα 29. Διασείπιζη menu Σίηινο (title): ηε ζηήιε απηή εκθαλίδεηαη ην φλνκα ηνπ κελνχ. Γεκνζηεπκέλα, αδεκνζίεπηα, απνξξηθζέληα: ηε ζηήιε απηή εκθαλίδεηαη ν αξηζκφο ησλ δεκνζηεπκέλσλ, ησλ αδεκνζίεπησλ θαη ησλ απνξξηθζέλησλ κελνχ αληίζηνηρα Δλζέκαηα ζπλδεδεκέλα κε κελνχ (Module linked to the menu): ηε ζηήιε απηή εκθαλίδνληαη φια ηα modules κε ηα νπνία είλαη ζπλδεδεκέλν ην κελνχ. A/A (ID): Δίλαη ν αχμσλ αξηζκφο πνπ δίλεηαη ζην κελνχ απφ ην Joomla. Δκθάληζε (Display): Μέζα απφ απηήλ ηελ ιίζηα επηιέγνπκε ηνλ αξηζκφ ησλ κελνχ πνπ ζέινπκε λα εκθαλίδνληαη ζε κηα νζφλε. Απφ ηελ επηινγή επεμεξγαζία (edit) κπνξνχκε λα ηξνπνπνηήζνπκε ππάξρνληα κελνχ. Δλψ κε ηελ επηινγή δηαγξαθή ην κελνχ κπαίλεη ζηνλ θάδν απνξξηκκάησλ. Απφ ηελ επηινγή αλαδφκεζε (rebuild) ην δέληξν δεδνκέλσλ ησλ κελνχ αλαζρεδηάδεηαη θαη αλαδεκηνπξγείηαη, θαη απφ ηελ επηινγή «επηινγέο» (options) κπνξνχκε λα ηξνπνπνηήζνπκε ηηο ηδηφηεηεο ησλ κελνχ. Απφ ηε επηινγή βνήζεηα (help) κπνξνχκε λα έρνπκε βνήζεηα ζρεηηθά κε ηα κελνχ. Απφ ηελ επηινγή NEW ή ΝΔΟ κπνξνχκε λα δεκηνπξγήζνπκε έλα λέν κελνχ θαη εκθαλίδεηαη ε παξαθάησ νζφλε : 41

42 Εικόνα 30. Ειζαγυγή menu Γηα λα πξνζζέζνπκε έλα λέν κελνχ ζην πεδίν «ηίηινο» νξίδνπκε ηνλ ηίηιν πνπ ζέινπκε λα δψζνπκε ζην κελνχ. ην πεδίν «είδνο κελνχ» νξίδνπκε ην φλνκα πνπ ζα ρξεζηκνπνηεί ην Joomla θαη ζην πεδίν «πεξηγξαθή» νξίδνπκε πξναηξεηηθά κηα κηθξή πεξηγξαθή γηα ην λέν καο κελνχ θαη παηάκε απνζήθεπζε. Γηα ηελ εκθάληζε ηνπ λένπ κελνχ πνπ δεκηνπξγήζακε ζηελ ηζηνζειίδα καο ζα πξέπεη λα ην ζπλδέζνπκε κε έλα ζηνηρείν κελνχ πνπ ην δεκηνπξγνχκε απφ ην (menu items). Δπηιέγνληαο ηοισεία Μενού (menu items) θαη κεηά new εκθαλίδεηαη ην παξαθάησ παξάζπξν: Εικόνα 31. Menu items Εικόνα 32. Ειζαγυγή menu items Αξρηθά επηιέγνπκε ην είδνο ηνπ ζηνηρείνπ πνπ κπνξεί λα είλαη : Άξζξν (archive article list ) Άξζξν - ειηδνπνίεζε Άξζξνπ (Article Layout), φπνπ ζα εκθαληζζεί κφλνλ έλα θείκελν, ην νπνίν θαη ζα επηιέμνπκε ζηελ επφκελε νζφλε Καηεγνξία - ειηδνπνίεζε Καηεγνξίαο σο ηζηνιφγην (Category Blog Layout), φπνπ ζα εκθαληζζνχλ ηα θείκελα πνπ αλήθνπλ ζε κηα θαηεγνξία, πνπ ζα επηιέμνπκε ζηελ επφκελε νζφλε. Σα θείκελα εκθαλίδνληαη ζε κνξθή 42

43 ηζηνινγίνπ, δειαδή ππάξρεη ε εηζαγσγή ηνπο θαη έλαο ζχλδεζκνο πξνο νιφθιεξν ην δεκνζίεπκα. Καηεγνξία - Βαζηθή ειηδνπνίεζε Καηαιφγνπ Καηεγνξίαο (Category List Layout), εδψ ηα θείκελα πνπ αλήθνπλ ζε κηα θαηεγνξία εκθαλίδνληαη ζε κνξθή θαηαιφγνπ-ιίζηα. Φφξκα εγγξαθήο, αλάθηεζε θσδηθνχ πξφζβαζεο, πξνζσπηθέο ξπζκίζεηο ρξήζηε ή αθφκα θαη αίηεκα ππελζχκηζεο νλφκαηνο ρξήζηε Αλαδήηεζε ή θφξκα αλαδήηεζεο ή απνηειέζκαηα αλαδήηεζεο ή θαηάινγνο κε επαθέο Γηθηπαθνί ζχλδεζκνη κε ιίζηα ζπλδέζκσλ θαηεγνξίαο ή ππνβνιή ζπλδέζκνπ Δημιοςπγία και Διασείπιζη Υπηζηών Ο δηαρεηξηζηήο ειέγρεη ηα ζηνηρεία ησλ κειψλ θαη ην επίπεδν πξφζβαζεο ηνπο. Οη θαηεγνξίεο ρξεζηψλ είλαη απηέο ησλ εγγεγξακκέλσλ θαη ησλ επηζθεπηψλ. Ο δηαρεηξηζηήο νξίδεη πηά ζηνηρεία ζα εκθαλίδνληαη ζηνπο επηζθέπηεο. Όζνη ρξήζηεο είλαη απνζεθεκέλνη ζηε βάζε δεδνκέλσλ ηεο ζειίδαο(εγγεγξακκέλνη ρξήζηεο), έρνπλ ηε δπλαηφηεηα λα αιιεινεπηδξνχλ κε ηε ζειίδα, κία δπλαηφηεηα πνπ δελ δηαηίζεηαη ζηνπο επηζθέπηεο. Καηεγνξίεο εγγεγξακκέλσλ ρξεζηψλ: front-end ρξήζηεο: Παξέρνπλ πεξηερφκελν ρσξίο λα πξαγκαηνπνηείηαη αιιαγή ζηε δνκή θαη ηελ εκθάληζε ηεο ζειίδαο. backend ρξήζηεο ή αιιηψο δηαρεηξηζηέο: έρνπλ πιήξε πξφζβαζε ζε φια ηα πεξηερφκελα ηεο ζειίδαο. Απφ ην κελνχ δηαρείξηζε ρξεζηψλ κπνξεί θαλείο λα δεκηνπξγήζεη έλα λέν ρξήζηε ή αθφκα θαη κηα νκάδα ρξεζηψλ. Να νξίζεη ην επίπεδν πξφζβαζεο ηνπο θαη πνηα δηθαηψκαηα ζα έρνπλ απηνί νη ρξήζηεο. Σεσνολογίερ Εικόνα 33. User manager ε απηήλ ηελ ελφηεηα πεξηγξάθνληαη νη ηερλνινγίεο θαη γιψζζεο πξνγξακκαηηζκνχ πνπ ρξεζηκνπνηήζεθαλ ζηελ πινπνίεζε ηεο ηζηνζειίδαο. HTML5 H HTML5 είλαη κηα γιψζζα ζήκαλζεο γηα ηε δφκεζε θαη ηελ παξνπζίαζε πεξηερφκελνπ γηα ην World Wide Web θαη κηα βαζηθή ηερλνινγία ηνπ Γηαδηθηχνπ. Δίλαη ε πέκπηε αλαζεψξεζε ηνπ πξνηχπνπ HTML ην νπνίν είλαη αθφκε ππφ αλάπηπμε. Μεξηθά απφ ηα πην ελδηαθέξνληα λέα ραξαθηεξηζηηθά ηεο HTML5 είλαη ηα εμήο: 43

44 Νέα form controls φπσο calendar, date, time, , url, search. Μέρξη ηψξα ήηαλ θνηλή ηαθηηθή ε ρξεζηκνπνίεζε Javascript/AJAX γηα ηνλ έιεγρν ηεο εκεξνκελίαο θαη ψξαο (date picker fields). Πιένλ κε ηελ HTML5 δελ ππάξρεη ε αλάγθε γηα θάηη ηέηνην. Καιχηεξε δηαρείξηζε ιαζψλ Σα ζηνηρεία <video> θαη <audio> γηα αλαπαξαγσγή πνιπκέζσλ. Με απηά ηα λέα ζηνηρεία πεξηνξίδεηαη ε αλάγθε ρξεζηκνπνηήζεηο εμσηεξηθψλ ηερλνινγηψλ φπσο Flash. Σν ζηνηρείν <canvas> γηα 2D drawing Νέν εηδηθά ζηνηρεία πεξηερνκέλνπ, φπσο <Article>, <footer>, <header>, <nav>, <section> Νέα INPUT types θαη attibutes γηα επηθχξσζε ηεο εηζφδνπ απφ ηνλ ρξήζηε (form validation) εμαιείθνληαο θαη πάιη ηελ αλάγθε ρξήζεο JavaScript. Ο κφλνο ιφγνο γηα ηελ κελ ρξεζηκνπνίεζε ηεο HTML5 είλαη πσο αθφκε δελ ππνζηεξίδεηαη πιήξσο απφ ηα πξφγξακκα πεξηήγεζεο ζην δηαδίθηπν (web browsers). Απηφ φκσο είλαη ζέκα ρξφλνπ λα μεπεξαζηεί αθνχ φινη νη κεγάινη browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) ζπλερίδνπλ λα πξνζζέηνπλ λέα ραξαθηεξηζηηθά HTML5 ζηηο ηειεπηαίεο εθδφζεηο ηνπο [11]. πληζηάηαη ε ρξήζε ηνπ Google Chrome γηα ηελ εθαξκνγή απηή θαη γηα φιεο φζεο ρξεζηκνπνηνχλ HTML5 αθνχ απφ δηάθνξεο δνθηκέο θάλεθε πσο κέρξη ηψξα, ππνζηεξίδεη ηελ HTML5 θαιχηεξα απφ νπνηνδήπνηε άιιν browser. CSS3 H CSS3 είλαη ην ηειεπηαίν πξφηππν ηεο CSS (Cascading Style Sheets), κίαο γιψζζαο πνπ ρξεζηκνπνηείηαη γηα ηνλ θαζνξηζκφ ηεο εκθάληζεο θαη ηελ κνξθνπνίεζε ελφο εγγξάθνπ πνπ είλαη γξακκέλν ζε κηα γιψζζα ζήκαλζεο. Ζ πην θνηλή εθαξκνγή ηεο είλαη ζε ηζηνζειίδεο γξακκέλεο ζε HTML θαη XHTML, αιιά κπνξεί επίζεο λα εθαξκνζηεί ζε νπνηνδήπνηε είδνο εγγξάθνπ XML, ζπκπεξηιακβαλνκέλνπ ηνπ απινχ XML, SVG θαη XUL. Ζ CSS έρεη ζρεδηαζηεί θπξίσο γηα λα επηηξέπεη ην δηαρσξηζκφ ηνπ πεξηερνκέλνπ ελφο εγγξάθνπ (γξακκέλν ζε HTML ή άιιε γιψζζα ζήκαλζεο) απφ ηελ παξνπζίαζε ηνπ. Με ηελ ρξήζε ηεο CSS κπνξνχκε λα θαζνξίζνπκε ηελ δηάηαμε, ηα ρξψκαηα, ηηο γξακκαηνζεηξέο θαη άιια ζηνηρεία παξνπζίαζεο κίαο ηζηνζειίδαο. Απηφο ν δηαρσξηζκφο παξέρεη κεγάιε επειημία αθνχ πνιιέο ζειίδεο κπνξνχλ λα κνηξαζηνχλ ηελ κνξθνπνίεζε ηνπ ίδηνπ CSS αξρείνπ. Ζ CSS κπνξεί επίζεο λα ρξεζηκνπνηεζεί ηελ εκθαλίζεη κίαο ηζηνζειίδαο κε δηαθνξεηηθφ ηξφπν αλάινγα κε ην κέγεζνο ηεο νζφλεο ή ζπζθεπήο, απφ ηελ νπνία αλνίρηεθε. JavaScript Ζ JavaScript είλαη κηα γιψζζα πξνγξακκαηηζκνχ κε ηελ νπνία νη ηζηνζειίδεο κπνξνχλ λα απνθηήζνπλ κηα πην εθιεπηπζκέλε ιεηηνπξγηθφηεηα. Ζ πην επξεία ρξήζε ηεο JavaScript είλαη ε δεκηνπξγία κεζφδσλ πνπ ελζσκαηψλνληαη ή εηζάγνληαη απφ 44

45 θάπνηα βηβιηνζήθε ζε ζειίδεο HTML θαη πνπ αιιειεπηδξνχλ κε ην Document Object Model (DOM) ηεο ζειίδαο. Μεξηθά απιά παξαδείγκαηα ηεο ρξήζεο ηεο αθνινπζνχλ: Σνπνζέηεζε λένπ πεξηερνκέλνπ ζηελ ζειίδαο ή ηελ ππνβνιή δεδνκέλσλ ζην δηαθνκηζηή κέζσ AJAX ρσξίο λα ρξεηάδεηαη ε επαλαθφξησζε ηεο ζειίδαο Γεκηνπξγία δηαδξαζηηθνχ πεξηερνκέλνπ ζε κία ηζηνζειίδα Δπηθχξσζε ησλ ηηκψλ εηζφδνπ απφ κηα ειεθηξνληθή θφξκα γηα λα επηβεβαησζεί φηη είλαη απνδεθηέο πξηλ ππνβιεζνχλ ζην δηαθνκηζηή. Απφθξπςε ή εκθάληζε δηαθφξσλ ζηνηρείσλ (HTML elements) ηεο ζειίδαο. Αιιαγή ηνπ ηχπνπ ησλ HTML elements θαη άιια. Photoshop Σν Adobe Photoshop, ή απιά Photoshop, είλαη έλα πξφγξακκα επεμεξγαζίαο γξαθηθψλ πνπ αλαπηχρζεθε θαη θπθινθφξεζε απφ ηελ Adobe Systems. Απηή ηε ζηηγκή απνηειεί εγέηε ηεο αγνξάο (market leader) ησλ πξνγξακκάησλ επεμεξγαζίαο εηθφλσλ, θαη είλαη ην πξντφλ - ζήκα θαηαηεζέλ ηεο Adobe Systems. Υαξαθηεξίδεηαη σο "απαξαίηεην εξγαιείν γηα ηνπο επαγγεικαηίεο γξαθίζηεο θαη ζεσξείηαη πσο πξνψζεζε ηηο αγνξέο ησλ Macintosh, θαη ζηε ζπλέρεηα ησλ Windows. Σν Photoshop είλαη έλα πξφγξακκα θαηαζθεπήο bitmap γξαθηθψλ θαη επεμεξγαζίαο εηθφλαο. Με ην Photoshop κπνξνχκε λα επέκβνπκε ψζηε λα δηνξζψζνπκε κία θσηνγξαθία, λα ηεο αιιάμνπκε ην ρξψκα θαη γεληθά λα ηελ επεμεξγαζηνχκε. Δπίζεο κπνξνχκε λα δεκηνπξγήζνπκε γξαθηθά ηχπνπ bitmap. PHP H PHP είλαη κηα γιψζζα πξνγξακκαηηζκνχ γηα ηε δεκηνπξγία ζειίδσλ web κε δπλακηθφ πεξηερφκελν. Μηα ζειίδα PHP πεξλά απφ επεμεξγαζία απφ έλα ζπκβαηφ δηαθνκηζηή ηνπ Παγθφζκηνπ Ηζηνχ (π.ρ. Apache), ψζηε λα παξαρζεί ζε πξαγκαηηθφ ρξφλν ην ηειηθφ πεξηερφκελν, πνπ ζα ζηαιεί ζην πξφγξακκα πεξηήγεζεο ησλ επηζθεπηψλ ζε κνξθή θψδηθα HTML. Επεκηάζειρ απσείυν και διακομιζηέρ Έλα αξρείν κε θψδηθα PHP ζα πξέπεη λα έρεη ηελ θαηάιιειε επέθηαζε (π.ρ. *.php, *.php4, *.phtml θ.ά.). Ζ ελζσκάησζε θψδηθα ζε έλα αξρείν επέθηαζεο.html δελ ζα ιεηηνπξγήζεη θαη ζα εκθαλίζεη ζηνλ browser ηνλ θψδηθα ρσξίο θακία επεμεξγαζία, εθηφο αλ έρεη γίλεη ε θαηάιιειε ξχζκηζε ζηα MIME types ηνπ server. Δπίζεο αθφκε θη φηαλ έλα αξρείν έρεη ηελ επέθηαζε.php, ζα πξέπεη ν server λα είλαη ξπζκηζκέλνο γηα λα επεμεξγάδεηαη θψδηθα PHP. Ο δηαθνκηζηήο Apache, πνπ ρξεζηκνπνηείηαη ζήκεξα επξέσο ζε ζπζηήκαηα κε ηα ιεηηνπξγηθά ζπζηήκαηα Linux θαη Microsoft Windows, ππνζηεξίδεη εμ νξηζκνχ ηελ εθηέιεζε θψδηθα PHP. Ιζηοπία ηηρ PHP Ζ ηζηνξία ηεο PHP μεθηλά απφ ην 1995, φηαλ έλαο θνηηεηήο, ν Rasmus Lerdorf δεκηνχξγεζε ρξεζηκνπνηψληαο ηε γιψζζα πξνγξακκαηηζκνχ Perl έλα απιφ script κε φλνκα php.cgi, γηα πξνζσπηθή ρξήζε. Σν script απηφ είρε ζαλ ζθνπφ λα δηαηεξεί κηα ιίζηα ζηαηηζηηθψλ γηα ηα άηνκα πνπ έβιεπαλ ην online βηνγξαθηθφ ηνπ ζεκείσκα. 45

46 Αξγφηεξα απηφ ην script ην δηέζεζε θαη ζε θίινπο ηνπ, νη νπνίνη άξρηζαλ λα ηνπ δεηνχλ λα πξνζζέζεη πεξηζζφηεξεο δπλαηφηεηεο. Ζ γιψζζα ηφηε νλνκαδφηαλ PHP/FI απφ ηα αξρηθά Personal Home Page/Form Interpreter. Σν 1997 ε PHP/FI έθζαζε ζηελ έθδνζε 2.0, βαζηδφκελε απηή ηε θνξά ζηε γιψζζα C θαη αξηζκψληαο πεξηζζφηεξνπο απφ ηζηφηνπνπο πνπ ηε ρξεζηκνπνηνχζαλ, ελψ αξγφηεξα ηελ ίδηα ρξνληά νη Andi Gutmans θαη Zeev Suraski μαλαέγξαςαλ ηε γιψζζα απφ ηελ αξρή, βαζηδφκελνη φκσο αξθεηά ζηελ PHP/FI 2.0. Έηζη ε PHP έθζαζε ζηελ έθδνζε 3.0 ε νπνία ζχκηδε πεξηζζφηεξν ηε ζεκεξηλή κνξθή ηεο. ηε ζπλέρεηα, νη Zeev θαη Andi δεκηνχξγεζαλ ηελ εηαηξεία Zend (απφ ηα αξρηθά ησλ νλνκάησλ ηνπο), ε νπνία ζπλερίδεη κέρξη θαη ζήκεξα ηελ αλάπηπμε θαη εμέιημε ηεο γιψζζαο PHP. Αθνινχζεζε ην 1998 ε έθδνζε 4 ηεο PHP, ηνλ Ηνχιην ηνπ 2004 δηαηέζεθε ε έθδνζε 5, ελψ απηή ηε ζηηγκή έρνπλ ήδε δηαηεζεί θαη νη πξψηεο δνθηκαζηηθέο εθδφζεηο ηεο επεξρφκελεο PHP 6, γηα νπνηνλδήπνηε πξνγξακκαηηζηή ζέιεη λα ηε ρξεζηκνπνηήζεη. Οη πεξηζζφηεξνη ηζηφηνπνη επί ηνπ παξφληνο ρξεζηκνπνηνχλ θπξίσο ηηο εθδφζεηο 4 θαη 5 ηεο PHP. Πλεονεκηήμαηα ηηρ PHP Μεξηθά απφ ηα πιενλεθηήκαηα ηεο PHP είλαη : Τςειή απφδνζε Ζ PHP εμππεξεηεί εθαηνκκχξηα ρξήζηεο αθφκα κε έλαλ θζελφ δηαθνκηζηή θαη γηα απηφ ην ιφγσ είλαη πάξα πνιχ απνηειεζκαηηθή. χλδεζε κε δηάθνξεο βάζεηο δεδνκέλσλ Ζ PHP παξέρεη ζπλδέζεηο κε ηηο πεξηζζφηεξεο βάζεηο δεδνκέλσλ, φπνπ κπνξεί λα ζπλδεζεί θαλείο εχθνια θαη γξήγνξα. Υακειφ θφζηνο Γηαλέκεηαη δσξεάλ. Δπθνιία εθκάζεζεο θαη ρξήζεο Δίλαη αξθεηά θαηαλνεηή θαη εχθνιε ζηε ρξήζε θαη βαζίδεηαη θπξίσο ζηελ C θαη ζηελ γιψζζα πξνγξακκαηηζκνχ Perl Απνηειείηαη απφ ελζσκαησκέλεο βηβιηνζήθεο γηα πνιιέο web δηαδηθαζίεο Ζ PHP δηαζέηεη ελζσκαησκέλεο βηβιηνζήθεο γηα ηηο δηάθνξεο web ιεηηνπξγίεο, φπσο κπνξεί θαλείο λα ζηείιεη θάπνην ή λα δεκηνπξγήζεη εηθφλεο ή λα δεκηνπξγήζεη δηάθνξα έγγξαθα θαη πνιιά αθφκε πξάγκαηα θαη απηφ κε πνιχ ιίγεο γξακκέο θψδηθα. Ο θψδηθαο είλαη δηαζέζηκνο ζηνπο ρξήζηεο Ο ρξήζηεο έρεη πξφζβαζε ζηνλ θψδηθα πξνέιεπζεο ηεο PHP, θαη κπνξεί λα ηνλ αιιάμεη ή λα ην ηξνπνπνηήζεη ζε αληίζεζε κε ηα εκπνξηθά θιεηζηά πξνγξάκκαηα πνπ 46

47 πξέπεη λα πεξηκέλεη θαλείο ηνλ θαηαζθεπαζηή λα θάλεη ηηο νπνηεζδήπνηε δηνξζψζεηο απαηηνχληαη. MySQL Ζ MySQL είλαη έλα ζρεζηαθφ ζχζηεκα δηαρείξηζεο βάζεσλ δεδνκέλσλ (RDBMS) πνπ ηξέρεη σο server θαη πνπ επηηξέπεη ηελ πξφζβαζε πνιιψλ ρξεζηψλ ζε πνιιέο βάζεηο δεδνκέλσλ. Μαο επηηξέπεη λα απνζεθεχνπκε, λα αλαδεηνχκε, λα ηαμηλνκνχκε αιιά θαη λα αλαθαινχκε δεδνκέλα κε γξήγνξν θαη απνηειεζκαηηθφ ηξφπν. Οπνηνζδήπνηε κπνξεί λα θαηεβάζεη ηελ MySQL, επεηδή είλαη αλνηθηνχ θψδηθα (open source), θαη κπνξεί λα ηελ δηακνξθψζεη ζχκθσλα κε ην ηη ζέιεη λα θάλεη. Δίλαη επξχηαηα γλσζηή θπξίσο γηα ηελ ηαρχηεηα, ηελ αμηνπηζηία ηεο θαη ηελ επειημία πνπ παξέρεη ζηνπο ρξήζηεο. Ο MySQL δηαθνκηζηήο ειέγρεη ηελ πξφζβαζε ζηα δεδνκέλα θαη δηαζθαιίδεη φηη κφλν πηζηνπνηεκέλνη ρξήζηεο ζα έρνπλ πξφζβαζε ζε απηά. Ζ MySQL πήξε ην φλνκά ηεο απφ ηελ SQL (Structured Query Language). H MySQL δηαηίζεηαη ππφ ηνπο φξνπο ηεο GNU (General Public License), θαζψο θαη θάησ απφ κηα πνηθηιία άιισλ ζπκθσληψλ ηδηνθηεζίαο. Ζ MySQL αλήθεη θαη επηρνξεγείηαη απφ ηε κία θαη κφλε θεξδνζθνπηθή επηρείξεζε, ηελ ζνπεδηθή εηαηξεία MySQL AB, πνπ ηψξα αλήθεη ζηελ Oracle Corporation. Σέινο, κπνξεί λα ιεηηνπξγήζεη ζε πεξηβάιινλ Linux, Unix θαη Windows. Πλεονεκηήμαηα MySQL Σα θπξηφηεξα πιενλεθηήκαηα ηεο MySQL είλαη ην ρακειφ θφζηνο, θαζψο δηαηίζεηαη δσξεάλ ή κπνξεί θαλείο λα αγνξάζεη εκπνξηθή άδεηα αλ απηφ απαηηείηαη απφ ηελ εθαξκνγή. Ο θψδηθαο ηεο είλαη δηαζέζηκνο ζηνπο ρξήζηεο θαζψο είλαη open source, θαη έηζη κπνξεί λα ηνλ ηξνπνπνηήζεη θαλείο αλάινγα κε ηηο αλάγθεο ηνπ θάζε ρξήζηε. Δίλαη αξθεηά γξήγνξε κε κεγάιε απφδνζε θαη απηφ απνδεηθλχεηαη απφ ηηο δηάθνξεο δνθηκέο πνπ έρνπλ γίλεη. Δίλαη εχθνιε ζηελ ρξήζε θαη επεηδή ρξεζηκνπνηείηαη ζε δηαθνξεηηθά ζπζηήκαηα φπσο Unix, Linux θαη Windows είλαη εχθνιε θαη ε κεηαθεξζηκφηεηα. Μεξηθά ραξαθηεξηζηηθά ζηεο ηξέρνπζαο έθδνζεο ηεο MySQL είλαη : Γηαζέηεη απνζεθεπκέλεο δηαδηθαζίεο γηα ηε βειηίσζε ηεο παξαγσγηθφηεηαο ησλ πξνγξακκαηηζηψλ Γηαζέηεη κεζφδνπο πξνζηαζίαο επαίζζεησλ δεδνκέλσλ ρήκαηα πιεξνθνξηψλ γηα ηελ εχθνιε πξφζβαζε ζηα δεδνκέλα Γηαζέηεη κεραλή απνζήθεπζεο αξρείσλ ψζηε λα ππάξρεη ηζηνξηθφ Έρεη ελνπνηεκέλε κεραλή απνζήθεπζεο γηα ηε δεκηνπξγία κηαο ινγηθήο βάζεο δεδνκέλσλ απφ πνιινχ εμππεξεηεηέο Καη ηέινο δηαζέηεη δηάθνξεο εθδφζεηο νη νπνίεο έρνπλ δηνξζψζεη ηα πην ζεκαληηθά ζθάικαηα. 47

48 SEO settings Απφ ηηο επηινγέο SEO settings, κπνξεί θαλείο λα θάλεη ηηο απαξαίηεηεο επηινγέο έηζη ψζηε ε ηζηνζειίδα καο λα πεηχρεη πςειά πνζνζηά θαηάηαμεο ζηε ιίζηα ησλ απνηειεζκάησλ ζηηο κεραλέο αλαδήηεζεο πνπ απηφ ζπλεπάγεηαη αχμεζε ηεο επηζθεςηκφηεηαο ηεο ζειίδαο καο. Απφ ηηο επηινγέο cookie settings ιχλνληαη πνιιά δεηήκαηα ζρεηηθά κε ηελ ζπκβαηφηεηα ηνπ Joomla κε εθαξκνγέο ηξίησλ θαηαζθεπαζηψλ φπσο γηα παξάδεηγκα αλ ζέινπκε λα θαιχςνπκε ην domain name θαη φια ηα sub domain ηνπ κε έλα cookie ηφηε ζην πιαίζην θεηκέλνπ γξάθνπκε ην domain name θαη απφ κπξνζηά βάδνπκε κηα ηειεία θαη κε απηφ ηνλ ηξφπν, νη ρξήζηεο δελ ζα ρξεηάδεηαη λα θάλνπλ ζε θάζε πεξηνρή Login αιιά ρξεζηκνπνηψληαο ην cookie ζα ζπλδένληαη απηφκαηα. ηηο επφκελεο επηινγέο φπσο ζην system κπνξεί λα θάλεη θαλείο ξπζκίζεηο ζρεηηθά κε ηελ απνζθαικάησζε ηνπ ζπζηήκαηνο ή ξπζκίζεηο ζρεηηθά κε ηε δηαρείξηζε ηεο πξνζσξηλήο κλήκεο. Απφ ηελ επηινγή server ζα δεη θαλείο ηελ πεξηνρή απνζήθεπζεο πνπ απνζεθεχνληαη ηα αξρεία ηεο πξνζσξηλήο απνζήθεπζεο, αιιά θαη ξπζκίζεηο πνπ έρνπλ λα θάλνπλ κε ηε ζπκπίεζε ησλ ζειίδσλ θαη ηηο ξπζκίζεηο ζρεηηθά κε ηελ δψλε θαη ηελ ηνπηθή ψξα. Παποςζίαζη ηλεκηπονικού καηαζηήμαηορ Απσική ζελίδα ηελ θεληξηθή ζειίδα ηνπ site πνπ εκθαλίδεηαη παξαθάησ παξαηεξνχκε αξρηθά ηελ εηθφλα logo ζηελ πάλσ αξηζηεξή γσλία ηνπ ηζηφηνπνπ κε ην φλνκα ηνπ Sapphire thread. Απφ πάλσ απφ ην logo εκθαλίδεηαη ν ζχλδεζκνο πνπ επηηξέπεη ηελ είζνδν ηνπ ρξήζηε Account. Γίπια ζην logo βξίζθεηαη ην αξρηθφ menu φπνπ δηαρσξίδνληαη νη δηάθνξεο θαηεγνξίεο πξντφλησλ. Δίλαη επίζεο εκθαλέο κηα θσηνγξαθία δηαθήκηζεο ησλ πξντφλησλ θαη ηνπ θαηαζηήκαηνο Εικόνα 34. Η απσική ζελίδα Γίπια ζην αξρηθφ menu ππάξρεη θαη ν ζχλδεζκνο γηα ηελ εκθάληζε ηνπ mobile ή tablet menu ζηελ έθδνζε γηα ηα θηλεηά. 48

49 Εικόνα 35. Η mobile εικόνα ηος menu Παξαθάησ εκθαλίδεηαη θαη ε ιίζηα κε ηα λέα πξντφληα. Δκθαλίδεηαη ε εηθφλα ηνπ πξντφληνο θαη θάησ απφ απηή θάπνηα ζηνηρεία γηα ην πξντφλ. Εικόνα 36. Η λίζηα με ηα νέα πποφόνηα 49

50 Εικόνα 37. Το πποφόν ζηην απσική ζελίδα και ζηοισεία ηος ην αξηζηεξφ ηκήκα ηεο ζειίδαο εκθαλίδνληαη νη θαηεγνξίεο πξντφλησλ θαη έλα εχρξεζην menu γηα λα πεξηεγεζνχκε ζε απηέο. 50

51 Εικόνα 38. Σο menu ηυν καηηγοπιών ην θεληξηθφ πιαίζην θαη θάησ απφ ηελ θσηνγξαθία δηαθήκηζεο εκθαλίδνληαη πιεξνθνξίεο γηα ην θαηάζηεκα. 51

52 Εικόνα 39. Πληποθοπίερ για ηο καηάζηημα Παξαθάησ εκθαλίδεηαη ε δπλαηφηεηα εγγξαθήο ζην newsletter ηεο εηαηξίαο κε ηελ απιή εηζαγσγή ηεο ειεθηξνληθήο δηεχζπλζεο ηνπ ρξήζηε. Εικόνα 40. Εγγπαθή ζηο newsletter Σέινο εκθαλίδεηαη ε κπάξα γηα ηελ δηαζχλδεζε κε ηα θνηλσληθά δίθηπα. πγθεθξηκέλα ππάξρεη δηαζχλδεζε κε ηα google plus, twitter, pinterest, youtube θαη rss newsletter. Εικόνα 41. Διαζύνδεζη απσικήρ ζελίδαρ με κοινυνικά δίκηςα Οι πςθμίζειρ SEO ζηην απσική ζελίδα Ζ αξρηθή ζειίδα είλαη πνιχ ζεκαληηθφ απφ ηελ άπνςε ηνπ SEO. Δίλαη ζπλήζσο ε θχξηα ζειίδα πξννξηζκνχ πνπ θέξλεη πεξηζζφηεξε θίλεζε. εκαληηθφ είλαη λα φηη δελ βειηηζηνπνηήζακε ηελ ηζηνζειίδα κε ηηο ίδηεο ιέμεηοθιεηδηά κε ηηο θαηεγνξίεο. Με άιια ιφγηα, δελ ζα πξέπεη λα ζηνρεχνπκε ζε δχν ζειίδεο κε ηελ ίδηα ιέμε-θιεηδί. Ζ αξρηθή ζειίδα: ηνρεχεη ην εκπνξηθφ ζήκα θαη γεληθέο ιέμεηο-θιεηδηά πξντφληνο Πεξηιακβάλεη θείκελν/γξαθηθά ζε πξντφληα Έρεη δεζκνχο κε ηηο θαηαιεθηηθέο ζειίδεο θαη ζειίδεο θαηεγνξηψλ Βνεζά ην ρξήζηε λα θαηαιάβεη γξήγνξα ηη ην site Γελ πεξηιακβάλεη νπνηνδήπνηε πεξηερφκελν auto-play Καηηγοπίερ Ο ηζηφηνπνο πεξηέρεη ηα πξντφληα ηνπ θαηαζηήκαηνο ρσξηζκέλα ζε θαηεγνξίεο παξαθάησ εκθαλίδνληαη νη θαηεγνξίεο πνπ ππάξρνπλ ζην site αιιά θαη νη ππνθαηεγνξίεο πνπ εηζήρζεζαλ απφ ηνλ δηαρεηξηζηή. 52

53 Εικόνα 42. Η καηηγοπία με ηα αξεζοςαπ Εικόνα 43. Η καηηγοπία με ηα κενηήμαηα 53

54 Εικόνα 44. Η καηηγοπία με ηιρ κλυζηέρ Εικόνα 45. Η καηηγοπία με ηα κοςμπιά 54

55 Εικόνα 46. Η καηηγοπία με ηα παιδικά Εικόνα 47. Η καηηγοπία με ηο πλέξιμο 55

56 Εικόνα 48. Η καηηγοπία με ηο πάτιμο Τπάξρεη θαη zoom in ζηελ εηθφλα κε ηελ θαηεγνξία γηα θαιχηεξε αλάιπζε ηεο Εικόνα 49. Ζoom in ζηην εικόνα με ηην καηηγοπία Πποφόνηα Σν θπξηφηεξν κέξνο απηήο ηεο ηζηνζειίδαο απνηειεί ε πξνβνιή ησλ πξντφλησλ. 56

57 Τπάξρεη ππνζηήξημε απεξηφξηζησλ πξντφλησλ θαηεγνξηψλ εθφζνλ ν ρξήζηεο επηιέμεη θαηεγνξία θαη ππνθαηεγνξία ηνπ εκθαλίδεηαη ε εηθφλα κε ηα πξντφληα Εικόνα 50. Πποφόνηα ςποκαηηγοπίαρ Όηαλ επηθεληξσζνχκε ζε έλα πξντφλ βιέπνπκε ηελ ηηκή ηνπ ηελ δπλαηφηεηα βαζκνιφγεζεο ηνπ πξντφληνο κε ην ζχζηεκα ηνπ Quality of Experience δίλνληαο πέληε αζηέξηα ζηελ θαιχηεξε βαζκνιφγεζε θαη έλα ζηελ ρεηξφηεξε βαζκνιφγεζε. 57

58 Εικόνα 51. Πληποθοπίερ πποφόνηορ και βαθμολόγηζη ηος Δπίζεο δίδεηαη ζηνλ ρξήζηε ε δπλαηφηεηα λα επηιέμεη πφζα πξντφληα ζα εκθαλίδνληαη ζηελ εθάζηνηε ζειίδα Εικόνα 52. Απιθμόρ πποίόνηυν ανά ζελίδα Δθφζνλ ν ρξήζηεο επηιέμεη ην πξντφλ πνπ ζέιεη λα δεη κπνξεί αθνινπζψληαο ηνλ ζχλδεζκν πνπ ππάξρεη λα δεη πεξηζζφηεξεο πιεξνθνξίεο γηα ην πξντφλ. 58

59 Εικόνα 53. Η εικόνα με ηιρ πλήπειρ πληποθοπίερ για ηο πποφόν Μπνξεί λα θάλεη zoom in ζηελ εηθφλα ηνπ πξντφληνο γηα λα δηαθξίλεη θαιχηεξα ηα ραξαθηεξηζηηθά ηνπ. Εικόνα 54. Επιλογή zoom in ζηην εικόνα με ηο πποφον Τπάξρεη ε δπλαηφηεηα επίζεο αιιαγήο ηνπο ρξψκαηνο ηνπ πξντφληνο θαη πξνβνιή ηνπ ζηνλ ρξήζηε. 59

60 Εικόνα 55. Επιλογή λεςκού πποφόνηορ Δθφζνλ επηιεγεί ην πξντφλ ππάξρεη ε δπλαηφηεηα πξνβνιήο ηνπ επφκελνπ ή πξνεγνχκελνπ πξντφληνο. Εικόνα 56. Επιλογή για πποηγούμενο και επόμενο πποφόν 60

61 Υπήζηηρ Δθφζνλ ν ρξήζηεο ην ζειήζεη ζηελ αξρηθή ζειίδα κπνξεί ν ρξήζηεο λα ζπλδεζεί ζηελ αξρηθή ζειίδα ζηνλ ζχλδεζκν account φπνπ ηνπ εκθαλίδεηαη ε παξαθάησ εηθφλα Εικόνα 57. Ειζαγυγή ζηοισείυν για ζύνδεζη και εγγπαθή Δθφζνλ ινηπφλ έρεη δνζεί ζηνλ ρξήζηε ηα ζηνηρεία ηνπ ινγαξηαζκνχ ηνπ κπνξεί λα θάλεη login θαη λα ζπλδεζεί ζηνλ ηζηφηνπν. Σα απαξαίηεηα ζηνηρεία είλαη ην φλνκα ρξήζηε θαη ν θσδηθφο ηνπ, επίζεο δίδεηαη ζηνλ ρξήζηε ε δπλαηφηεηα λα ζπκάηαη ν πεξηεγεηήο ηα ζηνηρεία πξφζβαζεο ηνπ, λα επαλαθέξεη ηνλ θσδηθφ ηνπ θαη ην φλνκα ρξήζηε ζε πεξίπησζε πνπ δελ κπνξεί λα ζπλδεζεί. 61

62 Εικόνα 58. Σηοισεία απαπαίηηηα για ηην είζοδο ηος σπήζηη Δθφζνλ ν ρξήζηεο έρεη ζπλδεζεί ηνπ εκθαλίδνληαη νη παξαθάησ πιεξνθνξίεο γηα ηα ζηνηρεία ηνπ. Εικόνα 59. Πληποθοπίερ σπήζηη Παηψληαο ζηελ επηινγή γηα ηηο πιεξνθνξίεο ηνπ ρξήζηε κπνξεί λα ηα επεμεξγαζηεί θαη λα ηα αιιάμεη φπσο απηφο λνκίδεη 62

63 Εικόνα 60. Οι πληποθοπίερ ηος σπήζηη ζηον ιζηόηοπο Τπάξρεη επίζεο ε δπλαηφηεηα πξνβνιή ησλ ζηνηρείσλ ηηκνιφγεζεο γηα ηνλ παξψλ ρξήζηε. Καλάθι αγοπών Γηα ηελ αγνξά πξντφλησλ ν ρξήζηεο παηψληαο ηνλ θαηάιιειν ζχλδεζκν κπνξεί λα ηα πξνζζέζεη ζην θαιάζη. Δθφζνλ ν ρξήζηεο επηιέμεη λα ηα πξνζζέζεη πάλσ δεμηά εκθαλίδνληαη νη πιεξνθνξίεο γηα ηελ ησξηλή θαηάζηαζε ηνπ θαιαζηνχ. 63

64 Εικόνα 61. Επιλογή για πποζθήκη ζηο καλάθι. Εικόνα 62. Ανηικείμενα ζηο καλάθι Αλ ν ρξήζηεο ζέιεη λα νινθιεξψζεη ηελ παξαγγειία πξέπεη λα αθνινπζήζεη ηνλ ζχλδεζκν φπνπ εκθαλίδεηαη ην πιήξεο θαιάζη ησλ αγνξψλ ηνπ. Εικόνα 63. Σύνδεζμορ για ηην ολοκλήπυζη ηηρ παπαγγελίαρ 64

65 Εικόνα 64. Το πλήπερ καλάθι ηυν αγοπών Ο ρξήζηεο επηιέγεη ηνλ ηξφπν πιεξσκήο κπνξεί λα επηιέμεη ηξαπεδηθφ ινγαξηαζκφ, paypal payment, θαη πιεξσκή κε θάξηα Εικόνα 65. Τπόπορ πληπυμήρ Αλ επηιέμεη πιεξσκή κε θάξηα ζα πξέπεη λα εηζάγεη ηα ιεπηνκεξή ζηνηρεία ηεο ζπλαιιαγήο 65

66 Εικόνα 66. Πληπυμή με κάπηα και ζηοισεία ζςναλλαγήρ Δθφζνλ επηιέμεη ηνλ ηξφπν πιεξσκήο ηνπ εκθαλίδεηαη ε παξαθάησ εηθφλα φπνπ κπνξεί λα αιιάμεη ηνλ αξηζκφ ησλ πξντφλησλ πνπ έρεη αλαλεψλνληαο ηα ππφινηπα ζηνηρεία. Σνπ εκθαλίδεηαη ην ζχλνιν πιεξσκήο αιιά θαη ην πνζνζηφ ηνπ θφξνπ πνπ έρεη. Δπίζεο ηνπ δίλεηαη ε δπλαηφηεηα εθηχπσζεο ηεο ζειίδαο. Ο ρξήζηεο πξέπεη λα απνδερζεί ηνπο φξνπο ηνπ θαηαζηήκαηνο πξηλ πξνρσξήζεη ζηελ αγνξά. Εικόνα 67. Το ζύνολο ηος λογαπιαζμού για ηο ηπέσυν καλάθι αγοπών Δθφζνλ επηιέμεη νινθιήξσζε ηεο παξαγγειίαο ηνπ εκθαλίδνληαη ηα ζηνηρεία ηεο παξαγγειίαο ηνπ θαη νη πιεξνθνξίεο γηα ηελ θαηάζεζε ησλ ρξεκάησλ εθφζνλ επηιέρζεη απηφο ν ηξφπνο πιεξσκήο. 66

67 Εικόνα 68. Η ολοκλήπυζη ηηρ παπαγγελίαρ και ηα ζηοισεία ηηρ πληπυμήρ Σο επγαλείο hikashop και η σπήζη ηος Σο HikaShop Σν HikaShop είλαη κηα επέθηαζε ηνπ Joomla θπθινθνξήζεη ζε ηξεηο δηαθνξεηηθέο εθδφζεηο: Βαζηθή HikaShop, HikaShop Essential θαη HikaShop Business. Σν HikaShop ζαο επηηξέπεη λα δηαρεηξίδεζηε ην πεξηερφκελν ηνπ θαηαζηήκαηνο ζαο (θαηεγνξίεο, πξντφληα, θιπ), λα ρεηξηζηεί ηηο ηηκέο κε πξνεγκέλε δηαρείξηζε, επηηξέπεη κεγάιν βαζκφ πξνζαξκνγήο ηνπ θαηαζηήκαηνο ζαο, παξέρνληαο κηα εχθνιε δηεπαθή γηα λα πξνζαξκφζεηε φιεο ηηο ξπζκίζεηο. Γηαρεηξηδεηαη εχθνια πξνζαξκνζκέλα πεδία γηα ηνπο ρξήζηεο, ηηο δηεπζχλζεηο θαη ηα πξντφληα ηνπο, επίζεο εχθνια ρεηξίδεηαη ηε κεηάθξαζε ηνπ πεξηερνκέλνπ ηνπ θαηαζηήκαηνο ζε πνιιέο γιψζζεο. Σν hikashop δίδεη πνιιαπιέο δπλαηφηεηεο κεξηθέο απφ ηηο νπνίεο είλαη: Γεκηνπξγία άπεηξσλ πξντφλησλ Απνηειεζκαηηθή δηαρείξηζε πξντφλησλ Γηαθνξεηηθέο θαηεγνξίεο πηζαλέο γηα έλα πξντφλ Έιεγρνο απνζήθεο πξντφλησλ Πνιιαπιέο εηθφλεο γηα ηελ αλαπαξάζηαζε ησλ πξντφλησλ Δκθάληζε ζπκβφισλ γηα θάζε πξντφλ Γηάζεζε αξρείσλ γηα ηα πξντφληα Γηαζχλδεζε πξντφλησλ Υξεζηκνπνηψληαο ην hikashop κπνξνχκε λα νξίζνπκε ραξαθηεξηζηηθά πνπ ηφηε κπνξνχλ λα εθαξκνζηνχλ ζηα πξντφληα Γηαρεηξίδεηαη ηελ πξνζζήθε ηνπ ΦΠΑ 67

68 Απηφκαηνο ππνινγηζκφο ησλ ηηκψλ Υσξίο φξην ζηνλ αξηζκφ ησλ παξαγγειηψλ Ηζηνξηθφ απφ ηηο παξαγγειίεο Σο hikashop μέζα ζηο ηλεκηπονικό καηάζηημα Μεηά ηελ εγθαηάζηαζε ηνπ hikashop κέζα απφ ηνλ Extension Manager, κπνξνχκε λα δηαρεηξηζηνχκε ην αξρηθφ menu ηεο επέθηαζεο πνπ καο δίλεη ηελ δπλαηφηεηα λα θαηαρσξήζνπκε θαηεγνξίεο κε πξντφληα θαη ηα ίδηα ηα πξντφληα Εικόνα 69. hiκashop contol panel Παηψληαο ζηελ επηινγή κε ηηο παξαγγειίεο κπνξνχκε λα δνχκε ην ζχλνιν ησλ παξαγγειηψλ Εικόνα 70. hikashop παπαγγελίερ Μπνξνχκε επίζεο απφ ηνλ ζχλδεζκν πειάηεο ηνπ control panel λα δνχκε θαη λα επεμεξγαζηνχκε φινπο ηνπο εγγεγξακκέλνπο ζην site πειάηεο ηνπ θαηαζηήκαηνο Δθφζνλ δεκηνπξγήζνπκε ηελ θάζε θαηεγνξία αθνινπζψληαο ηνλ ζχλδεζκν κε ηα πξντφληα κπνξνχκε λα ηελ εκθαλίζνπκε 68

69 Εικόνα 71. hikashop καηηγοπίερ Παξαθάησ εκθαλίδνληαη νη θπξηφηεξεο θαηεγνξίεο πνπ έρνπλ δεκηνπξγεζεί θαζψο θαη ηα πξντφληα πνπ απηέο πεξηέρνπλ: Εικόνα 72. Καηηγοπία hikashop αξεζοςάπ Εικόνα 73. Καηηγοπία hikashop κενηήμαηορ 69

70 Εικόνα 74. Καηηγοπία hikashop κλυζηέρ Εικόνα 75. Καηηγοπία hikashop κοςμπιά Εικόνα 76. Καηηγοπία hikashop παιδικά Εικόνα 77. Καηηγοπία hikashop πλέξιμο 70

71 Εικόνα 78. Καηηγοπία hikashop κενηήμαηορ ε θάζε κία απφ απηέο ηηο θαηεγνξίεο έρνπλ εηζαρζεί ηα δηαζέζηκα 55 πξντφληα πνπ ππάξρνπλ ζηνλ ηζηφηνπν ηνπ θαηαζηήκαηνο. Δημιοςπγία ανηιγπάθυν με ηην σπήζη ηος Akeeba back up Σν akeeba back up είλαη κηα επέθηαζε ηεο joomla πνπ είλαη δηαζέζηκε ζηνλ ηζηφηνπν θαη ζνπ δίδεη ηελ δπλαηφηεηα λα απνθηήζεηο εχθνια έλα αληίγξαθν ηεο ηζηνζειίδαο θαη λα ην επαλαθέξεηο κε ηελ ρξήζε ηνπ πξνγξάκκαηνο Akeeba kickstart πνπ είλαη δηαζέζηκν ζηνλ ζχλδεζκν Γηα λα δεκηνπξγήζεηο ην αληίγξαθν πξέπεη αξρηθά απφ ηνλ extensions manager λα εγθαηαζηήζεηο ηελ επέθηαζε. Σν επφκελν βήκα είλαη λα ζπλδεζείο ζηνλ backend ρψξν δηαρείξηζεο θαη ζην control panel ηνπ Akeeba. Εικόνα 79. Control panel akeeba back up Όπνπ επηιέγνληαο ηελ επηινγή backup now κπνξνχκε λα δεκηνπξγήζνπκε έλα αληίγξαθν ηνπ site κε ηελ δηαδηθαζία πνπ εκθαλίδεηαη παξαθάησ. 71

72 Εικόνα 80. Akeeba back up, ξεκινώνηαρ ένα back up Δπηιέγνληαο ηελ επηινγή backup now εκθαλίδεηαη ε παξαθάησ εηθφλα. Εικόνα 81. Akeeba back up η ππόοδορ ηος back up Δθφζνλ νινθιεξσζεί ε δηαδηθαζία απφ ην control panel ηεο επέθηαζεο επηιέγνληαο Manage Backups κπνξνχκε λα δηαρεηξηζηνχκε ην αξρείν πνπ δεκηνπξγήζακε θαη λα ηα κνηξάζνπκε αλαιφγσο. Εικόνα 82. Η διασείπιζη ηος απσείος backup 72