Úvod do FileMakeru - část 3

První část úvodu do FileMakeru Pro se zaměřila na teoretické základy databází FileMaker. Ve druhé části jsme přešli rovnou k praktické stránce věci a vytvořili jsme úvodní aplikaci. Databáze pod FileMakerem spravovat adresy a libovolný počet poznámek k jednotlivým adresám. V této třetí části výukového kurzu FileMakeru nyní vdechneme vytvořené databázi život a usnadníme její používání. Nyní se podíváme na rozvržení a přidáme do databáze několik nových funkcí. Na konci tohoto úvodu bude mít naše databáze základní navigaci a jako třešničku na dortu umí databáze z adresy vygenerovat digitální vCard a odpovídající QR kód, který lze stisknutím tlačítka naskenovat pomocí iPhonu nebo jiného chytrého telefonu a vložit do adresáře zařízení.

Protože nyní chceme rozšířit databázi, kterou jsme vytvořili ve druhé části úvodu do FileMakeru, otevřete ji nyní. Pokud jste si databázi ještě nestáhli, můžete tak učinit zde.

Poznámka: Tento úvod do FileMakeru jsem vytvořil pomocí aplikace FileMaker Pro Advanced 9. Od verze FileMaker 10 je panel nástrojů umístěn v horní části okna FileMakeru namísto vlevo.

Navrhněte uživatelsky přívětivé rozvržení formuláře

Po otevření naší vzorové databáze vyberte z panelu nabídek následující položku:

Zobrazení > Režim rozložení

Nyní jste v Režim rozvrženíve kterém můžete měnit a uspořádat všechny prvky viditelné v okně. Stávající rozložení chceme změnit na rozložení obrazovky - z tohoto důvodu bychom měli rozložení odpovídajícím způsobem přejmenovat, abychom později mohli sledovat mnoho rozložení. Rozložení si samozřejmě můžete pojmenovat, jak chcete - doporučuji však při pojmenovávání prvků v aplikaci FileMaker dodržovat jasný standard. V mém předchozím vývoji mají rozložení obrazovky předponu "scr." pro "Screen". Rozložení seznamu mají předponu "lst." a rozložení tisku mají předponu "prt.". Svými standardy pro pojmenování prvků v databázi FileMaker se budu podrobněji zabývat ve čtvrté části tohoto návodu. Nejlepší je pojmenovat toto rozložení "scr.addresses" a potvrdit klepnutím na tlačítko [OK].

Protože chceme vytvořit rozložení obrazovky, nepotřebujeme záhlaví ani zápatí. Chcete-li je z rozvržení odstranit, stačí kliknout na příslušně označené tlačítko "Záhlaví" a poté stisknout klávesu Backspace nebo Delete. Oblast se odstraní bez dalšího vyzvání, protože v ní nejsou žádné prvky. Stejně postupujte i v případě oblasti zápatí.

Protože chceme změnit rozložení na masku obrazovky, čistě bílé pozadí by nebylo atraktivní. Chcete-li změnit pozadí datové oblasti, ve které jsou umístěna pole, klikněte na tlačítko označené "Datová oblast". Poté klikněte na tlačítko pro výběr barvy výplně a z nabídky barev vyberte například třetí nejsvětlejší šedou. Barva pozadí celé datové oblasti se pak okamžitě změní na zvolenou barvu.

Aby bylo možné jasně identifikovat pole na rozvržení jako vstupní pole, je nejlepší přiřadit polím na rozvržení bílou barvu výplně. Toho dosáhnete tak, že kliknete na všechna pole při stisknuté klávese (velká písmena) a poté vyberete bílou barvu v levém horním rohu voliče barev výplně. Pole <> v rozvržení Úryvekve kterém se zobrazují poznámky, jsem vyplnil nejsvětlejší šedou barvou vlevo dole, aby trochu vyčnívala ze tří polí <>, <> a <>.

Přidání navigační základny

Vzhledem k tomu, že databáze FileMakeru zřídkakdy zůstává navždy v původním stavu a téměř ve všech případech časem obsahuje další funkce a rozvržení, vytváříme nyní základ pro pozdější navigaci v databázovém řešení. Prvky na rozvržení obrazovky si samozřejmě můžete uspořádat podle vlastních představ. Rozložení naší ukázkové databáze uspořádám tak, že navigace bude vlevo a pozdější funkce budou dole. Aby se jednotlivé oblasti od sebe odlišily, umístím na plochu šedý obdélník. Navigační a funkční oblast. Chcete-li na rozvržení umístit obdélník, vyberte ve funkcích rozvržení tlačítko "Obdélník" a podržením tlačítka myši nakreslete obdélník v rozvržení na požadované místo. Ve výchozím nastavení má obdélník obvykle černý rámeček a průhledné nebo bílé pozadí. Jako barvu výplně vyberte požadovaný odstín šedé nebo barvu a jako barvu čáry vyberte buď stejnou barvu, nebo barvu "bez čáry". Vaše rozložení by nyní mělo vypadat nějak takto:

