《第十五届齐鲁大学生软件设计大赛命题HTML5创意应用.docx》由会员分享,可在线阅读,更多相关《第十五届齐鲁大学生软件设计大赛命题HTML5创意应用.docx(5页珍藏版)》请在第壹文秘上搜索。
1、第十五届齐鲁大学生软件设计大赛命题HTML5创意应用HTML5创意应用命题评审专家组山东建筑大学建筑信息化研究所联系方式:HTML5创意应用官方群注意:1、参赛队长请务必加入本群,否则失去评审资格2、群名片格式:院校简称+真实姓名,如山大王五、山建大张山、济大李四等。群名群号成员群1:HTML5创意应用2017-1仅限队长加入群2:HTML5创意应用2017-2其他队员加入群3:备用暂不公布一、项目介绍HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做WebHypertextApplic
2、ationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作,来创建一个新版本的HTML。HTML5草案的前身名为WebApplications1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。HTML5的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5支持。2012年12月1
3、7日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”2013年5月6日,HTML5.15正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文木标记语言(HTML)o在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性。支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(MaXIhOn),以及基于IE或Chromium(Chrome的工程版或称实
4、验版)所推出的360浏览器、搜狗浏览器、浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。摘自百度百科二、项目要求每参赛团队3-5人,要求采用HTML5、CSS3、JavaScriptjQueryAJAX、Bootstrap等技术,设计实现某一创意应用,采用响应式布局,可同时满足PC机和移动终端访问,具体内容不限,但要求有一定实用性,要求尽量兼容流行的最新版的五大浏览器IE,Chrome,Firefox,Safari,Opera,界面美观大方,交互友好。出题背景:大多数计算机专业对于后台程序设计比较重视,一般都有JAVA、.NET课程,但对于前台开发,课程设计往往比较弱,虽然也会讲一
5、些HTML、CSS之类的知识,但往往离实际开发所要求的水平较远,对于一些新的前台开发技术了解不多,掌握更是不够深入,如AJAXjQueryjson、常用的前台框架(jQueryUREasyULEXtJS、YURMooTooIs等)。希望同学们通过参加这个命题,能为企业培养出更多的前台程序设计师。另外,HTML5是未来十年热门的技术,但现在已经应用非常广泛,也希望通过这个命题能引起同学们对新兴技术的兴趣。同时,也希望同学们结合实际应用,充分发挥自己的奇思妙想,充分利用HTML5中的新技术新特性,不要新瓶装旧酒,要做出新颖实用的优秀作品来。附加说明:1、为了进一步提升作品质量和H5技术的应用深度,
6、我们将提升命题难度,对于普通网站、二手货市场、论坛、博客、常规电商平台、游戏等作品,一般要淘汰,最多给完成奖。有重大创新的作品例外。2、建议与移动应用、微信平台结合,并发挥移动应用的特点,比如定位功能、拍照功能等;3、建议开发平台类、插件类作品,体现HTML5的新特性;4、建议采用响应式布局。5、凡是手机应用演示,一律要在真机上能运行,并把手机的画面投到投影仪上进行展示,不能在模拟器上运行,不能直接拿着手机给评委展示。新增创意建议:1、课堂点名H5APP2、H5与WaG与CanVaS应用3、基于位置的应用(H5地理定位)4、H5与百度大脑、人工智能5、在线考试系统6、H5与虚拟现实的结合应用7
7、、H5与硬件、物联网结合的应用8、H5在Web存储、应用程序缓存、WebSocket.SSE、音视频开发等深层次应用9、H5开发平台设计、通用插件或接口开发10、H5与桌面虚拟化技术II、通用慕课、微课平台、电子教材等典型创意网站案例:1、百万格子网:英国一个名叫亚历克斯-图学生的大胆创意。从小就喜欢奇思怪想的亚历克斯-图为了筹集自己的大学学费而又不想跟银行借贷款,于是在2005年的8月26日突发奇想,只用10分钟就建立了一个名叫百万首页的网站,然后将这个网站的首页平均分成I万份,每一份只是一个小小的格子,他宣称每个格子卖100美元,于是一个几乎是零成本的网页在经过亚历克斯-图的创意后,总价值
8、就变成了一个高达百万美元的网页。2、世纪佳缘交友网由北京大学文学学士、复旦大学媒介经营管理硕士龚海燕研二期间创办。龚海燕属龙,故网名小龙女,自幼家境清贫,好学上进,曾经因家贫和车祸而辍学打工三年,后重返高中校园,23岁时以县文科状元成绩被北京大学中国语言文学系录取。本科毕业后被保送至复旦大学新闻学院读研,方向为媒介经营管理。研二时经过深刻的市场调查,创办世纪佳缘交友网站,欲为天下单身谋幸福。05年7月获得复旦大学优秀毕业生之荣誉,毕业后放弃诱惑,将全部精力投入于世纪佳缘之幸福事业。3、创意字体:4、在线拍照:5、美图秀秀网页版:三、作品提交规范1、每个参赛队的作品必须以光盘形式上交,光盘内需包
9、含以下内容:在根目录下建立四个文件夹,分别命名为“作品”、“源程序”、“文档”和“演示”,必要时自己根据情况建立二级文件夹并清晰命名。1)将作品的发布版及数据库备份文件放入“作品”文件夹中,还要将作品在网上发布,并确保提供在提交作品后直至评审完毕都能任意访问的正确网址。2)将作品的源程序放入“源程序”文件夹中;3)将完整的技术文档、管理文档和系统说明文档(必备软件安装和使用说明书)都放到“文档”文件夹中。注意在文件中应逐条详细说明体现作品设计特色的功能;2、每个队的作品一式三份,即刻录三张光盘上交。光盘上做必要不可擦除的标识以防混乱,如“作品名”、“学校”、“组长姓名”、“小组名称”等;3、请
10、将光盘放在档案袋内,档案袋上贴以下标签。(请将下表填好后粘贴在档案袋外部)参赛题目HTML5创意应用作品网址http:/参赛学校作品名称团队名称队长姓名队长手机队长邮箱队长注意:联系方式要与网上报名完全一致,而且要确保在参赛时间内能保持联系,否则因无法影响参赛和评审的,责任自负!四、 作品上交时间:请关注大赛网站通知及群通知五、 评比方式1、提交的材料完整、齐全、可读性好。如果所提交的文档不完整,仍可以参加评比,但要适当扣分。2、评比首先要看程序是否能正常运行,即运行中出现的错误不能使程序退出、陷入死循环或造成死机。如果出现上述情况,可以重新运行,但总尝试次数不能超过三次。3、作品展示效果占比
11、分的20%,功能及创意为80%o在正常运行基础上,以功能评比为主,在功能相近的情况下,考察程序的其他特色,重点看创意,以鼓励学生创新性思维。首先考察程序是否包含指定的基本功能,其次考察程序的其它创意功能和创意设Ho若某项功能运行不正常,算做无此功能,不影响其他功能评比。4、作品要求至少要兼容GoogIeChrOme、FirefOX浏览器。5、经过演示、报告、答辩后,给出参赛成绩。六、 参赛注意事项 多关注大赛网站 多关注大赛论坛 加入本命题群 加入相关专业开发群 参加巡回报告会,与命题老师和往届获奖学生面对面交流 参加暑期训练营,与命题老师和其他参赛同学直接深入交流 多与往届获奖选手交流,知道一等奖应该具备什么水平,是如何炼就的 主动与指导老师交流 组建一支最有战斗力最合适的团队 与相关专业结合 多买些专业书籍看 多上网看一些高水平论文 多上网查询一些相关资料 认真审题,分析得分点 注意细节,细节决定成败 注意参赛的各个时间点和参赛的所有信息七、参考资料1. W3SCHOOLEBOL.2. 唐俊开.HMTL5移动Web开发指南M.电子工业出版社:唐俊开,2012.3. HTML5中文网.4. HTML5中国EB/OL./.5. jQueryEBOL.6. jQueryUIEBOL.7.8.9.