免费论文查重: 大雅 万方 维普 turnitin paperpass

探讨HTML5在艺术创业平台中应用

最后更新时间:2024-01-27 作者:用户投稿原创标记本站原创 点赞:13335 浏览:57222
论文导读:
摘要:随着教育改革的深入发展,如何设计与实施创业教育已成为教改实践亟待解决的新课题。技术转变了教学与校园体验的每个环节,高校迫切需要将IT和网络计划与教育界的发展趋势结合到一起。该文对html5在艺术专业创业平台中的应用进行了分析研究,并提出了应用中存在的理由。
关键词:HTML5;CANVAS;SVG;所见即所得;离线应用
1009-3044(2014)01-0156-04
人类进入信息时代后,资本、知本、智本三足支撑的网络经济异军突起,产生了巨大的社会影响力。[1]美国创业教育与研究的先驱狄蒙斯(Jeffery A.Timmon)曾指出:“我们正面对一场无声的革命——人类的HTML5在艺术专业创业平台中的应用论文资料由论文网www.7ctime.com提供,转载请保留地址.创新和创业精神在全世界取得伟大胜利的一场深刻革命。”设计是一个创新的过程,艺术专业创业平台设计有别于一般的电商平台,它紧密与课堂教学和企业需求结合,“卖出”的更多是创意,推动学生创业意识,树立品牌价值。该文结合所做工作,分析html5技术在建立智能化艺术专业创业平台的应用。
1 HTML5的发展与特色
HTML5是HTML的最新版本,现在仍处于发展阶段,虽然现在HTML4.01仍然是行业的标准,但不同的厂商的浏览器对HTML4的解释都存在一定的差异。以微软IE、Firefox、Google Chrome、Opera为代表的各大浏览器已经渐渐的支持HTML5,并成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 -WHATWG) 的组织,致力于HTML标准的统一。可见,HTML5在未来必将成为网页设计的标准。
HTML5,实质上是指HTML5、CSS3和JaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight等的需求,并且提供更多能有效增强网络应用的标准集。HTML5有两大特点:强化了 Web 网页的表现性能,让WEB网页与桌面应用靠拢;追加了本地数据库等 Web 应用的功能。
2 HTML5在艺术专业创业平台中的应用
创业平台的应用主要体现在三方面:学生的学、教师的教与企业的审。不管是服务器端的php、JSP等语言,还是客户端HTML4、jascript,都不能很好的实现以用户为中心的客户端体验,而HTML5的出现,很好的解决了这方面的瓶颈。无论是有创业需求的学生、作为引导者的教师还是有发掘人才需求的企业,用户均可以按自己需求搭建个性化平台。

2.1 CANVAS实现在线创作

在HTML5中,Canvas与SVG均可实现在浏览器中描绘图形的功能。两者均允许脚本语言动态渲染图像,通过Jascript动态转变笔触原理即可开发出类似所见即所得编辑器的在线作图控件。但两者在绘图方式上还是有所不同的,Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形。[2]如下代码(图2):
这段代码第一行定义了一个ID为“canvassample”的canvas容器,即定义了一块画布,draw()策略为获取这块画面,通过JaScript脚本绘制一个100*100像素的矩形到这块画布上。
CANVAS可以对画布中每一个像素点进行精确的制约,色彩也比SVG更为丰富一点,而且SVG图形越复杂,DOM节点越多,严重影响加载速度,因此,在线创作模块适宜采用CANVAS。本系统在线创作模块使用了DeviantArt艺术作品展示网站所推出的muro绘图API。该API完全使用CANVAS标签与Jascript生成图像,而且支持android,ipad等移动应用,让用户在智能手机、平板电脑上随时随地进行创作。主界面如图2所示,包含了图层,画笔,滤镜等的常用画图工具:

2.2 SVG实现个人主页

艺术专业的学生一般都期望有一个个性化的主页,但无论是Dreamweer等网页编辑软件还是CMS建站系统(Content Management System),都有比较专业的编程技术要求;传统的所见即所得网页编辑器(WYSIWYG)虽然可突破技术瓶颈,但缺乏绘图功能,所设计页面大多比较简单,主要用于网页文章的排版。如果有一个GUI界面,不需要专业的编程技术,既可实现类似PHOTOSHOP的平面设计功能,又可融合CMS建站系统的交互功能,那对艺术专业学生来说,无疑是作用重大的。HTML5的SVG矢量绘图,把这种可能变成现实。
SVG是Scalable Vector Graphics (可伸缩矢量图形)的简称,是一种XML 语言的矢量图形格式。SVG 基于 XML,这意味着 SVG的DOM中每个元素都是可用的,可以为某个元素附加 JaScript 事件处理器。
同样是绘制一个100*100像素的矩形,SVG代码如图3所示:
与CANVAS的Jascript脚本绘图不同,SVG的图形部件为浏览器的DOM节点,SVG既可通过描述语法实现绘图,也可以使用Jascript。每个图形部件均为相对独立的DOM节点,因此可以很方便的对每个DOM进行交互式制约,如添加超链接,DOM容器内动态调用外部资源等。在Canvas元素上绘制文本的时候,字符会以像素的方式固定到上面。文本成为了图像的一部分,除非重新绘制Canvas绘制区域,否则无法转变文本内容;而SVG元素可以直接在内联DOM中书写文字,因此,SVG生成的图形对文字的可控性更高,也更容易为搜索引擎所识别。如图4所示即为本系统基于SVG属性所开发的所见即所得在线网页设计插件论文导读:
。用户通过绘图功能与交互调用结合,可以不依赖编程技术设计出自己的个人站点。

