Applicazioni Web

L’interfaccia utente di Dreamweaver e versioni successive è stata semplificata. Di conseguenza, potreste non trovare alcune delle opzioni descritte in questo articolo in Dreamweaver e versioni successive. Per ulteriori informazioni, consultate questo articolo.

Informazioni sulle applicazioni web

Un'applicazione web è un sito web che contiene pagine con contenuto parzialmente o interamente non definito.Il contenuto finale di una pagina viene determinato solo quando il visitatore richiede una pagina dal server web. Poiché il contenuto finale della pagina varia da richiesta a richiesta in base alle azioni del visitatore, questo tipo di pagina è chiamata pagina dinamica.

Le applicazioni web sono create per affrontare una varietà di sfide e problemi. Questa sezione descrive gli usi comuni delle applicazioni web e fornisce un esempio semplice.

Usi più comuni delle applicazioni Web

Le applicazioni web hanno molti usi sia per i visitatori del sito che per gli sviluppatori, inclusi i seguenti:

• Consentire ai visitatori di trovare informazioni rapidamente e facilmente su un sito web ricco di contenuto.

  Questo tipo di applicazione web offre ai visitatori la possibilità di cercare, organizzare e navigare il contenuto come meglio credono. Gli esempi includono intranet aziendali, Microsoft MSDN (www.msdn.microsoft.com), e Amazon.com (www.amazon.com).

• Raccogliere, salvare e analizzare i dati forniti dai visitatori del sito.

  In passato, i dati inseriti nei moduli HTML venivano inviati come messaggi e‑mail ai dipendenti o alle applicazioni CGI per l'elaborazione. Un'applicazione web può salvare i dati del modulo direttamente in un database ed anche estrarre i dati e creare rapporti basati sul web per l'analisi. Gli esempi includono pagine di online banking, pagine di checkout del web store, sondaggi e moduli di feedback dell'utente.

• Aggiornare siti Web il cui contenuto cambia di frequente.

  Un'applicazione web libera il progettista web dall'aggiornare continuamente l'HTML del sito. I fornitori di contenuto come gli editori di notizie forniscono all'applicazione web il contenuto, e l'applicazione web aggiorna il sito automaticamente. Gli esempi includono l'Economist (www.economist.com) e CNN (www.cnn.com).

Esempio di applicazione Web

Janet è una progettista web professionale e utente di Dreamweaver da lungo tempo responsabile della manutenzione dei siti intranet e Internet di un'azienda di medie dimensioni di 1000 dipendenti. Un giorno, Chris delle Risorse Umane si presenta da lei con un problema.Le Risorse Umane amministrano un programma di fitness per dipendenti che assegna punti per ogni miglio camminato, pedalato o corso.Ogni dipendente deve comunicare i totali mensili delle miglia percorse in un'e‑mail a Chris.Alla fine del mese, Chris raccoglie tutti i messaggi e‑mail e assegna ai dipendenti piccoli premi in denaro in base ai loro punti totali.

Il problema di Chris è che il programma di fitness ha avuto un successo enorme: Ora partecipano così tanti dipendenti che Chris è sommerso dalle e‑mail alla fine di ogni mese.Chris chiede a Janet se esiste una soluzione basata sul web.

Janet propone un'applicazione web basata su intranet che svolge i seguenti compiti:

• Consente ai dipendenti di inserire il loro chilometraggio su una pagina web utilizzando un modulo HTML semplice

• Archivi in un database i dati forniti dai dipendenti

• Calcoli i punti in base ai chilometri percorsi

• Consenta ai dipendenti di verificare la propria situazione mensile

• Offre a Chris accesso con un clic ai totali dei punti alla fine di ogni mese

  Janet fa funzionare l'applicazione prima dell'ora di pranzo usando Dreamweaver, che ha gli strumenti di cui ha bisogno per creare questo tipo di applicazione in modo rapido e semplice.

Funzionamento di un'applicazione Web

Un'applicazione web è una raccolta di pagine web statiche e dinamiche.Una pagina web statica è una pagina che non cambia quando un visitatore del sito la richiede: Il server web invia la pagina al browser richiedente senza modificarla.Al contrario, una pagina web dinamica viene modificata dal server prima di essere inviata al browser richiedente.La natura mutevole della pagina è il motivo per cui viene chiamata dinamica.

Ad esempio, potresti progettare una pagina per visualizzare i risultati di fitness, lasciando che certe informazioni (come il nome del dipendente e i risultati) vengano determinate quando la pagina è richiesta da un particolare dipendente.

Le prossime sezioni descrivono come funzionano le applicazioni web in maggiore dettaglio.

Elaborare pagine Web statiche

Un sito web statico comprende un insieme di pagine HTML correlate e file ospitati su un computer che esegue un server web.

Un server web è un software che fornisce pagine web in risposta a richieste da browser web.Una richiesta di pagina viene generata quando un visitatore fa clic su un collegamento su una pagina web, seleziona un segnalibro in un browser o inserisce un URL nella casella di testo dell'indirizzo di un browser.

