基于HTML5的移动化妆品销售系统前端设计与实现-软件工程专业论文.docxVIP

基于 HTML5 的移动化妆品销售系统前端设计与实现 摘 要 智能移动设备飞速发展的今天，基于移动平台开发的移动应用受到更多用户的青睐。 移动应用可以给个人带来更灵活多样的沟通方式（微博、微信、社交等），更丰富精彩 的内容消费（娱乐、资讯、天气、点评等），也可以帮助企业建立高效的管理方式，降 低运营生产成本，提高核心竞争力。 论文分析了移动应用的发展现状及移动应用给个人和企业带来的收益。对企业而言， 他们正逐步认识到移动应用在生产环境中所扮演的重要角色。而传统的非 IT 企业由于 缺乏专门的开发资源，在面对诸多平台设备时往往有心无力，因此帮助企业建立低成本、 易维护、跨平台的移动应用方案显得非常重要。论文以实际项目为例，分析化妆品企业 销售业务需求和移动平台的用户体验特点，设计一款满足其业务需求同时易于维护的跨 平台移动应用原型，把传统的销售模式迁移到了移动平台上。 移动应用原型的设计分为界面设计与前端程序设计。界面设计是保证最终成品面向 用户时具有良好的操作体验。作者查阅了安卓与 iOS 移动界面设计指导作为交互设计的 依据，同时结合企业自身的视觉形象与产品特点在视觉外观上做了定制化设计。另方面 在前端程序设计上，作者使用了目前流行的 HTML5（Hypertext Markup Language5.0） 与 CSS3（Cascading Stylesheet3.0）作为实现应用前端的主要技术。在前端开发领域， HTML5 日渐成为趋势。HTML5 正被谷歌，苹果等越来越多的 IT 主流公司产品所支持， 所以具有一定的成熟度。从开发角度来看，HTML5 最大的优势在于跨平台性和易于维 护性，可以满足非 IT 企业的诉求。从用户体验角度来看，CSS3 可以支持更多的页面特 效与动画属性来模拟本机应用才具有的界面效果。使用 HTML5 开发前端会遇到移动应 用独有的问题，比如响应多屏幕尺寸、手势识别、离线访问、本地存储、数据交互等等。 作者通过查阅大量技术资料，结合实践设计了一套底层方法来解决开发时将会遇到的这 些问题。 论文研究与应用设计开发耗费一年，最终完成移动应用的原型设计与前端开发测试 工作。作者完成了整个应用的界面设计，实现了该应用前端底层开发，包括手势捕捉、 多屏幕响应、与服务器端通讯，离线访问，本地存储。该底层方法可适用于所有使用 HTML5 开发的移动应用。基于该底层方法，作者完成针对化妆品销售应用的前端界面 开发，主要包括产品模块、查询模块、订单模块、视频、消息模块、登录模块，同时完 成前端测试与可用性测试。 本课题部分研究成果已使用在公司部分移动应用项目的前端实施过程中。随着未来 HTML5 的普及与增强，基于 HTML5 开发的移动应用凭借其独有的响应式、跨平台优 势将会在企业 web 应用中发挥更大作用。 关键词 移动应用，用户体验设计，前端开发 ，HTML5 DESIGN FRONT-END DEVELOPMENT FOR COSMETICS SALES APPS BASED ON HTML5 ABSTRACT With the rapid growth of mobile device，mobile applications (apps) become more popular than before，which is favorite for most people. Apps bring personal user various ways of communication and rich content for consuming，meanwhile they assist corporations to establish effective method of management for competitive power like saving operation cost, improving sales performance, etc. I analyzed the apps development and described how they benefit both personal users and enterprise users. For enterprise, they realize that apps now are playing a key role during the productive situation. But the fact is traditional non - IT company are lack of development resource so that they can`t take it one hundred perc