Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Bachelor thesis - Final presentation

Final presentation of bachelor thesis, ZHAW
by

Ramón Burri

on 10 July 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Bachelor thesis - Final presentation

Bachelor Thesis
ZHAW, Computer science
by Ramón Burri
Improvement in efficiency of
CSS elements implementation for
Appway AG Front-End-Developer

Content
1
2
3
4
5
Appway
Starting Position

Goal

Requirements
Solution variant

implementation

DEMO
Project -
management

conclusion
Appway
Appway
100%
model driven BPM-Platform


Create, validate & run processes


Webapplication


Studio & Workspace
Starting position
CSS-Development to basic


Many
errors


Debugging is cumbrous


(almost) no guidelines
Goal
Requirements Engineering


Analysis of possible
techniques & tools


Find best solution


Proof of Concept


Conzept Roll-Out
Requirements Engineering
Stakeholder analysis


Create error catalog


Prioritize errors


Define requirements
Solution Variant
CSS-Preprocessor
CSS 4
Styleguides
OOCSS
CSS-Frameworks
Implementation
Difficulty


Java vs Ruby


Java-Parser
from the Vaadin Framework
SASS Preprocessor
Implementation
Ant build system


Runtime
parser
SASS Preprocessor
Implementation
Basic rules => Naming, Colors


CSS-Reset


Structure of CSS files


Guidelines for SASS
Styleguide 2.0
DEMO
Project Management
Conclusion
60%
increase of efficiency


SCSS syntax for Studio user


Discipline necessary!


Roll-Out plant for end of year
.sub-title {
font-family: 'chalk';
font-size: 72pt;
color: #FFF;
}
.img {
border: none;
margin: 5px;
z-index: 300;
}
.chart {
color: #000;
display: block;
padding: 2px 5px;
background-color: #DEDEDE;
}
h1 {
color: $demoColor;
font-size: 5 x $defaultFontSize;
}
Thank you for your attention!
Full transcript