幼儿早教APP的设计与开发毕业作品.docx

幼儿早教APP的设计与开发毕业作品.docx

《幼儿早教APP的设计与开发毕业作品.docx》由会员分享，可在线阅读，更多相关《幼儿早教APP的设计与开发毕业作品.docx（17页珍藏版）》请在冰点文库上搜索。

幼儿早教APP的设计与开发毕业作品

BIYESHEJI

幼儿早教APP的设计与开发

学院

专业

教育技术学

姓名

学号

摘要：

随着移动教育app的普及，幼儿教育app也是家长教育幼儿的主要手段之一。

本文以苹果app《幼儿早教》的设计与开发为例，分析研究了幼儿教育app开发的可行性以及开发过程。

本文分析了该苹果app的系统结构，同时阐述了该苹果app的设计理念，最后对该app中的功能模块设计以及核心技术的实现进行了相应的说明。

关键字：

移动；幼儿教育；苹果app

Abstract:

Withthepopularityofmobileeducationapp,earlychildhoodeducationappisalsooneofthemainmeansofparentseducationchildren.Inthispaper,theappdesignanddevelopmentofthechildren'searlyeducationasanexample,analyzedthefeasibilityofearlychildhoodeducationappanddevelopmentprocess.Thisarticleanalyzesthesystemstructureoftheapp,andexpoundsthedesignconceptoftheappleapp,finallytheappinthefunctionmoduledesignandtherealizationofthecoretechnologyofthecorrespondinginstructions.

KeyWords:

move;earlychildhoodeducation;iphoneapp

目次

1引言.............................................................................1

2幼儿早教app的功能分析..........................................................2

3幼儿早教app的设计..............................................................3

3.1幼儿早教app的概要.........................................................3

3.2幼儿早教app的设计理念.....................................................3

3.3幼儿早教app的系统结构设计.................................................4

4幼儿早教app的实现...............................................................5

4.1幼儿早教app的UI设计.......................................................5

4.2幼儿早教app的关键技术及解决方法...........................................6

4.2.1关键问题..................................................................6

4.2.2进入声音开启与退出声音关闭................................................6

4.2.3设置大象动画..............................................................6

4.2.4西瓜的消失................................................................7

4.2.5脑筋急转弯电子书翻页动画的实现............................................8

4.2.6宝宝资讯的网页跳转........................................................9

5总结.............................................................................9

参考文献..........................................................................10

致谢.............................................................................11

1引言

根据StatisticBrain发布的2013年关于手机应用的统计数据，教育类app市场份额排名第四。

让人不得不把目光驻足在教育类app上。

应用商店里的app多达数十万种，总的来说，教育类app的功能和内容不再局限于实体教育中的灌输式的知识和技术，更多的是体现轻便性和娱乐性。

按照用户特征，教育类app可分为幼教类（eg：

识字小游戏）、学生类（eg：

课程格子）、通用类（eg：

有道词典）等。

以儿童市场为例。

一款优秀的带教育性质的app总是带有多种功能或受多类人群喜欢。

特别是儿童类app，不仅要让孩子喜欢，更要能让父母买单。

随着智能手机和平板电脑的普及，各种适合孩子使用的工具设备兴起，家长和学生的教育观念也在慢慢转变：

孩子学习的课堂不再局限于学校，而且任何时间都可以学习，关键是，学习也可以是快乐有趣的。

甚至，不少教育企业针对学龄前儿童推出“轻教育”的概念。

他们向学龄前儿童推出主打“趣味”、“轻松”概念的教育类应用产品，受到不少家长热评。

移动互联网时代教育类给孩子们带来的不仅只是简单的随时可用，而是教育方式的改变，通过多媒体的充分利用和交互方式的创意开拓。

这种教育方式的变化，多样化交互进行学龄前儿童教育会成为未来发展的必然趋势。

但是如今的移动应用开发产业让人眼花缭乱，移动操作平台有：

iOS（iPhoneOS）、Android、NokiaSymbian、BlackBerry、JavaME、WindowsPhone、Flash/Flash Lite、mobile web（WAP/XHTML/CSS/Javascript）。

其中以Android和iOS移动应用开发为主要平台。

Android以其开放性，多任务，大功能，画面流畅，硬件设备优良多样等各种优点，占智能机一大部分；然而它也存在着很明显的不足，如：

兼容性差，各种机型的配置不一样，以至于开发的时候出现各种版本。

有些产品华而不实，用户体验差。

iOS基于Object_C开发，同时OC的底层又是C，所以运行快，流畅，软件数量多并且质量也都很好，系统功能很完善。

同时iPhone在中国极受欢迎。