Nyní jsme vytvořili základní rozvržení, které budeme používat pro tuto a všechny další masky obrazovky. Jak vidíte, navigační oblast se nachází na levé straně. Oblast pro funkce této obrazovky je ve spodní části v mírně tmavší šedé barvě. V závislosti na rozlišení obrazovky, se kterým chcete řešení provozovat, můžete samozřejmě všechny prvky uspořádat podle svých přání a požadavků.

Nyní potřebujeme tlačítka pro navigaci a funkce. Pro navigaci se zatím osvědčily dva typy tlačítek: Neaktivní tlačítko, které zobrazuje aktuální pozici v rámci navigace, a aktivní tlačítka, která lze použít k přechodu na jiná rozložení.

Chcete-li vytvořit tlačítko v aplikaci FileMaker Pro, klikněte na příslušné tlačítko v nástrojích. Stejně jako obdélník můžete nyní tlačítko umístit kamkoli do rozvržení, načež se zobrazí dialog pro nastavení tlačítka:

Protože chceme nejprve vytvořit neaktivní tlačítko, stačí tento dialog potvrdit tlačítkem [OK]. Poté zadejte přímo popisek nového tlačítka. Protože naše rozvržení je rozvržení adres, bude nejlepší označit tlačítko nápisem "Adresy". Protože se jedná o neaktivní tlačítko, je nejlepší zvolit jako barvu výplně velmi tmavý odstín šedé. Poté klikněte na tlačítko pravým tlačítkem myši a vyberte možnost [Formát textu]. Nastavte barvu textu na bílou a jako styl vyberte [Tučné písmo]. Vaše neaktivní tlačítko je nyní připraveno. Nyní zopakujte postup pro vytvoření šablony aktivního tlačítka. K tomu stačí přetáhnout další tlačítko přímo vedle prvního tlačítka a zopakovat všechny kroky kromě nastavení barvy výplně a stylu textu. Tlačítko označte například "2. rozložení".

Možná si říkáte, proč byste měli vytvářet tlačítko, které ještě nemá žádnou funkci. Nyní je pro vás jednoduše snazší vytvořit další tlačítka prostým zkopírováním toho stávajícího. Pojďme si to hned vyzkoušet: Nyní vyberte světle šedé tlačítko podržením klávesy a přetáhněte jej do oblasti funkcí v levém sloupci. Jakmile tlačítko myši uvolníte, tlačítko jste duplikovali na požadované místo. Tento postup funguje se všemi prvky v rozvržení FileMaker. Označení tlačítka můžete změnit poklepáním na něj - v tomto případě jsem ho pojmenoval "Funkce 1". S vytvořenými tlačítky by nyní vaše rozložení mělo vypadat takto:

Přidání pole vzorce a tlačítka funkce do rozvržení

V naší databázi jsou všechny údaje o adrese uloženy v samostatných polích. To je užitečné a nezbytné pro dobrou databázi. Pokud však chcete vložit adresu například do programu pro zpracování textu, je jednodušší zkopírovat celý blok adresy přes schránku a vložit jej do dokumentu. Abychom to ve FileMakeru realizovali, vytvoříme nyní vzorec, který sloučí adresu do textového pole. Chcete-li v databázi vytvořit vzorec, vyberte z panelu nabídek následující položku:

Soubor > Správa > Databáze

Používám také specifický standard pro názvy polí vzorců. V mých databázích začínají pole vzorců předponou "xCal_". Nyní zadejte do vstupního pole pro název pole "xCal_písmenková adresa". Jako typ vyberte "Vzorec" a klikněte na tlačítko [Vytvořit]. Nyní se otevře nové okno s editorem vzorců. V dolní části okna vyberte jako typ výsledku [Text]. Nyní do editoru zadejte následující vzorec:

Jméno & " " & Příjmení & "¶" &
Ulice & " " & Číslo domu & "¶" &
Země & "-" & PSČ & " " & Město

