SharePoint Responsive Web Page Design

碩士 === 中原大學 === 應用數學研究所 === 103 === As various hand held devices such as mobile phones and tablets become more and more popular, how to design a web page that can be displayed properly on the screens of all devices becomes a very important question. If we were to design the same web page for each po...

Full description

Bibliographic Details
Main Authors: Yony-Yi Hu, 胡永毅
Other Authors: Tien-Yu Sun
Format: Others
Language:zh-TW
Published: 2015
Online Access:http://ndltd.ncl.edu.tw/handle/06091112537820073844
Description
Summary:碩士 === 中原大學 === 應用數學研究所 === 103 === As various hand held devices such as mobile phones and tablets become more and more popular, how to design a web page that can be displayed properly on the screens of all devices becomes a very important question. If we were to design the same web page for each possible device, then the maintenance afterwards will become very troublesome and will cost a lot of money. By using Responsive Web Design, we can design a web page once and have it displayed properly on various devices. In this study, we will experiment how to deliver Responsive Web Design web pages on SharePoint platform using Bootstrap. SharePoint Server is one of Microsoft’s product that we can ever encounter in enterprises. It is a product that can be used as a collaboration platform to promote internal or external communication of an enterprise. By using the web pages that SharePoint provides, users can communicate with any device that they have. Among the numerous functions that SharePoint provide, one of which is to let user edit a web page just like the way we usually type our Word document, and can easily configure different ways to view it and set permissions for it. Users can also design workflows on SharePoint without writing a single line of code. One frequently mentioned of Responsive Web Design is when displaying a web page using different screen resolution, the web page will adapt to the screen resolution and modify its content of display. Bootstrap is a set of tools that can be applied on web sites and web applications. It content includes frameworks for HTML, CSS and JavaScript, providing various effects on typesetting, controls used on web pages and navigations of web pages. For web sites and web applications that need to provide service to various devices and their browsers, Bootstrap provides CSS media query that can save web designers a huge amount of time and work since they will no longer to have a version for each of their client devices.