• 移动学习平台原型设计

    普通类
    • 支持
    • 批判
    • 提问
    • 解释
    • 补充
    • 删除
    • 一、原型设计软件Axure Rp介绍

    (一)Axure RP介绍

     Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

     Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。原型界面如下:

                               

    (二)工作环境

     Axure的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上,可以自动生成HTML原型和Word格式的规格。

     Axure RP 的工作环境主要包括:说明书,主菜单和工具栏,站点地图面板,控件面板,模块面板,线框图工作区,页面注释和交互区,控件交互面板,控件注释面板。工作环境图如下:

                               

     

     1.主菜单和工具栏:执行常用操作,如文件打开、保存文件,格式化控件,自动生成原型和规格说明书等操作。

     2.站点地图面板:对所设计的页面(包括线框图和流程图)进行添加、删除、重命名和组织页面层次。

     3.控件面板:该面版包含线框图控件和流程图控件,另外,你还可以载入已有的部件库(*.rplib文件)创建自己的部件库。

     4.模块面板:一种可以复用的特殊页面,在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。

     5.线框图工作区:线框图工作区也叫页面工作区,线框图工作区是你进行原型设计的主要区域,在该区域中你可以设计线框图、流程图、自定义部件、模块。

     6.页面注释和交互区:添加和管理页面级的注释和交互。

     7.控件交互面板:定义控件的交互,如:链接、弹出、动态显示和隐藏等。

    (三)功能与界面

     1.导航面板:在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级。 明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面,可以添加、删除及对页面层次进行重新组织。点击面板工具栏上的“Add Child Page”按钮可以添加一个页面,点击 “Delete Page” 按钮可以删除一个页面。右键单击选择“Rename Page”菜单项可对页面进行重命名。

      2.控件:控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件,如按钮、图片、文本框等。从控件面板中拖动一个控件到线框图面板中,就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C),然后粘贴(Ctrl+V)到另外一个线框图中。 添加控件后,在线框图中点选该控件,然后可以拖拉移动控件和改变控件的大小,还可以一次同时对多个控件进行选择、移动、改变尺寸。另外,还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行,也可在Object 工具栏上的按钮进行。 鼠标双击:鼠标双击某个控件,可以对控件的最常用属性进行编辑。例如,双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。

     3.注释:可以为控件添加注释,以说明控件的功能。在线框图中选择控件,然后在控件注释和交互(Annotations and Interactions)面板中编辑字段中的值,即可为控件添加注释。面板顶部的 Label 字段是为控件添加一个标识符。 通过主菜单Wireframe->CustomizeAnnotation Fields and Views 或点击面板上Annotations 头部的“CustommizeFields and Views” 然后在弹出的 CustommizeFields and , Views对话框中可以添加、删除、修改、排序注释字段。

     4.页面备注: 页面备注可对页面进行描述和说明。 在线框图下面的Page notes 面板中可以添加页面备注内容。 通过自定义页面备注,可以为不同的人提供不同的备注,以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。

    • 二、移动学习平台功能架构

            大学生是手机拥有率较高的群体之一,也是利用手机进行移动学习争议较少的群体之一。因此基于手机的移动学习必将成为大学生一种重要的学习方式。鉴于此,我们小组在此基础上构建了基于手机的大学生移动学习平台框架,以期为后期平台的开发提供参考。

            手机在大学生移动学习中的确存在相当的优势。首先,较之笔记本电脑,手机更为便携、经济,能使大学生在方便的时间、地点学习自己需要的知识内容。真正使随时随地的学习成为可能。

            明天组与青春正能量组共同构建了基于手机的大学生移动学习平台系统。此平台是由Axure rp搭建的原型。具体框架平台由下图所示:

            如图所示,手机移动学习平台包括四部分,教务查询、学习园地、校园论坛、就业资讯。

            教务查询

            包括五个子菜单,包个人成绩查询、考级报名、学生选课、活动通知、和校文件下载等子模块;教务查询是根据教学计划和本学校的教室资源制定的每学期的课程、教室、时间计划;选课系统是支持学生选课的平台,根据学生的教学计划来预置选课时学生的选课信息及课程的选课情况。

            校园论坛

            论坛 是大家七嘴八舌讨论问题的地方。校园论坛是江苏师范大学学生发表在校各类感悟的平台,更贴切本校学生的需求,呈现关于师大学生的点点滴滴生活。

            学习园地

            学生选中自己的学习的专业,可以轻松找到自己要学的课程的最新动态,同时个人课表,班级通知提醒学生最近要上的课程概览供学生参考。同时你也可点播课程视频,进行提前学习。在各类课程的学习中,学生可以随时查看作业,上交作业,随时随地,快捷便利。学习园地包括本学校的所有专业相关知识浏览,你可以在公交车上或排队时随时随地地了解到本专业的最新发展动态,还可以点击相关的课程进行学习,这里的课程有文本,音频,视频等各种媒体形式。给学生提供发帖子和搜索的功能,当用户在学习中遇到问题,这里就是一个很好的解决问题的地方。

            就业资讯

            这一模块分为校园招聘会、面试注意事项和招聘网站推荐三个部分。校园招聘会主要呈现最新的校园招聘信息,学生能够快速的了解就业动向。面试注意事项里具体教给学生服装搭配、仪表仪容等方面的知识,帮助学生从小细节中增强自我信心。最近的最新的招聘网站,学生可以寻找和选择更宽阔的就业方向。

           

    • 三、移动学习平台原型设计

    登录界面:

     

     

    菜单首页:

     

    教务查询:

    校园论坛:

    学习园地:

    就业资讯:

     

    你对此原型设计有什么意见?

    • 四、拓展资源

    1、移动学习网

    http://www.medu.org.cn/

    2、移动学习平台——中传在线

    http://mdedu.bbi.edu.cn/PortalNews/melearn.aspx

    3、移动学习资讯网

    http://www.medu.org.cn/

    4、移动学习—中国移动学习联盟

    http://www.yidongxuexi.com/

    5、蓝卓-移动学习专家

    http://www.lantop.com/

    6、Axure rp 6.5软件基础入门学习

    http://www.heguangming.com/?p=507/

     

    文章资源整合

    1、用Axure制作的app原型生成后放到手机上,如何演示效果最佳?

    http://www.zhihu.com/question/20167641    

    2、Axure RP7.0视频培训课程 

    http://www.duobei.com/course/2672666185  

    3、Axure RP、7.0与Axure RP6.5的区别 

    http://www.iaxure.com/946.html   

    4、《AxureRP7.0从入门到精通》离线下载

    http://www.iaxure.com/1725.html  

    5、学习AxureRP的成长之路 

    http://www.leiphone.com/0816-warlial-axurerp.html

    6、初学者使用Axure RP易犯的5个错误

    http://www.evget.com/article/2012/12/21/18318.html

    7、Axure RP原型设计工作坊-以Web/Mobile介面例  

    http://userxper.com/blog/archives/3337   

    8、Axure安装下载资源整理 

    http://www.heguangming.com/?p=876   

    9、AxureRP制定团队的设计体系

    http://www.heguangming.com/?p=914   

    10、Axure RP原型设计网站专案需求分析 

    http://userxper.com/blog/archives/5794

     

    原型设计资源整合:

    网页 UI设计门户

    1、站酷

    http://www.zcool.com.cn/

    2、八只熊

    http://www.8bears.com/coolsite/

    3、国外网站欣赏

    http://www.thefwa.com/

    4、网页设计师

    http://www.68design.net/

    5、我爱设计网

    http://www.52design.com/

    6、蓝色理想

    http://www.blueidea.com/

    7、视觉中国

    http://www.chinavisual.com

    8、创意视觉

    http://cvsion.com/

    9、国外设计门户

    http://www.deviantart.com/

    10、合子UI

    http://www.boxui.com/

    11、酷点

    http://www.koodian.com/

    12、优艾网

    http://www.chinaui.com/

    13、中国UI设计师大社区

    http://www.uirsss.com

    14、UI制造

    http://www.uimaker.com/

    15、UI设计网

    http://www.worldui.com/

     

    专业UI设计团队

    1、UIPower

    http://www.uipower.com/

    2、eico设计

    http://www.eicodesign.com/

    3、西安超人科技

    http://www.skyui.net/

    4、Reooo 设计

    http://www.reooo.com/

    5、Rigo设计

    http://www.rigodesign.com

    6、ICON设计

    http://icon.cn/cn/

    7、记忆拼图

    http://www.zcool.com.cn/u/35500/

     

    用户体验团队网站

    1、UCD大社区

    http://ucdchina.com/

    2、腾讯WSD

    http://wsd.tencent.com/

    3、腾讯CDC

    http://cdc.tencent.com/

    4、腾讯ISD

    http://isd.tencent.com/

    5、淘宝UED

    http://ued.taobao.com/

    6、著片会

    http://www.shupianhui.com/

    7、口啤UED

    http://ued.koubei.com/

    8、阿里UED

    http://www.aliued.cn/

    9、阿里妈妈UED

    http://ued.alimama.com/

    10、163UED

    http://www.ued163.com/

    11、搜狐UED

    http://todd-lee.net/blog/

     

    图标设计及素材

    1、中文图标搜索

    http://www.iconpng.com/

    2、提供搜索

    http://www.icones.pro/

    3、国外图标

    http://weloveicons.com/

    4、图标搜索

    http://www.iconfinder.com/

    5、http://www.freeiconsdownload.com/

    6、http://www.freeiconsweb.com/

    7、http://www.fasticon.com/

    8、http://dryicons.com/

    9、http://www.icotrip.com/

     

    • 五、参考文献

    [1]于涛,苏斌.基于Android系统的移动学习平台设计[D].西南交通大学.2012.

    [2]高宏卿,翟炎杰.基于Hadoop的移动学习模型研究[J].中国电化教育,2011,(1).

    [3]傅健,杨雪.国内移动学习理论研究与实践十年瞰览仁[J].中国电化教育,2009,(7).

    [4]刘丙利,王利.国外移动学习项目的介绍与启示—基于Frohberg的移动项目分析框架[J].中国电化教育,2010,(4).

    [5]李凡,陈琳.移动学习期刊论文内容的分析研究[J].中国远程教育,2010,(12).

    [6]冉敏,余胜泉.小学移动英语学习资源设计[J].中国远程教育,2010,(9).

    [7]詹青龙,张静然,邵银娟,李玉顺.移动学习的理论研究和实践探索—与迈克•沙尔普斯教授的对话[J].中国电化教育,2010,(3).

    [8]王芳芳.基于手机的大学生移动学习平台设计框架[J].考试周刊,2010,(3).

    [9]刘富逵,林江海,黄晓芸,胡华进.基于C/S架构移动学习平台的设计研究[J].高教论坛.2012,(12).

    [10]王慧敏,陈泽宇,王敏娟,张驰.移动学习情境中教育智能应用探究[J].中国远程教育,2010,(1). 

    [11]http://www.edu.en/solutions_1660/200605128200605一2_178129.shtml 

    [12]http://www.eduteeh.net.en/viewthread.php?tid=3242

    [13]http://wo.apple.eom.en/edueation/profiles/eseondido/

    [14]http://www.apple.eom.en/edueation/profiles/ohio一state/ 
     

    • 标签:
    • 移动
    • 设计
    • 控件
    • 框图
    • 功能
    • 原型
    • 交互
    • 学习平台
    • axure
    • rp
    • 页面
    • 面板
  • 加入的知识群:
    学习元评论 (0条)

    评论为空
    聪明如你,不妨在这 发表你的看法与心得 ~



    登录之后可以发表学习元评论
      
暂无内容~~
顶部