当前位置:首页 > 技术知识 > 正文内容

HTML5技术的Web APP能否匹敌Native APP?

这种烧脑的问题我觉得还是用例子来说明比较实在,因此我特意找了10个基于HTML5技术的Web App,想要一探究竟。

1、Web FM synthesizer:音频合成器>>>

http://www.taktech.org/takm/WebFMSynth/

这个Web应用程序采用了HTML5和Web音频API(应用程序接口),模拟出80年代最流行的音频合成器。使用方法类似弹钢琴,点击黑白键即可发声。不同的算法提供若干种风格迥异的声音效果,如“01”表示BELL,“02”表示BRASS,“03”表示ORGAN……在移动端操作可以双手并用,玩得更嗨!如果你喜欢音乐,不妨来尝试。

2、TinyPNG:缩图神器>>>

https://tinypng.com/

TinyPNG采用了智能有损压缩技术,通过选择性地降低图像中颜色的数量,只需较少字节即可存储数据。压缩前后的文件大小差异很大,但是视觉效果几乎看不出差距。操作只要两步走——上传、下载,让图片不再臃肿,只是几秒钟的事情,实实在在的缩图神器!

3、Cage App:团队管理工具>>>

http://cageapp.com/

Cage App为团队提供了简单便捷的分享与沟通渠道,借助此平台可以有效管理团队,提高工作效率。

优点包括:

  1. 更快速的批准——让个人的工作快速被团队和客户通过;

  2. 更智能的审核——降低完成一个项目的审核次数;

  3. 更优质的沟通——集中反馈机制可以减少冗长的会议和杂乱的邮件;

  4. 基于语境的反馈——反馈易于理解,具有可操作性;

  5. 基于Web的演示——在线展示和共享工作成果,更加引人入胜;

  6. 有组织性的协作——一个App即可有效管理团队、项目、任务、审核、文件传输等。

4、PDF.js:PDF在线阅读器>>>

http://cageapp.com/

pdf.js是一个基于HTML5技术的PDF的Web阅读器,它提供了一个通用的、标准的平台,用户可以对PDF文件进行阅读翻查、放大缩小、下载打印等一系列操作。与常见的PDF阅读器相比,功能上并无太大区别,但是更加轻便、随时可用。

5、LucidChart:图表在线制作工具>>>

https://www.lucidchart.com/

LucidChart是一个基于HTML5技术的在线制作图表的应用程序。优点在于可以十分方便地勾画和共享专业的流程图表,可满足头脑风暴、项目管理等场景下的需求,无论个人、团队还是企业均可以使用。与其他App具有兼容性,提供标准文件格式的导出服务,这意味着其制作的图表具有可移植性,应用方便。

6、Facturandum:在线发票服务系统>>>

https://www.facturandum.com/

Facturandum是一个提供在线发票服务的系统,特色包括:1.定制化——上传品牌logo,生成带有品牌标志的发票;2.自动化——向你发送提醒,帮助你追踪现金流转状况;3.在线支付——你的客户可以在网上向你支付;4.时间追踪——管理项目并追踪你所花费的时间;5.定期结算——可以设置隔一段时间自动创建和发送发票;6.收入预测——展望未来,根据发票预测你的收入;

7、Apollo:项目和联系人管理工具>>>

http://www.apollohq.com/en

Apollo是一个用于项目和联系人管理的Web应用程序,同样适用于团队管理。使用该平台,用户可以创建项目,设置可选的截止日期,允许团队或客户访问;标签式页面,允许多个喜欢的项目同时打开;按照颜色编码和相关描述,进行项目分类;可以设置项目的状态为运行、不运行或存档,不运行状态下的项目不会发出通知,存档项目可以方便日后参考;可以预定义任务列表,自定义任务的优先级、时间和附件等,从而简化工作流程。

看过了上面的Web App,我发现它们基本上是PC端的应用,那么,移动端有没有好玩的模拟App的轻应用呢?于是乎,我怀着好奇心打开了iH5的主页…… 果不其然,被我找到了!和前面PC端的相比,移动端的这些应用相对简单,但万变不离其宗,无论设计何种Web App,都需要掌握基本的逻辑思维才能做得出来。

