这个项目自发布需求、活动原型图交付、修订需求、测试、修改、再测试通过上线可谓旷日持久。回过头来看整个项目工期主要卡在活动原型图交付这儿。而为了避免项目上线最后开发赶工期,在这次获取需求的情况下,先对除了需要图以外的模块进行了开发,并调通接口,从而在得到图之后快速完成需求。而深挖这个项目,可追到爱奇艺与华为合作交付没有顺畅达成,才促使一系列后期延期。

    再拿原型图交付、修改需求、测试、修改、再测试上线这几个流程来说,每个环节对需求认识不同,就会做出一定的需求误判,而流程图及原型图又不能兼顾到诸如页面跳转传参数等细节问题。

    所以回头来看,整个项目主要依赖于三点:产品对整个项目的进度把控、各个成员的丰富项目经验与项目成员间高效沟通。而对于产品来说,进度把控主要从项目上线日期来说,这就容易造成各成员间“时间竞争”的发生,这里时间竞争类似零和博弈。在整体进度不好把握的情况下,项目所依赖的后两点就尤其重要了。

   首先说说丰富的项目经验,乐帝所从事移动端web开发,做的活动界面类型比较固定,经过积累对于活动的逻辑、页面的布局、组件、具体技术、用户的体验,都有一个逐步熟练的过程。这个过程中,效率可以越来越高,体验越来越好。可以做到给乐帝一个活动标题,乐帝策划出一个用户活动的地步。这个能力关键在于胸有成竹,不同的是只是需要输出的过程。

   乐帝目前开发,首先做的是按照流程图和逻辑图理清楚逻辑关系,以及流程或者原型图存在的逻辑问题,并向产品及视觉设计师反馈问题,当逻辑理清楚以及相关项目材料准备充足了,一切只是把胸中的逻辑,输出出来:结构、布局、交互、适配,一条龙下来。这其间会遇到一些新的问题,而这些问题也同时是技术精进、效率提高的机会。所以现在乐帝会有这样的观念,当没有想清楚就不要做,因为需求不明确的房子,盖到一半很可能需要推倒,重盖,这就很消磨一个人的意志。

   其次是沟通的问题。最近看文章《软件开发究竟是“难”还是“复杂”?》里面提到:软件开发的难度更多的类似于后者,表现为繁杂,而不是类似于前者表现为“搞不定”或“做不出来”。

前端开发表现出来的也是繁杂,这里的繁杂主要体现在三点:

  • 涉及技术的繁杂。诸如js、div+css、ajax、php、mysql等。
  • 涉及个人多方面如审美、设计能力的繁杂。
  • 沟通方的繁杂,这里沟通方涉及产品、后台、测试、客户端、甚至运维。

就拿今天举例,早上开始工作收到测试对页面长篇大论的测试结果,测试结果包括IPad、Android、iPhone三个终端,18条测试问题。这个问题数量真是吓到乐帝了,乐帝开发的界面是有多么“大逆不道”。

   乐帝首先做的是将问题分类:

  1. 后端接口提供是否完备。
  2.  基本跳转逻辑问题。
  3. UI适配问题。
  4. 后台数据展现到页面位置,初始化数据的问题。
  5. 后端需要处理的逻辑问题。
  6. 测试不了解的用户体验背景。
  7. 客户端设置问题。

   对问题进行分类后,就能针对性的处理:

  • 1、2两类问题需要与产品协调解决。
  • 3、4问题可以在开发中做到提前预防。跟测试沟通,适配阶段借其真机适配,确定后他展现初始化数据。
  • 5.则需要和后台沟通处理。
  • 6.则需要向测试人员说明,此用户体验的逻辑。
  • 7.则是向产品反馈,暂时不能处理。

  有了这样一个分类及处理问题的策略,剩下的只是按照流程完善自己的开发任务:

  •   整个项目逻辑在项目前期评估阶段找出问题,向产品协商解决。这里特别注意解决无数据集跳转过程的逻辑问题。
  •   各种接口在交互阶段调通,与产品、后台沟通好。
  •   UI适配阶段优化:适配阶段向测试人员借Android、Ipad及Iphone测试,测试时需要将所有隐藏的内容一并测试比如弹出框和读取后台数据部分的展现位置。

   做完以上三点,测试给找的“麻烦”基本上少了一大半,剩下的则是需要再针对沟通解决了,这里就不难发现前端处于开发的十字路口,与各个同事沟通对整个项目顺利进行有着重要推动作用。整个团队沟通成本低的话,开发效率与质量就直线上升了。

   说了这么多,来看看本次华为爱奇艺手机活动的效果图:


   立即领取按钮点击后,会进入一个显示优惠码的页面,这个页面有个功能叫一键复制,与前端斌哥研究了下。采用一个复制插件:

