cnschema 网站设计

[lidingpku]

目标： 给出cnschema第一期的网站设计，支持6月底网站上线

关键结果

1. wireframe， 网站页面交互逻辑设计（有几个网页，每个网页有哪些元素）
2. 网站页面渲染布局
3. 网站页面开发

详情

结合前期的讨论，我们形成了cnschema服务主站的MVP版本规划：初步版本希望能够保持与schema.org的连接，贡献整个社群。同时，针对中文服务的特质，加入了对更多schema来源的整合，优化搜索体验，提升已有schema的复用性。 有可能的话，开发的静态页面反向输出给schema.org作为官方静态页面

核心功能描述如下：

• 参考 schema.org 的概念页面和部分文档页面，保持基本布局
• 概念页面，增加中文翻译，中文化（原文对应，原始链接），wikification 对接wikipedia
• 概念搜索， autocomplete, search
• 技术文档，关于cnschema的编辑与使用
• 社区文档，关于cnschema社区的人员与协作
• 项目文档，关于cnschema的应用

[athoo]

0615

产品YPJ和设计XY进行了网站的第一次设计讨论，形成了网站基本结构的wireframe以及sitemap。 设计正在进行wireframe电子化和注解的工作，作为下一步low-fi设计的基础准备。

[lidingpku]

网站页面交互逻辑设计第一稿，征求意见中

website-cnschema-20170620.pdf

[athoo]

页面内容包括：

1. 项目
   1. 项目列表
      1. 正在进行
      2. 计划中
      3. 已完成
   2. 已完成项目详情, Markdown格式文章-供页面渲染使用
      • 简介
      • 作者（们）
      • 项目主图
      • 项目详情描述（支持更多图片）
2. 文档（附github issue 讨论链接）
   1. FAQ
   2. 入门简介
   3. 设计需求与应用场景
   4. schema数据模型
   5. schema使用指南
   6. 应用开发流程
3. 关于（单页？）
   • 理念
   • 团队
   • 招募
   • 组织关联
   • 联系方式
4. 概念 （ 分类和属性）
   1. 概念列表
      • 链接
      • 简介
   2. 概念详情页（中英文混合）
      • 概念简介
      • 概念相关概念（外链,wiki）
      • 概念使用统计
      • 概念属性说明
      • 概念讨论（外链GitHub）
      • 概念实体例子

[lidingpku]

新的界面设计 https://drive.google.com/drive/folders/0B3oBHpezdq19dFN6aHVWQ09tNE0

[lidingpku]

单页

• http://cnschema.org/data/Person.json
• http://cnschema.org/Person
  • 渲染方法 https://github.com/cnschema/cnschema/blob/master/templates/page.mustache

词汇表

• http://cnschema.org/docs/vocab.htm
• http://cnschema.org/docs/vocab.json

API

• http://cnschema.org:18080/search?q=shop&offset=2
  • q 查询参数
  • offset default=0, 从0开始
• http://cnschema.org:18080/autocomplete?q=sh
  • q 查询参数