Ψηφιακή ανάπτυξη Course Unit #1 : Κατανοώντας τις βασικές σύγχρονες ψηφιακές αρχές Thematic Unit #1 : Τεχνολογίες Web και CMS Learning Objective : Content Management System Fabio Calefato Department of Computer Science, University of Bari
Σκοπός Κατανόηση των βασικών στοιχείων του web και της αρχιτεκτονικής του Κατανόηση των βασικών εννοιών του Content Management Systems Κατανόηση του τρόπου αύξησης των επισκεπτών σε ένα website 3
Περιεχόμενα Βασικά συστατικά του Web LAMP Architecture Βασικές έννοιες του CMS WordPress εγκατάσταση και επέκταση SEO e Analytics 4
Content Management System
Τι είναι το CMS? Online πλατφόρμα για τη διαχείριση διαφορετικού τύπου περιεχομένων Δεν είναι γλώσσα προγραμματισμού Multiplatform 6
Γιατί να χρησιμοποιήσω CMS? Υλοποίηση και διαχείριση online platforms Website Blog Wiki E-commerce system WCMS (Web Content Management System) 7
Τι είδους περιεχομένου? Άρθρα, νέα, πληροφορίαrticles Media (photo, audio, video) Προϊόντα με φυσική μορφή (e-commerce) 8
Τι μορφή έχει? Ένα zip package προς download Εγκαθίσταται σε ένα web server Αποθηκεύει δεδομένα σε database Πρόσβαση σε Browser FRONT END: user interface (διεπιφάνεια χρήστη) BACK END: administrator interface (διεπιφάνεια διαχειριστή) 9
Πόσα CMS αναγνωρίζετε? 10
Τα βασικά CMS 11
Βασική πληροφορία Systems for the management of publications Internal use, for some organizations 1995: CNET.com Publishes its studies with the label Vignette It makes available its software For the first time a user could create his site directly from the web, using the CNET interface. 12
Πλεονεκτήματα Separate content from graphic layout Multi-user management Users and roles categories Creating content in workflow 13
Βασικά χαρακτηριστικά του CMS
Separation of activities Source code Graphics Contents Development Content creation 15
Graphic templates Themes/models for graphic aspects Customizable Free or for a fee Separate content from layout 16
Web access Distributed management Internet connection Web browser Access by username and password Different accounts for each user 17
WYSIWYG Visual Editor What You See Is What You Get No need to know HTML language 18
Work management in phases Content type Page Post Content status Draft Pending review Published 19
User management User roles and permissions Subscriber Author Editor Administrator Collaborative and concurrent work 20
Indexed content Sitemap Integrated search engine Categories e tags RSS feed 21
Scalability Creation of a website for stages Feature integration Adding content Changing graphic aspect 22
Additional components Plugin and modules New features Interaction with other platforms Integration of content from other sources 23
Accessibility and Usability Accessible (usable) design with ease by most people Usability (def. ISO) effectiveness, efficiency and satisfaction with which specified users achieve certain objectives in certain contexts 24
Community support Open source projects Accessible source code Updates and bug detection Development of new plugins Support forum 25
Some problems (solvable)
Security Back end administration Administrator role has full control Login with username and password Open source code Introduction of malicious scripts 27
Backup copies Backup Files Database Plugin and configuration Cloud storage Dropbox, Google Drive, 28
Spam Comments and forms Email Advertising script Users registration (bot) 29
Τέλος ενότητας
Funding This educational material is developed within the project "Open-up Entrepreneurship, OpEn", under the contract 2015-1-EL01-KA202-014168. The OpEn project is funded by the Erasmus+ programme of the European Union. The European Commission support for the production of this material does not constitute an endorsement of the contents which reflects the views only of the authors, and the Commission cannot be held responsi ble for any use which may be made of the information contained therein. 31
Notes
Note on History of Published Version The present work is the edition 0.1 33
License Notes The current material is available under the Creative Commons AttributionNonCommercial-ShareAlike 4.0 International license or later International Edition. The individual works of third parties are excluded, e.g. photographs, diagrams etc. They are contained therein and covered under their conditions of use in the section «Use of Third Parties Work Note». [1] http://creativecommons.org/licenses/by-nc-sa/4.0/ As Non-Commercial is defined the use that: Does not involve direct or indirect financial benefits from the use of the work for the distributor of the work and the license holder. Does not include financial transaction as a condition for the use or access to the work. Does not confer to the distributor and license holder of the work indirect financial benefit (e.g. advertisements) from the viewing of the work on website. The copyright holder may give to the license holder a separate license to use the work for commercial use, if requested. 34
Preservation Notices Any reproduction or adaptation of the material should include: the Reference Note, the Licensing Note, the declaration of Notices Preservation, the Use of Third Parties Work Note (if available), together with the accompanied URLs. 35
Note of use of third parties work This work makes use of the following works: Pictures/Shapes/Charts/Photos/Tables CMS from http://www.cavaliereandrea.it [http://www.cavaliereandrea.it/notelegali], Source: http://www.cavaliereandrea.it/wpcontent/uploads/2015/11/web-design-cms.png Drupal Joomla Wordpress from http://www.websitesetup.org [Copyright: How to Make a Website, 2017], Source: https://websitesetup.org/wpcontent/uploads/2013/11/drupal_joomla_wordpress.png 36