<span style="font-family:FangSong_GB2312;">$(document).ready(function() {var clip = new ZeroClipboard($("#copyDom"));
});</span>
<span style="font-family:FangSong_GB2312;"><input id="targetDom" type="text"/>
<button id="copyDom" data-clipboard-target="targetDom">copy</button></span>

实现类似于一般jquery插件的使用,获取操作的dom对象、设置目标对象。这里的区别仅在于多出来一个透明的flash浮层用于抓取被复制内容。虽然可以在各个pc浏览器实现,在移动端这种解决方案还是抛弃了,flash在移动端已经没有容身之地了。这个需求与产品协调除去了。

   另外一个需求是测试提出来,上图活动规则的图标会在android端进入页面时,图标先变大后变小,与斌哥沟通指明用背景图做可解决。乐帝于是循着此路查到background-size,这个css属性可以根据外层容器大小自动调节图片大小。

background-size:contain;

这几周同时还在忙于夕阳再晨网站的开发工作,在小米加步枪的时代,没有美工、没有产品经理、靠着自己的思考对原有网站需求进行“极简主义式”的削减,终于到了写模板的阶段:36kr及多贝网的图文展示都成了乐帝开发老年学堂和志愿者学堂模板的地方。这种小作坊般的开发比较有挑战性,从规划到执行都要做,对各方面能力提高非常有帮助。

在偷学36kr图文内容布局的时候遇到了浮动子元素撑不起外层div的问题。这里给了一个非常好的解决方案。这里乐帝比较喜欢第三种解决方案。

 <div id="div1"><div id="div2">two</div><div id="div3">one</div><div style="clear:both"></div></div>

只是添加一行div,对style没有额外要求,第一种和第二种乐帝都会担心有连带问题出现。

今天的成果就汇报到这里。

