远程协作社交网络.ppt

（1）Good: 风云榜、分类信息、许愿墙、印象、礼物、日历 （2）Okay： 有不少游戏插件及影视频道，慎重发布 （3）debugging: 即时聊天 2nd : 添加插件 3rd : 网络地图 远景： Mapping long-term/instant information of USTC into one map. 阻碍 So much work（美工，信息） So little time SNS展望 未来的主流 百家争鸣 * * 远程协作/社交网络 左元 侯佳礼 王洋 郑海天 2012/6/3 工作变迁 从项目开始到结束我们经历了工作上的变迁，从远程协作到社交网络 远程协作 调研 问卷调查 采访 远程协作 总体设计 协作 共享 远程协作 同类产品的比较 Google Docs DropBox Liser …… 社交网络 社交网络是当前最火的web产品 我们遇到的问题 时间紧急：前期的调研工作因题目更改变得没有价值，需要重新调研 经验缺乏 解决之道 他山之石可以攻玉——利用开源项目 自己动手丰衣足食——自学php、javascript、html、css 任务分配矩阵 Zy Hjl Wy Zht 服务器相关 √ √ 入口页面network √ 个人空间 √ √ 聊天系统 √ √ 网站地图 √ √ 群组创建 √ √ 视频录制 √ 技术文档 √ 插件相关 √ 时间轴 总体设计 UChome开源项目为我们提供社交元素和完整的框架 系统如何构建起来的 MVC设计模式 分级的系统流程控制 可扩展的API 什么是MVC模式 模型（M）：负责数据库访问、控制。PHP+MySQL 视图（V）：内容如何显示给用户。html+javascript+css 控制器（C）：负责调度，实现数据与显示的融合。PHP 核心是内容与实现分离 模型－视图－控制器（MVC）是Xerox PARC在八十年代为编程语言Smalltalk－80发明的一种软件设计模式，至今已被广泛使用。 Html Javascript csss PHP PHP SQL 分级的系统流程控制 控制器（C）利用PHP代码实现分级的流程控制 space.php space.php?do=home space.php?do=homeview=me 可扩展的API 一个有前途的系统必定要是一个可扩展的系统，个人认为UChome的可扩展性不怎么好，为什么？ 面向对象（OOP）才是主流！ 社交元素 状态 日志 相册 社交元素 好友 群组 跳蚤市场 出国考试 天文爱好者 …… 社交元素 为新生寻找老乡 老乡是刚入学时最亲的人 社交元素 为新生入学提供指南，帮助新生了解注册流程 社交元素 生活很精彩， 更要懂得分享 聊天系统 iWebIM插件 解析过程 效果 聊天功能？ 一种想法：定时刷新 过于低效！！ 另一种想法 新技术：WebSocket MVC: View@Browser MVC: Controller@Server MVC: Model@Database 1st : 美化主页 任务分析： view @ browser User experience 语言学习： 静态网页(html) ~ 网页的骨架 网页装饰(css) ~ 网页的皮肤 动态网页(javascript) ~ 网页的膝跳反射 1st : 美化主页 工作结果 网页左侧：导航栏 人脉/资讯/活动/应用/系统 网页右侧：常用栏 搜索朋友/老乡 系统消息/通知 提供了Top, Share，RSS…快捷键 优化了网站动态的展示效果 2nd : 添加插件 任务分析: 挖掘用户需求 简化用户操作 增强用户交互 语言学习 数据库(mysql) ~ 网站的记忆 PHP ~网站的大脑 2nd : 添加插件 存在的问题 数量有限 品质良莠不齐 可能版本不兼容，不再更新 解决的方法 去粗取精 Debugging… * *