Integrowanie formularzy ActiveForms
-
Upload
activeforms -
Category
Documents
-
view
681 -
download
2
Transcript of Integrowanie formularzy ActiveForms
ActiveForms – formularze zintegrowane
Po co integracja?
• To, co odróżnia ActiveForms od innych
Gdzie jest integracja?
API API
PUSH
Parametry URL
Redirecty
Walidacje
Opcje wyboru
Custom fields
API API
Funkcje API
• Pobranie danych– listy wniosków– danych wniosku– wydruku (PDF)
• Kasowanie wniosków• Wysłanie danych do formularza• Pobranie metainformacji o formularzach• Autentykacja z jednorazowymi tokenami
API
• Proste pliki XML• Szyfrowane, z autoryzacją każdego
żądania• Dostarczamy bibliotekę java
<entryDatadate="2008-01-01T00:00:00.00+0000“applicantIP="127.0.0.1“Status="submitted"
>
<fieldData identifier="last_name"><value>Kowalski</value>
</fieldData>
<fieldData identifier="typ_karty"><value>kredytowa</value>
</fieldData>
<fieldData identifier="ubezpieczenie"><value>ubezpieczenie_karty</
value><value>na_zycie</value>
</fieldData>
</entryData>
„Integracja z ActiveForms to już bułka z masłem”
PUSH
PUSH
• Informowanie innych systemów o złożeniu wniosku
• Konfiguracja przy przycisku Submit• Powiadomienie jednokrotne, bez
gwarancji• Bez udziału przeglądarki użytkownika
Parametry URL
Parametry URL
• Wstępne wypełnianie pól formularza• https://activeforms.com/szkolenie/parametry
url/?imie=Wawrzyniec&nazwisko=Hyska&zgoda=true&data_szkolenia=04-11-2011&zrodlo=1&uwagi=Dzi%C4%99kuj%C4%99
• autoSend• GET lub POST• nieinwazyjne
Parametry URL - zastosowania
• Wypełnianie pól za użytkownika• Edycja danych• Wypełnianie sterujących pól hidden• Wiązanie formularzy• Zapisywanie źródła odwiedzin
Redirecty
Redirecty
• Zamiast ekranu podziękowania
Redirecty
• Zamiast ekranu podziękowania• Ekran podziękowania – przyciski, treść i
linki• Inne przyciski
Opcjewyboru
Opcje
• Zdalne listy opcji dla pól wyboru• Zbyt wiele• Zbyt zmienne• Zależne od innych danych• https://formularz.ewnioski.pl/pcc3_auto/
Opcje
• Definiowanie listy
Format przesyłanych opcji
• http://services.ewnioski.pl/marki_samochodow.xml
<select>
<option label="Acura" value="89"/><option label="Aixam" value="359"/><option label="Alfa Romeo" value="27"/><option label="Aro" value="287"/><option label="Aston Martin" value="246"/><option label="Audi" value="6"/><option label="Austin" value="90"/><option label="Bentley" value="247"/><option label="BMW" value="12"/><option label="Brilliance" value="345"/><option label="Bugatti" value="248"/><option label="Buick" value="58"/><option label="Cadillac" value="59"/><option label="Caterham" value="380"/>
</select>
Lista opcji zależna od pola
• http://services.ewnioski.pl/modele_samochodow.xml?marka_samochodu=6
• http://services.ewnioski.pl/modele_samochodow.xml?marka_samochodu=$marka$
Walidacje
Walidacje
• Własny algorytm
Walidacje
• Na podstawie zewnętrznej bazy
Custom fields
Custom fields
• Ręcznie pisany komponent osadzany w formularzu
• Dowolne zachowanie• Dowolny wygląd• Wymaga programowania JavaScript• Wykonuje się po stronie przeglądarki
Custom fields - możliwości
• CustomField może reagować na:– Wejście na formularz– Walidację– Pojawienie się błędów walidacji– Zmiany w innych polach
• CustomField może:– Liczyć– Komunikować się z innymi serwerami– Dowolnie się wizualizować
Custom field - przykładvar epoint_activeforms_customField = { value: "", getValue: function() { return this.value; },
setValue: function(val) { this.value = val; },
(…)
onValidation: function(afCallBackFunction) { afCallBackFunction(); },
getValidationResult: function() { return "ok"; },
getValidationMessage: function() { return null; },
onLoad: function() { },
onChange: function() { },
onValidationTimeout: function() { },
getFieldNodes: function() { return []; }}
Dziękuję