设计与开发的基本模式.ppt

* * * * * * * * * * * * * * * 回顾 屏幕大小 – 输出设备不同制式 屏幕大小 – 复杂性 屏幕大小 － 复杂性 解决方案1 － 缩放或留黑 解决方案2 － 截取部分/中间摇摆 解决方案3 － 做最大幅面的 解决方案4 － 做多套 问题到了 Microsoft 呢？ 解决方案 － 纯色、纵向菜单 Media Center Edition 更好的方案呢？ —— XBOX 范围突破带来的震撼 – XBOX/XBMC 范围突破带来的震撼 - XBOX “X”型的界面造型，使得边界的约束变得没有意义，从而突破了“内容表达的范围”，带来了全新的体验。 焦点向性 单一向性 焦点向性 多向性 焦点向性 自由向性 焦点的局限 我们的视觉焦点只有一个！ 问题到了 Microsoft 呢？ 焦点引导的突破 - XBOX 焦点引导的突破 – 页签问题 焦点引导的突破 – 手势 学习——看到本质 YUI 是怎样炼成的？ YUI Core: The YAHOO Global Object DOM Collection Event Utility YUI Library Utilities: Animation Utility Browser History Manager Connection Manager (for XHR/Ajax) Cookie Utility DataSource Utility Drag and Drop Utility Element Utility Get Utility (dynamic script/css loading) ImageLoader Utility JSON Utility Resize Utility Selector Utility The YUI Loader Utility YUI Library Controls/Widgets YUI Library CSS Tools YUI Developer Tools 界面内容 交互行为 应用数据 包含界面开发时的层次模型 单一模块 支撑 抽象层 逻辑层 业务逻辑 动作分派 界面切换 界面层 界面控件 界面实现 界面控制 数据层 数据处理 数据 私有数据 前端开发的基本模式 UC->UCC UI Control Client Server LocalData RemoteData Control Context 算法/逻辑 结构/数据 客户端 服务端 前端 Effect Experience U=E2+C2 算法/逻辑 结构/数据 Q3 《改变世界的101个小发明》 * 《改变世界的101个小发明》 /1/wlys3.htm /s/reader_53742bef010009ky.html ARPA：美国国防部高级研究计划局 CSTNET:中国科学技术网 CerNet：中国教育科研网 ChinaNet：计算机互联网 Genet：中国金桥网 罗伯特-卡恩(Robert E. Kahn)博士 － “网络控制协议”(NCP)，网络通讯最初的标准 － ArpaNet网络系统设计者 － TCP/IP协议发明者之一 * /ncnew/n15.htm 1945年8月份Vannevar Bush在Atlantic Monthly杂志上发表了一篇题为“正如我们所想到的”的文章，预言了文档信息的电子化链接。 超文本(Hypertext)这个术语是Ted Nelson于1965年首创的，它通常是指不局限于线性方式的文本。 超文本最早是由鼠标器的发明者Douglas Engelbart和Ted Nelson付诸实现的，1967年Nelson他把实现分布式超文本的计划命名为Xanadu。 /Protocols/HTTP/HTTP2.html /Press/Stock/Berners-Lee/ Basic HTTP as defined in 1992 /wiki/CSS 1994年哈坤·利提出了CSS的最初建议。伯特·波斯（Bert Bos）当时正在设计一个叫做Argo的浏览器，他们决定一起合作设计CSS。 * Jerry's Guide to the World Wide Web * * * 前端设计与开发的基本模式 周爱民 关于我 周爱民(aimingoo) 软件工程 平台架构 开发语言 aiming@ 问题 WEB内容的核心模式 WEB为什么成了2.0 功能设计的核心模式是什么 前端开发的基本模式 从源说起 追本穷源，互联网之父 1969 ARPA (4台计算机) 84 APRA网时代结束 The Internet ... 1973-79 TCP/IP协议 NSFNet 1983