全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书.docx
- 文档编号:9893601
- 上传时间:2023-05-21
- 格式:DOCX
- 页数:28
- 大小:80.37KB
全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书.docx
《全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书.docx》由会员分享,可在线阅读,更多相关《全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书.docx(28页珍藏版)》请在冰点文库上搜索。
全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书
2016年全国职业院校技能大赛
竞赛项目方案申报书
赛项名称:
微网站设计与开发
赛项组别:
中职组□高职组■
专业大类:
计算机类
方案设计专家组组长:
吴访升
专家组组长手机:
方案申报单位(盖章):
中国职业技术教育学会
信息化工作委员会
方案申报负责人:
孙林营
联系手机:
邮箱号码
通讯地址:
北京市西城区新街口外大街19号
邮政编码:
100875
申报日期:
2015年8月26日
2016年全国职业院校技能大赛
竞赛项目方案
一、赛项名称
(一)赛项名称
赛项名称:
微网站设计与开发
英语翻译:
Micro-siteDesignandDevelopment
(二)压题彩照
(三)赛项归属产业类型
产业类型:
电子信息产业/现代服务业
(四)赛项归属专业大类
高职计算机类---计算机应用技术(专业代码590101)
高职计算机类---计算机网络技术(专业代码590103)
高职计算机类---计算机多媒体技术(专业代码590103)
高职计算机类---软件技术(专业代码590108)
高职计算机类---图形图像制作(专业代码590109)
二、赛项申报专家组
姓名
单位
专业
职务/职称
年龄
手机号码
邮箱
张昕
中关村移动互联网产业联盟
计算机专业
副秘书长/工程师
吴访升
常州工程职业技术学院
计算机应用技术
院长/教授
50
姚越
北京劳动保障职业学院
计算机应用
副教授
刘红梅
北京农业职业学院
计算机网络
系主任/副教授
李旭海
常州工程职业技术学院
计算机专业
副处长
李睿仙
唐山工业职业技术学院
计算机应用技术
艺术传媒系主任/副教授
轩照振
河南交通职业技术学院
计算机专业
院长助理/讲师
赵波
北京中润微知科技发展有限公司
计算机专业
技术总监
三、赛项目的
移动互联时代的到来改变了人们的上网方式,由过去的电脑浏览转变为移动端浏览。
同时,随着微信、蓝信、陌陌等即时消息类移动软件的广泛应用、用户量的迅速增长,为市场蕴藏巨大商机。
作为企业推广的重要平台——“微网站”能够有效为企业吸引潜在用户,提升企业知名度及形象。
微网站的优秀设计精良制作,可提高微网站访问量,进而增加企业公众号粉丝数量,为企业立足移动互联时代打好基础。
因此,随着移动平台的兴起,微网站、微平台建设成为近两年越来越火的一个新领域。
微网站作为移动端跨平台的传播媒介,源于WebApp和网站的融合创新,兼容iOS、android、WP等各大操作系统,可以方便的与微信、微博等应用的链接,适应移动客户端浏览市场,符合浏览体验与交互性能要求的新一代网站。
微网站的设计和开发己经成为一个新兴的求职领域。
(一)促进职业教育教学模式的创新
通过微网站设计与开发大赛,引导职业学校调整课程设置、促进课程改革,将通用性的网站建设、交互设计与移动通信、互联网技术充分融合,使学校的专业建设能快速跟上移动互联网的产业发展趋势。
“微网站设计与开发”高职组比赛已于2015年7月在江苏镇江成功举办行业比赛,有二十多个省/市选手报名参赛,取得了良好的效果,比赛和训练期间涌现了大量优秀的微网站作品,参赛选手在微网站开发平台上快速创意,熟练代码,训练比赛期间的微网站作品成为学校招生宣传移动的窗口和企业宣传推广的创新手段,赢得了与赛师生的好评。
(二)培养复合型的移动互联网技能人才
在2015年全国两会上,李克强总理提出“制定‘互联网+’行动计划”,互联网将成国家战略,迎来新的发展机遇。
“微网站设计与开发”可以充分实现互联网与传统行业的融合,实现在传统行业上进行多样化的应用,为各行业企业提供移动端通信平台的宣传推广运营;微网站同时作为技术复合的体现,结合了美术设计和程序设计两个不同学习领域的知识和技能。
通过大赛,使计算机应用技术、计算机多媒体技术等信息技术类专业学生明确认知和熟练掌握移动互联网、微网站设计与开发技术,科学地将职业学校人才培养机制、专业设置与人才市场需求紧密结合,培养创新型高素质的复合型移动互联网技能人才,吻合了21世纪对跨界人才的培养方向。
四、赛项设计原则
(一)坚持公开、公平、公正
赛项遵循坚持公益性、统一性、专业化和普遍性原则,遵循政府主导、行业指导、企业参与的基本要求,以赛事制度建设为基础,提高赛项的规范化、现代化和机制化水平。
(二)赛项关联职业岗位面广、人才需求量大、职业院校开设专业点多;
通过微网站设计与开发大赛,紧跟信息技术产业的最新发展方向,引领职业学校在计算机应用技术、计算机多媒体技术等专业移动网站创意开发方向的发展趋势,促进人才培养模式、教师教学模式的创新,通过大赛,将企业对热门岗位、新兴技术的需求、用人标准融合到比赛内容中,促进校企深度合作,全面拓展并融汇贯通职业教育信息技术类专业学生的知识和技能。
(三)竞赛内容对应相关职业岗位或岗位群、体现专业核心能力与核心知识、涵盖丰富的专业知识与专业技能点;
主要在以下几个方面着力:
1.竞赛与前沿技术相结合。
本竞赛充分考虑职业院校学生技能掌握的需求情况,通过移动页面组织考核学生UI创意设计,重点通过代码编写考核学生对HTML5、CSS3、js等前沿技术的掌握,重视学生实战操作技能。
2.竞赛与行业前沿发展相结合
本竞赛紧密结合移动互联网行业发展对人才的需求。
微网站运营推广带来了轻营销模式(将微网站植入微信公众平台),这种模式下,面对的受众除了移动网站访问,增加了6亿左右的微信用户,为广大企业带来了无限商机,同时全面考核和培养职业院校学生微网站开发和微网推广宣传能力。
3.竞赛与人才市场优化配置相结合
本竞赛以微网站建设为主,覆盖了职业学校从计算机应用技术、计算机网络技术、计算机多媒体技术、软件技术、图形图像制作等多个专业领域,通过竞赛能充分对现有移动互联网中技能型人才的市场流动和优化配置方面,起到技术创新、科技进步的引导作用。
4.竞赛与职业发展教育相结合
本竞赛在考核知识和能力掌握情况的同时,注重职业院校学生职业发展理念的引入和职业生涯的规划,鼓励职业院校学生利用自己掌握知识和技能创新创业。
(四)竞赛平台成熟。
微知微网站建设实训平台以移动互联为支撑,基于HTML5、CSS3、Js等开发技术,针对移动终端使用人群,提供丰富的微网站建设功能。
软件平台功能全面、使用简单方便,针对各行业企业多样性的需求开发出了微网站背景、基本CSS、微网应用等功能。
集合微网站设计和微网站开发平台于一体,可以让参赛选手在掌握专业知识原理层面的同时,更多的锻炼职业院校学生建设微网站中的实际操作技能。
本实训平台结合各职业院校信息类专业要求,按照职业教育的教学实训实际情况而研发,适合职业院校开设的移动网站设计、移动网站开发等课程的实训教学。
平台集平面设计、网站开发、移动互联技术于一体,除了满足专业实训教学,还能开展技能考核和职业技能竞赛,基于平台的微网站产品可直接投入微信类平台和移动端浏览器交互应用,体现了社会价值和经济效益。
可通过开展各行业微推广项目式实训,培养学生在微网站设计开发过程中的整体设计、开发和建站的综合职业能力。
在2015年“微网站设计与开发”行业赛中得到广大参赛院校的肯定。
五、赛项方案的特色与创新点
(一)体现“互联网+”各行业推广应用
突出移动互联技术在信息技术类专业的新应用,以智能移动终端(智能手机、PAD)为各行业企业的宣传承载平台,注重考察参赛选手的微网站建设及开发技能。
考察选手页面设计、交互效果应用、内容组织及页面友好度、网页制作技术、微网站的推广能力。
(二)适应高素质技能型人才的培养方向
通过比赛和实训为学生构建真实的移动互联网和平台设计开发环境,职业院校学生实训、训练和比赛成果可直接投入企业使用,具有实际生产价值。
1.考察参赛选手对微网站的网页设计及创意能力。
考查选手运用设计元素,对含有网页链接、图形元素、文字和照片处理的综合能力。
尤其突出参赛选手的学习新技术进行原创设计的能力,设计网页颜色、字体、图形以及网站布局时要具有创造性,对用户界面的规划能力。
2.考察选手微网站开发及管理能力。
参赛选手需要通晓微网站基础知识、内容制作和微网站管理,使用微网站开发实训平台中开放源码库和框架创建客户端部分。
突出考核参赛选手的用户体验设计和移动开发工具的应用能力。
3.考察选手对微网站和参赛选手的创新能力及职业道德。
作为赛项内容的一部分,参赛选手根据行业企业真实需求,完成微网站现场创意和文案撰写,包括对微网站设计理念、网站结构、开发原理及推广手段。
不仅考察参赛选手的微网站建设与开发能力,加强参赛选手对版权法和道德问题的认知和重视,同时也提升参赛选手的创新能力。
(三)促进国赛与世界技能大赛的接轨
当前国家职业技能大赛中还没有针对“网站建设”开设的专门赛项,有的省市为参加世赛,也开设了此类的赛项。
微网站建设与开发赛事不仅可以填补国家技能大赛在这方面赛项的不足,与世界技能大赛中的网站设计赛项接轨,而且引入移动互联网技术,是在传统网站建设上的提升,体现了新技术的应用和行业的复合性,及对复合型技能人才的培养。
(四)通过本项竞赛引导职业学校专业建设
促进课程改革,丰富高职院校的相关专业的实训教学资源,对填补当前职业院校计算机网络技术、平面设计及计算机应用技术专业在微网站建设、移动信息化应用教学实训平台、实训案例和培训资源方面的空白,有助于增强教育教学能力等方面,具有重要引领示范作用。
(五)以学生参与为中心的创客体验
响应国家号召,应对信息通讯技术发展以及知识社会来临的机遇与挑战,探索以学生参与为中心的创新模式。
参赛选手通过赛项提供的开放平台体验、试验、检验微网站的应用创新与技术进步。
以学生为中心、以社会实践为舞台、创设以共同创新、开放创新为特点的学生参与的创新模式的技术环境,引导其成为创意者、设计者和产品创造的实现者。
六、竞赛内容简介(须附英文对照简介)
微网站设计与开发赛项基于HTML5和CSS3等开发技术,针对移动终端使用人群,提供丰富的微网站建设功能。
锻炼信息技术类广大职业院校学生针对各行业企业多样性的需求开发微官网、微宣传和微邀请等微推广产品,竞赛主要技能点包括微网站创意、界面设计、图片处理、美工制作、代码交互、实现整体微网站设计与开发、运行推广等,知识融于技能、达到微网站设计和开发的知行统一,融汇贯通。
为体现赛项的公平公正和创新性,比赛分为微网站制作和微网站创意设计两大项目,分别用设计和开发软件平台完成。
参赛选手在大赛组委会提供的软硬件环境下、根据提供的素材及制作要求在比赛时间内完成赛题,微网站的成果作品在微信同类平台中合理运行。
两个模块根据职业院校学生就业岗位的需求,较完整地覆盖微网站建站制作的全部流程,体现技术与艺术的结合。
竞赛题目采用命题形式,考核选手模仿制作和创意制作的能力。
ThecompetitionofMicrositeDesignandDevelopmentisbasedonnewtechnicalstandardofHTML5ANDCSS3,speciallyforthepeoplewhohasbeenusingMT(MobileTerminal)openplatform,itprovideswiderangeofmicrositeset-upfunctionsaccordingtothemicroaccountopenedtothealsotrainandgiveskillstoallprofessionalITschoolstudentstodevelopmicroofficialwebsite,microadvertisement,microresearchandmicrostatisticstomeetvariousdemandsfromvarietyofenterprisesandcompanies.
Thekeyelementsinthecompetitioninclude:
micrositecreative,frontpagedesign,imageprocessing,picturetreatment,codeinteraction,realizationofexchangingfunctions,wholemicrositedesignanddevelopmentandpromotionofmicrositeetc.
Tomakeafaircompetitionandembodycreativity
thecompetitioncombinesthetwoprojectsofMicrositeproductionandMicrositecreativedesigning,whichhastobecompletedwithinthedesignandcreativesoftwareplatform.
Competitorsshouldfinishthetestwithinrequiredtimelimitbyutilizingthesoftandhardwaresprovidedbythecompetitioncommittee,theelementsprovidedhereinandmake-uprequirementandsmoothlyrunthemicrositeproductontheMicrosite.
Thetwoprojectsarebasedontherequirementsofactualjobfortheschoolstudents,itcoversallproceduresofmicrositeset-upandcreation,itshowstheperfectcombinationofskillsandart.
Thecompetitionwillsetupquestionstotestthecompetitor’sabilityofimitationandcreation.
七、竞赛方式
(一)比赛方式为个人赛,不邀请境外代表队参赛;
(二)参赛规模:
每个参赛省(市)参赛人数为4人,每名参赛选手可配1名指导教师,比赛时间为小时。
鼓励各省组织省赛,组织有相应项目省级选拔赛的省份,经大赛执行委员会审查备案,视赛项特点及承办单位实际承接能力,在条件许可的情况下相应项目可增加1名参赛选手,不邀请境外代表队参赛;
(三)参赛资格:
参赛选手须为高等职业学校信息技术类和文化艺术类等相关专业类的全日制在籍学生可报名参加比赛;
(四)参赛年龄:
参赛选手年龄不超过25周岁(即1991年7月1日及以后出生);
(五)参赛说明:
凡在往届本赛项全国大赛中获一等奖的学生,不再参加同一项目(同一组别)的全国大赛;
(六)竞赛分预赛和决赛两个阶段。
预赛由各省、自治区、直辖市,各计划单列市以及新疆建设兵团等有关部门自行组织,决赛由2016年全国职业院校技能大赛组委会统一组织。
八、竞赛时间安排与流程
比赛限定在小时内进行,时间为8:
10-11:
40,具体安排如下:
比赛日程安排
07:
00-07:
10
裁判进入裁判室
07:
10-07:
40
选手检录、抽签
07:
50-08:
00
参赛选手入场就位
08:
00-08:
10
裁判宣读要求,选手查看相关要求
08:
10-11:
40
比赛时间
11:
40-11:
50
参赛选手离场
11:
50-23:
00
裁判评分
九、竞赛试题
2016年全国职业院校技能大赛
微网站设计与开发赛项(高职组)竞赛样题
一、操作说明
1、赛前准备时间,请先检查所需使用的计算机软硬件是否正常。
2、运行“d:
\微网站设计与开发比赛模块.rar”自解压文件,所有比赛题目都会解压到“d:
\微网站设计与开发比赛模块”文件夹中。
解压密码由监考人员现场公布。
3、参赛作品存放在“桌面XXX-参赛作品桌面XXX-参赛作品”文件夹中,选手根据题目自行建立文件夹,名称为“模块1”、“模块2”、“模块3”、“模块4”(中间无空格)。
若在“桌面XXX-参赛作品桌面XXX-参赛作品”文件夹内无指定名称的模块文件夹,则该项作品根据题目要求减去相应分数。
注释:
其中XXX为赛位号,比如赛位号为1号,文件夹名称为“001-参赛作品”;赛位号为47号,文件夹名称为“047-参赛作品”;赛位号为110号,文件夹名称为“110-参赛作品”。
4、本次微网站设计与开发比赛的赛题共有4个模块,各模块所需素材和UI设计稿,分别存放在“d:
\微网站设计与开发比赛模块”文件夹下的4个文件夹内,个别素材需参赛选手根据UI设计稿自己制作。
5、创意作品由提交服务器的微网站作品和PSD格式的分层UI设计稿文件组成,两者缺一不可。
微网站尺寸、分辨率须符合各赛题的具体规定。
6、赛题作品的提交:
建议边做边保存,注意链接跳转后不要保存错页面。
7、所有参考资料存放在“d:
\资料”文件夹中,pdf文件可用火狐浏览器打开。
二、比赛模块及要求
模块一:
XXX微网站(使用微设计软件):
通过基本背景、基本CSS元素和微网应用元素等,自由拖曳、灵活组合搭建微网站。
(20%)
根据UI设计稿,完成微网站页面搭建,制作要求如下:
1)在“桌面XXX-参赛作品\模块1”文件夹内建一个用“作品1XXX”命名的文件夹。
2)在微设计软件中创建站点1
3)根据提供的UI设计稿,自行创建微网站切片,压缩合理大小,输出为正确格式。
4)在微设计软件中进行“前导页、一级页面和二级页面”的页面制作总计5个页面。
5)页面制作好后,为每个页面之间添加导航链接,使页面之间可以通过导航进行随意跳转。
6)为微网站添加音乐、轮播图、QQ客服、一键拨号控件
7)根据切片图片,结合微设计软件中的动画功能,为微网站添加与主题相符的动画。
8)保存作品。
输出管理:
确定在谷歌浏览器预览无问题后,复制微网站链接地址,将其粘贴记事本中,以“XXX微网站链接”命名,放置到“桌面XXX-参赛作品\模块1\作品1XXX”文件夹内。
模块二:
XXX微网站制作(使用微开发软件平台):
通过基本背景、基本CSS元素和微网应用元素等,源代码编辑、灵活组合制作微网站。
(30%)
根据UI设计稿,完成XXX微网站搭建。
主要任务如下:
1)在“桌面XXX-参赛作品\模块2”文件夹内建一个用“作品2-XXX微网站制作”命名的文件夹。
2)在微设计软件中创建站点2。
3)根据提供UI设计稿,自行创建微网站切片,压缩合理大小,输出为正确格式。
4)通过微开发软件平台源代码,调整元素属性完成页面搭建。
5)通过微开发软件平台源代码,为微网页之间呈现导航交互。
6)通过微开发软件平台,为微网站添加音乐、轮播图、QQ客服、一键拨号控件,再使用源代码为其进行精确调整。
7)通过微开发软件平台,为微网站底部菜单,再使用源代码为其进行精确调整。
8)通过微开发软件平台,结合微网站整体风格,通过源代码为微网站添加动画
9)保存作品
输出管理:
确定在谷歌浏览器预览没问题后,复制微网站链接地址,将其粘贴记事本中,以“XXX微网站制作链接”命名,放置到“桌面XXX-参赛作品\模块2\作品2-XXX微网站制作”文件夹内。
模块三:
XXX公司招聘(使用微开发软件):
在比赛提供的绘图软件中完成效果图设计、制作切片,再通过微开发软件平台的基本背景、基本CSS元素和微网应用元素等,源代码编辑、灵活组合制作微网站。
(40%)
根据XXX需求和资料,完成公司招聘微网站设计创意并制作。
制作要求如下:
1)在“桌面XXX-参赛作品\模块3”文件夹内建一个用“作品3-XXX公司招聘”命名的文件夹
2)在微开发软件中创建站点3
3)根据XXX公司需求和资料,利用绘图软件自行设计与制作页面效果图其中包含“1个一级页面、2个二级页面和2个三级页面”,页面尺寸分辨率为640*1008像素。
4)将制作的效果图合理创建切片
5)在微开发软件平台中将“1个一级页面、2个二级页面和2个三级页面”进行页面搭建.
6)页面制作好后,通过微开发软件中的源代码为每个页面之间添加导航链接,使页面之间可以通过导航进行随意跳转。
7)通过微开发软件平台,为微网站添加音乐、轮播图、QQ客服、一键拨号控件,再使用源代码为其进行精确调整。
8)通过微开发软件平台,为微网站添加底部菜单,使用源代码为其进行精确调整
9)通过微开发软件平台,结合微网站整体风格,通过源代码为微网站添加动画
10)保存作品。
输出管理:
1)将设计制作的5个PSD文件储存到“桌面XXX-参赛作品\模块3\作品3作品2-XXX公司招聘”文件夹内。
2)将设计制作的轮播图效果图文件储存到“桌面XXX-参赛作品\模块3\作品3-XXX公司招聘”文件夹内。
3)将设计制作的微网站切片图文件储存到“桌面XXX-参赛作品\模块3\作品3-XXX公司招聘”文件夹内。
4)确定在谷歌浏览器预览没问题后,复制微网站链接地址,将其粘贴在记事本中,以“XXX公司招聘微网站链接”命名,放置到“桌面XXX-参赛作品\模块3\作品3-XXX公司招聘”文件夹内。
模块四:
创意文案:
将模块三制作微网站时的设计理念,写出与之对应的创意说明。
起名“微网站创意文案”存放在“桌面XXX-参赛作品\模块4\创意文案”文件夹内(10%)。
十、评分标准制定原则、评分方法、评分细则
(一)评分标准制定原则:
1.按照职业岗位要求,全面评价参赛选手职业能力,本着“科学严谨、公平公正公开、可操作性强”的原则制定评分标准。
2.确定评分因素界面布局设计、导航菜单功能、图片处理、交互功能的实现、整体微网站设计与开发和微网站推广等各模块内容;
3.分配因素权重上着力区分重要与非重要因素,区分主客观评分因素;
4.推广方案等相关文档的准确性与规范性;
5.评分细评分细则制定充分科学、合理性。
(二)评分方法:
过程性评分
1.评分流程:
根据参赛队伍(选手)在分步操作过程中的规范性、合理性以及完成质量等,评分裁判依据评分标准按步给分并加权汇总的评分方法。
流程如下:
①参赛队伍(选手)按比赛要求进行操作,评分裁判对照评分表即时判分。
每模块评分裁判2人,结果取平均分;
②两名记分员在监督人员的现场监督下,对参赛队伍(选手)的评分结果进行分步汇总并计算平均分,所有步骤成绩的加权汇总值作为该参赛队伍(选手)的最后得分;
③裁判长当天公布评分结果,并由裁判长、监督人员和仲裁人员签字后确认;
④在竞赛过程中,参赛选手如有不服从裁判判决、扰乱赛场秩序、舞弊等不文明行为的,由裁判长按照规定扣减相应分数,情节严重的取消比赛资格,比赛成绩记0分。
2.评分的主要要素为作品技术、视觉效果、创意设计和推广理念。
3.每位选手总分为100分,总分最高者获胜。
(三)评分细则:
模块号
模块内容
判分内容
分值
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 全国 职业院校 技能 大赛 竞赛 网站 设计 开发 项目 方案 申报
![提示](https://static.bingdoc.com/images/bang_tan.gif)