21. Front‐End Development for Building Automation by using ...

yrekazzyzxamuckInternet and Web Development

Dec 4, 2013 (4 years and 7 months ago)


PERCCOM Master Thesis 
Title: Front‐End Development for Building Automation by using JavaScript Frameworks 
Supervisor(s): Prof. Dr. Olaf Drögehorn, Prof. Dr. Jari Porras 
Partner(s): Assoc. Partner Harz University of Applied Sciences 
Type of Project:  
    Sustainability of ICT   
    ICT for Sustainability   
    Other         : ‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐ 
Keywords: Building Control/Automation, JavaScript Frameworks, MVC, HCI 
Context and problem: 
Theory, Tool, Platform used:  
http://fhem.de (English description)   
A book apart: Responsive Web Design, 1
 edition 2011, ISBN 978‐0984442577   
http://emberjs.com; http://angularjs.org; https://www.dartlang.org   
Existing OpenSource systems for building control/automation are usually not designed with much emphasis 
on front‐end technologies and visualization. By this fact many good software systems don’t gain the visibility 
as they could do, as they are not designed and usable by end‐users.   
In  order  to  make  those  OpenSource  systems  more  usable  a  flexible,  yet  easy  to  use  front‐end  is  needed, 
which allows using different kind of devices, like PCs, tablets, smartphones, etc. The intended design of the 
front‐end should be server‐based and in a responsive manner, so that no specific altering for different device 
sets is needed.   
Beyond that an easy way of configuring/entering new devices within the underlying system should be made 
available by the front‐end 
Javascript Frameworks (emberJS, angularJS, etc.); Google‐Dart;   
FHEM as a platform;    
Responsive user‐interface design / HCI for mobiles;    
Using scribbles/sketches & personas to develop user‐interfaces;   
Based on the OpenSource system FHEM this thesis needs to investigate existing JavaScript Frameworks and 
compare  their  usability  to  realize  an  interactive,  responsive  front‐end  for  FHEM,  based  on  the  existing 
modules and web‐server technology within FHEM.   
The thesis should elaborate on the requirements for responsive design techniques and should, together with 
different  groups  of  intended  end‐users,  figure  out  which  screen  design  is  best  suited  for  the  task  at  hand.
By  comparing  different  JS  Frameworks  the  thesis  needs  to  explain  the  benefits  of  using  MVC/MVP  design 
patterns,  and  how  these  patterns  are  realized /  supported  by  the  different  frameworks.  Beyond  existing  JS 
frameworks  also  a  comparison  towards  Google‐Dart  can  be  done  in  order  to  figure  out  pros/cons  for  this 
kind of technology.   
Last but not least the thesis should make available an easy way of setting up new devices within the FHEM 
system, independent from the underlying technology of that specific device (in a tutorial kind of a guide).