Back to top

Autore Topic: Preventivi online con joomla: sviluppiamo invieme e creiamo un gruppo!  (Letto 41584 volte)

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Ciao a tutti,
 leggendo sul forum ho notato che è richiesta comune di parecchi utenti avere un sistema di preventivo online simile a quelli presenti nei siti di stampa digitale.

Qui alcuni esempi:
www.pixart.it
www.tictac.it
www.multigrafica.net
www.pacoprint.it

e altri

Nella ricerca di un componente simile ho capito che non è presente ma, navigando notti intere, mi è saltato all'occhio un sito che è riuscito a creare il PREVENTIVATORE ONLINE tramite dei forms ed è riuscito ad integrarlo con VirtueMart.

Il sito in questione è www.grafimage-services.com

Analizzandolo è risultato che i forms sono stati creati con FacileForms.

Conclusione: tramite i componenti per realizzare forms è possibile creare un preventivatore online e, magari, integrarlo con VirtueMart cosi da realizzare un vero e proprio portale di vendita per la stampa digitale.

Ho notato che FacileForms non è più disponibile per Joomla 1.5 se non in Legacy Mode.

Detto questo il mio topic vuole creare un gruppo di persone per condividere idee su come e in che modo realizzare questo PREVENTIVATORE che tutti cercano ma nessuno trova (se non a cifre pazzesche).

Che ne pensate?
Vi unite a me?

Iniziamo con lo scegliere il migliore componente per realizzare forms che abbia la possibilità di personalizzare campi, inserire codice etc.

Dai...io ho fatto il primo passo...ora tocca a te!!!

Ciao

monak83
Realizziamo Siti Web insieme!!!

Offline frascan

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4996
  • Sesso: Maschio
    • Mostra profilo
Basta trovare un buon generatore di forms e poi lavorarci su direi
Per la natura stessa delle cose un esploratore non può mai sapere che cosa stia esplorando finché l’esplorazione non sia stata compiuta.

mau_develop

  • Visitatore
fare un preventivatore è un'idea senza senso...
preventivatore per cosa?
costruzione missili nucleari? Vendita pop-corn?

Solitamente ci si applica a realizzare cose più specifiche ... che hanno già le loro complessità senza infilarsi in infinite variabili

M.

Offline frascan

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4996
  • Sesso: Maschio
    • Mostra profilo
Infatti. Anche perchè a seconda del prodotto cambiano le esigenze.
Per cui a mio avviso se non si hanno particolari esigenze un buon generatore di form ben configurato per l'uso potrebbe essere più che adeguato.

Mi sono imbattuto in questa esigenza un po d tempo fa notando che in molti hanno tentato la cosa soprattutto cercando di realizzare un preventivatore per virtuemart ma tutti i progetti di team di sviluppo sono naufragati. Forse la cosa è un pochino troppo complessa  ;)
Per la natura stessa delle cose un esploratore non può mai sapere che cosa stia esplorando finché l’esplorazione non sia stata compiuta.

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo
Ottima idea monak83,
effettivamente è una cosa molto utile e non semplice da realizzare.
Prova ad attirare l'attenzione di vales

http://forum.joomla.it/index.php?action=profile;u=7570

che ha appena finito di costruire l'Albo Pretorio On-line con Chronoforms

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Il preventivatore è inerente al discorso dei siti web che fanno stampa digitale, ma puo essere espanso a qualsiasi altro settore.

Visto che diverse persone lo cercano non credo che sia un'idea senza senso.

Iniziamo con l'individuare il generatore di forms migliore e più adatto a questo scopo no?

Ciao

monak83
Realizziamo Siti Web insieme!!!

Offline frascan

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4996
  • Sesso: Maschio
    • Mostra profilo
Beh in questa ottica direi che la proposta di alexred di farci aiutare da vales è ottima perchè il nostro vales conosce molto bene chronoforms ed ha realizzato cose molto molto interessanti e complesse.
Per la natura stessa delle cose un esploratore non può mai sapere che cosa stia esplorando finché l’esplorazione non sia stata compiuta.

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
L'ho appena contattato tramite PM...vediamo che dice.
P.S. sono contento che il mio post abbia riscontrato immediatamente interesse.

Dai ragazzi...il bello dell'open è questo...condivisione di idee!!!

Ciao monak83
Realizziamo Siti Web insieme!!!

