童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Web应用程序的开发步骤

1月1日 九阙忬投稿
  如今已进入了web2。0高速发展的互联网时代,各种互联网的Web应用程序如雨后春笋般出现。那么作为一名Web开发人员,怎样去开发一款优秀的Web应用程序呢?这个问题没有一个简单的答案,甚至那些教育机构都未必能清楚的知道。所以,像大多数在这个领域里的web开发人员一样,我们只是通过去做,去实验才学会了这些。没有人告诉我们如何去做,我们从给自己做点什么东西开始,学会如何开发web应用程序是在这个过程中的一个副产品。这是学习任何语言的一个非常有效的方法。
  Web应用程序与网站之间的区别
  首先,我要说明,开发一个web应用程序跟开发一个网站是不一样的。虽然在总体上有很大相似之处,但开发它们所需要的时间有巨大的差别。那究竟web应用程序和网站有什么不同呢?通常,维基百科能帮助我们解释这个问题,让我们来看看维基百科是如何定义应用软件的:
  应用软件,通常也被称作应用,指的是专门为帮助用户去执行一个或多个相关特定任务而设计的计算机软件。企业软件,会计软件,办公套件,绘图软件,媒体播放器等都属于这种软件。
  跟应用软件相对照的是系统软件和中间件,它们管理计算机效能,管理如何跟计算机集成,但通常这些工作并不会直接反映到使用户受益的任务执行上。举个例子,一个不是很恰当的实体类比,应用软件跟系统软件之间的关系就好比一个电灯泡和一个发电厂之间的关系,发电厂(系统软件)只是产生电能,它自己没有任何真正的用途,除非利用一个电灯泡这样的应用工具才能为用户提供服务。
  Web应用程序的开发过程
  现在特征已经弄清楚了,我们就可以开始定义开发一个web应用程序的整个过程了。当然,这依赖于工程的大小,过程中的某些步骤可能很小,在你的脑海里就能完成这种工作,但把事情整个的了解一下总是有好处的。同时还有一点很重要的你要明白,这篇文章并不会对每个步骤进行深层次的描述。
  步骤一:分析
  开发一个web应用的第一步是分析你的需求。你此时应该定义出一个尽量周全的你的应用应该提供的功能清单。如果是你为一个客户做这些工作,你需要明白他们想要什么(要确保你们对方都知道对方在说些什么)。从你们的讨论中,你能总结出需求和软件规格。你即使是为自己开发,我也建议你把希望这个web应用能够做的功能写下来。
  步骤二:设计
  一旦你弄清楚了这个web应用需要做哪些事情,你就可以开始设计了。这个步骤通常会反反复复进行很多次,每一次都把设计细化一些。你第一要做的是画出页面流程图(画在纸上,或使用软件工具,凭各自所好吧。我喜欢用纸,这样我可以做更快速的改变)。页面流程图通常是很抽象的黑白绘画,画出你将要实现的web应用的样子(你可以加一些色彩,但尽量保持简单)。
  这个步骤能够让你知道你的应用最终会是个什么样子。跟37signals倡导的相反,我建议使用一些词语描述,适度细化。当我想到一个很好的想法时,或想到事情该如何做时,我会把它标注到纸上(例如,当点击这个按钮时应该使另外一个元素改变或隐藏,我会把这写在流程图上)。
  当你对做出的草图满意后,你可以开始制作实体模型了。
  实体模型仍然是些图案,但有色彩和细节。最终的实体模型看起来应该像你将要实现的web应用的一个截屏图。如果你为一个客户开发,他会看看这些东西,并给你他的认可。然而,很多人都喜欢跳过这一步(大多数都是非设计人员),他们喜欢直接奔向网页原型。
  原型是用HTML开发出来,使用CSS渲染(有时也是有Javascript)。页面布局要做出来,链接能够点,颜色,字体,字体大小要设定好(如果你做了实体模型,这个会很容易)。这一步非常的重要,因为这里所有的东西都能用于你最终的应用中。如果允许的话,在你的原型上做一些可用性测试,从长期的效果来看,这能使你避免大量的失误。
  在这个步骤的最后,你基本上就知道了你的web应用是如何组织到一起的了。登录页面有些什么,用户如何从主页转向到各个页面。
  步骤三:实现选择一个框架
  现在我们已经知道了要去开发什么东西,那就要把它做出来。这一部分的工作很多,你大部分的时间都要花在这个上面。你第一个要做的决定是如何着手,采用什么样的技术,什么框架。你有很多选择的余地,你需要选出一个适合你的。下面是一个最常用的框架的列表:
  ASP。NET
  PHP上的任何一个流程的框架
  PythonwithDjango
  RubyonRails
  没有一个明确的标准说哪个框架最好。它们都各有不同,每个都有自己的长处。最重要的是你要知道它们任何一个都能让你开发出好用的web应用。
  开发
  一旦你知道了如何去开发,那就要甩开臂膀开干了。这个开发工作可以看作有很多块,但说到底,这都是标准的编程活动了。在后台,你要创建类,对象,服务,过程,以及持久层来把这些对象保存到数据库中。后台是整个应用的核心,对任何应用来说,它跟普通的编程没有什么区别。接着是前台的开发,你现在编写的代码才是真正给用户使用的操作界面。你把后台的程序和原型界面集成到一起,把系统各部分集成到一起。你还可以把你在开发过程中想到的一些很炫的小功能用JavaScript实现。
  再说一次,有很多种途径可以实现后台程序。建议你去读一读跟你选择的框架相关的资料,弄清楚如何实现这一部分的工作。通常,这些知识会跟面向对象编程有关,但有些框架正在慢慢的向领域驱动设计发展。
  步骤四:打磨抛光
  现在应用程序已经开发出来,各个独立的模块也集成到了一起。你需要通过测试来确保你在步骤一中定义的需求和软件规格是否被实现(这个问题在你开发的整个过程中都要记在脑中)。你要确保那些愚蠢的用户不能通过试图做一些你还没有实现的操作而把你的应用弄坏(参考白盒和黑盒测试)。你同时还要确保你的程序能够在各种浏览器里(希望不是IE6)都能正确的运行。
  现在也是你做一些小的调整,改进你的应用程序给人的感觉的时候,让它趋于完美。
  步骤五:发布和后续工作
  这最后一步(但不是就此完结)是发布你的应用,让用户能够真正使用它(如果这个应用是个公众开发的应用,别忘了做新闻宣传)。如果你愿意,先发布一个Beta版,这样只有一小部分用户能够发现你的应用里的大问题(因为你的程序里肯定会有bug),他们会帮助你改进程序的质量。不要忙着增加功能,要专注于把你目前的程序变的稳固。
  当经过了beta阶段,你的程序已经变得十分的稳固,听取用户反馈的意见,自己试用一下自己的应用,你可以开始思考如何使应用变的更好。找出不和谐的地方,消除掉。以后每次的迭代都要经过上面所说的五个步骤,但就像我最初说的,你现在已经有了一个可以运行的应用程序,你很容易直接在心里完成这些步骤,直接奔向在代码里测试你的功能。
  恭喜,你已经自豪的成为一个web应用程序的作者了。
  英文原文:Howtodevelopwebapplications
  中文翻译:晨露博客雷锋网投稿
