4E e 4I SIA: Esercizio pre verifica

Esercizio pre verifica

Realizzare un sito Web responsive completo Html5 + Css o in alternativa con Bootstrap, che contenga l'area login, il modulo form, le pagine Php con controllo delle sessioni, i controlli sui campi inseriti nella pagina Php, la pagina di risultato dei dati inseriti con la visualizzazione delle immagini collegate alle selezioni.
La pagina Php deve avere anche le condizioni If e Else If per le diverse scelte.

Il modulo form deve utilizzare il metodo "POST" per l'invio dei dati alla pagina Php,

Usare tutti i tag che generano gli elementi dei form HTML e ricordo che:

button - genera un pulsante il quale può svolgere diverse azioni a seconda del valore dell'attributo type:

submit - è usato per l'invio del modulo;

reset - è usato per azzerare il modulo (in sostanza vengono cancellate le scelte effettuate dall'utente ed il modulo torna al suo stato iniziale);

button - è usato quando si desidera customizzare l'azione del bottone mediante Javascript.

input - genera la maggior parte degli elementi dei form HTML, a seconda del type specificato.

Gli input type più utilizzati sono:

text - è utilizzato per creare caselle di testo in cui l'utente può scrivere del contenuto su "singola linea";
file - è utilizzato per creare caselle di selezione di file in locale al fine di poterli trasmettere al server remoto;
radio - permette di creare un gruppo di opzioni al cui interno deve essere fatta una scelta (non ammette scelte multiple);
checkbox - permette di creare un gruppo di opzioni al cui interno devono essere fatta delle scelte (ammette scelte multiple);
button - permette di creare bottoni "neutri" ai quali, cioè, può essere associata un'azione mediante Javascript (può essere utilizzato in alternativa a <button type="button">);
submit - permette di creare bottoni di invio attraverso i quali viene, appunto inviato e processato il form (può essere utilizzato in alternativa a <button type="submit">);
image - permette di inserire immagini "attive" all'interno del modulo che fungeranno da bottoni;
reset - permette di creare bottoni per il reset del form (può essere utilizzato in alternativa a <button type="reset">).
select - crea una casella di riepilogo a scorrimento, chiamata in gergo selectbox, al cui interno sono annidiate le diverse <option> tra cui l'utente può scegliere;
textarea - genera un'area di testo in cui è possibile andare a capo e viene utilizzata per permettere di inserire descrizioni, commenti o comunque testi piuttosto lunghi.

Esempio di modulo form

PAGINA PRENOTA.HTML

<html>

<title>Vacanze Natale|Prenotazione Online</title>
</head>


<body><h1><b>Vacanze Natale | Prenotazione Online<b></b></b></h1><b><b><br>
<hr>

<form action="prenotazione.php" method="post">

Dati:<br><br>

<input type="text" name="nome">Inserire il proprio nome e cognome.<br><br>
<input type="text" name="email">Inserire la propria Email.<br><br>
<input type="text" name="numero">Inserire il proprio recapito telefonico.<br><br>
<input type="text" name="residenza">Inserire la citta' di residenza.<br><br>


Citta:<br><br>


<select name="citta">
<option value="New York"> New York
</option><option value="Londra">Londra
</option><option value="Roma">Roma
</option><option value="Parigi">Parigi
</option><option value="Miami">Miami
</option></select><br><br>

Prenotazione:<br><br>

<input type="text" name="giorni" value="giorni">Inserire i giorni.<br><br>
<input type="text" name="persone" value="persone">Inserire il numero di persone.<br><br>

Servizi:<br><br>

<input type="CHECKBOX" name="idromassaggio" value="idromassaggio">Idromassaggio (200 euro)<br>
<input type="CHECKBOX" name="spa" value="spa">Spa (150 euro)<br>
<input type="CHECKBOX" name="cfitness" value="cfitness">Centro Fitness (400 euro)<br>
<input type="CHECKBOX" name="animali" value="animali">Custodia animali (500 euro)<br><br>

Tipo di pagamento:<br><br>

<input type="radio" name="pagamento" value="Contanti"> Contanti<br>
<input type="radio" name="pagamento" value="CC"> Carta di credito<br>
<br><br>
Ulteriori richieste: <br><br>
<textarea name="comment" rows="5" cols="40"></textarea>

<br><hr><br>
<input type="submit" value="Invia">
<input type="reset" value="Cancella">

</form>

</b></b></body></html>

PAGINA PRENOTAZIONE.PHP

<?php

$nome=$_POST['nome'];

$email=$_POST['email'];

$numero=$_POST['numero'];

$residenza=$_POST['residenza'];

$citta=$_POST['citta'];

$giorni=$_POST['giorni'];

$persone=$_POST['persone'];

$idromassaggio=$_POST['idromassaggio'];

$spa=$_POST['spa'];

$cfitness=$_POST['cfitness'];

$animali=$_POST['animali'];

$pagamento=$_POST['pagamento'];

$comment=$_POST['comment'];

echo"<h1>Ordinazione</h1><br><hr><br>";

if($citta=="New York")

$a=80;

else if($citta=="Londra")

$a=24;

else if($citta=="Miami")

$a=80;

else if($citta=="Roma")

$a=24;

else if($citta=="Parigi")

$a=25;

if($idromassaggio=="idromassaggio")

$b=5;

else $b=0;

if($spa=="spa")

$c=10;

else $c=0;

if($cfitness=="cfitness")

$d=10;

else $d=0;

if($animali=="animali")

$e=5;

else $e=0;

$ris=($a+$b+$c+$d+$e)*$giorni;

echo"Gentile Signore/a $nome ($email / $numero / $residenza) ha scelto di prenotare:<br>";

echo"$citta.<br>";

echo"Per $persone persone, numero di giorni: $giorni.<br>";

echo"Opzione aggiuntive:<br>";

echo" - $idromassaggio<br>";

echo" - $spa<br>";

echo" - $cfitness<br>";

echo" - $animali<br>";

echo"La sua spesa totale è $ris <br>";

echo"Pagamento: $pagamento<br>";

echo"Ulteriori richieste: $comment <br>";

echo"Grazie per aver prenotato la tua vacanza con Il CORSO SIA BASSI LODI travels!.<br>";

?>

Cerca nel blog

Il BLOG di Paolo Latella

4E e 4I SIA: Esercizio pre verifica

Commenti

Posta un commento

Post popolari in questo blog

Simulazioni di reti (con Cisco Packet Tracer)

Tracce degli esercizi di programmazione per il recupero per le classi terze

Esercizi in Excel e fogli di Google