La presentazione mostra alcuni elementi utili per iniziare a lavorare sotto l'ambiente web. Non approfondisce alcunchè, ma fornirà solo un'idea generale di cosa si potrà incontrare durante il proprio percorso come sviluppatore web. La presentazione si conclude con un esempio, l'installazione della piattaforma XAMPP sotto Windows e la configurazione di Wordpress, che non è disponibile, perchè esempio pratico. ----------------------- The presentation shows some useful elements to start working in the web environment. Does not explore anything, but provide only a general idea of what you will encounter during your journey as a web developer. The presentation concludes with an example, the installation of the XAMPP platform and configuration of Wordpress, which is not available, beacause it's an experience.

1. Corso di tecnologie web
Introduzione allo
sviluppo web e server
Linux
ITIS Zuccante
2014/2015
1/39© Paolo Quartarone – Introduzione alle Tecnologie web

2. Premessa
Oggi giorno, una gran quantità di lavoro offerta è
nel campo delle tecnologie web, quindi, è
necessario conoscere gli elementi fondamentali
che compongono questa realtà
2/39© Paolo Quartarone – Introduzione alle Tecnologie web

3. Ipertesto
L'ipertesto è un
documento elettronico
che mette in relazione
informazioni.
Solitamente di natura
dinamica, può contenere
numerosi link.
© Paolo Quartarone – Introduzione alle Tecnologie web 3/39

4. Pagina web
Un ipertesto, se
visto sotto l'ottica
dello sviluppo
web, viene
chiamata pagina
web
4/39© Paolo Quartarone – Introduzione alle Tecnologie web

5. Caratteristiche
5/39
Una pagina web è formata fondamentalmente da
due elementi:
● Contenuti
● Formattazione
© Paolo Quartarone – Introduzione alle Tecnologie web

6. Contenuti
6/39© Paolo Quartarone – Introduzione alle Tecnologie web
Per contenuto di una web page indichiamo tutto il
testo e o le immagini digitali presenti in essa.
Solitamente viene incluso in un documento HTML,
che si occupa di impaginare i contenuti

7. Formattazione
7/39© Paolo Quartarone – Introduzione alle Tecnologie web
Per formattazione si intende l'aspetto con cui
verrà visualizzato il contenuto di una web page.
Per includere la formattazione in una pagina,
esistono vari metodi, ma il migliore e più usato è
tramite foglio in stile, o CSS

8. Struttura
8/39
● Titoli
● Elenchi
● Immagini
● Testo
● Etc..
● <h1>some text</h1>
● <ul>some text</ul>
● <img.../>
● <p>some text</p>
● <tag>some text<tag>
© Paolo Quartarone – Introduzione alle Tecnologie web

9. Script
9/39© Paolo Quartarone – Introduzione alle Tecnologie web
Oltre alla formattazione e ai contenuti, possiamo
trovare degli script, solitamente in Javascript,
all'interno della pagina HTML che ci viene inviata
dal server.
Essi vengono eseguiti sul client, in quanto sul
server vengono eseguiti script, solitamente, in
PHP

10. Javascript
10/39© Paolo Quartarone – Introduzione alle Tecnologie web
JavaScript è un linguaggio di scripting orientato
agli oggetti e agli eventi, utilizzato nella
programmazione Web lato client per la creazione,
in siti web e applicazioni web, di effetti dinamici
interattivi attivabili attraverso il mouse o la
tastiera.

11. Sito Web
11/39
Un insieme di
pagine web
collegate tra di loro
tramite
collegamenti e
residenti sullo
stesso web server
danno vita ad un
sito web
© Paolo Quartarone – Introduzione alle Tecnologie web

12. Struttura
12/39
● Homepage
– Intestazione
– Navigazione
– Contenuti
– Sidebar
– Footer
– Etc..
© Paolo Quartarone – Introduzione alle Tecnologie web

13. Tipologie
13/39
Un web site può essere di due tipologie:
● Statico
● Dinamico
© Paolo Quartarone – Introduzione alle Tecnologie web

14. Statico
14/39
Un sito web statico è il tipo più semplice, in
quanto per crearlo, vengono usati solamente
HTML, CSS e Javascript. È statico in quanto
l'utente è solo in grado di visualizzarne i contenuti
© Paolo Quartarone – Introduzione alle Tecnologie web

15. Dinamico
15/39
Un sito web dinamico è la tipologia più complessa
ma anche la più diffusa.
A differenza di un sito web statico, permette
all'utente di interagire con il server, attraverso
comandi e interrogazioni al DBMS
© Paolo Quartarone – Introduzione alle Tecnologie web

16. Web Server
16/39
Un web server è
un'applicazione
software, in esecuzione
su un server fisico, è in
grado di gestire le
richieste di
trasferimento di pagine
web di un client.
© Paolo Quartarone – Introduzione alle Tecnologie web

17. Server
17/39
Un server è un
componente informatico
di elaborazione che
fornisce, a livello logico
e fisico, un qualunque
tipo di servizio, ad un
client che ne fa
richiesta.
Può essere iterativo o
concorrente
© Paolo Quartarone – Introduzione alle Tecnologie web

18. Iterativo
18/39
Un server è di tipo iterativo quando è in grado di
soddisfare una sola richiesta alla volta da parte
dei client, con una procedura a lista di attesa
© Paolo Quartarone – Introduzione alle Tecnologie web

19. Concorrente
19/39
Un server è di tipo concorrente quando è in grado
di soddisfare più richieste di servizio da parte dei
client attraverso procedure multithreading
© Paolo Quartarone – Introduzione alle Tecnologie web

20. Servizi di un server
20/39
● File server
● Database server
● FTP server
● Web server
● Application server
● Mail server
● etc
© Paolo Quartarone – Introduzione alle Tecnologie web

