Applying Progressive Website Application Techniques to Develop a Mobile Device APP - Using Transportation Bureau of Kaohsiung City Government's Dynamic Bus Information Equipment Inspection System as an Example

• Main Authors: YEH,JIA-KAI, 葉家凱
• Other Authors: SU,KUO-WEI
• Format: Others
• Language: zh-TW
• Published: 2019
• Online Access: http://ndltd.ncl.edu.tw/handle/vrs93p

碩士 === 國立高雄科技大學 === 資訊管理系 === 107 === With the popularity of mobile devices, people are getting used to using Apps in mobile devices in their daily lives. There are 3 types of Apps: Native Apps are downloaded directly from application market, Web Apps can be used on browsers, and Hybrid Apps which comes with embedded webpages are also downloaded from application market. Each has their own pros and cons. This study develops Transportation Bureau of Kaohsiung City Governments Dynamic Bus Information Equipment Inspection System under Web Apps’ form, and improves the shortcomings of Web Apps through implementing Progressive Web Apps. Meanwhile, we utilize highly integrated tool “Angular” and “ASP.NET Core” in development process to avoid the high time cost derived from complicated program structures after introducing PWA concept. This study will generalize some noteworthy points during design process of Web Apps, and explain how to solve problems in development process in practice. Lastly, we will carry out usability analysis and interviews after staffs using the system. The research indicates that through our design and development pattern, only Apps with low-class API function are required can we improve the usability of Web Apps on mobile devices. Also, the interview result shows there are little deference between Native App and Web App in terms of user experience and the development cost will not increase as well. Therefore, we suggest using this design principle and development tool to create Web Apps in order to reach a win-win situation between developers and users.