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

Markus Gaegauf, Christian Liebich Custom Web Publ. (mit PHP) und WebDirect in einer Lösung

FileMaker Konferenz 2014 Winterthur www.filemaker-konferenz.com

Custom Web Publishing (mit PHP) und WebDirect in einer Lösung Arbeitsteilung und Performance

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

Vision der ProSpecieRara heute...

Vision der ProSpecieRara Web-Plattform zur Vermittlung von raren Nutztieren in der Schweiz

Züchter/Anbieter

Züchter/Käufer

Zuchtorganisation

Einfache Erfassung / Genehmigen

Alle Organisationen unter einem Hut in gemeinsamer Plattform

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

Ein Projekt für WebDirect? Zur Erinnerung:

Browser: Safari 6, 7 Int. Explorer 9, 10 Chrome 21

iOS: FileMaker Go

Android Win 8

FileMaker Server 13

Browser-Aspekt: Custom Web ist ein MUSS

• Züchter (Inserenten)kein Filemaker kein WebDirekt

• Rassenverantwortliche (Zuchtorganisation)kein FileMakerkein WebDirekt

• ÜbersetzerFileMaker / WebDirekt / FM-Go

• Programm AdministratorFileMaker / WebDirekt / FM-Go

Was nicht geht mit FileMaker? (zusätzlich zu Browser-Kriterium)

• Anmelden ohne LoginFM braucht zwingend Login

• SessionhandlingDies muss mit Custom Web gelöst werden

Arbeitsteilung FM <-> PHP– Wo hab ich die Wahl?

• GUI • Formulare • Input-Validierung • Interaktion mit (Web-User) • Session Handling • E-Mail Versand • Verwaltung Bilder

FileMaker

• Datenbank • Datenlogik • Sprache • Daten „abfüllen“ • Setzen Stati • Batch (z.B. Ablauf Inserat) • Schreiben History • Prototyping

Unterstrichen: könnte auf beiden Seiten realisiert werden

Konzept für Prozess Inserieren FM <-> PHP

Web Formular (PHP)

ausfüllen

„absenden“PHP schreibt Daten in FM Erfassungstabelle

PHP sendet Email an Inserenten

bestätigen

PHP löst FM Script aus

übertragen

FM Erfass-Tabelle

TierAdresse

Inserat4

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

• Serverside

• Clientside

• Transfer

• Datenbanken

JavaScript (jQuery, Ajax, Bootstrap, Angular, …) / HTML5 / CSS3 / …

PHP / JAVA / …

XML / JSON / ..

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.

Datenbanken - FileMaker vs. MySQL

• KostenpflichtigDies wird durch Effizienz bei der Entwicklung schnell wett gemacht!

• Stabiles Produkt

• Hocheffiziente Entwicklung

• Open Source

• Relational / SQL

• Begrenzte Tools zur Datenbankadministration

FileMaker MySQL

Datenbank- und Datenablage Arten

• Relational

• Hierarchisch

FileMaker / MySQL / Oracle / Excel / Access / …

XML / JSON / LDAP / Finder / Explorer / …

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”} } !

JSON (hash-Schreibweise)HTML (tag-Schreibweise)

CMS Systeme

• Ein CMS baut auf einer Datenbank auf

• Ein CMS hat immer:ein Frontend für die Benutzung durch den Betrachterein 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:FileMakerKonfigurationsangaben, Sprachmodul, Batch, Logging, …Webadministration durch Rassenverantwortlichen

Webapplikation - specierara.chSystem Verteilungs Diagramm

Ingeno Solutions AG / LBC

device:FireWall

device:Switch

device:Client Computer

client:ZüchterInteressentZuchtverein

client:AdministratorRassenverantwortlicher

client engine:Browser

client engine:E-Mail Client

device:VM Host

http(s)

imap(s)

location:Datacenter Ingeno

execution engine:Virtual Centos 6.5 - cPanel Host

execution engine:FileMaker 13 Server

execution engine:specierara.ch - Engine

artifact:FM Web Layouts

artifact:FM Admin Layouts

artifact:Statistik Exporte

execution engine:Virtual Windows Server 2008device:

Client Computer

client engine:FileMaker Pro

database:specierara.ch DB

filesystem:FM Container Fields

filesystem:FM DB-Files

filesystem:Engine -Cache

artifact:Search

artifact:Inserat

artifact:Inserate Kontrolle

artifact:Authentisierung

Effizienz - Optimierte Infrastruktur

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’);

Grundlagen FileMaker Zugriff mit PHP Datenupdate

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

Grundlagen FileMaker Zugriff mit PHP 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

Technology

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

Serious Sam 3: Before The First Encounter Lösung · Serious Sam 3: Before The First Encounter Lösung Aus dem englischen übersetzt mit deepl.com Hinweis: Auf youtube.com gibt es

MICROSAR Produktinformation Deutsch - assets.vector.com · MICROSAR 4 1 MICROSAR - Die Vector Lösung für AUTOSAR Steuergeräte-Software MICROSAR ist die AUTOSAR-Lösung von Vector

Lösung Englisch Workbook Wochenplan KW 12...Lösung Englisch Workbook Wochenplan KW 12 Seite 32 Unit 4 Down Under 1. Aboriginal people, settlers from Britain, criminals, first settlers

FMK2014 FileMaker Performance Under the Hood by Jon Thatcher

Cisco Connected Stadium-Lösung · Cisco Connected Stadium-Lösung Datenblatt Die Cisco Connected Stadium-Lösung bietet eine medienfähige, für die Bereitstellung von Videoinhalten

3M Versaflo High-End Lösung im Atemschutzbereich

FileMaker 15 WebDirect Guide

FMK2014 FileMaker Security and Database Encryption by Jon Thatcher

Die smarte Lösung! - CWA · Die smarte Lösung! Anwendungen und Module Seite 2 Seite Prozessmanagement 3 Dokumentenmanagement 8 Workflow-Management 9 ... Prozesse, Dokumente und

OpenPlant – Erste Lösung basierend auf offenen Standards

Preis: 2,64$ #6€¦ · Endres’ Tutorial Teil 2 9 Lösung – Episode 87 16 Lösung – Episode 81 17 ... Scribus Made. Weihnachten ist da und wir blicken in diesem Heft zurück

Affine Deformation von linearem Polyäthylenzfn.mpdl.mpg.de/data/Reihe_A/27/ZNA-1972-27a-0478.pdf · Oberfläche einer Lösung oder durch Aufsprühen einer Lösung bei hoher Temperatur

RIPs – Jeder braucht sie! RIPs ... · Onyx stellt seine Universal Workflow Lösung Production House vor. Production House intergriert Proofing-Software und RIP-Lösung. Neu bei

High-End-Testplattform bietet All-in-one-Lösung für ...

enterprise Workplace€¦ · Workplace Enterprise ist eine perfekte Lösung um Client-Arbeitsplätze modern zu managen. Die Workplace Enterprise Lösung bietet die Möglichkeit, Kosten

SAP ERP basierende CRM Lösung · 2016-04-30 · SAP ® ERP-basierte CRM-Lösung Seite 4 Mögliche Zielkonflikte für CRM Prozesse: Informationstechnologie Hohe Verfügbarkeit der

Environmental problems Lösung der Umweltsprobleme.

Crowdsourcing am Beispiel IBM - kda- · PDF fileIBM Lösung: GenO - working in the open Quelle: IBM: Working in the open, 2010 . Herbert Rehm Anforderungen der Ausschreibung Lösung

Fm13 Webdirect Guide

6. IPv6 Internetzugang für Privatkunden: Die Lösung von Swisscom - Martin Gysi