Db Explorer

Generic Editor for
Hierarchical SQL Data
Running in the Browser
Roland Sonnenschein
Hesotech GmbH
automatisieren – visualisieren
http://www.hesotech.de

30.10.2015 © Hesotech GmbH / R. Sonnenschein 2
Agenda
● Metadata in industrial production
– Hierchical SQL-data
● My solutions to edit metadata
– 1995 – 2015
– Changes of requirements
– ForeignKey ↔ Tree ↔ URL
● Some thoughts about ORMs

How it started (1995):
Refurbishment of Turbins
Task:
● Documentation of annealing
● Of each turbine-blade
● Identified by it's serial
Wear during runtime
Refurbish by welding
Anealing

At that time ...
Switchboard
Journal
SCADA
Supervisory
Control
And
Data
Aquisition

Treatment-Data-Administration
MetaData
…
Treatment:
● Articles
● Serials
● Started
● Ended
Reporting
SCADA
Measurements
Treatment-Unit

Reanimation
With a Little Help of my Friend Slony
OS/2 Warp 3.0
● Pentium S
● 133 MHz
● 32 MByte RAM
● 800 Mbyte HD

First Run (1995): OS/2
SCADA GUI
REXX
TDA-Kernel
C++

TDA: Basic-Data-Structure
Designed with
http://www.pgmodeler.com.br/
By Raphael Araújo e Silva

fk fk
Raw Hierarchical Data: TabView

OS/2-Screenshot

Circumstances Changed (1997)
● OS/2
● Windows NT 4.0: 1996-July
● Watcom SQL → PowerSoft → Sybase → SAP
● PostgreSQL 6: 1997-Jan (not Windows)
1994 1995 2010
DBMS GUI-Tool: C++ Data Window DB-Designer
http://www.postgresql.org/doc
s/9.4/static/release.html

From TabView to Tree

Structure
● Task-Node (Root):
– Children: Table-Nodes
– Renderer: Tree-Control
– Table-Nodes
● Key, Label: Table-Name
● Children: Row-Nodes
● Detail-Data: Table-Data
● Renderer: Table-Control
– Row-Nodes
● Key, Label: Key of Row
● Children: Talble-Nodes
● Detail-Data.: Row-Data
● Renderer: List of Cell-Renderers

DbExplorer: Power++
Real Application (Still in Use!)
Position
Order
Serial-ID
Article
Treatment-Units
Treatments
Content
Orders
Articles
Customers
Apply PrintAddDelete

Configuration via
Powersoft DataWindow
● Clever Combination
– High Level Grid with
● Lots of configurable cell-renderers and -editors
– Date/Time, Numeric, Boolean, Select-Box = DataWindow
– Report – Generator
● SQL – Based
– Select, Update, Insert, Delete with Parameters
– Graphic or textual

Circumstances Changed (2002)
● Power++
● Windows XP: 2001-Oct
● PostgreSQL 7: 2000-May (not Windows)
●
DBMS Programming-Tool: C#
Implementing
DataWindow Functionality
by
● Infragistics UltraGrid
● Crystal Reports

DbExplorer .NET
● No Example, because
– Nothing new concerning this talk
– Programming was awful

New Demands (2006)
● PostgreSQL 8 (native Windows): 2005-Jan
● Multicore-Processors
● Operation in Office + Intranet: No Installation !
● Client-Server Architecture
●
DBMS Server-Programming
Server: C#
Npgsql
Client-Programming
Client Java SE
JDBC

DbExplorer: Java-SE
Real Application
Tasks

A Lot has Happened (2014) / 1
● Mobile Devices: iPhone, Android, Tablets, …
● Browser (OS-Independant):
● Dynamic Webpages / Web 2.0,
● AJAX: W3C XMLHttpRequest (2005-Apr)
● JIT-Compiler in Browser
● Demand: Operation Everywhere
● Stationary: Treatment-Unit + Office + Home
● Inside Company
● Outside Comany for Emergency Service

A Lot has Happened (2014) / 2
● GUI in Browser, on Tablet, Mobile …
● Prevent SQL- Injection
● Security-Problem: SQL- Comands via internet
● Middleware needed
DBMSKernel
C#
Npgsql
Client: DbExplorer
HTML5 / CSS
REST Web Services
Middleware: DbGate
node.js
Brianc: Node-postgres
http://qooxdoo.org/https://github.com/b
rianc/node-postgres

