Dott.ssa Adriana Pietramala



Documenti analoghi
Dott.ssa Maria Vittoria Avolio. Dott.ssa Adriana Pietramala

04/05/2011. Lezione 6: Form

Lezione 6: Form 27/04/2012

DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE

Il linguaggio HTML - Parte 3

I FORM. L'attributo action contiene l'url del file php a cui devono essere inviati i file per essere elaborati.

HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...

Laboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server

I Tag dell html. Parte quarta

Strumenti a disposizione

Corso di PROGRAMMAZIONE IN RETE

Interazione con l utente : i moduli.

What is PHP? Introduzione Rappresentazione dell informazione Architettura del calcolatore Le reti ed internet Elementi di programmazione

Applicazioni Web: meccanismi per il passaggio di informazioni tramite HTTP Corso di Applicazioni Telematiche

19. LA PROGRAMMAZIONE LATO SERVER

CONTENUTI 1. INTRODUZIONE CONCETTI BASICI SU EQUINOX CMS XPRESS ACCESSO A EQUINOX CMS XPRESS PAGINA D INIZIO...

ESEMPI DI FORM (da

Metodologie Informatiche Applicate al Turismo

Lezione nr. 5. Per creare un modulo è necessario avere delle conoscenze di base del linguaggio HTML. Niente di difficile ovviamente!

Lezione III: Oggetti ASP e interazione tramite form HTML

Dott.ssa Adriana Pietramala. Dott.ssa Maria Vittoria Avolio

MODULO 1 PARTE 3. Programmazione (scripting) server-side con PHP 3.a HTTP request e HTTP response (form e link)

Esercitazione 8. Basi di dati e web

Siti interattivi e dinamici. in poche pagine

Lezione nr. 8. Allora ecco come fare per recuperare le ultime tre tipologie di campo che ci sono rimaste da vedere.

VERIFICA CORSO: MASTER DI PRIMO LIVELLO IN TECNOLOGIE DI SICUREZZA WEB E NETWORKING CODICE CORSO: B

LA GESTIONE DELLE VISITE CLIENTI VIA WEB

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo

Sicurezza Protezioni in una pagina Web

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML

Cookie e Webstorage. Vediamo ora i metodi dell oggetto localstorage. Per memorizzare un valore si utilizza il metodo setitem:

I moduli HTML Interazione per l invio di informazioni in Internet

NVU Manuale d uso. Cimini Simonelli Testa

ORSA MAGGIORE VALLARSA WEB VERSIONE PRELIMINARE!!!!

PHP: Professional Hypertext Preprocessor

HTML e interattività FORM

NAVIGAZIONE SU INTERNET

Form Editor. Dove NomeProfilo è personalizzabile.

PHP. A. Lorenzi, R. Giupponi, D. Iovino LINGUAGGI WEB. LATO SERVER E MOBILE COMPUTING Atlas. Copyright Istituto Italiano Edizioni Atlas

A. Lorenzi Pagine ASP

Corso di Informatica di Base. Laboratorio 2

Le presenti note vengono rilasciate per presentare le principali novità della release 2010 Sp1 di Contact Pro.

UTILIZZO DEI COOKIES (informativa conforme al Provvedimento del Garante Privacy del 8 Maggio 2014)

Esercizi su HTML e JavaScript

PORTALE CLIENTI Manuale utente

Programmazione Web D B M G. Il linguaggio HTML

D B M G Il linguaggio HTML

POSTECERT POST CERTIFICATA GUIDA ALL USO DELLA WEBMAIL

@2011 Politecnico di Torino 1

Informativa estesa sull utilizzo dei cookie

Corso di PHP. Prerequisiti. 1 - Introduzione

SAP SRM 7 Manuale GARE ON LINE con cfolders FORNITORI INDICE

Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Quinta lezione) Unitre Pavia a.a.

Facendo clic su parole, immagini e icone si può passare da un sito all'altro.

