老哈 发表于 2016-6-22 20:52:33

App Inventor教学系统

前几日收到浙江嘉兴一位中学老师(杨老师)的邮件,咨询关于在校内搭建AppInventor教学系统的问题,我将问题提交给roadlabs,他给出了一套解决方案,并在原有的AppInventor汉化版201510的基础上,特别添加了简易的学生登陆功能,该方案已经在嘉兴的秀洲现代实验学校开始应用,并得到了杨老师的肯定,后面有杨老师发来的截图。
此后陆续又有学校老师询问相关问题,因此这里将这个方案发布出来,希望能够对学校的教学活动有所帮助。这套方案可以实现一套系统同时满足课堂教学及学生课外练习的需求,教师通过建立一个文本文件,来设置学生的登陆用户名及密码,学生可以从任何一台能够连接互联网的机器上,登陆appinventor教学系统(开发环境)。

一、资源需求

[*]网络连接:学校的网络可以与互联网连接(可以是固定ip的专线连接,也可以是动态ip连接,有不同的解决方案);
[*]服务器:安装部署app inventor开发环境,操作系统为windows(老版本如xp更好一些);
[*]域名:用于外网对服务器的访问。如果学校不具备固定ip,建议从dnspod.cn等网站申请,这样可以设置自有的动态域名;
[*]软件:
①AppInventor离线包——内含开发服务器、编译服务器、调试工具(AIStarter)及AI伴侣;②TinyWebDB——可以借助于AI2提供的网络数据库组件,实现信息的网络存储及共享;
③如果专线不具备静态ip,需要安装一个域名提供商提供的客户端软件,用于动态更新域名指向;
前两个软件在我博客的置顶帖里有下载地址;
二、系统设置

[*]网络设置:在网络路由器上做端口映射,映射为服务器的局域网地址及端口(开发服务器8888,编译服务器9990,tinywebDB8080);
[*]软件设置:C:\ProgramFiles\AppInventor_201510OfflineEdition\DevServer\WEB-INF\appengine-web.xml找到这个文件,察看其中的注释信息,需要修改两处,如下图:
http://s9.sinaimg.cn/mw690/001NpYTLgy6Z2d81zNS78&690Inventor教学系统" title="App Inventor教学系统" height="224" width="690">
[*]添加学生登陆功能:下载文件 WEB-INF.zip ,解压缩后将三个文件login.jsp、users.properties以及web.xml复制到安装目录的DevServer\WEB-INF子目录中,覆盖原有文件;
[*]用户设置:用户登录信息保存在users.properties文件中,每个用户一行,格式为:用户邮箱地址=用户密码(+回车)。文件中已包含两条测试用户(test@example.com和 text1@example.com)信息,仅供参考、测试之用,正式使用时可将其删除,并添加学生的用户名及密码。
下面是杨老师发来的截图:

http://s7.sinaimg.cn/mw690/001NpYTLgy6Z2bFr7Js76&690Inventor教学系统" title="App Inventor教学系统" height="394" width="690">

最后,祝老师们新春快乐,猴年大吉!


      老巫婆的博客                                                                  http://blog.sina.com.cn/jcjzhl[订阅][手机订阅]
      
                                      

页: [1]
查看完整版本: App Inventor教学系统