Digital Development

Course Unit #1 : Understanding Modern Digital Technology Fundamentals Themac Unit #1 : Web technologies and CMS Learning Objecve : LAMP Architecture Fabio Calefato Department of Computer Science, University of Bari

Unit Scope

• Understand the fundamentals elements of the web and its architecture • Understand the main concepts of Content Management Systems • Understand how to increase the number of visitors to a

Understanding Modern Digital Technology Fundamentals 3 Unit content

• Key components of the Web • LAMP Architecture • Main concepts of CMS • WordPress installaon and extension • SEO e Analycs

Understanding Modern Digital Technology Fundamentals 4 LAMP Architecture LAMP

Understanding Modern Digital Technology Fundamentals 6 What do they have in common?

Linux - Apache - MySQL - Php

Understanding Modern Digital Technology Fundamentals 7 Understanding Modern Digital Technology Fundamentals 8 Recreate the environment locally

WAMP (Windows)

MAMP (Mac)

Understanding Modern Digital Technology Fundamentals 9 MAMP

Understanding Modern Digital Technology Fundamentals 10 phpMyAdmin

• Web applicaon wrien in PHP • Manages MySQL via a web browser • Creaon and management – and tables – Users and roles

Understanding Modern Digital Technology Fundamentals 11 phpMyAdmin interface

Understanding Modern Digital Technology Fundamentals 12 Database management

Understanding Modern Digital Technology Fundamentals 13 User management

Understanding Modern Digital Technology Fundamentals 14 Locally

• /Applicaons/MAMP/htdocs – MAMP default folder containing a website’s files and folders

• hp://localhost – Browser access

Understanding Modern Digital Technology Fundamentals 15 Remotely

• Domain and hosng purchase • Database creaon • Transferring files using FTP soware – FileZilla, SmartFTP, WinSCP

Understanding Modern Digital Technology Fundamentals 16 Maintainer

• BlueHost.com • SiteGround.com • DreamHost.com • Netsons.com • Aruba.it • …

Understanding Modern Digital Technology Fundamentals 17 End of lecture Funding • This educaonal 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 producon of this material does not constute 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 informaon contained therein.

Understanding Modern Digital Technology Fundamentals 19 Notes Note on History of Published Version

The present work is the edion 0.1

Understanding Modern Digital Technology Fundamentals 21 License Notes The current material is available under the Creave Commons AribuonNonCommercial-ShareAlike 4.0 Internaonal license or later Internaonal Edion. The individual works of third pares are excluded, e.g. photographs, diagrams etc. They are contained therein and covered under their condions of use in the secon «Use of Third Pares Work Note».

[1] hp://creavecommons.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 transacon as a condion 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. adversements) 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.

Understanding Modern Digital Technology Fundamentals 22 Preservaon Noces

Any reproducon or adaptaon of the material should include: • the Reference Note, • the Licensing Note, • the declaraon of Noces Preservaon, • the Use of Third Pares Work Note (if available), together with the accompanied URLs.

Understanding Modern Digital Technology Fundamentals 23 Note of use of third pares work

This work makes use of the following works: Pictures/Shapes/Charts/Photos/Tables • LAMP (, Apache, MySQL, PHP) from programmableweb.com [ hps://www.programmableweb.com/terms], Source: hps://www.programmableweb.com/sites/default/files/LAMP-stack.jpg • LAMP Architecture from en.wikipedia.org [CC BY 3.0 ( hps://creavecommons.org/licenses/by/3.0/)], Source: hps://en.wikipedia.org/wiki/LAMP_(soware_bundle)#/media/ File:LAMPP_Architecture.png • Maintainer from en.wikipedia.org [CC BY 2.0 ( hps://creavecommons.org/licenses/by/2.0/)], Source: hps://it.wikipedia.org/wiki/Server_farm#/media/ File:Sun_Microsystems_Solaris_computer_cluster.jpg

Understanding Modern Digital Technology Fundamentals 24