Znak ¶ se ve FileMakeru používá k označení zlomu řádku. Tento znak lze do vzorce vložit prostřednictvím oblasti "Operátory" uprostřed okna vzorce pouhým kliknutím myší na pozici kurzoru. Napravo od ní se nachází oblast funkcí, ve které jsou zobrazeny všechny funkce dostupné pro vzorec. Pomocí rozbalovací nabídky v horní části lze funkce zobrazit podle typu, například všechny textové funkce, číselné funkce, stavové funkce atd. Mnohé z funkcí jsou do značné míry samovysvětlující, podrobné informace o jednotlivých funkcích lze nalézt v příručce FileMakeru nebo prostřednictvím nápovědy FileMakeru, kterou lze vyvolat stisknutím klávesy [Nápověda] nebo [F1].

Pokud postupujete logicky podle vzorce, je výsledkem vytvořeného vzorce normální blok adresy, jak je obvyklé při adresování dopisu. Váš vzorec by nyní měl v editoru vzorců vypadat takto:

Chcete-li pole vzorce uložit, klikněte na tlačítko [OK] a potvrďte změny v okně definice pole tlačítkem [OK].

Chcete-li umístit vytvořené pole vzorce na rozvržení, klikněte v oblasti nástrojů na [Pole >] a přetáhněte rámeček pole na požadované místo v rozvržení, přičemž držte stisknuté levé tlačítko myši. Jakmile tlačítko myši uvolníte, zobrazí se dialogové okno "Zadat pole", ve kterém vyberete vytvořené pole <> a potvrdíte tlačítkem [OK]. Jakmile je pole na rozvržení, můžete změnit jeho velikost tak, aby se v poli zobrazily všechny tři řádky. Protože se jedná o pole s automaticky vypočteným vzorcem, nelze do něj v režimu posouvání zadávat žádné údaje. Z tohoto důvodu ve svých řešeních FileMakeru vždy vybarvuji automaticky vypočítaná pole vzorců o něco tmavší barvou než běžná vstupní pole, aby uživatel na první pohled poznal, že se nejedná o běžné vstupní pole. Pokud chcete, můžete nyní poli přiřadit tmavší barvu výplně, jak jste to již dříve udělali u jiných polí.

Abyste mohli obsah pole vzorce <> snadno zkopírovat do schránky kliknutím myši, vytvořte na rozvržení nové tlačítko, nejlépe přímo pod polem vzorce. Nejjednodušší způsob, jak to udělat, je přetáhnout jedno z již vytvořených světlých tlačítek (např. "Funkce 1") pod pole vzorce a zároveň držet stisknutou klávesu [ALT]. Protože tlačítku ještě nebyla přiřazena funkce, můžete označení změnit poklepáním, například na "Kopírovat". Chcete-li novému tlačítku přiřadit funkci "Kopírovat do schránky", klikněte na vytvořené tlačítko pravým tlačítkem myši a vyberte možnost "Nastavení tlačítka", čímž se otevře příslušné dialogové okno.

Nyní můžete tlačítku v levém sloupci přiřadit konkrétní funkci. V kategorii "Úpravy" vyberte funkci "Kopírovat". V pravé části vyberte možnost "Přejít na cílové pole" a jako cílové pole zadejte vytvořené pole vzorce "xCal_písmeno_adresa". Po potvrzení obou dialogových oken tlačítkem [OK] je nyní vašemu tlačítku přiřazena funkce "Kopírovat". Funkci si můžete vyzkoušet kliknutím na lištu nabídek v části

Zobrazení > Režim procházení

v Režim procházení a klikněte na vytvořené tlačítko, načež by se obsah pole vzorce měl nyní nacházet ve schránce a obsah pole by měl být zcela označen.

Přidání webového prohlížeče pro QR kód pole adresy

Jako třešničku na dortu nyní do našeho rozvržení přidáme webový prohlížeč, ve kterém se vygeneruje a zobrazí QR kód vyvolané adresy. QR kód je dvourozměrný čárový kód, který lze přečíst pomocí iPhonu nebo jiného chytrého telefonu. Pro iPhone je k tomuto účelu k dispozici například bezplatná aplikace Qrafter. K vygenerování kódu QR lze jednoduše použít funkci rozhraní Google API. K tomu stačí vyvolat adresu URL, ke které lze připojit libovolný text ve formě kódu URL. Podrobné vysvětlení této funkce ve spojení s aplikací FileMaker naleznete na adrese briandunning.com Přečtěte si více.

