据中国互联网络信息中心(CNNIC)统计,截止到2012年12月底,中国的网民数量已经达到了 5.64亿,通过手机接入互联网的网民数量达到4.20亿,网络普及率进一步提高,互联网正越来越深刻地影响着人们的生活,工作和学习。近几年,在线教育成为了互联网应用开发的热点,国外的在线教育应用发展迅猛,可面对国内巨大的教育市场,由于受到了教育模式、开发技术、跨平台方案等各方面的限制,其发展遇到了瓶颈,没能给教育行业带来新的发展机遇。本文的主要工作如下:首先分析了移动互联网和在线教育的的研究背景,对当前的发展现状和存在问题做了介绍;其次,分析了在线教育的利弊及国外的MOOC(MassiveOpen Online Courses)在线教育模式,提出了适合国情的在线教育应用模式,介绍了在线教育的相关支持技术如HTML5、教学媒体资源渲染技术、面向语义媒体的规范描述语言等,同时也展示了与在线教育应用相关的的部分技术开发示例;然后介绍了跨平台开发的现状,跨平台开发工具PhoneGap的工作原理、技术架构、API等,阐述了 PhoneGap开发在线教育应用系统的优势,实现了一个简单的PhoneGap跨平台应用;最后根据已有的SOSDL形式化描述,调用对应的教学资源,根据相应的库文件,实现了基于语义媒体的教学资源查询生成系统。本文的特色在于根据长期的工作实践提出了适合国情的在线教育应用模式,融合了 HTML5、媒体渲染、语义化资源等技术,采用跨平台的开发工具PhoneGap,基于面向故事的语义描述语言SOSDL,开发了一个教学资源查询和媒体生成系统。