FMK2014: Custom Web Publishing (mit PHP) und WebDirect in einer Lösung by Markus Gaegauf

Custom Web Publishing (mit PHP) und WebDirect in einer Lösung
Arbeitsteilung und Performance
Markus Gaegauf, Christian Liebich
Custom Web Publ. (mit PHP) und WebDirect in einer Lösung
FileMaker Konferenz 2014 Winterthur
www.filemaker-konferenz.com
Markus Gaegauf - Ingeno FileMaker Entwicklung
Christian Liebich - Ingeno Weblösungen und IT-Consulting

Agenda
• Lösung: tierischeraritäten.ch – um was gehts?
• Wer ist Ingeno Solutions?
• Von der Aufgabenstellung zum Lösungskonzept
• Arbeitsteilung FileMaker, WebDirect und Custom Web mit PHP am
Praxisbeispiel
• Webtechnologien - Warum?
• Infrastruktur und Environment der Applikation
• Praxistest: Ein Rundgang durch die Applikation

Referenten

Unsere Firma
FileMaker IT-Services

Ingeno Team
Gilberto Zappatini
Dipl.Ing. ETH
FileMaker Developer
E-Mai: gzappatini@ingeno.ch

Beispiel: IT Support

Beispiel: Datenbank-Entwicklung

Bericht Schweizer Fernsehen ProSpezieRara (August 2014)

Vision der ProSpecieRara
heute...
Neben der Saaser Mutten gibt es...
• 30 seltene Nutztierrassen und
• 20 Zuchtorganisation
kontrollieren Genetik, „Tier-Kennzeichen“ (Ohrenmarken)
• jede hat eigene Lösung zur Kontrolle der Zucht
- Web Sites
- Excel Listen

heute...

Web-Plattform zur Vermittlung von raren Nutztieren in der Schweiz
Alle Organisationen unter einem Hut in gemeinsamer Plattform
Züchter/Anbieter
Züchter/Käufer
Zuchtorganisation
Einfache Erfassung / Genehmigen
ProSpecieRara
(Dachorganisation)

Vorgaben von ProSpecieRara
• Kein Login -> Kein User und PW
• Browserunabhängigkeit / Kein App oder Programm installieren
• Selektion Inserate u.a. nach Rasse und Kanton
• Standort Tier / Standort Verkäufer -> „Google Map“
• Einfacher Genehmigungsprozess durch Rassenverantwortlichen
• Mehrsprachig

FileMaker
Server 13
Ein Projekt für WebDirect?
Zur Erinnerung:
20
Browser:
Safari 6, 7
Int. Explorer 9, 10
Chrome 21
iOS:
FileMaker Go
Android
Win 8

Browser-Aspekt: Custom Web ist ein MUSS
• Züchter (Inserenten)
kein Filemaker
kein WebDirekt
• Rassenverantwortliche (Zuchtorganisation)
kein FileMaker
kein WebDirekt
• Übersetzer
FileMaker / WebDirekt / FM-Go
• Programm Administrator
FileMaker / WebDirekt / FM-Go

Was nicht geht mit FileMaker? (zusätzlich zu Browser-Kriterium)
• Anmelden ohne Login
FM braucht zwingend Login
• Sessionhandling
Dies muss mit Custom Web gelöst werden

Arbeitsteilung FM <-> PHP– Wo hab ich die Wahl?
PHP
• GUI
• Formulare
• Input-Validierung
• Interaktion mit (Web-User)
• Session Handling
• E-Mail Versand
• Verwaltung Bilder
Unterstrichen: könnte auf beiden Seiten realisiert werden
FileMaker
• Datenbank
• Datenlogik
• Sprache
• Daten „abfüllen“
• Setzen Stati
• Batch (z.B. Ablauf Inserat)
• Schreiben History
• Prototyping

ausfüllen
Konzept für Prozess Inserieren FM <-> PHP
Web Formular (PHP)
„absenden“
PHP schreibt Daten in
FM Erfassungstabelle
1
PHP sendet Email an
Inserenten
bestätigen
übertragen
PHP löst
FM Script aus
FM Erfass-
Tabelle
2
Tier
Adresse
Inserat
4
3
4

Detail Prozess Inserieren FM <-> PHP

Detail Prozess Inserieren / Use Cases

Datenbank Struktur (Basis-ERD)

FileMaker Prototyping

Anwendung WebDirect

FileMaker Clients für Administrator

Filemaker und Schnittstellen
• Filemaker (Applikation)
• Web-Direct (Browser)
• PHP (Custom Web Publishing)
• SQL
• Java
• XML

Layer Modell
• Layer 1: Filemaker DB Files
• Layer 2:
Filemaker Layouts, Strukturdaten, Skripts (DB-Applikation)
-> Direktzugriff mit FileMaker, FileMaker Go, Web-Direct
• Layer 3: Schnittstellen (Java, SQL, XML, PHP)
-> Zugriff über das FileMaker Layout

Technologien für die Webprogrammierung
PHP / JAVA / …
JavaScript (jQuery, Ajax, Bootstrap, Angular, …) / HTML5 / CSS3 / …
XML / JSON / ..
• Serverside
• Clientside
• Transfer
• Datenbanken
Mysql / …

Einschränkungen für den Einsatz von FileMaker im Web
• Browserabhängigkeit mit Web-Direkt
• Abbildung von Applikationslogik
(Login begrenzt auf FileMaker Berechtigungsstruktur)
• SEO Optimierung (Suchmaschinen)
• Eingeschränkter Zugang zu Client-Side Technologien
(Header von Web-Direkt nur begrenzt offen für die Integration von CSS3 und JavaScript)

