济南消防研发危化品企业管理平台手机APP_励志网

济南消防研发危化品企业管理平台手机APP

2018-06-26 01:54 来源:励志网

第四步向下拖动,给最上边添加数据

任何行业,业绩是企业和员工要关注的焦点。在互联网冲击下灰暗的美业市场环境下,梦圆皇宫集团2016年上半年里,逆势而上,不仅实现既定目标,业绩增长浮动也得到很大提高。

分享内容分为上下两部分。上半部分以设计为主,我们将一起了解SiriSDK在iOS10中给用户带来的新功能,回顾了人工智能的发展史,并一起用Sketch和Principle两款工具设计声控音乐APP的页面和交互。

我们先用Sketch绘制声控APP的第一个页面和第二个页面的prototype。包括用Sketch自带的iOSUIDesign模板添加statusbar, 用Sketch自带的绘图工具添加文字Label,背景形状图案,图片。

这样一来,我从仅返回的一首歌的数据里获取关于这首“牛仔很忙”歌曲的专辑图片地址以及试听歌曲地址,再把这些数据拼凑起来,组成一张页面,就有了我们在设计稿中看到的第三页。

作为服务行业,高品质服务是企业生存的根基。梦圆皇宫十多年来以专业的高品质服务赢得了众多会员的青睐。一直以来,梦圆皇宫都被行业人士模仿和追随的风向标,是制定行业标准的标杆企业。

一起来体验下自己完整做件产品的快乐吧~

为了使demo的逻辑尽量简单,我在之前的url里加上一个参数,把返回的结果数量控制在一。

  例如要实现如下简单的功能:也就是动态加载数据,不管用户向上拖动还是向下拖动,都动态加载数据。

首先来介绍在APP中如何实现智能识别用户语音的功能。语音识别是人工智能应用广泛的一个领域。在众多已有科技中,我选择了使用NuanceSpeechKit2的iOSSDK来实现APP中的功能。SpeechKit的具体使用指南可以在https://developer.nuance.com/public/Help/DragonMobileSDKReference_iOS/Overview.html中找到。在这个Xcodeproject中,我们会用CocoaPods(https://cocoapods.org/)来维护工程依赖。在Project的目录下,新建一个名为Podfile文件,然后在Podfile里添加一行

将用到的设计工具包括Sketch和Principle。

对应的脚本也很简单:

自己都不用的产品,用户怎么会用?