21. Sistemi operativi
21/39
● Windows Server
● Linux Server
● OS X Server
● CISCO IOS Server
● Etc..
© Paolo Quartarone – Introduzione alle Tecnologie web

22. Linux Server
22/39
Linux server non è altro che una famiglia di
sistemi operativi con kernel linux che lavorano a
livello server.
Nel mondo, circa l'80% dei server connessi alla
rete è di tipo linux, in quanto open source e molto
potenti.
Il più famoso è sicuramente Ubuntu server
© Paolo Quartarone – Introduzione alle Tecnologie web

23. Linux web server
23/39
Per utilizzare un server linux come un server web,
è necessario installare LAMP o XAMP
© Paolo Quartarone – Introduzione alle Tecnologie web

24. LAMP
24/39
LAMP (acronimo di Linux Apache MySQL PHP) è
una piattaforma software per lo sviluppo di
applicazioni web
© Paolo Quartarone – Introduzione alle Tecnologie web

25. Apache
25/39
Apache è la più diffusa piattaforma per server
web, in grado di operare su una grande svarietà di
sistemi operativi.
Realizza le funzioni di trasporto delle informazioni
e di collegamento.
© Paolo Quartarone – Introduzione alle Tecnologie web

26. MySQL
26/39
MySQL è un Relational database management
system (RDBMS) disponibile sia per sistemi Unix
e Unix-like che per Windows.
Supporta Java, PHP, Python, etc..
Supporta le piattaforme del tipo XAMPP e diversi
CMS come Wordpress e Joomla
© Paolo Quartarone – Introduzione alle Tecnologie web

27. PHP
27/39
PHP è un linguaggio di programmazione
interpretato, concepito per lo sviluppo di pagine
web dinamiche.
L'interprete PHP è un software libero.
Principalmente utilizzato per sviluppare
applicazioni web lato server
© Paolo Quartarone – Introduzione alle Tecnologie web

28. Comunicazione Client/Server
28/39© Paolo Quartarone – Introduzione alle Tecnologie web
DMBS
HTML
Query
PHP
JS

29. CMS
29/39
Content Management System, è uno strumento
software, installato su un server web, il cui
compito è semplificare l’approccio degli utenti e di
ridurre al minimo la richiesta di conoscenze
tecniche specifiche in tema di programmazione.
È un'applicazione lato server che si appoggia su
PHP e MySQL
© Paolo Quartarone – Introduzione alle Tecnologie web

30. Caratteristiche
30/39© Paolo Quartarone – Introduzione alle Tecnologie web
● Facilita la gestione del sito
● Specializzato
● Sezione amministrativa (Back-end)
● Sezione applicativa (Front-end)

31. Framework
31/39© Paolo Quartarone – Introduzione alle Tecnologie web
Un framework è un'architettura logica di supporto,
su cui un software può essere progettato e
realizzato, facilitandone lo sviluppo da parte del
programmatore

32. Joomla
32/39© Paolo Quartarone – Introduzione alle Tecnologie web
Uno dei CMS freeware più diffusi nel Web,
completamente sviluppato con il linguaggio PHP.
Alto grado di configurabilità e personalizzazione.
Utilizzabile per la creazione di forum.

33. Drupal
33/39© Paolo Quartarone – Introduzione alle Tecnologie web
CMS open source, sviluppato in PHP.
Usato per lo sviluppo di siti temati, come comunità
web, gruppi di discussione, blog di uso personale,
rete sociale e commercio elettronico.
Piattaforma flessibile e modulare grazie alle
numerose estensioni

34. Wordpress
34/39© Paolo Quartarone – Introduzione alle Tecnologie web
Nato come piattaforma open source orientata alla
gestione di blog.
Funzionalità estendibili tramite plugin e l’aspetto è
personalizzabile mediante temi.

35. Glossario
35/39© Paolo Quartarone – Introduzione alle Tecnologie web
● Tag →parola chiave o un termine associato a
un'informazione che descrive l'oggetto
● DBMS → sistema software progettato per
consentire la creazione e la manipolazione di
database
● Client → componente che accede ai servizi o
alle risorse di un server
● Open source → indica un software di cui gli
autori rendono pubblico il codice sorgente

36. Approfondimenti
36/39© Paolo Quartarone – Introduzione alle Tecnologie web
● Javascript
● CSS
● PHP

37. Fonti (1)
37/39© Paolo Quartarone – Introduzione alle Tecnologie web
● Appunti del corso “Prepazione allo stage 2014”
● http://it.wikipedia.org/wiki/Ipertesto
● http://it.wikipedia.org/wiki/Pagina_web
● http://it.wikipedia.org/wiki/JavaScript
● http://it.wikipedia.org/wiki/Sito_web
● http://it.wikipedia.org/wiki/Web_statico
● http://it.wikipedia.org/wiki/Web_dinamico
● http://it.wikipedia.org/wiki/Server_web

38. Fonti (2)
38/39© Paolo Quartarone – Introduzione alle Tecnologie web
● http://it.wikipedia.org/wiki/Server
● http://www.html.it/guide/guida-linux-server/
● http://it.wikipedia.org/wiki/LAMP_%28piattaforma%2
● http://it.wikipedia.org/wiki/Apache_HTTP_Server
● http://it.wikipedia.org/wiki/MySQL
● http://it.wikipedia.org/wiki/Database_management_
● http://it.wikipedia.org/wiki/PHP
● http://it.wikipedia.org/wiki/Content_Management_Sy

39. Fonti (3)
39/39© Paolo Quartarone – Introduzione alle Tecnologie web
● http://download.html.it/articoli/i-cms/
● http://it.wikipedia.org/wiki/Framework