整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JavaWeb01轻松掌握HTML(Java真正的全栈开发)

取更多资源加微信公众号【Java帮帮】 (是公众号,不是微信好友哦)

学习交流请加【Java帮帮】自学交流QQ群553841695

12教培机构一般在招生环节就会用到教材(或者讲义)来进行招生宣传,在教学环节更是会使用教材进行教学。K12教培机构除了采购大型机构的教材外,有的也会自己线下生产教材。那么这些教培机构线下生产教材的流程是什么样的呢?

  • 首先,确定教学大纲,即教材的目录部分;
  • 其次,设计教材结构,例如教材中的每一讲由教学目标、每个知识点的知识讲解、例题、练习题等组成;
  • 再次,基于教材大纲和教材结构进行教材内容的整理和编写,例如收集整理知识点的讲解内容以及题目等;
  • 之后,人工使用教材排版软件进行内容的排版,并完成审校;
  • 最后,将教材导出成PDF格式,送到印刷厂或者打印店进行印刷。

从上述的流程我们可以发现,教材编写不是一件容易的事情。除了内容的整理外,教材内容的排版、审校更是耗时耗力。接下来我们就聊一下我们为什么需要在线生产教材以及怎样设计在线教材生产系统。

为什么要在线生产教材

其实要回答这个问题,我们需要思考什么类型的教培机构需要在线生产教材以及在线下生产教材他们遇到了什么问题?

在实际调研中发现,那些超大型(机构规模在一万人以上,例如广州卓越)或者面向培训机构输出教研内容的机构(例如高思爱学习)是可能需要在线生产教材的。

这些类型的机构一般每学期需要生产多种教学体系多个年级多个教材版本的教材,教材数量非常庞大,极大地增加了人力成本。其中多个教材版本的教材会出现很多讲的内容重复度较高,通过人工复制粘贴的方式很容易出错,需要反复修改。

除此之外,人工进行教材排版也是一件繁琐的工作,一方面没有什么技术含量,另一方面比较耗时耗力。

基于以上几点,如果可以在线生产教材替代人工复制粘贴的工作、基础繁琐的排版工作、减少教材内容中的错误,最终提高人效降低成本,那么这件事情也是有价值的。

如何设计在线教材生产系统

在设计在线教材生产系统之前,我们需要先明确业务的核心需求。经过调研总结,业务核心需求主要有以下两点:

  1. 多个教材版本的内容(包括知识点讲解、例题、练习题)存在复用的情况。复用内容由于经常出现错误需要修改,如果出现错误时将每个教材版本的内容都检查修改一遍太耗时耗力,并且还会出现遗漏修改的情况。
  2. 每学期需要输出的教材由于教材版本较多,数量也比较多。采用人工排版的方式,由于教材数量的增多,需要消耗较多的时间和人力,导致人力经常比较紧张,教材不能如期交付的问题。

了解了业务的核心需求,就可以开始初步思考设计方案了。下面我们分别就这两点需求阐述初步的设计方案:

  1. 将复用内容作为资源引用到教材中,如果复用内容需要修改,只需要修改引用的资源即可进行教材内容的自动更新。这样既可以一定程度上减少错误率,还可以减少重复修改的操作,进而提高人效。
  2. 采用系统在线自动排版来替代人工排版的方式,机器排版完成后人工只需要进行简单的校审即可。在线自动排版有多种技术方案,既可以用纯HTML排版,也可以采用线上的Word文档排版,或者还可以采用Latex排版。那么该采用何种排版方案呢?

教材的在线排版一方面要考虑到教材样式的设计,例如教材的版式、每讲的标题、每个题目的序号等;另一方面还要考虑到教材内容的组成部分,包括学习目标、知识点陈述、例题、练习题、附加题等部分。

考虑到不少学科教材样式设计具有一定的复杂性,纯HTML排版一方面无法满足样式设计的要求,另一方面无法导出可支持线下编辑格式的文档。结合团队有专业的Word录入试题插件和模板开发人员,最终决定采用基于Word的在线排版方案,即按照教材样式模板和特定的规则,将教材内容自动合成到可支持线下编辑的Word文档中。

完成了上述的初步思考后,就可以开始正式的产品设计了。我将产品设计环节分为三个部分:

(1)梳理业务流程,使用Visio或者ProcessOn工具绘制业务流程图

(2)进行各个功能模块的界面和交互设计

下面我将主要演示教材编辑部分以及教材生成部分的原型设计图:

上传教材样式模板,文件格式是.dotx

编辑教材结构模板

编辑教材内容,根据教材结构模板,添加每讲的知识点、例题、练习题等

根据教材样式模板和教材结构模板,将教材的目录、每讲的学习目标、知识点讲解、例题、练习题等自动合成Word版本的教材。

(3)分析学科的教材模板,制定相应的排版规则

  • 排版规则总体原则是按照课程大纲顺序排版,课程大纲的每讲内容按照教材结构顺序排版。具体来说,就是先排版第一讲,再排版第二讲,一直完成最后一讲的排版,最后再进行教材目录的排版。
  • 排版的详细规则,主要是在分页和题目排版两个方面。