综合涉及的各个点,我们就开发完成了一款智能声控的音乐APP。两张Sketch设计稿,三张Principle交互页面,便有了这样一款娱乐的APP。更多细节内容,请大家移步观看视频。

 varpageindex=0;   varisfinishread=true;   varmyScroller;   functionaddDataToBottom(Msg){        varobj=$.parseJSON(Msg);     vartext=""      for(vari=0;i

 加了标志量后,没有读取数据的提示信息只有一次了。

小编有幸去到现场,概括总结,我们可以从以下六个维度能发现这场年会的不一样。

  其他的几个方法:scrollend,scrollstart,refresh-trigger,refresh-cancel,refresh-finish目前尚未发现有什么作用。

functionloadFirstpage(){varurl=serviceUrl+"UIPhoneAjax/GetData.ashx?type=jiekuanshenqinglist";$.post(url,null,function(res){if(res.IsSuccess){varobj=$.parseJSON(res.Msg);for(vari=0;i

不是($("#jiekuanshenpi")).append(),而应该是jiekuanshenpi下的一个元素。

#p#分页标题#e# 在模拟器上测试发现,动态添加的 ;有问题,但静态的是可以的。

varmyScroller;$.ui.ready(function(){myScroller=$("#webslider").scroller();//Fetchthescrollerfromcache//SincethisisaAppFrameworkUIscroller,wecouldalsodo//myScroller=$.ui.scrollingDivs['webslider'];myScroller.addInfinite();myScroller.addPullToRefresh();$.bind(myScroller,'scrollend',function(){console.log("scrollend");});$.bind(myScroller,'scrollstart',function(){console.log("scrollstart");});$.bind(myScroller,"refresh-trigger",function(){console.log("refresh-trigger");});varhideClose;$.bind(myScroller,"refresh-release",function(){console.log("refresh-release");varthat=this;clearTimeout(hideClose);hideClose=setTimeout(function(){console.log("hidingmanuallyrefresh");that.hideRefresh();},5000);returnfalse;//tellsittonotauto-canceltherefresh});$.bind(myScroller,"refresh-cancel",function(){console.log("refresh-cancel");clearTimeout(hideClose);});$.bind(myScroller,"refresh-finish",function(){console.log("refresh-finish");});myScroller.enable();$.bind(myScroller,"infinite-scroll",function(){varself=this;console.log("infinitetriggered");$(this.el).append("Fetchingcontent...");$.bind(myScroller,"infinite-scroll-end",function(){$.unbind(myScroller,"infinite-scroll-end");self.scrollToBottom();setTimeout(function(){$(self.el).find("#infinite").remove();self.clearInfinite();$(self.el).append("ThiswasloadedviainifinitescrollMoreContent");self.scrollToBottom();},3000);});});$("#webslider").css("overflow","auto");}); 进过测试,只要把$.bind(myScroller,"infinite-scroll-end",function(){里边的内容改写后,就可以动态的从后台读取数据。 然后我删除了,不需要的div,发现,在没有任何内容后,没法拖动了!!看来在拖动之前必须添加一定的内容,然后才能拖动。我是用的是panel的属性data-load

https://itunes.apple.com/search?term=牛仔很忙

此次让我们在携程技术微分享中先睹为快,看看如何模拟Siri智能来设计并开发一款搜索和试听iTunes音乐的手机App。

开发完成以后的project结构如下:

 初步测试demo只是每次都是先上拖动,给最下边添加读取的内容。

 修改后的js代码:

小编感叹下:梦圆皇宫的员工淡定从容的标准服务流程,真不简单!

假设我对着APP说出了一首周杰伦的歌“牛仔很忙”,那么通过HTTP调用以上的url的发一个GET请求,苹果就会通过搜索iTunes音乐库里返回所有的与“牛仔很忙”相关的所有音乐数据。

【上图】梦圆皇宫技术团队表彰合影

之后,我们在Principle里导入用Sketch设计的两张页面。Principle是一款实现每个设计页面之间动画衔接的工具。它可以直接importSketch设计稿,在设计稿页面之上添加丰富的动画。作为一款业界有名的设计动画工具,Principle在硅谷也是被设计师们广泛使用的。

【携程技术微分享】是携程技术中心推出的线上公开分享课程,每月1-2期,采用目前最火热的直播形式,邀请携程技术人,面向广大程序猿和技术爱好者,一起探讨最新的技术热点,分享一线实战经验,畅谈精彩技术人生,搭建一个线上的技术分享社区。

识别了语音之后,我们接下来要做的便是去获取与识别文字相关的音乐了。苹果自己就有这样的公共接口可以让我们使用。

梦圆皇宫围绕客户需求,帮助客户解决年轻化需求问题去选择最优质的的产品设备。梦圆皇宫坚持客户第一,站在顾客的立场,项目团队常把自己当成用户去挑剔产品、去体验产品。而据小编了解,他们有一套完善的项目引进流程,严格把控每个产品项目的质量。

至此,我们用Sketch和Principle完成了一款“声控”APP的原型prototype以及页面交互设计。主流程是,用户用手tap麦克风,麦克风旋转加上页面文案提示告知用户APP正在倾听用户声音,当APP解析到用户声音并找到相关的歌曲以后,将跳转到下一页显示歌曲的专辑图片以及播放一段音乐的节选。

实现的动画可以从以下的gif中看到。

在6月中刚刚结束的2016苹果全球开发者大会上,人工智能助手Siri又一次成为焦点。SiriIntelligence不仅已被加入到快速输入功能和照片应用中,苹果还将在iOS10版本中第一次开放SiriSDK给广大开发者们,使用户通过自己的声音与各种iOSAPP互动成为可能。

 测试demo没发现,看来是我哪块改错了。我知道是 $.bind(myScroller,"infinite-scroll",执行了多两次,但没有什么好方法,只能设置一个标志量了。

完成设计之后,我们将更换装备,用Xcode和Objective-C来开发这款智能音乐APP。我们将使用一款全新的移动端软件开发工具包资源来做语音识别,将我们想听歌曲的名字从声音转化成文字。之后,通过苹果的音乐搜索API接口来获取歌名的专辑图片和歌曲试听资源。

Sketch()是一款专为产品和UI设计师量身定做的设计工具,它在2015在设计工具中被评为APPoftheYear. 比起传统型的photoshop设计工具,Sketch更加轻量灵活,且价格便宜。

第三步为了能够是每次读取的数据不一样,还应该添加一个标示量。例如:第几页。

第二步发现读取数据的提示信息会出现多次?

服务是梦圆皇宫的重中之重。小编了解到:2011年起梦圆皇宫乙晴董事长就成为商务部服务贸易司司长指定的美容行业唯一标准制定的重要人士!2012年起,梦圆皇宫是行业商会指定的示范基地;2013年5月,在北京召开《美容院服务规范》新闻发布会。创始人乙晴作为一名美容行业引领者,编写由国家商务部颁布实施的标准有《美容院服务规范》、《美容行业星级等级评定标准》、《SPA服务规范》、《SPA磨砂技术规范标准》等,这些标准的出台填补了中华美业30多年以来无标准的空白。

安装成功后,还需要在Nuance的官网上注册一个开发者账号,得到访问服务器的URL地址以及一个APPKEY,在之后调用云端的语音识别服务时会用到。

至于每个页面中的动画交互,则是由基本的CABasicAnimation来完成。例如,麦克风图标的旋转动画的代码如下。

企业年会都大同小异,无异于总结、表彰和规划。那么一个美业的企业年会又会有什么不一样?

安装成功后,打开.xcworkspace工程可以直接通过以下的import语句来使用SpeechKit

祁一鸣,2016年4月加入携程,任机票研发部技术专家。毕业于美国常春藤名校DartmouthCollege本科,曾先后在硅谷的Oracle,Yahoo!和Salesforce总部效力过。从scratch到delivery完成过的最成功的产品是年销售额超1亿美金的商业社区网站模板。平时喜欢吃冰激凌和甜甜圈,也蛮喜欢上海野兽派的花。

第三个维度是:专业技术

https://itunes.apple.com/search?term=牛仔很忙&limit=1

专业技术是梦圆皇宫的灵魂,梦圆皇宫有一批技能出众的美容专家,手下功夫了得!据说,梦圆皇宫每年都会举办技能标杆大赛,旨在提高员工的专业技术水平,各种技能比赛提升员工专业技能,更好的为客户提供超越期望的服务价值。

下半部分以开发为主,用Xcode和Objective-C来实现APP页面开发。同时将用一款全新的移动端软件开发工具包资源来做语音识别,将我们想听歌曲的名字从声音转化成文字。之后,通过苹果iTtunes搜索API接口来获取歌名的专辑图片和歌曲试听资源。最后,将这些资源整合在一起,用精细的UI动画效果来开发完成这款声控音乐APP。

functionListCommon(detailItemIdField,detailItemTitleField,ajaxUrl,listPaneId,detailPanelId,listCommonVarName,uilistId){  varpageindex=1;  varisfinishread=true;  varmyScroller;  varpostInfo;  varDetailattrName="CurrentDetailId";  varfullAjaxUrl;  varcurrentObj;  this.updateData=function(){    pageindex=1;    if(!uilistId){            $("#"+listPaneId+".list").empty();    }    else{      $("#"+uilistId).empty();    }  }  this.GetPostInfo=function(){    returnpostInfo;  }  this.init=function(){       postInfo={      pageindex:pageindex,      fields:detailItemIdField+","+detailItemTitleField,      pageSize:5,      sortname:detailItemIdField,      sortorder:"desc"    };    currentObj=this;    if(ajaxUrl.indexOf("type=")0){      pageindex++;    }    vartext=""        for(vari=0;i1){      varlength=$("#"+listPaneId+".list").children().length;      if(length==0){        pageindex=1;      }      else{        return;      }    }    $.ui.showMask("加载数据……");    postInfo=currentObj.GetPostInfo();    postInfo.pageindex=pageindex;    $.post(fullAjaxUrl,postInfo,function(res){      if(res.IsSuccess){        addDataToBottom(res.Msg);      }else{        $("#afui").popup(res.Msg);      }      $.ui.hideMask();    },"json",function(){$.ui.hideMask();$("#afui").popup("网络连接失败!");})  }  }  

小编这时候不禁替同行朋友提问:在90%美容企业出现业绩滑坡的情况下,梦圆皇宫的业绩怎么做到业绩增长?而且超额这么多?!

第一步自然是研究demo了。demo一开始就有很多内容。

【上图】梦圆皇宫会所总经理汇报2016年上半年工作业绩汇报

第一个维度是:目标(业绩)

 经过测试发现可以改写方法 $.bind(myScroller,"refresh-trigger",function(){{就可以满足需求。

看她们叠毛巾比赛都这么专注~~

2016年7月13日,梦圆皇宫集团年中总结规划大会在深圳海景奥思廷酒店召开。梦圆皇宫集团董事长、引导美创始人乙晴及她的团队带来了这场不一样的企业年会。

关注携程技术中心微信公号ctriptech,获知更多一手干货。

【上图】为梦圆皇宫十多年研发的店务运营管理系统圆饼图,这套系统也是行业唯一。而据小编了解,如今,这些行业标准都被无私公开分享给到同行,并在行业盛行备受追捧。

改为($("#jiekuanshenpi.afScrollPanel"))就好了。

#p#分页标题#e#在下面的代码中,将SKSServerUrl和SKSAppKey替换成你账号里显示的数值。这段代码起到的作用就是建立一个语音识别的session,然后开始一个transaction去做automaticspeechrecognition识别手机设备听到的语音:

保存文件后,在本地App目录下,执行命令

Transaction成功以后的delegate回调方法里,我们只需获取recognition参数里的最佳text推荐,它便是对语音识别出最好的文字。

每一名员工来到梦圆皇宫,都要经过严格的技能培训,考核过关持证上岗。在平时的工作中,梦圆皇宫更是反复强化、反复训练、反复培训、反复考核,高标准要求,让每位员工都成为合格的美容专家。

第二个维度是:服务

第四个维度是:产品

官网上Scrolling写的很简单。但自己要使用,却得试验很多次。

首先我们在Principle里复制一张和设计稿第一页显示一模一样的Artboard放在第一页之后。当用户点击第一页中的麦克风图标之后,Principle将自动跳转到第二页,我们对相应的提示文案做修改,并实现一个新的动画:在第一页点击麦克风后,第二页的麦克风将围绕着图标中心旋转,以此作为APP正在倾听用户声音的提示。最后,当麦克风旋转的动画结束后,再添加一个自动跳转到第三页的动画,让用户看到搜索到音乐。三个页面的衔接如下图。

责编:

视频新闻

  1. 日本拟开发人工智能参与药品生产
  2. 2017江西招警考试申论热点:《新华字典》APP应开出亲民价格
  3. 美国食品药品监督管理局负责人:将放松对健康
  4. 腾讯首款万智牌手游《英雄战歌》上架AppStore
  5. 宁夏积极推进依法治理民族事务努力提高民族工
  6. [及时点]《新华字典》APP只让每天免费查两个字,穷疯了?
  7. 近千款安卓APP被植入恶意程序
  8. 甘肃工业职业技术学院互联网+各专业电商特训海
  9. 江西应用技术职业学院学生代表大会三届二次全
  10. 汉中职业技术学院承办的退役士兵订单培训班顺
  11. 北京科技大学副校长王维才一行来新疆昌吉职业
  12. 江西应用技术职业学院举办荧光夜跑活动