一、任务管理系统>>>

http://aebca5be71a3.ih5.cn/idea/SY3DAhy

这是一个带有注册和登录功能的Web轻应用,通过网页构建系统和应用,提供传统App登录与注册所需的姓名输入框、手机输入框、密码输入框,注册后登陆即可看到任务管理的界面,可以查看“所有任务”、“已完成”,也可以新建任务,值得注意的是,任务需要认领,认领后才能够标记完成与否,可不能随意干扰别人的任务噢。

二、签到系统>>>

http://c19db6610971.ih5.cn/idea/h9C-EAx

我们之前做过一个签到送V币和流量的活动,这就是当时用于统计数据的H5签到系统(运用了计数器、变量、2维变量、数据库等工具)。签到过程非常简单,只需点击“点击签到”按钮即可轻松实现,与此同时,“当前已获得流量”、“累计签到天数”和“当前已获得V币”的数据会实时更新。图中上方圆圈可以显示你的头像,另外,该应用还设置了排行榜查询,你可以点击“排行榜”看到所有人的签到情况。

三、模仿网易云音乐APP>>>

http://b9ae5ea2f0d3.ih5.cn/idea/AlV6ujh

我承认一开始是被它的封面吸引的,点进去发现…界面似乎有点简(jian)约(lou)?好的,毕竟是一个模仿,我们还是保持一颗博爱的心——其实音乐App的基本功能它已经做到啦!比如,点击首页的《说谎》即可来到带有林宥嘉写真的播放界面,中间的圆形按钮表示播放/暂停,可以下载、分享该歌曲,也可以按左右的圆形按钮进行歌曲的切换。如果你想回到首页,只需点击左上角的“首页”即可。

回到最开始的问题:基于HTML5技术的WebApp究竟能否匹敌Native App?答案是肯定的,基于HTML5技术的WebApp不但可以匹敌Native App,甚至它的很多特性可以超越Native App,最明显的就是跨平台和高效率这两点,而这恰恰是用户最最关心的问题。每个人的时间都很宝贵,没人愿意为效率低下的东西买单。

与此同时,可视化的HTML5制作工具又可以称得上是梦想成为“App开发者”的人的一个福音。即使你是代码小白,也可以借着HTML5制作工具这棵大树乘凉——做出一款有趣实用的Web App绝不是难事!当然,如果你能够深谙HTML5和JavaScript这些的话,那么,下一个厉害的Web App可能就出自你手了。

你觉得Web App能匹敌传统APP吗?

相关文章

单打独斗的产品设计师工作流程总结

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。我从入行开始就在一个做自己产品的小公司工作,到现在已经三年了。刚开始工作的时候什么也不懂,老板说让出效果图,就开始直接...

B端产品设计之业务设计(b端产品ui设计)

编辑导语:在这篇文章里,作者从解决方案设计、业务流程设计、产品功能设计三个方面,分析了如何进行B端产品的业务设计,感兴趣的小伙伴们一起来看一下吧。前篇文章讲了业务梳理,还没看过的同学可以先看看前篇文章...

2018年度回顾:挖矿木马为什么会成为病毒木马黑产的中坚力量

一、概述根据腾讯御见威胁情报中心监测数据,2018年挖矿木马样本月产生数量在百万级别,且上半年呈现快速增长趋势,下半年上涨趋势有所减缓。由于挖矿的收益可以通过数字加密货币系统结算,使黑色产业变现链条十...

高考一词多义考点! 30个高频词汇,完形填空再也不怕啦

1. address·/a'dres/ v.处理(问题)We must address the issue of climate change.·/'aedres/ n.地址Pleas...

Android监听滚动视图(监听页面滚动)

Android UI Libs之Android-ObservableScrollView1. 说明Android-ObservableScrollView,顾名思义,Android上观察滚动的视图,可...

有了这份900多页的Android面试指南,你离大厂Offer还远吗?

前言对于大部分程序员来说,一线互联网是的工作经历是毕生的追求,实际上大厂对于学历的要求远远没有我们想象的那么高,近几年来,互联网公司更注重技术,所以提升自身技术水平才是斩获offer的制胜关键。一线互...