Abychom zajistili, že QR kód bude obsahovat nejen čisté pole adresy, ale také kartu vCard, kterou lze přečíst přímo pomocí iPhonu a přenést do adresáře, vytvoříme nyní nejprve další pole vzorce, které ze zadané adresy vypočítá kartu vCard. Přesnou specifikaci karty vCard naleznete např. na adrese Wikipedia vyhledejte si to. Otevřete definici pole, jako název nového pole zadejte "xCal_vCard", vyberte typ "Vzorec" a klikněte na tlačítko [Vytvořit]. Nyní zadejte následující vzorec:

"BEGIN:VCARD" & "¶" &
"VERSION:3.0" & "¶" &
"N:" & Name & ";" & Jméno & ";;;¶" &
"FN:" & Jméno & " " & Příjmení & "¶" &
"TEL;type=WORK;type=pref:" & Phone & "¶" &
"TEL;type=WORK;type=FAX:" & Fax & "¶" &
"ADR;type=WORK;type=pref:;;" & Ulice & " " & Číslo domu & ";" & Město & ";;" & POŠTOVNÍ SMĚROVACÍ ČÍSLO & ";" & Country & "¶" &
"EMAIL;type=INTERNET;type=WORK;type=pref:" & EMail & "¶" &
"END:VCARD"

Poté klikněte na tlačítko [OK] a vytvoření nového vzorce opět potvrďte tlačítkem [OK]. Výše uvedený vzorec obsahuje základní kód karty vCard - do karty vCard lze samozřejmě nakonec uložit mnohem více informací a práce s kontaktními údaji, jako je telefon nebo fax, je mnohem flexibilnější a lze například rozlišovat mezi domácí a pracovní adresou. Tento úvod má ale nakonec za cíl ukázat vám, jak to funguje, a vy byste měli mít také co dělat sami... ;-)

Nyní chceme zobrazit kartu vCard jako kód QR na našem rozvržení. Chcete-li do rozvržení přidat webový prohlížeč, klikněte na příslušné tlačítko na panelu nástrojů. Poté nakreslete na požadované místo v rozvržení rámeček, ve kterém se má webový prohlížeč zobrazit. Já jsem webový prohlížeč rozumně přidal do rozvržení napravo od vstupních polí. Po uvolnění tlačítka myši se zobrazí dialog pro nastavení webového prohlížeče. Do pole "Webová adresa" zadejte následující řádek:

"https://chart.apis.google.com/chart?chs=200x200&cht=qr&chl=" & Addresses::xCal_vCard

Tento řádek slouží k vygenerování QR kódu z pole <> prostřednictvím rozhraní Google API. Pokud nyní přepnete do režimu prohlížení, mělo by vaše rozložení nyní vypadat takto:

Dostali jsme se na konec třetí části úvodu do FileMakeru Pro. Doufám, že se vám tento výukový kurz líbil a že vám dodal ještě více nadšení pro vývoj databází FileMaker. Ve čtvrté části se budu podrobněji věnovat programování skriptů FileMakeru a představím zajímavou funkci "Vlastní funkce" z pokročilé verze FileMakeru. Do té doby vám přeji další úspěchy a spoustu zábavy při vývoji databází FileMaker.

Školení a koučink FileMakeru od společnosti goFileMaker

Chcete se hlouběji seznámit s problematikou vývoje databází FileMaker nebo již máte vlastní řešení FileMaker, které byste rádi dále rozvíjeli? S našimi službami koučování a školení vám rádi pomůžeme s vývojem databází FileMaker po celé zemi prostřednictvím telefonu a vzdálené údržby. Vaše individuální požadavky rádi probereme osobně. Chcete-li si objednat koučovací sezení FileMaker, stačí si v našem internetovém obchodě objednat požadovaný počet hodin a v komentáři k objednávce nám sdělit preferovaný termín. Rádi vám také předem poradíme e-mailem na adrese info@gofilemaker.de.

Naši ukázkovou databázi si můžete stáhnout zde:

Všechny předchozí části úvodu FileMaker

Část 1: Historické pozadí a verze

Část 2: Praktická část s vytvořením databáze adres

Část 3: Rozložení, navigace, tlačítka, QR kódy

Část 4: Pole a vzorce, vztahy, skripty, vlastní funkce, zásuvné moduly, SQL

Markus Schall

Markus Schall vyvíjí od roku 1994 databáze, rozhraní a podnikové aplikace na míru založené na Claris FileMaker. Je partnerem společnosti Claris, držitelem ocenění FMM Award 2011 a vývojářem aplikace Software ERP gFM-Business. Je také autorem knih a zakladatelem organizace M. Schall Publishers.

markus-schall.de