中国的各大移动运营商都积极地与苹果公司合作，各自推出适合中国人使用的手机套餐和应用，比如中国联通，中国电信等等，社会各界也对iPhone有很好的评价。

因此做一款iOS的幼儿早教APP是很有前景的。

本文的幼儿早教APP主要针对3-6岁儿童开发，帮助幼儿有效、轻便的学习并掌握知识。

同时孩子的学习成果将作为第一手资料反馈给家长，帮助家长有效的观察和了解孩子的学习情况。

2幼儿早教app的功能分析

幼儿早教这款苹果app的用户群体是家长和儿童。

首先，现在的儿童都喜欢听爸爸妈妈讲故事，听儿童歌曲，这是本项目必须实现的两个功能模块，在首页面上面会有“听我讲故事”，“音乐”两个图标。

“听我讲故事”这个模块主要就是将不同的儿童故事以书架的形式展现在儿童面前，当用户点击不同的故事图片，就会相应的进入不同故事的详情页面，此处的故事详情页面是比较简单明了的。

详情页面只需要呈现一张对应故事的背景图片。

图片上面有相应的故事名称。

控制故事播放与暂定的制作比较简单，只需要在进入详情的瞬间播放故事，在退出详情的瞬间结束故事。

“音乐”模块的主页面，需要音乐列表以表格的形式呈现在用户面前，每个表格的表现形式为左边为音乐图标，右边为音乐名称。

点击对应的表格会进入相应的音乐播放详情列表，因为播放的详情列表的播放与暂定的要求同“听我讲故事”这个模块的播放与暂定的逻辑一样。

“音乐”这个模块的详情页面的UI呈现很简单，主要分两个模块，上面为一张音乐图标，所有的儿童音乐都是一样的音乐图标，下面为因为播放的进度条，通过此进度条，可以随意调整首音乐的进度。

最基本的讲故事和听音乐的功能实现之后，需要实现的最核心的功能模块“快乐学习”。

此模块包括两个学习功能，一个是“摘西瓜”，一个是“跟我学习英语字母”。

（这是两款学习类的小游戏）从“快乐学习”这个模块点击摘西瓜这个表格之后进入“摘西瓜”的游戏界面。

“摘西瓜”这个小游戏需要实现的功能是游戏开始后，西瓜田地里面会有10个西瓜，下面会出现一个卡通人物大象，它的旁边会有一个篮子，大象会提示小朋友摘几个西瓜到篮子里面，此时小朋友可以通过手指拖拽将西瓜放入篮子中，如果小朋友觉得数量已经够了，就可以点击大象下面的完成按钮，即可知道游戏结果。

如果小朋友摘的西瓜数与大象需要的的西瓜数量相同，即为游戏胜利，此时需要大象给予表扬的声音，如果游戏失败，需要鼓励小朋友再来一次，胜利与失败页面都得出现相应的提示。

第二个学习游戏“跟我学习英语字母”功能简单，只需在进入此游戏界面时，让26个字母从天上缓慢落下，同时伴有26个英文字母的歌曲。

最后当字母都落地后，小朋友用手指点击不同的字母，会对应的出现字母的读音。

实现此功能比较的简单。

（同时由于这两个学习类型的小游戏都是全屏展示，故进入页面时候需要提醒用户如何返回）

最后一个为“更多”模块，此模块同样以表格的形式展现在用户面前，表格里面有3行，第一行为“脑筋急转弯”模块，这一模块主要是将脑筋急转弯以电子书的形式呈现在用户面前，此电子书需要实现上下翻页的效果。

第二行“宝宝咨询”模块，此处只需要点击跳转到宝宝咨询这个网页即可。

第三行为“更多”模块，详情页面为此应用的开发背景说明。

3幼儿早教app的设计

3.1幼儿早教app的概要

（1）项目名称：

幼儿早教

（2）适用对象：

3到6岁儿童

（3）开发工具：

Xcode6.2

（4）运行平台：

MacOS

3.2幼儿早教app的设计理念

（1）确定用户对象

是写给小孩玩的游戏，还是用来理财的记账类应用，每个应用都有固定的适用人群，而这决定你应用的内容是什么，也决定了要给使用者以什么样的用户体验。

（2）明确应用功能

一个app有明确的使用目的是必须的。

如何来明确？

一个办法就是要去想清楚什么能吸引用户来使用你的app。

（3）设计用户界面

有了明确的理念和构想，下面就是该设计用户界面了，用户界面是app使用者与你的app交互的地方，应该遵循简洁美观，便捷的原则，从app使用者的角度出发，带给用户良好的使用体验。