OFI ITC. Come nasce questo sito 05/06/2015. Severini Piertommaso Valenti Andrea Zallocco Riccardo

MANUALE D USO DELLA PIATTAFORMA ITCMS

ALBO PRETORIO WEB MANUALE DELLA PROCEDURA SOMMARIO. Uso del manuale. Informazioni generali. Interfaccia grafica. Guida di riferimento

Esempio Cookie Policy

Guida Joomla. di: Alessandro Rossi, Flavio Copes

Guida utente alla compilazione delle richieste di contributo on-line per le Associazioni dei Consumatori

GUIDA AI PROBLEMI DI ACCESSO E VISUALIZZAZIONE

MANUALE PARCELLA FACILE PLUS INDICE

WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2

Tecnologie e Programmazione Web

Progettazione Web Applicazioni client-server

Appunti su ASP (Active Server Pages)

FITS UPLOAD. Software di upload automatico file di immagini astronomiche Versione 1.2

Lezione nr. 7. >> Come posso recuperare un valore da un campo TEXT?

Recupero Immobili e Alloggi ERP

Applicazione ASP di esempio

Corso di PHP. Prerequisiti. 6.1 PHP e il web 1. Conoscenza HTML Tecnica della programmazione Principi di programmazione web

I Codici Documento consentono di classificare le informazioni e di organizzare in modo logico l archiviazione dei file.

Manuali.net. Nevio Martini

M.U.T. Modulo Unico Telematico

La rubrica degli indirizzi di posta elettronica associati al dominio scuole.piemonte.it

capitolo 8 LA CHECKLIST PER LA VALUTV ALUTAZIONEAZIONE TECNOLOGICA

FTP. studioand CORTILE DEL MAGLIO. manuale per la configurazione dell accesso FTP. Via Andreis, 18/ Torino (To)

M.U.T. Modulo Unico Telematico. Gestione Certificati Malattia

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ

Schede ADI ADP ADEM Prestazioni aggiuntive MMG. - Manuale - Data Solution Provider s.r.l.

- Il sito dedicato alle associazioni no-profit di Milano e provincia

PORTALE PASSPARTÙ Manuale dell utente VERSIONE 2.0. Copyright 2015 QUI! Group Spa

ISSA EUROPE PTSOFTWARE 2.0

Programmazione Web D B M G. Il linguaggio HTML

MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB

Cimini Simonelli - Testa

INFN Sezione di Perugia Servizio di Calcolo e Reti Fabrizio Gentile Enrico Becchetti

EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0

Utilizzo dei Cookie Cosa sono i cookie? A cosa servono i cookie? cookie tecnici cookie, detti analitici cookie di profilazione

APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.

ITI M. FARADAY Programmazione modulare a.s

Manuale Utente. Programma di Sviluppo Rurale Compilazione del Business Plan ridotto. Versione A

<utente> <nome>mario</nome> <cognome>rossi</cognome> <saldo>1230</saldo> </utente> Tag di chiusura dato. Tag di apertura

Manuale di Aggiornamento BOLLETTINO. Rel H4. DATALOG Soluzioni Integrate a 32 Bit

Punto Print Il programma per stampare. Documentazione Tecnica

Manuale Utente Albo Pretorio GA

1 WIZARD DI AUTOCONFIGURAZIONE MAPI 1.1 INTERNET EXPLORER 8

Istruzioni per il cambio della password della casella di posta

Transcript:

Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Adriana Pietramala a.pietramala@mat.unical.it

Riferimenti Sito del corso: Manuale PHP http://www.php.net/download-docs.php Editor di testo: http://www.textpad.com/

PHP (1) Definizione L acronimo PHP sta per Hypertext Preprocessor. Si tratta di un linguaggio di scripting (1) impiegato nello sviluppo di applicazioni orientate al Web(2) e può essere facilmente integrato nel codice HTML(3).

