Completato

Note

Errore

 
 
 
 
Budget

Piccolo progetto <800

Pubblicato il

2013-03-11 10:54:54.0

Cliente

ale***

Questo progetto è scaduto

Pubblica un progetto simile e ricevi velocemente offerte non vincolanti.

Pubblica ora il tuo progetto simile

Descrizione

 

Si richiede la realizzazione di un form semplice per la prenotazione di un unico alloggio bed and breakfast o per la proposta di un'offerta da parte dell'utente.

Il form si compone di una parte fissa e di una variabile che viene aggiornata in base alle due facoltà di scelta offerte all'utente di poter prenotare oppure formulare un'offerta. Il form si presenta inizialmente con soli due campi data (jquery datepicker) collegati con la funzione date range per la selezione della data di arrivo e la data di partenza. I datepicker leggono da un DB le date bloccate, per le quali non è possibile prenotare, inibendone la selezione nel datepicker. Sotto i campi data viene stampato il testo "x notti Totale: y €" dove x è il n. di notti calcolato in automatico in base alle date inserite e y è il costo totale calcolato moltiplicando il numero di notti per una tariffa base. Immediatamente sotto vi è un pulsante "Prenota" e sotto al pulsante il link "oppure link:[fai un'offerta]". L'utente può scegliere di cliccare il pulsante "Prenota" oppure il link "fai un'offerta". Se l'utente clicca su Prenota il form viene "esteso" o meglio aggiornato senza ricaricare la pagina come segue. Sotto al testo "x notti Totale: y €" vengono aggiunti tre nuovi campi "Nome", "email" e "telefono", e il testo del pulsante "Prenota" viene sostituito con il testo "Paga con PayPal", mentre il testo "oppure link:[fai un'offerta]" viene sostituito con "oppure link:[annulla]". A questo punto, validati i campi il form spedisce i dati (data arrivo, data partenza, totale, nome, email, telefono) ad una pagina di pagamento PayPal. I dati devono essere stampati anche in un solo "commento" della pagina PayPal. Una volta pagato la pagina PayPal reindirizza ad una succes page del sito e vengono aggiornate le date da bloccare nel DB. Se l'utente sceglie anzichè Prenotare di fare un'offerta allora il form viene aggiornato come segue. Il testo "x notti Totale: y €" diventa "x notti Totale: y €" aggiungendo il tag <strike> al prezzo con jquery, immediatamente sotto viene aggiunto un campo numerico "La tua offerta" dove l'utente inserisce il prezzo offerto, e sotto viene stampata una progress bar che, in funzione del prezzo offerto dall'utente, deve indicare la probabilità di successo dell'offerta proposta variando in percentuale e in colore (es. rosso da 0% a 50%, arancio da 51% a 75%, verde da 76% a 100%). Lo scopo della success bar è solo quello di scoraggiare l'utente dall'inserire un prezzi troppo bassi per determinati range. Sotto la success bar vengono poi stampati i tre campi con i dati personali "Nome", "email" e "telefono". Il testo del pulsante "Prenota" viene sostituito con il testo "Fai la tua offerta", mentre il testo "oppure link:[fai un'offerta]" viene sostituito con "oppure link:[annulla]". Una volta validati i campi il form deve inviare tutti i dati (data arrivo, data partenza, totale, totale offerto, nome, email, telefono) ad un indirizzo email e reindirizzare il browser ad una success page. Se in qualsiasi momento l'utente decide di fare click su "oppure link:[annulla]" il form deve aggiornarsi allo stato iniziale con i soli due campi data.

Si fornisce su richiesta un progetto grafico con i tre stati del form che attualmente non riesco ad allegare.