（4）定义交互方式

用户界面因为有了交互才变得有活起来。

在app开发中，交互的启用都是通过用户操作的事件来触发的，比如手指的点击，滑动，捏合等操作。

通过定义这些事件，我们可以精确地对用户的操作来给出响应，或者打开新的界面，或者提供展现的内容在当前界面上。

（5）部署用户行为

定义好交互方式后，接下来就要通过代码来实现这些定义好的行为了。

可以说用户的所有操作都是通过我们实现的定义来得到响应的，如果没有前面明确的定义，那么会给用户带来困扰，这是一个好的app所不能出现的错误。

（6）教育与技术相结合

在设计的过程中，不能专注于app技术的实现而忽视了幼儿教育的内容，同时也不能只为了表达教育幼儿的内容而无法发挥app的在幼儿教育领域无法比拟的作用

以上的设计理念在《幼儿早教》app项目中均有体现，贯穿于整个app的设计与开发之中，有助于实现一个优秀的幼儿早教类的app。

3.3幼儿早教app的系统结构设计

根据本项目的功能分析以及上面的设计理念，我对《幼儿早教》app的系统结构进行了如下设计：

4幼儿早教app的实现

4.1幼儿早教app的UI设计

一款优秀的app取决于两点：

一是漂亮的UI界面，二是优秀的用户体验感。

因此在实现项目代码之前，我通过网络收集了各种各样儿童特别喜欢的卡通图片，儿童故事，音乐。

然后通过PS将图片组合在一起，最后画出了整个项目所有的UI界面，下面将一一展示：

（听我讲故事）（讲故事详情）（音乐界面）（音乐详情界面）

（快乐学习）（摘西瓜）（摘西瓜结果页面）（跟我学英语字母）

（更多界面）（脑筋急转弯）（宝宝资讯）（关于页面）

4.2幼儿早教app的关键技术及解决方法

4.2.1关键问题

开始编写项目代码的时候，需要解决下面的几个关键问题：

如何实现进入开启声音，退出关闭声音；如何给大象设置动画；如何实现西瓜一碰到篮子，西瓜立刻消失；如何实现脑筋急转弯电子书翻页的动画，如何实现宝宝资讯的网页跳转等问题。

4.2.2进入声音开启与退出声音关闭

讲故事与听音乐的功能需求是一进入详情页面即开始播放声音，一旦退出就结束声音的播放，代码实现如下：

进入详情后，声音开始播放：

NSString*path=[[NSBundlemainBundle]pathForResource:

[NSStringstringWithFormat:

@"%d",self.newtag]ofType:

@"mp3"];//根据self.newtag获取到相应的声音文件的本地路径

NSURL*url=[NSURLfileURLWithPath:

path];//将本地声音文件的路径转换为链接

_audioPlayer=[[AVAudioPlayeralloc]initWithContentsOfURL:

urlerror:

nil];//创建音乐播放对象

[_audioPlayerplay];//开始播放

控制声音播放停止

[_audioPlayerstop];//声音停止

4.2.3设置大象动画

为了增加儿童对摘西瓜学习游戏的兴趣，游戏场景中，大象是上下点头的，代码实现如下：

UIImage*elephent1=[UIImageimageNamed:

@"elephent1.png"];//大象抬头图片

UIImage*elephent2=[UIImageimageNamed:

@"elephent2.png"];//大象低头图片

NSArray*elephentArray=[[[NSArrayalloc]initWithObjects:

elephent1,elephent2,nil]autorelease];//将这两张图片放入一个数组里面

m_elephentImageView.animationImages=elephentArray;//将图片控件的动画图片设置为这个图片数组

m_elephentImageView.animationDuration=1.0;//设置动画时间

[m_elephentImageViewstartAnimating];//动画开始

4.2.4西瓜的消失

儿童将西瓜拖拽入篮子中，西瓜就从界面上面消失了，代码实现如下：

//利用手势拖拽西瓜

-（void）touchesMoved:

（NSSet*）toucheswithEvent:

（UIEvent*）event

{

UITouch*touch=[touchesanyObject];//获取触摸对象

if（m_pickImageView!

=nil）

{

m_pickImageView.center=[touchlocationInView:

[m_pickImageViewsuperview]];//拿到m_pickImageView在其父view中的touch点rect

if（CGRectContainsRect（m_bascketView.frame,m_pickImageView.frame）

||CGRectContainsPoint（m_bascketView.frame,m_pickImageView.center））//判断是否西瓜的rect与篮子的rect有交集

{

m_bascket_glow.hidden=YES;//有交集隐藏西瓜

}

else

{

m_bascket_glow.hidden=NO;//无交集显示西瓜

}

}

}