在分页方面,例如要求一讲的内容结束后下一讲的内容放在下一页。同一讲的内容如果一页排不下自动排到下一页,尤其要注意在题目排版时如果剩下的行数不能排下题目中的选项、表格、图形、图片等,则要将该题目排到下一页。

在题目排版方面,需要考虑题干序号、标签等的展示以及题目内的表格、图形等的摆放位置。针对不同的题型,还要考虑特定的排版规则。比如,选择题的选项一般是4个,4个选项之间的间隔是多少,如果一行排不下排两行,两行排不下排四行。再比如,解答题的答题区域空4行,综合题的每道小题之间不额外空行。

总结

从上述内容我们可以看出,设计在线教材生产系统,首先要从业务人员入手,找到业务人员的痛点,之后就可以针对这些痛点进行初步设计和详细设计了。

在整个项目的开展过程中,给大家分享下我的几点感悟:

  • 适应的才是最好的。一个问题往往不只对应一种解决方案,在确定采用哪种解决方案的过程中要考虑到当前团队的能力储备。例如在线排版技术方案的选择过程中,老板特别想采用Latex的排版方式(感兴趣的同学可以自行百度Latex排版),但是由于团队并没有Latex的技术储备,所以最终还是采用了团队比较熟悉的Word排版技术方案,并决定同时启动一个小团队进行Latex相关的技术研究。
  • 60分的效果就可以投入使用。做到60很简单,做到80分则要付出很高的成本。就教材在线排版而言,在线排版的效果短时间内很难达到学科要求的80分,但是只要保证核心功能可以满足学科的需求,排版的效果即使只有60分,也可以投入使用。结合在线排版和人工修改的方式,人工通过花费少量的时间在审校过程中优化排版的细节问题最终也可以达到教材低出错率如期交付的目标。

结尾

本篇文章大致介绍了教研系统中在线教材生产系统的设计,我将在之后的文章里继续介绍教研系统中在线课件制作工具的设计,欢迎大家与我探讨,也欢迎大家阅读我的上一篇文章:《教材课件在线化流程的设计要点》。

作者:笑笑,微信公众号:笑笑的三棵树。近5年经验的教育行业产品经理,会一直在教育行业深耕,熟悉教研系统、课堂教学平台。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

站设计中配色对于界面设计的重要性不言而喻。相信同学们眼中的当代界面艺术大师每个人都有各自熟知的一两位。这些设计师精湛的技艺和卓越的创意是各位程序员所不能及的。但是对大部分网站设计者而言,设计的时间和预算都相对有限,个人能力也难以与顶级设计师匹敌。因此,许多网站设计者将自己的初始设计颜色定为一个单色或两个相近色,以便从不同的角度来考虑整个网站的要素。

然而,有人会认为,随着网站的日益普及,在提升协调性与艺术性的同时,对配色的有效运用也必须丰富多彩。花样颜色的运用具有一个显著的好处: 它提供了更丰富、更细腻、更复杂的表现手段,提升企业形象,深化交互体验,提升用户粘性等,产生了更加令人印象深刻的效果。

但毕竟,花样色彩在掌控会比一个颜色更为复杂,标准化程度更低,难以统一,难以符合品牌总体形象的要求。。矛盾之处在于便捷和细致性的妥协。鉴于上述情况,人们推崇的一种方案是运用颜色主题。网站设计中的配色方案应该适用于不同的场合,为各种不同的业务形式和特点制定合适的配色方案,而不仅仅是单纯的应用相近颜色。此外,我们还需考虑到在不同的配色场合下所使用的配色方案的统一性,以此来在多分辨率、多监控器的情况下,增加网站的可见度和美观度。

网站排版:横竖自由宣传

大多数的网站排版以前端人员为主导,来实现HTML/CSS结构的建立。随着CSS 3和HTML5的改进,人们将排版作为重点考虑的项之一。好的排版不仅有助于提高网站的可读性,还能使网站表现出他的形式,营造网站所要表达的主题意义。

如果我们查询现在有关网站排版的资料,可以发现许多支持“响应式设计”的文章。响应式设计是指对不同尺寸以及不同平台具有优秀的排版展示方式。当然,前提是设备与软件都能支持相应的标志或技术。 然而,建议始终记住,排版的作用之一是让读者可视化地体验内容并掌握内容的无障碍性。过多夸张的排版手法回受到一些用户的反感

对于排版而言,满足基本的语义化要求,让HTML/CSS遵循SEO和WAI的设计标准,有助于网站结构的分明和提升搜索引擎的排名。值得一提的是,人们对不同排版的要求也在不断变化,需要与整个网络环境的情况同步进步。对于初学者而言,简化或少用排版办法,提高排版效果与可视化效果,则是一个更为明智的方案。

在网站设计的过程中,配色和排版是非常关键的要素。在进行配色的设计时,只有经过合理的分析、选择和组合,才能达到和谐的效果,提升网站的视觉效果和用户体验,进而更好的展现品牌的形象。在进行排版设计的时候,则需要结合不同的设备、平台、语义化等多种情况进行考虑,使排版更加有利于内容的传播与吸收。