您好,欢迎来到第一课堂学习网

第一课堂教师群: 309595573

Moodle开发群: 120310225

社区论坛
首页 >  资讯 >  业界新闻 > 查看内容
一级分类:  网站新闻 业界新闻 学法指导 教学心得 名师风采
基于iPhone的移动学习入门
更新时间:2014-9-26 12:01      访问量:971次      发布人:yinge

  本文中我将向你展示如何开始创建面向iphone或是ipod Touch的移动学习。我将演示一些非常简单的技巧以及常见文件格式和免费(或者近乎免费的)工具的使用。通过应用这些简单的工具和技巧,在短短数小时内你就可以创造出一些让人印象深刻的移动学习内容。

  基本格式

  iPhone 内置可查看doc, docx, htm, html, PDF, txt, xls, 与 xlsx 格式的文档浏览器。还可以查看gif, jpg 和 png 格式的图形文件和mpeg4格式的视频文件。

  一个开发和传送内容最简单的方法就是使用其中的一种文件格式。大多数人很熟悉创建这些类型文件的工具,因此为iphone设计移动学习内容就可以简化成如何将你现有的内容开发技能应用在更小的画布上而已。在本文中,我将演示的开发内容包括:

  Word (doc and docx)

  PowerPoint (ppt and pptx)

  Portable document format (PDF)

  Hypertext markup language (htm and html)

  MPEG 4 video (mp4/m4v)

  Word, PowerPoint 和 PDF的优势在于制作简单的静态内容。如果你需要更多复杂的导航和互动,使用html;需要动画和旁白,则采用mp4视频。

  设计关键

  第一个需要考虑的关键是如何最好的利用有效的屏幕空间。当你面对一个移动设备的狭窄屏幕,你需要重新思考你的设计方法。你必须削减你的内容到非常精要,使得每一个单词和图片都有存在的价值。你需要让你画布的每一毫米发挥最好的效果。设计移动学习的一个好处在于迫使我们用最少的资源展示尽可能多的内容。这迫使我们设计简明、简洁的内容,删去一切多余的。

  屏幕规格

  如果您的内容主要是文字,那么你可能只有约100字的空间。如果除了文本还有图像的话,你就只有一半的空间了。有了这些限制,您需要精心选择文字和设计图形。直接重用传统e-Learning模块的文字和图形是行不通的。从一开始就必须按照小屏幕来设计你的内容。旁白内容能更好的适应移动学习的原因之一就是因为在传递信息时更少的受限于屏幕规格。我们将在后面谈谈旁白内容。

  不要强迫学习者放大来阅读文本(无论是内容或图形标签)。您预设的文字大小应该易于阅读。 (参见图1,图2。)尽可能使用整个屏幕或屏幕的大部分来显示图表,特别是有标注的图表。当内容提供商试图将现有的e-learning内容在移动设备上重用时,通常成为一个难点。请参阅章节“移植内容”来获取更多关于将传统的e-learning转换为移动学习(mLearning)的指导。

  图1:文本和图表过小

  图2:针对小屏幕调整过的图表

  屏幕纵横比和模板

  屏幕纵横比指的是一个形状的长边比短边。当你在一个台机或是笔记本上浏览任何内容时,页面的纵横比或是内容的屏幕都不太重要,因为不论你用哪种方式在屏幕上浏览,它都是易于阅读的。你不需要开发你的内容使得它与你的监视器具有精确相同的纵横比。但当为iphone开发内容时,使内容的纵横比尽可能的接近iphone屏幕的纵横比就显得尤为重要。太小就会浪费,太大又会有部分的内容被遮盖。

  Iphone的屏幕是9厘米(3.5英寸)对角线。480 x 320的像素规格使得它拥有3:2的纵横比。如果你打算让整个屏幕都得到有效利用,那么在你使用PowerPoint, Word, mp4视频或是任何其他格式来创建内容时,你就需要参照这个比例。当使用PowerPoint或者Word时,11” x 7.3”的页面规格能提供这样的纵横比,并能确保这样的内容在iphone上浏览时能最好的贴合整个屏幕。(参看图3和图4)

  图3:PowerPoint的纵横比导致内容被裁剪

  图4:拥有正确iphone纵横比的内容

  不要在Word 或者 PowerPoint里用默认的模板和字体大小来生成移动设备内容。为iphone创建一个基于11” x 7.3”页面尺寸的特定模板。使用不小于26点的字体大小以保证易读性。

  制作内容

  确定目标和定义你的内容。它是一个快速参考,短期学习模块,或是教学指导?请记住,移动内容通常需要在短时间内消化 – 在一个公共汽车站,在火车上,在咖啡厅,在杂货店排队区。对于移动设备而言,组织内容要更加严格。如果传统的e-learning学习是包含30-60分钟内容的模块,移动学习内容则最好以5-10分钟为一个学习模块,而且通常不超过5-6页索引资料。(我虚构了这些数字但听起来还不错)。

  运用PowerPoint和 Word

  你可以在PowerPoint和 Word里开发内容但你会发现各种浏览器并不总能正确的展示内容。就word文档来说,行间距、字体大小、字体类型很难被正确地显示,在PowerPoint文档里一些复杂的图表和图片会完全丢失。通过将你的word文档和PowerPoint文档转换成pdf文档可以克服这些局限并能额外的获得更小的文件大小。PDF格式还为您提供更灵活的导航和缩放。(如果你没有一个好的PDF转换工具,请下载微软公司免费的Microsoft Office 2007附加项“另存为PDF”)

  如果你想制作在iPhone里能不断滚屏的页面,那么用Word格式来创建和发布内容。 (见图5)。如果你想要独特的屏幕或页面,那么采用将Word文档或PowerPoint文档转换为PDF文档的方式。我建议在PowerPoint中创建内容,因为它更容易制作一个简单的模板也更方便制作图表。

  图5:用word制作的连续滚屏的内容

  以下是如何在PowerPoint和 Word里制作内容

  创建一个iPhone模板页面作为你的word页面或者ppt幻灯片(如果你使用推荐的11”x 7.3”大小规格的页面,请保证所有默认字体大小大于等于26pt)

  如果你使用word文档,请减少页边距使得图表尽可能的接近屏幕边缘。

  在PowerPoint幻灯片和word页面中开发你的学习内容。

  将你的内容转换为PDF格式(如果你想要没有分页的连续滚屏的文档,请保留word文档格式)

  将PDF(或者.doc文档)发布给你的学员。

  超级链接

  内置有word和powerpoint的浏览器能很好的解析word文档和ppt文档中链接到外部网站和内容的超级链接。但是,同样文档里的一个指向其他页面或是幻灯片的超级链接会失效甚至偶尔让浏览器死机。当你将内容转换为PDF格式时,指向书签或是其他幻灯片的链接有效,但我发现这些链接的行为是不一致的。有时,PDF文档里的一个链接会跳转到正确的页面但有时又会跳转的正确页面的下一个页面。对于这个问题我还没有找到令人满意的解决方法。如果指向其他页面或屏幕的超级链接对于你的内容设计至关重要,请考虑使用html格式的内容。

  运用HTML

  如果你掌握简单的HTML语言,一个开发(mLearning)移动学习内容的好方法就是通过使用iWebKit,iUL,prettyMobile和ModelBaker等诸如此类的iPhone网站组件。这些工具为创建一个iPhone格式的网站和互联网应用提供了一个简单的方法。应用简单的HTML技能你可以很快地在互联网应用架构中整合移动(手机?)内容。例如,使用iWebKit工具,你所要做的就是下载这个组件-它包含一整套模板页面——以及编辑这些页面,将你的内容加入到模板页中。接着简单地将内容上传到你的服务器,用户就能通过iPhone Safari浏览器来浏览它们。

  采用这种方法的优点是,你可以很轻松地创建一个设计精美的iPhone网站,网站拥有链接到所有学习内容的主页或主菜单。你可以很容易地为文本和图表添加超级链接。你的内容将被直接的编写为HTML文档,你也可以使用JavaScript来满足任何编程需求。这些工具都能很方便的安装和使用,这样你就可以快速的创建内容。这些工具的菜单被设计成外观和使用方法与iPhone上的本机应用类似,以此来达到简洁性和用户友好性。参看图6和图7的样例。

  图6:用iwebKit生成的移动学习网站

  图7:用iwebKit生成的移动学习内容页

  iWebKit工具也带有简单的表单元素样本,像文本输入框,复选框和单选钮。创建带有这些元素的页面,你只需要简单的拷贝和编辑这些HTML样本,为逻辑判断编写一些JavaScript语句。采用这种方式你可以从学员处获得反馈表,还可以创建简单的测验卷、调查问卷和评估问卷。

  全屏支持

  当你使用iPhone 的Safari 网站浏览器获取内容时,你可以在屏幕上看到导航工具栏(参看图8)。当你在网上冲浪需要导航网页时,这种模式不错,但是对于你的移动内容来说却不太好,因为减少了可视区域。按下面所述方法删除导航工具栏,使得你的内容占满全屏就可以解决这个问题。

  在Safari浏览器中打开你的移动内容

  按屏幕下方的“+“号键

  选择“增加到主屏幕“

  为你学习模块/内容添加一个简短的标题

  完成上面这些步骤,你的iPhone主屏上就会出现一个图标icon,看起来就和本地应用一样。(参看图9)当你点击这个图标icon,你的移动内容就会以没有导航栏的方式出现。(你可以为这个设计自己的主屏幕图标icon,如果你使用iWebKit工具,只需要替换pics文件夹里的.gif文件)

  图8:浏览器导航栏缩小了内容区域

  图9:主屏幕图标icon(Project Mgmt)

  屏幕录制工具

  有许多可以录制屏幕动作并转换成MP4格式的工具。我个人最喜欢的一个工具是TechSmith的 Camtasia,对于使用者而言它操作简单,而且还提供了针对iPhone mp4视频格式的输出模板。不论你在屏幕上录制什么,你都可以发布成iphone格式。Camtasia拥有一个不错的“缩放和平移“功能,使得你可以放大来查看细节。这对于iphone这种小屏幕来说至关重要。(使用这种缩放和平移特性,你可以在iphone的小屏幕上创建桌面软件演示。用这种方法,我已经创建了快速查阅SAAS工具演示,并且很成功。)

  在录制任意屏幕活动并立即以flash格式或是mp4格式上传文件到服务器的众多互联网工具中,Articulate的 Sceenr 和 TechSmith的 Jing是其中的2款。使用Sceenr的MP4输出功能是免费的,而使用Jing你则需要一个许可账号(14.95美元/每年)。这2个工具都被设计成可以创建屏幕录制并以flash格式即使在线分享内容。当你想快速地为iPhone创建移动学习视频内容时,自动地将内容转换为mp4格式以及提供一个网络链接是非常有价值的。

  这里介绍下应用Screenr.工具来创建一个动画的,有旁白的powerpoint内容的mp4短视频(使用jing和其他工具的方法非常简单)

  用预先定义好的 iphone模板,在powerpoint中开发你的内容

  添加你的自定义动画

  使用powerpoint中的“创建展示”功能,并将展示类型从“全屏”改为“window”

  运行幻灯片并调整窗口,以便它拥有正确的纵横比。 (我建议6“X4的。”)

  运行录制工具并重新调整框架使其正好包含powerpoint内容。

  运行Screenr,运行的幻灯片,并在调用幻灯片和动画的同时录制旁白。

  当你完成录制时,Screenr将录制内容发布为flash文件并同时生成mp4版本。要读取这个mp4视频内容,你还是需要从iphone链接一个(非常简短的)url地址,或者下载这个MP4文件并按你的意愿来发布它(email,文件管理应用,互联网应用,在iTunes上安装等等)

  Screenr工具有5分钟的录制限制,但对于手机(移动设备?)这样已经足以满足大多数的项目了。如果你需要录制更长的,可以使用类似Camtasia这种可以生成mp4文件格式的满载屏幕录制工具。

  另一种方法,我喜欢用屏幕录制旁白,动画flash内容则用其他工具生成。例如,用屏幕录制一个来自Articulate Presenter 或者 Adobe Presenter的学习模块。通过这种方式,你可以在屏幕录制前先在工具中同步视频和旁白。如果你想要快速地将某些已有的flash学习内容转换到iphone,这种方式也同样非常有效。(尽可能地为移动设备设计内容,而不是重新定义已有的e-learning。请参阅章节“移植内容”)

  PPt到MP4的转换工具

  如果你想直接将PPT(带有动画和旁白)转换为MP4格式,有很多工具可以实现。在google搜索栏里键入“PowerPoint 转换为 mp4”,你将看到很多工具,类似于Moyea PPT to Video Converter, Wondershare PPT2Video Pro, 和 AuthorStream。利用这些工具,你在powerpoint里创建你的内容,添加动画,同步旁白并直接的转换成mp4视频格式。Camtasia Studio工具还允许你直接录制PowerPoint内容并发布为iphone内置预设的MP4格式。

  移植内容

  移动学习内容开发者所犯的最大的一个错误就是直接地从e-learning模块或者教稿中移植内容。为桌面屏幕设计的培训或者e-learning内容并不适合移动学习。在一个移动设备上放置这种类型的内容还不如将一个powerpoint转换为flash格式更易于移动学习。如果你拥有现成的想转换为移动格式的内容,先解构内容并重新考虑教学设计。

  不仅是移动学习的背景完全不同,而且内容密度也大大的减少。(内容密度定义为单屏可读的文字,图表,或媒体的数额。)一个e-learning模块一屏的信息量可能相当于移动设备3到4屏的信息量。在iphone上查看为大屏幕设计的内容必须缩放和平移,这是移动学习设计最不希望出现的情形。

  如果你必须或者想要从先前已有的项目中移植内容,要么重新考虑面向移动(手机?)的整个教学设计,要么如果你想要精确每“屏幕”为相同的内容,考虑使用内容用多滚动条页面来展示。如果你选择前者,那是最好的,重视移动学习的背景和特性——保持内容简短,清晰和吸引人。学习者不大可能仍然像在你的e-learning模块中那样坐着为了20分钟的内容屏幕分页。

  如果你选择后者,在你需要和已有e-learning模块完全相同的文字和图形的地方,将其转换为一些滚动iPhone页面来显示相同量的内容。从别的投送方式中移植内容会不适合移动媒介的形式和背景。针对你的特殊背景,移动内容的最好应用可能仅仅是快速参考指南,播客,一个简短的视频或测验。不要将其他的学习内容直接扔进一个移动设备并并希望它足以作为有效mLearning。重新思考和重新设计。最好的mLearning移动学习设计不是来自于调整现有内容以适应小屏幕,而是来自于研究移动设备的特性,并决定这些特性如何更好的支持你的学习目标。

  传送内容

  一旦你已经用PDF, PowerPoint, Word, or mp4 等文件格式开发好了你的内容,你将决定要如何将他们散布给你的用户。这里有三个方法来传递和获取内容:

  通过电子邮件

  下载到iphone

  通过互联网

  发送学习内容给一个手机客户的最快捷的方法就是把它作为电子邮件的一个附件发送。用PowerPoint,Word或PDF生成的短小的移动学习内容文件足够小而不至于给你的电子邮件服务器造成压力。在iphone电子邮件客户端点击附件引用一致的浏览效果,学习者可以立即获去内容。

  一旦你已经浏览过内容,它就会存在iphone本地上,那么当你没有无线或者3G入口时,返回原始邮件你仍然可以浏览这些内容。如果你用这种方式发布内容,你应该鼓励收件人建立一些“内容”文件夹并将这些带有附件的邮件从收件箱移到这个文件夹中。用这种方式他们可以建立起一个他们所有移动学习内容的存储库。(也有一些iphone的应用程序,类似ReaddleDocs 和 Files可以允许你直接从邮件里下载和保存附件。)

  从邮件中浏览内容的一个缺点就是屏幕的顶部有一个菜单栏,这样会遮盖一部分内容。另一个缺点是PDF内容中的超级链接不发挥作用。克服这些局限你可以直接下载内容到iphone,用第三方的浏览器来浏览。

  下载到iphone

  获取手机内容的最好方法就是直接下载到iphone.有很多免费的应用程序可以是实现这个目的。请在苹果应用商店网站里输入“文件管理”关键字进行搜索。我最喜欢的是它有一个免费的档案文件Lite版本。它可以识别你需要的所有标准文件格式,并以整页的形式来显示所有文档(没有状态栏和菜单栏)。通过浏览器和你的iphone所使用的无线网络链接,你可以上传内容到这个文档程序。

  如果你的学员安装了这个文档lite的一个免费副本,他们也可以上传你发送给他们的移动学习内容。在完整的“文件”版本,你可以添加一个书签,导航到特定页面以及直接电邮任何保存的内容。我经常用“文档”工具测试我用word、powerpoint或是pdf创建的移动学习内容——它是一个非常好的应用程序。(ReaddleDocs是另一个在iphone上上传和阅读文档的好软件)

  通过互联网

  获取移动内容最便捷的途径就是通过一个互联网链接。如同电子邮件附件,一个联接到任何标准格式文档的链接将调用内置的文件浏览器和视频/音频播放器。互联网方式的一个优势就是当用户需要时,他们主动抓取内容而不是你推送给他们。

  但给你为移动学习内容制作一个WEB 页面时,确保你创建的是一个iphone格式的网站。不要要求你的学员通过放大到标准网页来获取内容。有简单的代码,您可以添加到现有网页中,那样可以在检测到iPhone访问时将浏览器重新定位到一个网站的移动版本。请在google搜索栏里键入“如何发现iphone用户访问我的站点”以查阅设置的详细方法。如果你有一个wordpress站点就更简单,你只需要简单的装载一个附加项就会自动的匹配显示为iphone格式。你也可以使用特别为iphone开发的iphone版wordpress.(参看图10)

  图10: iphone wordpress站点

  从一个网页下载内容

  Iphone中默认的safari浏览器不能从网站下载内容。你可以浏览任何支持的格式但是不能将内容存在设备里。当你拥有稳定的3G或是无线入口时,这些都不是问题,但当你没有互联网接入时——例如,一个ipodTouch就没有无线连接——你若是想浏览网站内容无疑就成为了问题。

  围绕这个问题的一个解决的方法是使用一个特殊浏览器程序,让你可以下载内容。我推荐的2个程序是DownLoad Manager Pro和 ReaddleDocs,这2个程序你都可以在App Store网站上下载。这些程序拥有可以从任何网站下载内容的浏览器。下载的文档存放在一个文件夹中,这样你可以在你需要的任何时候获得这些内容。

  手机的评价,调查,投票及问答游戏

  有一些免费的工具可以让你用于管理iphone上的评价,调查,投票及问答游戏。

  SurveyMonkey(图11)提供了一个免费帐户,允许多达15个问题和100个调查或评价的回馈。(如果您需要的数百的响应和无限的问题,您可以付20美元升级。)在移动内容的开始或最后,您可以用一个简单的链接调查您的学员。 SurveyMonkey检测到一个iPhone的浏览器在访问它便会相应的编排调查。之后您只需登录网站收集反馈。

  图11:iphone上的SurveyMonkey

  另一有用的工具是Polleverywhere.com(图12)它可以让您快速创建一个投票的问题,并通过SMS,Twitter,或移动浏览器来获得你的观众的回应。它的免费版支持每个调查30个回应。同时您可以查看和电邮所有回应的图表。

  图12:通过Poll Everywhere投票

  其他付费的投票,调查和问答应用程序是Hands,iVote,SurveyGizmo和mobiQuiz。

  总结

  本文的目的是使你可以快速和简单地开发和发布一些基本的移动内容。开始是一些静态内容,然后尝试MP4视频和HTML文档。一旦你开始尝试,你将会体会到包含在为小屏幕开发内容中的可能性、挑战性和独特设计要点。然后,您就能更好的开始观察和设计更缜密的移动学习内容。到你准备投资于用户定制设计移动学习工具和技术时,你就会知道什么行得通,什么行不通,以及你需要什么来开始开发一流的mLearning。