ios客户端发现_华为爱奇艺手机活动开发总结相关推荐

  1. ios客户端发现_动画屋活动获奖展示和获奖模块开发总结

       最近在看<web2.0策略指南>,开篇即对flicker的DVD租赁业务模型进行分析,目前看来这样的商业模型仍然很强大,而自去年纸牌屋后,flicker又引领了一股自有内容的热潮,湖 ...

  2. 100+V6(爱奇艺手机) root教程_方法

    100+V6(爱奇艺手机)的root教程在这里整理了一下,之前有机友说自己的手机想删除系统自带的一些无用软件,可是怎么也删除不了,所以需要先进行root才可以删除,不然的话是 删除不了的,这个方法也是 ...

  3. 手机爱奇艺html5,爱奇艺手机会员能在电视上用吗?解决的两种方法

    爱奇艺手机会员能在电视上用吗?有些小伙伴喜欢在电脑上观影,这样屏幕更大,观景感更好.就有网友问能不能用爱奇艺的VIP会员在电视上播放,如果是黄金VIP的话是不能在电视上播放的,那应该如何解决?有两个方 ...

  4. ios客户端发现_世界杯送流量活动项目总结

       世界杯如火如荼的进行,视频网站类似于门户网站,需要快速根据外部环境更新内容.产品经理需要策划活动,并安排实施.这个活动就是在这样背景下产生的,爱奇艺与运营商合作,实现双赢.爱奇艺可以通过运营商向 ...

  5. python人工智能面试题爱奇艺面试题_【爱奇艺Python面试】爱奇艺大数据面试 python-看准网...

    爱奇艺大数据面试 python 通知的今天上午11点爱奇艺一轮面试,今天!周末!周末!周末!竟然还要面试,内心很无语,上个星期人家腾讯还是周一面试呢,但是,想想宿舍的一个小伙伴今天上午9点半的面试,庆 ...

  6. 爱奇艺手机html页面,手机爱奇艺弹幕消失了

    为什么我的爱奇艺弹幕没有了,是什么问题?是手机 为什么苹果手机上爱奇艺没有弹幕开关的设置按钮了 爱奇艺的那些评论和弹幕我怀疑就是他们工作人员或视频节目组人员发的,一般观众的根本不可能让你发出来,太恶心 ...

  7. 爱奇艺 iqiyi 视频开发与托管(图文教程) - 教程篇

    爱奇艺视频开发与托管 (凭密码 观看) 一.教程详情: 打开网页:爱奇艺视频开发者中心,进入下面的页面. (如上图所示),点击"视频托管",进入下图所示页面: 注册成功之后,自动登 ...

  8. 爱奇艺手机客服端储存的视频,如何在手机文件夹里面找到啊?

    网上许多教程都过期啦.不过方向算是正确的! 先说在哪里:内部存储设备\Android\data\com.qiyi.video\files\app\download\video 里面数字命名的文件夹,打 ...

  9. 突发!爱奇艺崩了!小米电视崩了,韩剧TV也崩了?爱奇艺回应:正全力解决...

    点击上方"阿拉奇学Java",选择"置顶或者星标"  每天早晨00点00分, 与你相约! 来自:21数据新闻实验室(叶映橙).新浪微博.网易科技.公开信息等.  ...

  10. 爱奇艺App架构升级之路——64位适配探索与实践

    背  景 随着手机硬件的不断发展,近两年的新式手机已经全部采用了64位CPU,64位真的比32位快吗?实际上32位和64位的差异主要体现在内存寻址上,32位最高只支撑4GB内存,而64位则能够最高支撑 ...

最新文章

  1. 教你写一个可以找到.m文件所有接口名的命令行工具
  2. Analysis of the Clustering Properties of the Hilbert Space-Filling Curve 论文笔记
  3. 三个简单工厂实例 - C++实现
  4. Ubuntu/Fedora 编译内核教程
  5. 【iOS 开发】使用 iMazing 进行沙盒调试
  6. 这七种回归分析技术,学了不后悔
  7. SQL实现当前行等于前面两行数据之和
  8. 释放虚拟GPU力量 NVIDIA 加速企业远程办公生产力变革
  9. Nginx整合tomcat,实现反向代理和负载均衡
  10. win 10 配置docker 阿里云 加速器
  11. POJ 2871 整数奇偶排序
  12. 使用Python Seaborn和Pandas进行数据可视化
  13. Word没有到一行自动换行如何解决
  14. BZOJ1877 [SDOI2009]晨跑 【费用流】
  15. 怎样提升小程序UV访客,快速开通流量主!
  16. 软考(网络工程师)-必备网络知识(笔记二)
  17. 求生之路服务器租用配置要求介绍
  18. SkyForm CMP同Mirantis OpenStack兼容测试
  19. aws mysql 费用_AWS 免费一年套餐详解
  20. 计算机上应用锁,电脑怎么设置软件锁

热门文章

  1. vue项目启动后,页面显示空白
  2. 信息系统项目管理师-常见计算题考点汇总
  3. ubuntu-创建桌面快捷方式
  4. python 拼音库_改造Python中文拼音扩展库pypinyin补充自定义声母全过程
  5. 计算机的声卡怎么安装教程,图文详解如何安装声卡驱动_给电脑安装声卡驱动的详细教程...
  6. cnckpi绩效考核模板_综合绩效审查模板
  7. 将内存FFFF:0 ~ FFFF:F 内存单元中的数据复制到 0:200 ~ 0:20F 中
  8. 基于MATLAB/Simulink的电力电子电路仿真技术——直流降压(Buck)变换器及Powergui的使用
  9. 工业物联网IoT平台建设方案
  10. 我是如何学习游戏引擎的?