Il contenuto finale di una pagina web statica è determinato dal designer della pagina e non cambia quando la pagina viene richiesta.Ecco un esempio:

<html> 

    <head> 

<title>Pagina informazioni Trio Motors</title>

    </head> 

<body>

<h1>Informazioni su Trio Motors</h1>

<p>Trio Motors è un produttore leader di automobili.</p>

    </body> 

</html>

Ogni riga del codice HTML della pagina è scritta dal designer prima che la pagina venga posizionata sul server.Poiché l'HTML non cambia una volta che è sul server, questo tipo di pagina viene chiamata pagina statica.

in realtà, è possibile che una pagina “statica” non sia affatto statica. Ad esempio, può essere animata da un'immagine rollover o un oggetto Flash (un file SWF). Tuttavia, in questa documentazione si definiscono statiche tutte le pagine che vengono inviate al browser senza modifiche.

Quando il server web riceve una richiesta per una pagina statica, il server legge la richiesta, trova la pagina e la invia al browser richiedente, come mostra l'esempio seguente:

Nel caso delle applicazioni web, alcune righe di codice non sono determinate quando il visitatore richiede la pagina.Queste righe devono essere determinate da qualche meccanismo prima che la pagina possa essere inviata al browser.La sezione seguente descrive il meccanismo.

Elaborare pagine dinamiche

Quando un server web riceve una richiesta per una pagina web statica, il server invia la pagina direttamente al browser richiedente.Quando il server web riceve una richiesta per una pagina dinamica, tuttavia, reagisce diversamente: Passa la pagina a un software speciale responsabile di completare la pagina. Questo software speciale viene chiamato “server applicazioni”.

Il server dell'applicazione legge il codice sulla pagina, completa la pagina secondo le istruzioni nel codice, e poi rimuove il codice dalla pagina.Il risultato è una pagina statica che il server applicazioni restituisce al web server, che a sua volta invia la pagina al browser richiedente.Tutto quello che il browser riceve quando la pagina arriva è HTML puro. Di seguito è riportata un'illustrazione del processo.

Accedere a un database

Un server applicazioni ti consente di lavorare con risorse lato server come i database.Ad esempio, una pagina dinamica può indicare all'application server di estrarre dati da un database e inserirli nell'HTML della pagina. Per ulteriori informazioni, vedete www.adobe.com/go/learn_dw_dbguide_it.

L'utilizzo di un database per archiviare contenuti consente di separare il design del sito web dal contenuto che desideri mostrare agli utenti del sito. Invece di scrivere singoli file HTML per ogni pagina, devi solo scrivere una pagina—o modello—per i diversi tipi di informazioni che vuoi presentare. Puoi quindi caricare contenuto in un database e fare in modo che il sito web recuperi quel contenuto in risposta a una richiesta dell'utente. Puoi anche aggiornare informazioni in una singola origine e poi propagare quel cambiamento in tutto il sito web senza dover modificare manualmente ogni pagina. Puoi utilizzare Adobe Dreamweaver per progettare moduli web per inserire, aggiornare o eliminare dati dal database.

L'istruzione per estrarre dati da un database è chiamata query del database.Una query consiste in criteri di ricerca espressi in un linguaggio per database chiamato SQL (Structured Query Language).La richiesta SQL viene scritta negli script o tag lato server della pagina.

Un application server non può comunicare direttamente con un database perché il formato proprietario del database rende i dati indecifrabili, più o meno come un documento di Microsoft Word aperto in Notepad o BBEdit potrebbe essere indecifrabile. L'application server può comunicare con il database solo attraverso l'intermediazione di un driver del database: software che agisce come un interprete tra l'application server e il database.

Dopo che il driver stabilisce la comunicazione, la richiesta viene eseguita sul database e viene creato un recordset. Un recordset è un insieme di dati estratti da una o più tabelle in un database. Il recordset viene restituito al server applicazioni, che utilizza i dati per completare la pagina.

Di seguito è riportata una semplice query di database scritta in linguaggio SQL:

SELECT lastname, firstname, fitpoints

FROM employees

Questa istruzione crea un recordset a tre colonne e lo riempie con righe contenenti il cognome, il nome e i punti fitness di tutti i dipendenti nel database.Per ulteriori informazioni, vedete www.adobe.com/go/learn_dw_sqlprimer_it.

L'esempio seguente mostra il processo di interrogazione di un database e restituzione di dati al browser:

Puoi utilizzare quasi qualsiasi database con la tua applicazione web, purché il driver del database appropriato sia installato sul server.

Se prevedi di creare applicazioni piccole e a basso costo, puoi utilizzare un database basato su file, come uno creato in Microsoft Access. Se prevedi di creare applicazioni robuste e business-critical, puoi utilizzare un database basato su server, come uno creato in Microsoft SQL Server, Oracle 9i o MySQL.

Se il tuo database si trova su un sistema diverso dal tuo web server, assicurati di avere una connessione veloce tra i due sistemi in modo che la tua applicazione web possa funzionare rapidamente ed efficientemente.

Creazione di pagine dinamiche