fk fk
From Tree to URI
treatment_unit / “Unit 02” / treatment / ”tmt 2015-01-01/2-9” / content / ”SN 2-09”

DbExplorer: JavaScript
Demo

Task- and Tree-Configuration
{
"label": "2015.PgConf.eu",
"database": [
{ "label": "2015.PgConf.eu", "dbKey":"tda",
"color": "#0040FF" ,
"connectionString": "pg://postgres:pwd@localhost:5434/tda" }
],
"tree": {
"article": {"label": "Articles"},
"treatment_unit": {"label": "Treatment-Units"},
"treatment_unit/treatment": {"label": "Treatments"},
"treatment_unit/treatment/content": {"label": "Content"}
},
"variants": {}
}
Tasks Task and Tree

Table-Configuration: Article
{ "label": "Article",
"select": {
"label": [1],
"keys": [1],
"hide": [2],
"readOnly": [2],
"primaryKeys": [1],
"order": [1],
"command": [ "SELECT article_name, properties FROM article" ],
"columns": [ { "1": { "label": "Name", "width": 200 } } ]
},
"update": {
"command": [ "UPDATE article",
"SET article_name=${article_name}, properties=${properties}",
"WHERE article_name=#{article_name};" ]
},
"insert": {
"command": [ "INSERT INTO article(article_name, properties)",
"VALUES (${article_name}, ${properties})" ]
},
"delete": {
"command": [ "DELETE FROM article WHERE article_name=#{article_name}" ]
}
}

Table-Configuration: Content
{
"label": "Content",
"select": {
"label": [2],
"keys": [2],
"hide": [1,5],
"readOnly": [2],
"primaryKeys": [1],
"order": [2],
"command": [ "SELECT treatment_name, "position", article_name, serial_id, properties",
"FROM content WHERE treatment_name = ':{1,1}'" ],
"columns": [
{ "2": { "label": "Position", "width": 200 },
"3": { "label": "Article", "width": 200, "type":"SelectBox", "uri":"article"},
"4": { "label": "Serial-ID", "width": 200 } } ]
},
"update": {
"command": [ "UPDATE content SET treatment_name=${treatment_name}, "position"=${position}, ",
"article_name=${article_name}, serial_id=${serial_id}, properties=${properties}",
"WHERE treatment_name = #{treatment_name} AND position = #{position}" ]
},
"insert": {
"command": [ "INSERT INTO content(treatment_name, "position", article_name, serial_id,
properties)",
"VALUES (':{1,1}', ${position}, ${article_name}, ${serial_id}, ${properties})" ],
"columns": {
"treatment_name": { "default": ":{1,1}" }
}
},
"delete": {
"command": [ "DELETE FROM content WHERE treatment_name = #{treatment_name}",
"AND position = #{position}" ]
}
}

Next ?
Create the REST interface by
● CREATE EXTENSION db_gate ...

SQL is the Constant
Because Logic is the same
Client
OS / VM
Programming-
Language
DBMS
1995 OS/2 REXX SQL: Watcom
Win-NT C++ SQL: Sybase
Win-XP ... C# SQL: Sybase
Java VM Java SQL: PostgreSQL
2015 Browser JavaScript SQL: PostgreSQL
2020 ? ? SQL: PostgreSQL

Why using an ORM?
Quoted from Video Tutorial on ...
● As a programmer, we are dealing
with classes and objects.
● At a certain point, we need
to store and retrieve our data.
● Best into a database.
● For this, an ORM is a very appropriate tool
– It takes over a lot of work and
– It saves you a lot of time

My View
Real World
Buisiness Logic
DB
Program
Customer
Users
Data
=
Mirror of
DB-Structure
=
Interest of
Customer
Strongly
dependent on
requirements
Very
stable
Can be
discussed
with the
customer

http://www.changemakrs.com/LinusTorvalds

Db Explorer

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (8)

Ähnlich wie Db Explorer

Ähnlich wie Db Explorer (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Db Explorer