introduzione alle tecnlogie web v1.0

Corso di tecnologie web

Introduzione allo sviluppo web e server

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.

Pagina web

Un ipertesto, se visto sotto l'ottica

dello sviluppo web, viene

chiamata pagina web

Caratteristiche

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

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

● 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

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

Un insieme di pagine web

collegate tra di loro tramite

collegamenti e residenti sullo

stesso web server danno vita ad un

sito web

Struttura

● Homepage– Intestazione

– Navigazione

– Contenuti

– Sidebar

– Footer

– Etc..

Tipologie

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

Statico

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

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

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

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

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

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

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

Sistemi operativi

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

Linux Server

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

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

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

applicazioni web

Apache

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 è 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 è 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

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

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

Fonti (3)

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

introduzione alle tecnlogie web v1.0

Internet

introduzione alla sicurezza web introduzione web security1

tesis v1.0

v1.0 - 20050426

글로벌소프트웨어개발 v1.0

brownie v1.0

telecom v1.0

hideout v1.0

tecnlogie di realizzazione delle infrastrutture interrate a...

servogunsetupusersmanual v1.0

ptk5507 v1.0

assembly v1.0

bdsc_summit v1.0

policy v1.0

jp8001 v1.0

queimaduras (v1.0)

sr20 v1.0 avionics en v1.0

vertebrates v1.0

dissertação v1.0

click tecnlogie - illuminazione

glossary v1.0