HTML-5 : responsive Web Development
Burka, Bethelehem Adugna (2015)
Burka, Bethelehem Adugna
Turun ammattikorkeakoulu
2015
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2015060111598
https://urn.fi/URN:NBN:fi:amk-2015060111598
Tiivistelmä
During the last 20 years, the smart phone technology has advanced to appear ubiquitously in the field. As a result, the user experience of individuals has shown a large shift from desktop to small devices including mobile phones and tablets. In Addition, Fragmentation and diversity in mobile screen sizes comes out as the main challenge.
The modern experience of websites for a mobile device mainly focuses on applying responsive web design. Modern web design is built to run on devices of various screen size and orientation. HTML, as a base stone of modern websites, has benefited the development process in better performance and data storage system.
In this thesis work, a prototype website was developed using HTML5 and CSS3. This real-time project, commissioned by a textile company, Dozen+1, was conducted to reflect the relationship between user experience and media devices. This thesis work focuses on HTML5 and responsive web design. The project includes a process to develop a website that contends modern web structures.
Furthermore, this thesis work favours HTML5 responsive web tools that are increasing the potential of unifying the different working platform of mobile operating systems which, in return, assists the cost and time consumption. The required tests were finally performed to approve the functionality in different media sizes. Hence, satisfactory results were demonstrated by adjusting a single web document in several media devices which increases the accessibility of a webpage regardless of device fragmentation.
The modern experience of websites for a mobile device mainly focuses on applying responsive web design. Modern web design is built to run on devices of various screen size and orientation. HTML, as a base stone of modern websites, has benefited the development process in better performance and data storage system.
In this thesis work, a prototype website was developed using HTML5 and CSS3. This real-time project, commissioned by a textile company, Dozen+1, was conducted to reflect the relationship between user experience and media devices. This thesis work focuses on HTML5 and responsive web design. The project includes a process to develop a website that contends modern web structures.
Furthermore, this thesis work favours HTML5 responsive web tools that are increasing the potential of unifying the different working platform of mobile operating systems which, in return, assists the cost and time consumption. The required tests were finally performed to approve the functionality in different media sizes. Hence, satisfactory results were demonstrated by adjusting a single web document in several media devices which increases the accessibility of a webpage regardless of device fragmentation.