Study and Integrate Bootstrap 3 for OpixManager
Tapani, Zhejia (2010)
Tapani, Zhejia
Oulun ammattikorkeakoulu
2010
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2014111115436
https://urn.fi/URN:NBN:fi:amk-2014111115436
Tiivistelmä
ABSTRACT
This bachelor thesis is about how to study and integrate Bootstrap 3 into OpixManager. The purpose is to improve user interface of OpixManager application. OpixManager is constructed by using CodeIgniter and Model-View-Controller (MVC) framework. OpixManager application is for project management. It includes staff augmentation, customer management, report management and so on. It is to support both scrum and traditional software development process.
There are two major parts included in this thesis work. The theoretical part is about studying what is responsive web design, and what components are included in Bootstrap 3. The author also study how OpixManager's CodeIgniter interrelates among the model, the view and the controller in the theoretical part. The theoretical framework gives the author knowledge how to integrate Bootstrap template to OpixManager's user interface.
The empirical part is actual implementation and testing of template page, login page and home page as well as its link pages in OpixManager. Final results has been tested in cross-browser through local host server such as Mozilla Firefox, in Internet Explorer and in Chrome.
I used Freelancer template's design in this thesis. Typography and color palette are balanced and modern. Navigation bar and grid system are responsive, they are squeezed onto a tiny mobile device or stretched onto a wide screen.
This bachelor thesis is about how to study and integrate Bootstrap 3 into OpixManager. The purpose is to improve user interface of OpixManager application. OpixManager is constructed by using CodeIgniter and Model-View-Controller (MVC) framework. OpixManager application is for project management. It includes staff augmentation, customer management, report management and so on. It is to support both scrum and traditional software development process.
There are two major parts included in this thesis work. The theoretical part is about studying what is responsive web design, and what components are included in Bootstrap 3. The author also study how OpixManager's CodeIgniter interrelates among the model, the view and the controller in the theoretical part. The theoretical framework gives the author knowledge how to integrate Bootstrap template to OpixManager's user interface.
The empirical part is actual implementation and testing of template page, login page and home page as well as its link pages in OpixManager. Final results has been tested in cross-browser through local host server such as Mozilla Firefox, in Internet Explorer and in Chrome.
I used Freelancer template's design in this thesis. Typography and color palette are balanced and modern. Navigation bar and grid system are responsive, they are squeezed onto a tiny mobile device or stretched onto a wide screen.