Direkt zum Inhalt springen

17.05.2017 | Ralf Hettinger

TYPO3微型网站。"创造性的乐趣"

  为 联邦家庭事务、老年公民、妇女和青年部2016/2017年新版手册 Gutes Aufwachsen mit Medien - Ein Netz für Kinder (Growing up well with media - A network for children),我们设计并开发了微网站Kreativer Spielspaß(创意 fun),供4岁 至10岁 的儿童使用。

该项目是由我们的客户委托的 jugendschutz.net他制作了这本小册子并监督了其内容。

到微信公众号:
http://www.surfen-ohne-risiko.net/kreativ/www.surfen-ohne-risiko.net/kreativ

项目历史

2016年8月

该项目从相关参与者的头脑风暴会议开始。除了客户的想法(在内容上仍然相当抽象),即能够在一个在线目录系统中为儿童提供创造性的在线服务,到目前为止,只知道上线的大致日期。联邦家庭事务、老年公民、妇女和青年部的新版手册 "与媒体一起健康成长--儿童网络 "最迟将于2016年11月出版。由于微网站将在其中被提及,所以它必须在那时上线。 

该框架的要求是

  • 遵守 "与媒体一起健康成长 "倡议的风格指南
  • 目标群体的家长和教育工作者提供游戏和结构化的访问,但不要太过游戏化。
  • 在所有的设备上,特别是智能手机上的展示都很有吸引力。

通过与我们的设计伙伴Kontext Kommunikation的密切合作,我们制定了用户指导和功能的基本概念。经客户批准后,我们为此创建线框。这些都要经过一个修正循环,并由客户释放。设计伙伴在8月底开始根据我们的规格设计布局。


2016年9月

设计成形了。对尽量减少意外结果很重要。客户为我们提供内容的真实数据,这样我们就不必在版面上使用样本内容。图标是根据 https://www.gutes-aufwachsen-mit-medien.de/Gutes Aufwachsen mit Medien这一倡议的CI创建的。颜色、形状、字体和内容图像的安排。

与此同时,开发工作也开始了: http://www.surfen-ohne-risiko.net/ Surfen ohne Risiko现有的TYPO3系统的后台,即微网站的技术位置,已经完成了数据维护并初步填补了测试。对桌面导航概念的不寻常的用户指导的前端原型进行编程,以排除有关可行性的不确定因素。


2016年10月

布局被释放。现在可以有针对性地开始实施各个前端。在实施过程中,有关过滤功能的最终细节将与客户达成一致。 


2016年11月

2016年11月8日,初步完成微信公众号,内容填充到我们满意的程度。经过短暂的测试,客户也发现效果不错。进行了一个beta测试。客户将初步的微网站转发给选定的测试人员。反馈普遍非常积极。

最后发现并纠正了一些错误,并对测试人员建议的一些新功能进行了技术上的改造。由于我们在过去几周也已经熟悉了客户的内容目标,我们也在提供编辑支持,目的是为了满足最后期限:我们正在交换个别图片和文字,以便在内容上达到一个一致的整体画面。

该微网站将于2016年11月29日上线。

服务

  • 概念。
    • 将内容理念转化为创新的操作概念(页面导航和搜索功能)。
    • 创建线框图
  • 协调。
    • 设置和监测时间安排
    • 协调设计伙伴
    • 与客户的编辑团队进行协调
    • 伴随着修正运行和批准
  • 技术实施。
    • 在现有TYPO3系统中建立编辑部后台
    • 以Extbase为基础,用单独编程的TYPO3扩展实现输出(过滤器、列表、详细页)。
    • 在前台进行jQuery编程。注重技术的可用性(如过滤功能)和性能(如AJAX页面重载)。
    • 建立完全可扩展的布局:响应式网页设计,可流畅地适应各自的宽度 高度。
    • 流行语:
      SVG-Sprites, AJAX, Extbase, Above-the-fold Inline CSS, Viewport Sized Typography, Vertically Responsive Design.