Integrowanie formularzy ActiveForms

27
ActiveForms – formularze zintegrowane

Transcript of Integrowanie formularzy ActiveForms

Page 1: Integrowanie formularzy ActiveForms

ActiveForms – formularze zintegrowane

Page 2: Integrowanie formularzy ActiveForms

Po co integracja?

• To, co odróżnia ActiveForms od innych

Page 3: Integrowanie formularzy ActiveForms

Gdzie jest integracja?

API API

PUSH

Parametry URL

Redirecty

Walidacje

Opcje wyboru

Custom fields

Page 4: Integrowanie formularzy ActiveForms

API API

Page 5: Integrowanie formularzy ActiveForms

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

Page 6: Integrowanie formularzy ActiveForms

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”

Page 7: Integrowanie formularzy ActiveForms

PUSH

Page 8: Integrowanie formularzy ActiveForms

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

Page 9: Integrowanie formularzy ActiveForms

Parametry URL

Page 10: Integrowanie formularzy ActiveForms

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

Page 11: Integrowanie formularzy ActiveForms

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

Page 12: Integrowanie formularzy ActiveForms

Redirecty

Page 13: Integrowanie formularzy ActiveForms

Redirecty

• Zamiast ekranu podziękowania

Page 14: Integrowanie formularzy ActiveForms

Redirecty

• Zamiast ekranu podziękowania• Ekran podziękowania – przyciski, treść i

linki• Inne przyciski

Page 15: Integrowanie formularzy ActiveForms

Opcjewyboru

Page 16: Integrowanie formularzy ActiveForms

Opcje

• Zdalne listy opcji dla pól wyboru• Zbyt wiele• Zbyt zmienne• Zależne od innych danych• https://formularz.ewnioski.pl/pcc3_auto/

Page 17: Integrowanie formularzy ActiveForms

Opcje

• Definiowanie listy

Page 18: Integrowanie formularzy ActiveForms

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>

Page 19: Integrowanie formularzy ActiveForms

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$

Page 20: Integrowanie formularzy ActiveForms

Walidacje

Page 21: Integrowanie formularzy ActiveForms

Walidacje

• Własny algorytm

Page 22: Integrowanie formularzy ActiveForms

Walidacje

• Na podstawie zewnętrznej bazy

Page 23: Integrowanie formularzy ActiveForms

Custom fields

Page 24: Integrowanie formularzy ActiveForms

Custom fields

• Ręcznie pisany komponent osadzany w formularzu

• Dowolne zachowanie• Dowolny wygląd• Wymaga programowania JavaScript• Wykonuje się po stronie przeglądarki

Page 25: Integrowanie formularzy ActiveForms

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ć

Page 26: Integrowanie formularzy ActiveForms

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 []; }}

Page 27: Integrowanie formularzy ActiveForms

Dziękuję

[email protected]