消息通知

标梵互动为青岛国际家具展打造H5定制方案

标梵互动为青岛国际家具展打造H5定制方案

标梵互动为青岛国际家具展打造H5定制方案

 

 

青岛国际家具展由多家家具行业协会共同主办,经过十余年发展,现已成为中国家具行业江北第一展,不仅成为北方同类展会中的佼佼者,更引领着整个北方地区家具产业的升级发展。

 

青岛国际家具展展会

青岛国际家具展展会现场

(标梵为青岛国际家具展打造数字化入场券)

 

标梵互动为青岛国际家具展建设线上参与渠道,致力打造高并发情况下,用户依旧使用体验绝佳的平台。

 

标梵互动服务内容:H5定制开发连续3年优化更新

 

 

H5是一个惨遭广义和狭义概念混淆了的术语,有时它是一款宣传工具的概念,代表着具有互动形式的多媒体广告页面;而有时,它是一个大的技术合集概念,代表着HTML5规范下的多种技术。

 

用HTML5来制作产品非常灵活,它可同时兼容PC端、移动端、Windows、Android与IOS,可轻易移植到不同的开放平台上,打破如今各行其道的情况。

 

在与青岛国际家具展合作中,标梵启动技术核心优势,提供了创造性的解决方案。

 

 

001 规划近景

 

与之前同样,标梵先从深度访谈了解需求开始入手,技术部与市场部人员经多次头脑风暴,综合专注度和丰富度,记录细节,与客户确定了产品的核心功能和开发优先级,初步制定产品各个阶段完成时间节点。

 

 

002 打量远景

 

为产品的目标用户群分类,模拟他们的使用环境,测算该产品上市后会面临的风险问题,对如何处理这些风险列入重点解决项目,并估算成本投入,提供给客户心灵轮廓。

 

设计的底层应该是清晰的层级逻辑。标梵此次设计中,着重分析了来宾成员的身份群体、购票方式、报名流程三个大类。确定了主线的模块,再进入支流中。

 

标梵互动为青岛国际家具展打造H5定制方案

 

比如,我们分析每种人员的特色,当参展商报名青岛国际家具展时,他应享有拉人的权限,邀请其公司员工加入展会。

 

再比如,当使用人脸识别报名时,也可以使用人脸识别入场,这时应为产品加入精准的识别算法,保证用户的使用流畅。

 

青岛国际家具展展会现场

 

 

为了能在一开始就感受到成品的方向,标梵为客户提供了初始原型。

 

标梵互动为青岛国际家具展打造H5定制方案

 

它是最终成品的简略版,虽然略显粗糙,但是原型能更直观呈现出产品的核心,比如基础功能、用户交互流程、信息架构、交互细节、页面元素等等。

 

在双方沟通时,原型会让讨论的重点聚焦在页面布局和功能完善上,随着思考维度的递增,可以在原型上灵活地加减项目,完成一次次产品的初级迭代。

 

标梵互动为青岛国际家具展打造H5定制方案

 

当双方确认无误后,才进入高保真模型的原型设计,并投入开发中。

 

 

H5页面越早投入使用,展会的收益也就越大。标梵首要主张拉升开发效率尽早交付,第二则是克服产品未来会面对的高并发问题,为企业打造专门的H5定制平台。

 

当我们打开H5就相当于打开一个网页,页面需要加载,切换也需要时间,一秒钟内几百几千人同时登录、报名、购票,说不定还要满足活动专题,抽奖,签到等等,如果还是沿用之前的开发方案,用户通常都会得到一个苦闷的无响应。

 

青岛国际家具展展会现场

青岛国际家具展展会现场

(青岛国际家具展展会用户纷纷扫描进入H5平台)

 

如果您还没有意识到这个例子里高并发带来的恐怖,那可以联想一下每年双十一的0点时,反复购买操作无效的感觉。

 

为了让青岛国际家具展的用户拥有绝佳使用感,标梵综合了一系列方法,比如,引入了轻量高效的前端组件化方案VUE.JS,使用了提高工作效率的前后端分离技术,还有解决高并发问题的负载均衡与消息池异步化数据等等。

 

001 用VUE.JS搭积木

 

新的名词并非遥不可及,我们假设在一个项目中,如果有多个部分是相同的,并可以封装成一个组件,那么VUE.JS的组件机制可以实现组件的复用,让开发工程师们可以像搭积木一样用组件拼接嵌套出整个界面,开发过程省力省时。

 

 

002 Ant组件库

 

UI界面决定了用户使用的第一感受,标梵选择的Ant Design是一款适合PC端和移动端的UI组件库,这个组件库非常丰富,基本上所有想到的页面交互都可以用Ant Design来实现。

 

标梵互动为青岛国际家具展打造H5定制方案

 

(家具展特色鲜明的的界面)

 

组件的视觉、交互设计和与前端的融合相得益彰,不但能满足用户的使用体验,也能满足开发工程师的工作体验,帮助开发人员在短时间内打造出具有优秀外观的产品。

 

003 前后端分离技术

 

我们都知道,并联的工作效率要比串联的方式高出许多,前后端分离技术正是将混合起来的前后端代码分开,让标梵的前端工程师和后端工程师分别专注自己的部分,不必等待对方工作结束后才能进行下一项。

 

 

哪怕需求有所改变,只要接口不变,也仅须在前端修改,后端无须跟着行动。

 

而且前后端分离后代码会变得整洁清晰,不论是阅读还是维护都会比以前更轻松。

 

004 负载均衡

 

当青岛国际家具展的用户大量到来进行访问时,服务器的调度就需要依赖负载均衡提高响应速度,解决拥塞问题。显然,这一项技术的目的在于“均衡”。

 

 

用户请求发送到系统后,它能通过某些方式把请求均匀分发到多个节点上,使系统中每个节点能够均匀处理,共同完成工作。

 

这种方法可以扩展服务器的带宽、增加吞吐量、加强网络数据处理能力、提高网络的灵活性,提高用户访问质量,帮助用户避免各种单点失效。

 

005 消息池异步化数据

 

在标梵开发工程师的眼中,异步化数据无疑是解决高并发的主要帮手。

 

用户产生所有的认证流程,订单流程,支付流程,大量的排队请求占用着资源,假设每个调用时间控制在20毫秒内返回,乘以300人同时操作,这个时间也会让用户等待得太久了。

 

解决性能的核心就是实现消息池的异步化,异步化数据同样用于解决阻塞的问题,它能提高每秒查询率,每秒的响应请求数,拉升最大吞吐能力。

 

标梵互动为青岛国际家具展打造H5定制方案

 

标梵以成熟的技术能力打造出色产品,在所言内容之外下了更多功夫。其中牵扯到多种信息调度,不仅需要开发人员选择良好的架构和技术,还需要对业务场景的全链路进行峰值测试。

 

这次青岛国际家具展展会中,共计三十万用户使用标梵互动开发的H5平台登陆,其中无卡顿,无数据丢失,响应及时,体验流畅。这次合作的成功,也印证了标梵一直以来的态度:永远将互联网新技术握在己手。

 

青岛国际家具展展会现场

青岛国际家具展展会现场

青岛国际家具展展会现场

青岛国际家具展展会现场