Offline frascan

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4996
  • Sesso: Maschio
    • Mostra profilo
Bene! :)
Allora attendiamo la risposta di vales; teniamoci in contatto e vediamo che riusciamo a combinare  ;)
Per la natura stessa delle cose un esploratore non può mai sapere che cosa stia esplorando finché l’esplorazione non sia stata compiuta.

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Siete dei provocatori. ;D

Vi ringrazio tutti per la fiducia che mi avete attribuito.
Ho visto i link che sono stati mostrati e credo non vi siano problemi a realizzare ciascun singolo form simile a quelli di esempio con chronforms e company.

Quindi la risposta a ciascun problema specifico di quel tipo è possibile.
Credo sia da sviluppare un metodo che poi si applica con le opportune varianti alla varie situazioni e di volta in volta il form viene adeguato alle esigenze.

In sostanza si può realizzare uno scheletro di applicazione che poi va adattato alle situazioni specifiche aggiungendoci i particolari.

Pensare invece ad un'applicazione "preventivatore", ma che in realtà sarebbe un generatore di form di qualsiasi tipo e un'altra cosa.

La domanda che mi pongo è a cosa serve un generatore, di form quando ho già disponibile chronoforms?

Faccio un esempio pratico, supponiamo che abbiamo realizzato il "preventivatore".

Di volta in volta dovrei definire in qualche modo, da qualche parte, in una finestra i campi necessari, il loro tipo, le dimensioni, la validazione ecc.
Quindi con un impegno a monte che mi richiede di definire il form con i suoi campi e poi un impegno per definire le caratteristiche di ogni singolo campo nella fase di creazione del form.

Ebbene questa fase non la vedo diversa da quella di definire un form con il wizard di chronoform che già ha disposizione un catalogo di campi standard da poter usare ed addirittura, oltre a questi, dei campi custom definibili dall'utente e riutilizzabili per tutti gli altri form.

Il mio parere quindi è che se si pensa ad un'applicazione che realizza dei form dedicati a preventivi alla fine avremo un'applicazione che sarà molto simile a chronoform.

Se vogliamo invece realizzare un "form tipo" adattabile ai preventivi con varie funzionalità, la cosa è senz'altro fattibile con un lavoro di squadra, come quello che abbiamo attivato per Albo Pretorio On Line, e che è che ancora in corso.

http://forum.joomla.it/index.php/topic,92012.0.html.

Alla fine penso avremo un prototipo che sarà adattabile con pochi passaggi alle esigenze di ogni "preventivo".

Per funzionalità indendo: campi calcolati, dropodown, campi a scomparsa o apparizione in funzione di altre scelte precedenti, ecc.

Si tratta dunque di definire le tipologie di queste funzionalità richieste e di produrre il codice che risolve ciascuno di questi problemi.

Se vogliamo provare non mi tiro indietro.

"Chi si estranea dalla lotta è un gran figlio di ............... "
« Ultima modifica: 19 Mar 2010, 16:20:56 da vales »
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Grazie mille vales per la tua risposta.
Quindi direi di optare per l'ultilizzo di ChronoForms.
Ora da dove partiamo?

Io partirei con il provare a realizzare un form che chiede all'ultente di configurare un banner (ad esempio):

- numero di copie
- base
- altezza
- tipo di supporto su cui stampare con relativo prezzo al metro quadrato
 
In base a queste caratteristiche dare un risultato , ovvero il costo

Purtroppo non ne so nulla di ChronoForms...magari vales potresti indicarci i passi da seguire nel tentare di realizzare una cosa del genere?

NOTA: affinchè il sistema preventivo sia completo dovrebbe essere possibile, una volta configurato un prodotto (numero di copie, grammatura, finiture etc), aggiungerlo ad un carrello tipo VirtueMart.

Quindi servirebbe una connessione tra il prodotto generato con ChronoForms e Virtuemert...credete sia possibile?
Realizziamo Siti Web insieme!!!

mau_develop

  • Visitatore
Di volta in volta dovrei definire in qualche modo, da qualche parte, in una finestra i campi necessari, il loro tipo, le dimensioni, la validazione ecc.
Quindi con un impegno a monte che mi richiede di definire il form con i suoi campi e poi un impegno per definire le caratteristiche di ogni singolo campo nella fase di creazione del form.

