第十五届齐鲁大学生软件设计大赛命题HTML5创意应用.docx

《第十五届齐鲁大学生软件设计大赛命题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.