投诉 评论 转载

关于诺基亚N9手机第三种交互方式的思考和再设计N9公布后,让我对Nokia的系统有了不小的改观,花了几天时间琢磨了一下N9的设计,感觉这一次Nokia在UI和交互上花了很多心思,屏幕外框感应区给传统的手机UI带来了新的交互……行为地图在可用性研究中的应用探索概念实战一、概念篇传统行为地图(BehavioralMapping)的概念及应用范围一种从时间和空间角度,系统的观察研究行为的方法。而这种从时间和空间角度还可以有两……争夺移动设备端的注意力依然记得很多年之前在《读者》上看到“注意力经济”这个新名词时,它带给我的惊奇和震撼。注意力经济似乎预示着一个新的时代的到来,从有限的物品时代到无限信息时代。在这个过程中,人的注……产品的工具化与社会化迷思近来十分火热的Google1,重新引爆了Google的社会化热情,也让我们重新审视起了这个问题,为什么强大如Google,竟然在这么多年的时间里,都难以在社会化网络的方面有所作……通过分析设计的方法验证交互设计价值奇遇首发于昆仑用户体验团队博客,转载请注明。一、为什么需要数据验证?“天天看到你们也挺忙的,但是怎么衡量游戏的用户体验提升了多少?”是的,高层对战略方向关注的……Google项目负责人分享产品细节TechCrunch的资深记者MGSiegler上周预先专访了(或许是被约谈)负责Google项目的两位高层VicGundotra和BradleyHorowitz。按照他们的描……MIUI评测:iOS身,Android心百度要推出自己的移动操作系统,江湖传闻叫“秋实”。我们这里老调重弹,回过头温习一下同样基于Android的人气很高的MIUI。MIUI是一款很养眼的AndroidROM,借鉴了……我怎样做交互交互设计师到底是需要做什么?尽管很多谈及交互的书上都已经回答过了:发现用户需要,建立明确需求提出设计方案制作设计原型用户测试和评估还是有很多……Web应用程序的开发步骤如今已进入了web2。0高速发展的互联网时代,各种互联网的Web应用程序如雨后春笋般出现。那么作为一名Web开发人员,怎样去开发一款优秀的Web应用程序呢?这个问题没有一个简单……八大Android土鳖设计从Android诞生的那天起,这个可爱的小机器人凭借的开源的力量,硬是把iOS挤下市场占有率第一的宝座。虽然数字占优,但大众的心理中,iOS始终才是最佳体验的移动平台。诚……靠谱的创意!最近在做移动客户端的线下广告中发现作为门户网站的我们,多数的产品是线上产品,并且一直以来的产品广告形式是以形象展示为主,消费者通过广告对网易的直观感受总是一种很有科技感的、有强……用户行动轨迹设计杂思最近关于LBS是否有泡沫的争论此起彼伏,尤其是对Color模式质疑,甚至传出了国内某某基于Foursquare签到模式的LBS公司要大规模裁员的消息。毋庸置疑的是,LBS是整个……
Keep产品分析数据陡增背后的产品逻辑以Airbnb等平台为例,探索互联网短租市场的未来腾讯视频产品体验报告:背靠腾讯的腾讯视频,是如何面对火热的平从手表端和手机端,深度解析智能手表产品及其需求PRD习作“轻轻说话”产品需求文档伪考拉理财诞生记:小型理财产品,如何定位自己切入市场?从0到谈谈红包类产品的设计之道(竞品分析)飞行信息类竞品分析:基于大数据的航旅APP,是如何优化用户出三个回答,解读网易云音乐为什么要设计三个推荐功能微信读书VS网易蜗牛读书:一份深度的移动阅读应用竞品分析从产品角度浅析,听书软件为什么一直不温不火?分答曾红极一时,却又淡出了用户视线,为什么?
种桃吟舒适造句用舒适造句大全青岛疫情会不会封城鸡蛋煲当归的功效灵川县征地补偿标准是什么变高中作文800字小学作文学习计划女性每天吃点叶酸,坚持半年时间后,身体会有哪些变化?陕西西安马智荣原创中秋雨捷克科研团队开发新型分子编码方法一次看完农尚环境财务分析202209高铁16分钟可直达,成都周边的宝藏小城,景美人少不买门票

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界