Ebbene questa fase non la vedo diversa da quella di definire un form con il wizard di chronoform che già ha disposizione un catalogo di campi standard da poter usare ed addirittura, oltre a questi, dei campi custom definibili dall'utente e riutilizzabili per tutti gli altri form.
Il mio parere quindi è che se si pensa ad un'applicazione che realizza dei form dedicati a preventivi alla fine avremo un'applicazione che sarà molto simile a chronoform.
---------------------------------------------------------------

... con il termine "senza senso" intendevo esattamente questo.

hanno abbandonato tutti perchè si sono resi conto che la scomposizione ai minimi termini necessaria alla flessibilità dovuta ai diversi usi.... c'era già :) e non era possibile fare di più.

Ogni lavoro "tecnologico" ha le sue peculiarità.
Persino due service di stampa digitale potrebbero avere esigenze molto diverse in funzione della macchina.

Potrei aver bisogno di una valorizzazione della "profumazione mughetto" al foglio che stampo perchè la mia macchina lo fa e per me sarebbe indispensabile averlo.

Secondo me è meglio se ti infili nella realizzazione del tuo modulo preventivi... con chronoform o similare.

M.

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Giusto...con preventivatore intendevo dei forms generati con, appunto, un generatore di forms.

Ora siamo arrivati a scegliere ChronoForms...in quanto il più potente e sul quale vales ha già lavorato.

Ora proverei a realizzare un form come quello che ho proposto nel post precedente...solo che non è così immediato ChronoForms.

Magari vales ci aiuta.

Ciao
monak83
Realizziamo Siti Web insieme!!!

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Ciao ragazzi,
 io sto continuando nello sviluppo e realizzazione di questi forms personalizzati e, come prova, ho provato a realizzarne uno che data Base e Altezza calcola l'Area; ecco gli steps che ho seguito:

- Form Wizard ho creato 3 texbox (base, altezza, area)
- da Forms Management ho aperto il mio form e sono andato alla scheda Form Code
- ho aperto Form Html (cliccando su +/-) e ho modificato il codice (vedi sotto)
- ho aperto la scheda Form JavaScript e ho aggiunto il codice (vedi sotto)

FORM HTML

Codice: [Seleziona]
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 50px;">Base</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="30" title="" id="text_0" name="text_0" type="text" onChange="updatethis(this.form);" />
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 50px;">Altezza</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="30" title="" id="text_2" name="text_2" type="text" onChange="updatethis(this.form);"/>
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 50px;">Area</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="30" title="" id="text_6" name="text_6" type="text"/>
 
  </div>
    <div class="cfclear">&nbsp;</div>
</div>


FORM JAVASCRIPT


Codice: [Seleziona]
function updatethis(form) {
      form.elements['text_6'].value =  form.elements['text_0'].value * form.elements['text_2'].value);
       }

In pratica ho aggiunto:
- onChange="updatethis(this.form);" ai campi base e altezza
- la funzione javascript che effettua la moltiplicazione

PROBLEMA:
Il campo AREA non si aggiorna, rimane vuoto.
Dove sbaglio?
« Ultima modifica: 20 Mar 2010, 12:41:23 da monak83 »
Realizziamo Siti Web insieme!!!

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Ho inserito alcune modifiche.

1) è necessario inizializzare i valori dei campi altrimenti javascript non funziona
2) ho modificato i valori dei nomi dei campi per rendere più comprensibile il codice
3) il calcolo avviene se dopo l'inserimenti si clicca conil mouuse in qualsiasi punto del form, quindi o dovremo esplicitare questa cosa oppure si inserisce un bottone "calcola" da premere per fare il conto.

Codice: [Seleziona]
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Base</label>
    <input class="cf_inputbox required validate-number" maxlength="10" size="10" title="inserire un numero" id="text_0" name="base" type="text" onChange="updatethis(this.form);" value=""/>
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/>[/url]
                <div class="tooltipdiv">Base :: inserire la misura della base</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Altezza</label>
    <input class="cf_inputbox required validate-number" maxlength="10" size="10" title="Inserire un numero valido" id="text_1" name="altezza" type="text" onChange="updatethis(this.form);" value=""/>
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/>[/url]
                <div class="tooltipdiv">Altezza :: Inserire la misura dell'altezza</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Area</label>
    <input class="cf_inputbox" maxlength="10" size="10" title="" id="text_2" name="area" type="text" value="0" readonly="readonly"/>
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Invia" name="button_3" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

