摘要:随着移动互联网技术的不断发展,WebApp以极佳的用户体验和交互得到越来越多使用者的认可。采用HTML5技术设计实现GE公司的WebApp,为该公司科技产品的展示提供一个快捷入口,使得参观的用户只需扫描二维码即可浏览与使用。在提升公司形象的同时,也让参观用户深入了解相应的科技产品。
关键词:HTML5;WebApp;二维码
随着移动互联时代和云计算时代的到来。3G/4G技术和云计算技术都给我们的生活带来了巨大的改变,手机的数据传输速度也有了质的飞越,且其所具备的功能也越来越多元化。与此同时,Web以其跨平台的优点,使得无论是在Android还是iOS平台上,都能很好地兼容,不像手机应用需要适应多个系统与版本。并且相对WebApp不仅需要极高的开发成本,而且下载以及频繁的升级版本都会对用户造成困扰。
WebApp是基于Web的系统和应用,是指通过使用Web和Web浏览器技术,跨越网络(互联网或内联网)完成一个或多个任务的应用程序,通常需要使用Web浏览器。WebApp是Google在设计Chrome时提出的概念,是Google推广云计算的其中一步,具有轻松跨平台、开发效率高成本低、应用更丰富、无需安装和更新等优势。
为了更好地展示企业的产品,避免企业App给用户带来的麻烦,在开发初期就抛弃原有的App开发,转而通过网页的方式进行展示,用户只需要输入网址或者扫描二维码就能够简单方便地使用,且HTML5的自适应性能够很好地适应不同分辨率的手机屏幕,让所有手机用户都能够看到不变形、简单、灵活的操作,具有良好用户体验,让参观用户在良好的第一印象下深入了解GE的科技产品,将科技产品带入普通群众的视线,为以后的科技产品发布打下基础。
同时为了体现产品展示的国际化,整体设计采用英汉双语界面,让用户随时切换到相应的语音界面进行浏览和操作。同时,鉴于文字内容受手机屏幕大小的限制,在页面中加入音频功能,点击播放按钮就能了解到公司的发展历史背景和相应科技产品的介绍。WebApp端主要包括以下功能:
(1)中英文切换功能:实现中文页面与英文页面以及音频的切换:
(2)地图点位跳转:通过点击地图中的点位。跳转到对应的科技产品展示页面:
(3)播放音频及快进:在科技产品展示...