Presentation Master Thesis

www.fh-joanneum.atAPPLIED COMPUTER SCIENCES

Ing. DI(FH) Christian M. Koller

The Design and Implementation of a DSL and DSM Environment for Web

and Mobile Web Applications Simple Enough to be Useable for Non-

Developers

19.10.2016


2

Structure


1. Background2. Literature3. Methodology4. Questionnaire5. Prototype6. Outlook

2

Structure


Background• untermStrich

Software GmbH – Web based – Controlling and office

management – Architects and

engineers

3


• Extend existing software – Increase productivity

• Small to Medium-sized Enterprises – Limited budget

4

Problem


• Extend existing software – Increase productivity

• Small to Medium-sized Enterprises – Limited budget

4

ProblemDSL / DSM

Cross platformNon-developers


• Cross-Platform – Web based or native – Embedding the source code – Security

– Secure communication - HTTPS – Node.js vulnerabilities - Node Security Project

– User interface – jQuery and Bootstrap

5

Literature





5

Literature





5

Literature


• DSL and DSM - Language Design and Creation

6

Literature

Domain idea

Finished appli-cation


• Non-developers and development – Data-intensive web and mobile web application

– Highly responsive – Highly user focused

– Avoid overly complex concepts – Every programming language has to provide certain

concepts

7

Literature


• Questionnaire and Findings – Survey – Qualitative analysis

• Builder Application and Prototype – A task management system

• Conclusion and Outlook – List of concepts

8

Methodology


Questionnaire

9

Group Description Participants

ASkills in

creating office templates

2

BSystem

administrator 1

CNone of the

above 7


Questionnaire• Structure – Basics

– Variables, in-/output, conditions, logical, mathematical

– Structuring - Functions – Repetition - Loops, arrays – Objects - Properties – Events - Event handler – GUI - Modifying the GUI

9

Group Description Participants

ASkills in

creating office templates

2

BSystem

administrator 1

CNone of the

above 7


10

Questionnaire - Findings


10

Questionnaire - FindingsTheAnswer = 42

show TheAnswer

TheAnswer = TheAnswer + 42

if TheAnswer is 42if TheAnswer < 42

TheAnswer = ask ‘Please enter the Answer’

call anzeigenMitarbeiter.alter

on …

change ‘H1’ ‘Hello’


10

Questionnaire - Findingselse? Defining

functions?

Arrays?

Loops?

TheAnswer = 42show TheAnswer

TheAnswer = TheAnswer + 42

if TheAnswer is 42if TheAnswer < 42

TheAnswer = ask ‘Please enter the Answer’

call anzeigenMitarbeiter.alter

on …

change ‘H1’ ‘Hello’


11

OK

LOGIN / FAILLogin

Username

Password

Login Requirement

Validate username and password

If valid got to page "OK" Returns: ID, Permission, Name ...If not valid go to "FAIL"

Welcome

• Tasks

• …

LOGIN APIPrototype


11

CREATE

OK

Task creation

Staff Widget

Project Widget

Date Widget

Title

Description

-- Select One --Status

If user permission, it is fixed





Save DB

Save to whatever databaseIf valid got to page „Task table“If not valid go to "FAIL"

FAILOK

Task filter

Staff Widget

If user permission, it is fixed to the logged in user

Task table

Example task text Staff Date Status…Example task text Staff Date Status…Example task text Staff Date Status…Example task text Staff Date Status…

STAFF API

PROJECT API

OK

Prototype


• ANTLR • CoffeeScript • CoffeeScript II: The Wrath of Khan

12

Prototype

• LiveScript


• ANTLR • CoffeeScript • CoffeeScript II: The Wrath of Khan

12

Prototype

• LiveScript


12

Prototype• LiveScript• jQuery • Bootstrap • Node.js & Express • Grunt • Sequelize • Jade / Pug


13


14


15


16


17


18


19


20


21


21

Keyword Parameter Description

on EventName Defines an event handler.

variableName = Value Sets a variable to Value.

+-*/ Mathematical operators.

true false yes no Boolean values.

’text’ "text" Strings using single or double quotes.

objName.propName

Accessing the object property propName from object objName.

if C o n d i t i o n a l statement

A condition.

unless A not fulfilled condition.


21

https://bitbucket.org/cqixk/every1builder

The MIT License (MIT)


21


21

Internet

Presentation Master Thesis