Codice: [Seleziona]
function updatethis(form) {
      form.elements['area'].value = form.elements['base'].value * form.elements['altezza'].value;
      }
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Ottimo funziona alla grande...grazie vales.
Quindi ricordiamo, bisogna inizializzare i valori tramite value=""!

Ora vorrei inserire una Dropdown con delle opzioni:

Tipo di carta:
- lucida (10€/mq)
- opaca (6€/mq)
- fine (8€/mq)

A seconda della scelta vorrei che venisse applicato il costo al mq.

Come faccio con javascript a far moltiplicare l'area per il costo in base alla carta scelta?

Grazie mille vales per il supporto che stai dando al gruppo!

Ciao
monak83
Realizziamo Siti Web insieme!!!

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Ho aggiunto questi due campi e adeguato il javascripts

Nuovi campi dropdown carta e totale
Codice: [Seleziona]
<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Tipo di carta</label>
    <select class="cf_inputbox validate-selection" id="select_4" size="1" title=""  name="carta" onChange="updatethis(this.form);">
      <option value="">Seleziona</option>
<option value="10">Lucida (10€/mq)</option>
<option value="6">Opaca (6€/mq)</option>
<option value="8">Fine (8€/mq)</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/>[/url]
                <div class="tooltipdiv">Tipo di carta :: Scegli il tipo di carta</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Totale</label>
    <input class="cf_inputbox" maxlength="10" size="10" title="" id="text_5" name="totale" type="text" value="0" readonly="readonly"/>
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

javascripts
Codice: [Seleziona]
function updatethis(form) {
      form.elements['area'].value = form.elements['base'].value * form.elements['altezza'].value;

      form.elements['totale'].value = form.elements['area'].value * form.elements['carta'].value;
      }

Notare l'uso della proprietà readonly nei campi calcolati che non consente di inserire modifiche manualmente.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Grande vales...sempre molto chiaro e conciso.

Ora rendiamo un pò più difficile il tutto cosi da avere tutti gli elementi per poter realizzare la nostra form che realizza un preventivo al volo.

Nel caso in cui volessi come option value del menu dropdown il valore di una variabile come base è possibile?

Una cosa del genere:

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 195px;">Asole saldate</label>
    <select class="cf_inputbox validate-selection" id="select_8" size="1" title=""  name="asole" onChange="updatethis(this.form);">
    <option value="">Vuoi le asole saldate?</option>
      <option value="0">No</option>
<option value="base">Lato superiore</option>
<option value="base">Lato inferiore</option>
<option value="altezza">Lato destro</option>
<option value="altezza">Lato sinistro</option>
<option value="base*2">Lati superiore e inferiore</option>
<option value="altezza*2">Lati destro e sinistro</option>

    </select>
dove base e altezza sono i valori inseriti dall'utente all'inizio del form; base*2 e altezza*2 un'eventuale operazione.

E' possibile farlo direttamente in questo modo all'interno del menu a tendina oppure occorre seguire altra strada?

ciao

monak83
Realizziamo Siti Web insieme!!!

Offline monak83

  • Esploratore
  • **
  • Post: 190
  • Sesso: Maschio
    • Mostra profilo
Ciao vales,
 in attesa di una tua illuminazione al mio post precedente mi chiedo se è meglio spostare questo topic nella sezione Gestione Forms...credo sia più adatta e più facile da trovare per gli utenti che vogliono seguire il progetto e credo lo sia anche per te visto che sei un moderatore di quella sezione no?

Attendo tue news.

P.S. per tutti gli utenti che stanno seguendo questo "progettino" vi invito a non farmi domande via PM...non perchè non voglio rispondere ma perchè è bello condividere con tutti qua sul forum.

Ciao

monak83
Realizziamo Siti Web insieme!!!

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Non ho poteri in questa sezione, comunque per me va bene perchè ormai si parla di form.
Decideranno i moderatori. ;D

Riguardo alla nuova dropdown toglierei la domanda dalla option e la inserirei nella label.

Nella drop non si può eseguire il calcolo occorre implementare nuovo codice javascripts e la chiamata della funzione nella drop.

Comunque non ho chiaro cosa dovrebbe fare la dropdown oltre a selezionare le modalità delle asole. Un nuovo calcolo che incrementa il totale ?
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

 



Web Design Bolzano Kreatif