摘 要随着互联网技术的高速发展，不同形式的HTML5技术不断涌现出来，基于HTML5的页面推广技术也不断发展，场景应用便是这一发展潮流下的产物，通过场景应用来推广产品，可以达到范围广，效率高的效果。而智能家居从九十年代进入市场后，不断扩大其团队，在未来的需求也不断增大。目前智能家居和广大房地产合作，在市场上的推广并没有多大的效果，将智能家居与场景应用相结合，可以突破这一局面实现市场的发展。本文主要阐述了基于HTML5的智能家居的场景应用设计。主要使用的HTML5、CSS、JavaScript以及Jquery语言来构建整体页面和功能模块。选用了Dreamweaver CS6和TXT来编辑和修改程序，通过Photoshop cs5来编辑主要的图片，包括每个页面的背景图片，功能显示图片等。整体页面内容包括音乐开关，视频介绍，地址显示以及分享功能等部分。本设计在这些软件或平台的基础上搭建基础框架，最后添加功能标签，完成整体的设计内容，实现页面展示。
目 录
第一章 绪论 1
1.1研究的背景 1
1.2 研究的意义 1
1.3国内外研究现状 2
第二章 关键技术介绍 3
2.1Java Script介绍 3
2.2HTML5介绍 3
2.2.1HTML5由来 3
2.2.2HTML5的特性 4
2.2.3HTML5的优点 5
2.3CSS3介绍 6
2.4本章小结 6
第三章 模块结构介绍 7
3.1模块内容 7
3.2开发语言和开发工具 8
3.2 本章小结 8
第四章 模块整体设计 9
4.1音乐开关设计 9
4.2 相簿功能设计 10
4.3 视频功能模块设计 12
4.4 地址显示及朋友圈分享功能设计 13
4.5本章小结 15
结束语 16
致 谢 17
参考文献 18
附录: 19
附录A：主要程序 19
第一章 绪论
1.1研究的背景 *景先生毕设|www.jxszl.com +Q: ^351916072# 

互联网技术的高速发展不断改变着人们的生存和发展的模式。虽然第三次工业革命从20世纪的四五十年代一直到现在，持续了七十几年的时间，电子计算机的技术也已经在目前的生活、工作及研究中得到了充分的开发和应用。但是，互联网技术对现在的生活的更新步伐并没有减慢，反而不断加速而且在领域上更加广泛，层次也更加深入。科技所带来的机器“智慧”引导这人类未来社会的发展和变革。
智能家居便是现代科技所带来的机器“智慧”，也是如今最受关注的未来城市中的重要的一个环节。其实，智能家居的概念从很早之前就有了，但一直没有具体的案例出来，直到1984年第一幢智能建筑CityPlaceBuilding在美国康涅狄格州哈特佛市正式建成，智能家居的序幕也由此正式被揭开，智能家居也正式以实体的形式向世人展示其魅力。国外第一个使用智能家居的家庭是比尔盖茨的家，至今已经有三十多年的历史了，这也使得智能家居所特有的便捷的功能及高效率的管控等特性进一步展示在消费者的面前。随着这些技术的不断发展，国内市场中的智能设备也在不断发展。智能家居在二十世纪九十年代末进入国内市场，但这些设备都来自于进口，国内并没有直接生产，直到21世纪初期，国内的研发生产企业才开始慢慢成立，到了2014年以后，越来越多的智能家居厂商不断的加入到这一潮流中，也让外界意识到智能家居的未来不可逆转。
环顾当下，进入智能家居行业的厂商背景大多为互联网企业、安防行业、家电行业巨头、传统照明电工行业以及大型装饰集团，虽然智能家居厂家背景雄厚，但市场是由消费者决定的。目前的智能家居市场上比较公认的销售渠道是地产开发商、弱电工程商以及家庭装饰，但主要集中在房地产市场中，各大巨头也和房地产商抱团营销，其受众范围依旧很狭窄，就如同几年前的手机市场一样。虽说智能家居进入中国市场多年，但是智能家居作为一个新生产业，它仍旧处于一个导入期和成长期的临界点，市场观念还没有形成，因此，智能家居概念还需要深化普通消费者中间，智能家居市场才算是正式打开了。基于这些目的，智能家居在市场中的推广也变的至关重要。本文便侧重于智能家居在市场上的一种推广手段——场景应用。
1.2 研究的意义
HTML5是HTML标准的第五个版本，也是目前应用最广的一个版本，HTML语言是用来制作网页的语言，用来进行网页外观和内容的描述。HTML5是近十年来Web标准发展巨大的飞跃。与以前的版本不同，HTML5包含了更强大的用于交互、多媒体和本地化等各方面的标签以及应用程序接口，HTML5将把Web带入一个视频，音频、图像、动画以及电脑的交互都被标准化的全新应用平台。[1]
HTML5具有众多又是，更多的描述性标签，良好的多媒体支持，更强大的Web应用，跨文档消息通信，Web Socokets，客户端存储，更加精美的界面，更强大的表单，提升可访问性，先进的选择器等等。
基于HTML5的场景应用能够为用户带来更好的用户体验和更加丰富的功能。它向受众展现一种更立体化的广告场景，基于云端无需下载，通过图片文字，视频、音乐等的交互体验，实现一种小而美的基于HTML5技术的内容呈现，并以移动网络为传播的媒介，快速有效地链接用户，重构企业和用户之间的商业联系。[2]在移动互联网不断更新迭代的今天，基于HTML5的场景应用以其开发周期短、成本低、视觉效果好、传播效率高等特点，在社会上受到了广泛的欢迎。因此基于HTML5的场景应用在市场中拥有非常实际的应用价值。
1.3国内外研究现状
2008年1月22日万维网联盟（W3C）发布了第一份HTML5正式草案，2012年12月17日，万维网联盟正式宣布HTML5规范化正式定稿。
HTML5在当下是互联网中最热门，也最受欢迎的话题之一。HTML5的发展速度非常迅速，微软、Opera、谷歌、Apple、火狐等各大浏览器开发商最新版本的浏览器都支持HTML5。
随着HTML5强大的特性在设计开发中不断得到发挥，场景应用也应运而生，并在市场渐渐成熟。
2014年，特斯拉、维多利亚的秘密、杜蕾斯等品牌陆续推出了场景话的轻型应用，在微信朋友圈得到了非常大的反响，也为品牌的营销取得了非常好的效果。场景应用也进入了大众的视野，人们也渐渐知道了什么事场景应用，什么是HTML5。场景应用是一种基于HTML5的技术，其中包含了许多技术如JavaScript、CSS等，它基于云端，不需要在其他地方再进行下载，实时地连接企业和用户、用户和产品。通过图文、视频、音频、LBS、电话、3D、重力感应、商业智能数据分析识别等交互体验实现小而美的场景应用，以社交网络为传播路径，极速连接用户，重构企业与用户之间的商业关系。
目前场景应用在各大企业得到了广泛的推崇，如宝马、唯品会、特斯拉、创维等国内外知名企业，移动互联网发展迅猛，场景应用也成为移动互联网时代最切合用户的使用场景的应用之一。[4]

原文链接：http://www.jxszl.com/dzxx/dzkxyjs/182095.html