introduzione alle tecnlogie web v1.0

Corso di tecnologie web

Introduzione allo sviluppo web e server

Linux

ITIS Zuccante2014/2015

1/39© Paolo Quartarone – Introduzione alle Tecnologie web

Premessa

Oggi giorno, una gran quantità di lavoro offerta è nel campo delle tecnologie web, quindi, è

necessario conoscere gli elementi fondamentali che compongono questa realtà


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

Pagina web

Un ipertesto, se visto sotto l'ottica

dello sviluppo web, viene

chiamata pagina web


Caratteristiche

5/39

Una pagina web è formata fondamentalmente da due elementi:● Contenuti● Formattazione

© Paolo Quartarone – Introduzione alle Tecnologie web

Contenuti


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

Formattazione


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

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>


Script


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

Javascript


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.

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


Struttura

12/39

● Homepage– Intestazione

– Navigazione

– Contenuti

– Sidebar

– Footer

– Etc..


Tipologie

13/39

Un web site può essere di due tipologie:● Statico● Dinamico


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


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


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.


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


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


Concorrente

19/39

Un server è di tipo concorrente quando è in grado di soddisfare più richieste di servizio da parte dei

client attraverso procedure multithreading


Servizi di un server

20/39

● File server● Database server● FTP server● Web server● Application server● Mail server● etc


Sistemi operativi

21/39

● Windows Server● Linux Server● OS X Server● CISCO IOS Server● Etc..


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


Linux web server

23/39

Per utilizzare un server linux come un server web, è necessario installare LAMP o XAMP


LAMP

24/39

LAMP (acronimo di Linux Apache MySQL PHP) è una piattaforma software per lo sviluppo di

applicazioni web


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.


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


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


Comunicazione Client/Server


DMBS

HTML

Query

PHPJS

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


Caratteristiche


● Facilita la gestione del sito● Specializzato● Sezione amministrativa (Back-end)● Sezione applicativa (Front-end)

Framework


Un framework è un'architettura logica di supporto, su cui un software può essere progettato e

realizzato, facilitandone lo sviluppo da parte del programmatore

Joomla


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.

Drupal


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

Wordpress


Nato come piattaforma open source orientata alla gestione di blog.

Funzionalità estendibili tramite plugin e l’aspetto è personalizzabile mediante temi.

Glossario


● 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

Approfondimenti


● Javascript● CSS● PHP

Fonti (1)


● 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

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

Fonti (2)


● http://it.wikipedia.org/wiki/Server● http://www.html.it/guide/guida-linux-server/● http://it.wikipedia.org/wiki/LAMP_%28piattaforma%29● http://it.wikipedia.org/wiki/Apache_HTTP_Server● http://it.wikipedia.org/wiki/MySQL● http://it.wikipedia.org/wiki/Database_management_system● http://it.wikipedia.org/wiki/PHP● http://it.wikipedia.org/wiki/Content_Management_System

http://it.wikipedia.org/wiki/Server

http://www.html.it/guide/guida-linux-server/

http://it.wikipedia.org/wiki/LAMP_%28piattaforma%29

http://it.wikipedia.org/wiki/Apache_HTTP_Server

http://it.wikipedia.org/wiki/MySQL

http://it.wikipedia.org/wiki/Database_management_system

http://it.wikipedia.org/wiki/PHP

http://it.wikipedia.org/wiki/Content_Management_System

Fonti (3)


● http://download.html.it/articoli/i-cms/● http://it.wikipedia.org/wiki/Framework

http://download.html.it/articoli/i-cms/

http://it.wikipedia.org/wiki/Framework

introduzione alle tecnlogie web v1.0

Internet