statik.co
...WTF?
The Beginning
- HTL 1 Bau und Design
- same stuff over and over again
- coded useful scripts
- published them (http://doebi.at/rechner/)
- too specific
The Idea
"an online easy to use general purpose
statics calculation app"
Make it better
- incompatible with newer OSs
- confusing UI
- expensive
![](http://www.loisidis.com/jpgfiles/shot21s.jpg)
![](http://files1.structurae.de/files/300x300/adi/12413_01.jpg)
The Concept
-
web app in your browser
-
no dependencies
-
works on any OS
-
server as brain and backup
-
anywhere with any device
Status Quo
WIP
2D Truss Analysis
closed beta
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/321079/sample_system.png)
Architecture
Client Server
- JavaScript
- Userinterface
- Input - Output
- Sync to Server
- Python
- Persistence
- Calculation
Client Architecture
backbone.js
- models, views and collections
- server sync
- tons of other useful features
paper.js
- powerful drawing library
- event handling
Client Architecture
Live Demo: Client
Creating Models
Modifying Models
Client - Server Communication
Traditional Flow
-
pagereload on any user action
- redundant file serving
- bad response time
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/319989/traditional_HTTP.png)
Client - Server Communication
Modern Flow
- full page only loads once
- fast asynchronous loading of resources
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320006/backbone_HTTP.png)
Live Demo: Communication
Loading Page
Loading Models
Server Architecture
Request Flow
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/319833/client_apache_python.png)
Server Architecture
Django Flow
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320201/django.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320246/code_sample.png)
http://statik.co/s/6Uq1d/ > system.views.main
http://statik.co/new/ > system.views.new
Django: views
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320888/2014-03-31-092632_394x85_scrot.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320889/2014-03-31-093325_392x100_scrot.png)
calc.update(s)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320928/2014-03-31-101605_512x100_scrot.png)
compiled fortran in truss.so
Django: templates
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320937/2014-03-31-102626_1084x381_scrot.png)
Django: templates
![](https://s3.amazonaws.com/media-p.slid.es/uploads/doebi/images/320944/2014-03-31-103115_1076x328_scrot.png)
Live Demo: Server
Creating Models
Modifying Models
Calling an Update
The Future
2D Frame Analysis
more helping features in UI
a lot more work
public beta
Thanks.
statik.co
By doebi
statik.co
- 1,518