如果西瓜没有法如篮子中，它将会返回至原地，代码实现如下：

//手势拖拽结束

-（void）touchesEnded:

（NSSet*）toucheswithEvent:

（UIEvent*）event

{

m_parentScrollView.scrollEnabled=YES;//ScrollView的滚动属性设置为YE

m_parentScrollView.delaysContentTouches=NO;//ScrollView的延迟触摸设置为NO

UITouch*touch=[touchesanyObject];//获取触摸对象

if（m_pickImageView!

=nil）

{

//拖拽的西瓜碰到篮子了

if（CGRectContainsPoint（m_bascketView.frame,m_pickImageView.center））

{

[m_putSoundplay];//播放相应的声音

[selfaddCurrentCount];//计算西瓜总数

m_bascket_glow.hidden=YES;//隐藏西瓜

}

else

{

m_pickImageView.center=m_fruitPosition;//如果没有碰到，返回

}

m_pickImageView=nil;//将图片控件置为nil

}

}

4.2.5脑筋急转弯电子书翻页动画的实现

-（void）uppage//向上翻页

{

if（self.textview.contentOffset.y-400>=0）{//判断当前的textView的Y轴值是否大于400，若大于执行下面的代码

[UIViewbeginAnimations:

nilcontext:

nil];//将UIView里面其他的动画都置为空

[UIViewsetAnimationDuration:

0.7];//设置动画时间

[UIViewsetAnimationTransition:

UIViewAnimationTransitionCurlDownforView:

self.viewcache:

YES];//设置动画的方向以及所在视图

self.textview.contentOffset=CGPointMake（0,self.textview.contentOffset.y-400）;//将textview的Y轴的值置为0

[UIViewcommitAnimations];//动画开始

}

}

-（void）downpage{//向下翻页

[UIViewbeginAnimations:

nilcontext:

nil];//将UIView里面其他的动画都置为空

[UIViewsetAnimationDuration:

0.7];//设置动画时间

[UIViewsetAnimationTransition:

UIViewAnimationTransitionCurlUpforView:

self.viewcache:

YES];//设置动画的方向以及所在视图

self.textview.contentOffset=CGPointMake（0,self.textview.contentOffset.y+400）;//将textview的Y轴的值置为当前值+400

[UIViewcommitAnimations];//动画开始

}

4.2.6宝宝资讯的网页

网页的跳转通过下面代码实现：

[[UIApplicationsharedApplication]openURL:

[NSURLURLWithString:

@""]];//根据url，然后应用程序跳转至相应的网页。

5总结:

本文从苹果手机app和幼儿教育的角度出发，将移动app的优势与幼儿教育的特点相结合，开发出本款移动教育类的幼儿教育app，帮助幼儿有效、轻便的学习并掌握知识。

同时孩子的学习成果将作为第一手资料反馈给家长，帮助家长有效的观察和了解孩子的学习情况。

具有一定的现实意义。

参考文献:

[1]严蔚敏，吴伟民.数据结构（C语言）[M].北京：

清华大学出版社，2012:

1-335。

[2]ShawnWelch.iOS5核心框架（鲁成东）[M].北京：

人民邮电出版社，2012：

1-100。

[3]CarloChung.iOS设计模式解析（刘威）[M].北京：

人民邮电出版社，2011：

1-100。

[4]张亦航.iOS开发系列之C/Objective-C语言基础，北京人民出版社，2011年，94-99。

[5]刘璇.iOS开发系列值iOS开发指南第五版，北京人民出版社，2011年，34-42。

[6]陈汶滨朱小梅任冬梅著《软件测试技术术基础》北京：

清华大学出版社，2008。

[7]（美国）萨丹著（美国）张彩霞译《iPhone开发秘籍（第2版）》人民邮电出版社2010。

[8]（美国）DavaMark（美国）JeffLaMarche著译漆振解巧云译《iPhone开发基础教程》2009-1-1。

[9]周华杰.教育游戏的理论基础及应用模式[D].上海:

上海师范大学,2006。

[10]罗亮.寓教于乐_教育游戏研究综述[J].美与时代（下半月）,2008,（10）:

130-132。

[11]恽如伟.教育游戏概述[EB/OL].

[12]皮亚杰.儿童心理学[M].关福元译.商务印书馆,1993:

110。

[13]李建生，乔小艺，李艺.教育中心流体验与学习成效的关系.南京师范大学教育科学学院教育游戏研究中心，2012。

致谢

首先得感谢我的导师吴姜导师，他对我的帮助不仅仅是细心指导我论文的完成，他对我大学四年的指导