PHP (2) Definizione 1. Linguaggio: strumento utilizzato per lo sviluppo di programmi software. Esistono diversi tipi di linguaggi, ognuno avente delle caratteristiche specifiche. Per il Web si utilizzano linguaggi di scripting. 2. Applicazioni orientate al Web: programmi che vengono eseguiti su Internet, di conseguenza è necessario disporre di un Browser (Firefox, Internet Explorer, Chrome, ecc.). 3. Nella pagine HTML vengono inseriti opportuni tag che richiamano il linguaggio PHP.

PHP (3) Struttura di un programma PHP Un programma PHP è, generalmente, costituito da due pagine: Una pagina principale: contiene tutti i componenti grafici e rappresenta l estetica dell applicazione (interfaccia grafica). Una pagina secondaria: esegue delle operazioni. Le operazioni sono solitamente associate ai componenti grafici della pagina principale.

PHP (4) Di cosa abbiamo bisogno Un Web Server (apache) opportunamente configurato per interpretare il codice PHP. IMPORTANTE: Le pagine secondarie verranno memorizzate sul server e salvate con estensione.php Un client, ovvero un browser in grado di visualizzare la pagina principale e richiamare la pagina secondaria (file con estensione.php situata sul server)

PHP (5) Download SCARICARE: Apache HTTP Server 2.2.x - Win32 Binary including OpenSSL (http://httpd.apache.org/download, nome file: httpd-2.2.17-win32-x86-no_ssl.msi) http://windows.php.net/download/, PHP 5.3 (5.3.6)-VC9 x86 Thread Safe (2011-Mar-22 13:27:32). Scaricare Installer(nome file: php-5.3.6-win32-vc9-x86.msi) Manuale di installazione e configurazione

PHP (6) La pagina principale La Form è un componente PHP e consente di realizzare moduli grafici. Le principali componenti della Form sono: Campo testo: area in cui l utente può inserire dei dati; Area di testo: area in cui l utente può inserire una grande quantità di dati testuali. Radio Button: sono dei piccoli bottoni circolari che consentono di effettuare una scelta esclusiva tra n possibili. In questo caso, quindi, una scelta esclude tutte le altre. CheckBox: sono delle piccolissime caselline che consentono all'utente di operare scelte multiple tra n possibili; Select o menu di opzioni: è un campo costituito da un insieme di voci. Submito bottone di invio: quando cliccato richiama il codice PHP inserito nel con estensione.phppreventivamente caricato sul server Reset o bottone di cancellazione: ripulisce la form dai dati precedentemente inseriti nei vari campi scritti dall'utente.

PHP (7) Definizione di una form È necessario inserire un opportuno tag PHP all interno della sezione Body della pagina Html. <FORM method= post action= pagsecondaria.php ></FORM> Questo è un esempio di Form vuota, dove: Action: dice al browser qual è l azione che deve essere gestita in seguito a un qualche evento. In questo caso viene richiamato il codice PHP memorizzato nel file pagsecondaria.php situato sul server; Method: dice al browser in che modo i dati devono essere trasmessi al server e può essere di tipo POST oppure GET. Noi useremo POST.

PHP (8) Campo testo È un componente grafico che può essere definito in una form PHP. Viene inserita con il tag INPUT e con l attributo type="text". Ad esempio: <FORM method= post action= pagsecondaria.php > </FORM> L effetto visivo è: Nome:<INPUT type="text" name="nome"> È il nome vero e proprio dell oggetto Un area in cui l utente può immettere del testo.

PHP (9) Area di testo È un componente grafico che consente di inserire grandi quantità di testo. Viene inserita con il tagtextarea, attributo rows per indicare il numero di righe e cols per il numero di colonne. Esempio: <FORM method= post action= pagsecondaria.php > </FORM> L effetto visivo è: <textarea name="testo" rows="5" cols="40"> </textarea> Si notichel areadi testo siadattaal contenuto.

PHP (10) Radio Button Vengono inseriti con il tag INPUT e con l attributo type="radio". Esempio: <FORM method= post action= pagsecondaria.php > Sesso: <INPUT type="radio" name="sex" value="maschio"> Maschio <INPUT type="radio" name="sex" value="femmina"> Femmina </FORM> L effetto visivo è: Si noti che la scelta è mutuamente esclusiva

PHP (11) Check Box Vengono inseriti con il tag INPUT e con l attributo type=" checkbox". Esempio: <FORM method= post action= pagsecondaria.php > </FORM> L effetto visivo è: Linguaggi conosciuti<br> <INPUT type="checkbox" name="html" value="html"> html <BR> <INPUT type="checkbox" name="css" value="css"> css <BR> <INPUT type="checkbox" name="jsp" value="javascript"/> JavaScript Si noti che la scelta NON è mutuamente esclusiva.

PHP (12) Select o menu di opzioni Grazie al tag<select> è possibile costruire dei menu di opzioni. In questo caso ciascuna voce deve essere compresa all'interno del tag<option> e il valore deve essere specificato attraverso l'attributo "value". Con value=-1 si può indicare la scelta predefinita. Esempio: L effetto visivo è: <FORM method= post action= pagsecondaria.php > </FORM> I 7 Giorni della settimana: <SELECT name="giornosettimana"> <OPTION value="-1">giorno della Settimana:</option> <OPTION value="lunedì">lunedì</option> <OPTION value="martedì">martedì</option> <OPTION value="mercoledì">mercoledì</option> <OPTION value="giovedì">giovedì</option> <OPTION value="venerdì">venerdì</option> <OPTION value="sabato">sabato</option> <OPTION value="domenica">domenica</option> </SELECT>

PHP (13) Submito pulsante di invio Viene inserito con il tag INPUT e con l attributo type="submit". Esempio: <FORM method= post action=pagsecondaria.php> <INPUT type="submit" value=esegui> </FORM> L effetto visivo è:

PHP (14) Reset o pulsante di cancellazione Viene inserito con il tag INPUT e con l attributo type="reset"; Esempio: <FORM method= post action= pagsecondaria.php > <INPUT type="reset" value="cancella"> </FORM> L effetto visivo è:

Esempio: PHP (15) <html> <head> <title> il mio primo programma</title> </head> <body> <FORM action="prova.php" method= post > Nome:<INPUT type="text" name="nome"><br> Sesso:<INPUT type="radio" name="sex" value="maschio"> Maschio <INPUT type="radio" name="sex" value="femmina"> Femmina<BR> <INPUT type="submit" value="valida"> <INPUT type="reset" value="cancella"> </body> </html> </FORM> Un esempio più complesso L effetto visivo è:

PHP (16) Un esempio completo <html> <head> <title>personal INFO</title> </head> <body> <form method="post" action="pagsecondaria.php"> Nome:<input type="text" name="fname"><br/> Cognome:<input type="text" name="lname"><br/><br/><br/> Sesso:<br/> Maschio:<input type="radio" value="male" name="sesso"><br /> Femmina:<input type="radio" value="female" name="sesso"><br/><br/><br/> Seleziona un livello di studio:<br/><select name="education"> <option value="jr.high">jr.high</option> <option value="highschool">highschool</option> <option value="college">college</option></select><br/><br/><br/> Seleziona il tuo piatto preferito:<br /> Pasta:<input type="checkbox" value="pasta" name="food"><br/> Pizza:<input type="checkbox" value="pizza" name="food"><br/> Pollo:<input type="checkbox" value="pollo" name="food"><br/><br/><br/><br/> <textarea rows="5" cols="20" name="quote">scrivi qualche commento</textarea><br/><br/><br/><br/> <INPUT type="submit" value= esegui"><br/> <INPUT type="reset" value="cancella"> </form> </body> </html>