L'authoring di una pagina dinamica consiste nella scrittura del codice HTML, quindi nell'aggiunta di script o tag server-side HTML per rendere la pagina dinamica. Quando visualizzate il codice risultante, il linguaggio appare incorporato nel codice HTML della pagina. Di conseguenza, questi linguaggi sono noti come “linguaggi di programmazione incorporata HTML”. Nell'esempio riportato di seguito viene utilizzato il linguaggio CFML (ColdFusion Markup Language):

nota: il supporto CFML è stato rimosso da Dreamweaver e versioni successive.

<html> 

    <head> 

<title>Pagina di informazioni su Trio Motors</title>

    </head> 

<body>

<h1>Informazioni su Trio Motors</h1>

<p>Trio Motors è un produttore automobilistico leader.</p>

<!--- le istruzioni integrate iniziano qui --->

<cfset department="Sales">

<cfoutput>

<p>Assicurati di visitare la nostra pagina #department#.</p>

</cfoutput>

<!--- le istruzioni incorporate terminano qui --->

    </body> 

</html>

Le istruzioni incorporate in questa pagina eseguono le seguenti azioni:

Il server applicazioni restituisce la seguente pagina al server web:

<html> 

    <head> 

<title>Pagina informazioni di Trio Motors</title>

    </head> 

<body>

<h1>Informazioni su Trio Motors</h1>

<p>Trio Motors è un produttore automobilistico leader.</p>

<p>Assicurati di visitare la nostra pagina Sales.</p>

    </body> 

</html>

Il server web invia la pagina al browser richiedente, che la visualizza come segue:

Informazioni su Trio Motors

Trio Motors è un produttore automobilistico leader.

Assicurati di visitare la nostra pagina Vendite.

Scegli un linguaggio di scripting o basato su tag da utilizzare a seconda della tecnologia server disponibile sul server.Ecco le lingue più popolari per le tecnologie server supportate da Dreamweaver:

Dreamweaver può creare gli script lato server o i tag necessari per far funzionare le pagine, oppure puoi scriverli manualmente nell'ambiente di codifica di Dreamweaver.

Terminologia per le applicazioni Web

Questa sezione definisce i termini utilizzati frequentemente relativi alle applicazioni web.

Software che aiuta un web server a elaborare pagine web contenenti script o tag lato server. Quando il server riceve una richiesta per una di queste pagine, il web server consegna la pagina al server delle applicazioni per l'elaborazione prima di inviarla al browser. Per ulteriori informazioni, consulta Come funziona un'applicazione web.

Tra i server di applicazioni più comuni ci sono ColdFusion e PHP.

Una raccolta di dati archiviati in tabelle. Ogni riga di una tabella costituisce un record e ogni colonna costituisce un campo nel record, come mostrato nel seguente esempio:

Software che funge da interprete tra un'applicazione web e un database. I dati in un database sono archiviati in un formato proprietario. Un driver di database consente all'applicazione web di leggere e manipolare dati che altrimenti sarebbero indecifrabili.

(DBMS, o sistema di database) Software utilizzato per creare e manipolare database. I sistemi di database comuni includono Microsoft Access, Oracle 9i e MySQL.

L'operazione che consente di estrarre un recordset da un database. Una query consiste in criteri di ricerca espressi in un linguaggio di database chiamato SQL.Ad esempio, la richiesta può specificare che solo certe colonne o solo certi record siano inclusi nel recordset.

Una pagina web personalizzata da un server applicazioni prima che la pagina sia inviata a un browser.

Un insieme di dati estratti da una o più tabelle in un database, come nel seguente esempio:

Un database contenente più di una tabella, con le tabelle che condividono dati. Il seguente database è relazionale perché due tabelle condividono la colonna DepartmentID.

La tecnologia che un server applicazioni utilizza per modificare le pagine dinamiche durante il runtime.

L'ambiente di sviluppo di Dreamweaver supporta le seguenti tecnologie server:

• Adobe® ColdFusion®

• Microsoft ASP (Active Server Pages)

• PHP Hypertext Preprocessor (PHP)

  Puoi anche utilizzare l'ambiente di codifica di Dreamweaver per sviluppare pagine per qualsiasi altra tecnologia server non elencata.

Una pagina Web che il server applicazioni non modifica prima che la pagina sia inviata a un browser.Per ulteriori informazioni, consulta Elaborazione delle pagine web statiche.

Un sito web che contiene pagine con contenuto parzialmente o completamente indeterminato. Il contenuto finale di queste pagine viene determinato solo quando un visitatore richiede una pagina dal server web. Poiché il contenuto finale della pagina varia da richiesta a richiesta in base alle azioni del visitatore, questo tipo di pagina viene chiamata pagina dinamica.

Software che invia pagine web in risposta alle richieste dai browser web. Una richiesta di pagina viene generata quando un visitatore fa clic su un collegamento di una pagina web nel browser, seleziona un segnalibro nel browser o inserisce un URL nella casella di testo dell'indirizzo del browser.

I server web più diffusi includono Microsoft Internet Information Server (IIS) e Apache HTTP Server.

Altri contenuti simili

• Guida introduttiva dei database
• Scelta di un server applicazioni