2.3 HTML5革新多媒体搜索方式

在传统的搜索模式中,要检索出某张图片或者某种特性的图片,只能通过给图片增加关键词、描述语等来实现。在 HTML5 标准中,加入了新的多样的内容描述标签,直接支持表单验证、视频音频标签、网页元素的拖拽,即用户可以脱离Flash 或者其他第三方控件,直接在浏览器绘制图形或动画,直接用HTML5播放音频、视频。
图片、音频和视频等都以可读性代码的形式存储在网页,开发出能够识别这些代码所代表含义的搜索引擎就成为可能,在实际当中给我们抓取信息带来方便与效益。HTML5让搜索引擎读懂图片、视频、富媒体。如上例图3的矩形图片,代码中包含了颜色、位置及尺寸,每一个元素都有明确清晰的定义,搜索引擎可以更容易地衡量网页上的相关内容。因此,我们在搜索中就不用再局限于关键词,可以根据媒体的颜色,尺寸等特征作为搜索依据。

2.4 HTML5实现离线应用

HTML5 作为新一代的 HTML 标准,包含了对离线功能的支持,通过ApplicationCache接口使离线存储成为可能。
为了能够让用户在离线状态下继续访问 Web 应用,服务器必须支持HTML5,提供cache manifest 文件。在html标签中通过manifest属性引用manifest文件来使得应用可缓存。manifest文件列出了所有需要在离线状态下使用的资源,在页面中添加,浏览器会把这些资源缓存到本地。
manifest文件对应的mime-type是text/cache-manifest,因此服务器端也必须支持text/cache-manifest的文件解释。以本系统为例,使用apache作为服务器平台,需在mime.typHTML5在艺术专业创业平台中的应用由提供海量免费论文范文的www.7ctime.com,希望对您的论文写作有帮助.es配置文件(默认与httpd.conf在同一目录中)中追加text/cache-manifest manifest,让apache支持manifest文件,然后把需要缓存的文件路径写到manifest中。图5所示,即为一个基本的manifest格式。
图5 cache manifest示例
第一行CACHE MANIFEST声明这是一个缓存配置文件;第三行CACHE声明了缓存文件列表,每一行列出一个需要缓存的资源文件名,“index.html”、“style.css”、“images/logo.png”和“scripts/main.js”;NETWORK声明在线访问的文件,是可选项。设置好离线配置后,当访问缓存文件列表中的文件时,浏览器自动把数据缓存到本地,所有操作都在客户端完成,当内容完成后且网络连通时再同步到服务器端。对于在线创作、文章撰写等操作周期较长的模块,一方面避开了因断线而造成数据丢失的情况,其次也减轻了服务器端的负担。
3 Html5存在的桎梏
艺术专业创业平台引入HTML5后,为学生提供了一个无网络技术门槛并且接近于桌面应用程序体验的网络创作和交流平台。尽管HTML5拥有了许多优点,然而在平台的实际开发和使用中,也存在着大量的理由。

3.1 浏览器兼容性理由

HTML5虽然已经产生多年,但仍未得到大量应用,也未形成统一的规范标准。Chrome,Safari,Firefox,Opera等虽然支持HTML5,但支持度也各不相同。因为浏览器支持度的差异,这就对客户端浏览器有严格的要求,很大程度上限制了HTML5的发展。

3.2 安全性理由

HTML5虽然带来了桌面程序一样的WEB感受,不过把大量的操作都放在客户端,浏览器与操作系统应用结合越来紧密,也给客户端和服务器带了一定的安全隐患。如在画布代码中嵌入木马程序,利用跨域请求或WebSockets的端口扫描,利用地理定位追踪受害者等等。
4 结束语
网络创业成为一种新现象,艺术专业创业平台引入HTML5后,让客户端的操作更人性化。然而HTML5仍在发展阶段,在享受html5带给我们便利的同时,也要在其功能和应用上不断予以探索和挖掘,进一步完善创业平台的构建,推动高校创业教育。
参考文献:
[1] 胡桂兰,梅强,朱永跃.创业团队对创业绩效的影响研究[J].科技管理研究,2010(6):157-159.
[2] http://zh.wikipedia.org/wiki/Canvas_(HTML%D4%AA%CB%D8).