HTML Header
<html>! !<head>!
! ! <title>Tierische Raritäten</title>!
!
! ! !
! ! <link href="http://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type=“text/css">!
!
! ! !
! ! <link rel="stylesheet" href="../includes/css/styles.css">!
! ! !
! ! <!-- Scripts —>!
! ! <script src="../includes/js/modernizr-2.6.2.min.js"></script>!
! ! <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>!
! ! <script src="../bootstrap/js/bootstrap.min.js"></script>!
! ! <script src=“../includes/js/own.js“></script>!
! </head>!
! <body>!
! ! ………!
! </body>!
</html>
Filemaker gibt uns keinen Zugriff auf den Header der mit Webdirect im
Browser erzeugten Webseite und verwehrt uns den Zugriff auf externe
Bibliotheken.

FileMaker MySQL
Datenbanken - FileMaker vs. MySQL
• Kostenpflichtig
Dies wird durch Effizienz bei der
Entwicklung schnell wett gemacht!
• Stabiles Produkt
• Hocheffiziente Entwicklung
• Open Source
• Relational / SQL
• Begrenzte Tools zur
Datenbankadministration

FileMaker / MySQL / Oracle / Excel / Access / …
Datenbank- und Datenablage Arten
• Relational
• Hierarchisch
XML / JSON / LDAP / Finder / Explorer / …

HTML (tag-Schreibweise) JSON (hash-Schreibweise)
Datenablage und Speicherallokation
• Beim Austausch zwischen FileMaker und den Schnittstellen
werden die Daten an verschiedenen Orten in den Speicher
geschrieben
• Hierarchisch
<html>
<head></head>
<body>
<h1 class=“header”>Hello FM Konferenz</h1>
</body>
</html>
{
“obj1”: { “name”:”Christian", “ort”:”Winterthur” }
“obj2”: { “name”:”Markus", “ort”:”Winterthur”}
}
!

CMS Systeme
• Ein CMS baut auf einer Datenbank auf
• Ein CMS hat immer:
ein Frontend für die Benutzung durch den Betrachter
ein Backend für die Benutzung durch den Administrator
• Derzeit wichtigste OpenSource CMS Systeme sind:
WordPress / Joomla / Typo3

tierische-raritäten.ch
• Web Frontend:
PHP / Javascript (jQuery, Ajax) / HTML5 / CSS3
• E-Mail Autorisierung
• Backend:
FileMaker
Konfigurationsangaben, Sprachmodul, Batch, Logging, …
Webadministration durch Rassenverantwortlichen

Effizienz - Optimierte Infrastruktur
client:
Züchter
Interessent
Zuchtverein
client engine:
Browser
client engine:
E-Mail Client
device: Virtual Windows Server 2008
Client Computer
client engine:
FileMaker Pro
filesystem:
Engine -Cache
Webapplikation - specierara.ch
System Verteilungs Diagramm
Ingeno Solutions AG / LBC
device:
FireWall
device:
Switch
device:
Client Computer
client:
Administrator
Rassenverantwortlicher
device:
VM Host
http(s)
imap(s)
fm
location:
Datacenter Ingeno
execution engine:
Virtual Centos 6.5 - cPanel Host
execution engine:
specierara.ch - Engine
execution engine:
execution engine:
FileMaker 13 Server
artifact:
FM Web Layouts
artifact:
FM Admin Layouts
artifact:
Statistik Exporte
database:
specierara.ch DB
filesystem:
FM Container Fields
filesystem:
FM DB-Files
artifact:
Search
artifact:
Inserat
artifact:
Inserate Kontrolle
artifact:
Authentisierung

Grundlagen FileMaker Zugriff mit PHP
$request = $fmHandle->newFindCommand(ENTER_ADVERT);!
$request->addFindCriterion(‘__pk_ErfassIDweb’, $advertKey);!
$result = $request->execute();!
!
if( FileMaker::isError($result) ) {!
! echo $result->getMessage() ;!
! die();!
}!
!
$records = $result->getRecords();!
$record = $records[0];!
!
$typInserat = $record->getField(‘TypInserat_n’);

Datenupdate
$values['Beschreibung']! = $_POST['tierBeschGesuch'];!
$values['Preis_n']! ! = $_POST['gesuchterTierPrice'];!
$values['Verfuegbar']!! = $_POST[‘availGes'];!
…!
!
$FMInsertRec ! ! ! = $fm->createRecord(ENTER_ADVERT, $values);!
$insertResult ! ! ! = $FMInsertRec->commit();

Skriptansteuerung
$FMScript = $fm->newPerformScriptCommand(!
! ENTER_ADVERT,!
! ‘P23ConfirmENTweb’,!
! $insertNr!
);

Die Story geht weiter...

Fragen und offene Diskussion

Vielen Dank unseren Sponsoren
Danke für das Bewerten dieses Vortrages

FMK2014: Custom Web Publishing (mit PHP) und WebDirect in einer Lösung by Markus Gaegauf

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie FMK2014: Custom Web Publishing (mit PHP) und WebDirect in einer Lösung by Markus Gaegauf

Ähnlich wie FMK2014: Custom Web Publishing (mit PHP) und WebDirect in einer Lösung by Markus Gaegauf (20)

Mehr von Verein FM Konferenz

Mehr von Verein FM Konferenz (20)

FMK2014: Custom Web Publishing (mit PHP) und WebDirect in einer Lösung by Markus Gaegauf