基于HTML5的计算思维微课设计与实现——数据处理

论文总字数：15599字

摘 要

20世纪以来，在以美国为首的西方资产阶级开放过程中，数据技术随之兴起,可谓是气势磅礴，波澜壮阔，大数据的时代序幕逐渐拉开。“大数据”之“大”，并不仅仅在于“容量之大”，更大的意义在于：通过对海量数据的处理——交换、整合和分析，发现新的知识，创造新的价值，带来“大知识”、“大科技”、“大利润”、和“大发展”。

目前的现实世界中，决策制定者正在被大量的数据淹没，数据信息从各种各样的传感器、工具和模拟实验那里源源不断地用来，令企业的组织能力、反洗能力和存储信息的能力捉襟见肘。对于人们而言，更重要的是“选择”能力，是考验的是个人的自主性,看其是否能够从繁杂的大数据中挑选出有用的部分。

同时在人类所处的大数据时代,生活将将更加数字化，移动电话、互联网、以及社交媒体使得人类行为变得更加容易量化，从而将我们的社会改造成了一个巨大的数据库。在这样庞大的数据库面前，势必会带动新的数据处理技术、以及新的思维方式的产生。简而言之，可以概括为一句话：大数据时代可以预见未来的新思维。

这种新思维就是诞生不久，却已得到人们的高度重视，并且对其的研究与学习愈演愈烈的——计算思维。计算思维通过顺序、选择、循环、嵌套、转化和仿真等方法,把一个看来困难的问题重新阐述成一个我们可以知道问题怎么解决的方法；是一种递归思路,是一种并行处理,是一种通过把代码处理译成数据又能把数据反过来译成代码,是一种多维分析推广的类型检查方法；是一种采用抽象和分解来控制繁杂的任务或进行庞大复杂系统设计的方法,是一种基于关注分离的方法（SoC方法）；是一种选择合适的方式去叙述一个问题,或对一个问题的相关方面建模使其便于处理的思维方法；是按照预防、保护和通过冗余、容错、纠错的方式,并在最坏的情况进行系统恢复的一种思维方式；是利用启发式推理寻求解决方案,也即在不确定情况下的进行规划、学习和调度的思维方法；是利用海量数据来加快计算,在时、空之间,在处理能力和存储容量之间进行折中的思维方法.

因此，如何理解计算思维的本质和掌握数据处理的原理对于身处新时代的我们而言，已经是迫在眉睫的问题了。

本文设计采用HTML5技术，设计一个能体现计算思维且讲述了数据处理基本原理的的网页动画。

作者在本文中主要承担的工作包括：

1. 深层次理解计算思维，看清计算思维的本质，了解计算思维的现实应用；
2. 学习HTML5技术，掌握基本的HTML5网页动画开发技术；
3. 制作网页动画，完成设计的编码和后续的演示工作；

关键词：HTML5、计算思维

Abstruct

Since the 20th century, the Great Depression, the US Open history as a world power, the rise of the process data technology wave, the era prelude magnificent, magnificent, big data gradually opened. "Big Data" and "big", not only in the "great capacity" greater significance is that: by processing massive data - exchange, integration and analysis, the discovery of new knowledge, create new value, with to "big knowledge", "Science and Technology", "big profits", and "big development."

The current real-world, decision-makers are being inundated with data, data from a variety of sensors, tools and simulation where a steady stream used to make organizational capabilities, backwash capability and storage of information capacity stretched. For people, the more important is the "insight" capability, is personal autonomy, pick out the useful part from the complicated big data.

At the same time in the lives of digitized era of big data, mobile phone, Internet, and e-mail is easier to quantify human behavior, our society into a huge database. In the face of such a large database, it is bound to drive the new data processing techniques, as well as generate new ways of thinking. In short, it can be summarized in one sentence: the era of big data can foresee new ideas for the future.

This new thinking is born soon after, they have got people"s attention, and its research and learning intensified - computational thinking. Computational thinking through the sequence, selection, circulation, nesting, transformation and simulation methods, to a seemingly difficult problem into a reformulated we can know how to solve the problem; a method is a recursive thinking, is a parallel processing, is translated into a code that handles data by the data and can in turn be translated into code, is a multi-dimensional analysis of the type of inspection method is extended; an abstract and complex task decomposition to control or carry out a large and complex system design uses method is a method (SoC method) based on the separation of concerns; a narrative to choose the right way to be a problem, or relevant aspects of modeling a problem thinking of making it easy to handle; in accordance with the prevention, protection and redundant, fault-tolerant, error correction mode, and in the worst case be a way of thinking system recovery; heuristic reasoning is to find a solution, that is in the uncertainty of planning, learning and scheduling thinking; the use of massive amounts of data to speed up the calculation, when, between air between processing power and storage capacity of a compromise way of thinking.

Therefore, how to understand the nature of thought-principles calculations and masterdata processing of us who live in a new era, it has become an urgent problem.

In this paper,the design uses HTML5 technology, designed to reflect a calculation and thinking about the basic principles of data processing web animation.

The author in this article main work includes:

1, a deep understanding computational thinking, see the nature of computational thinking to understand computational thinking of practical application;

2, learning HTML5 technology to master the basic HTML5 web animation development technology;

3, making web animation, complete the design of coding and subsequent demonstration work;

Keywords: HTML5, computational thinking

目录

摘 要 I

Abstruct II

第一章 绪论 1

1.1课题研究背景及意义 1

1.2目前研究现状 1

1.3论文组织结构 2

第二章 相关理论及技术 3

2.1相关理论介绍 3

2.1.1 计算思维 3

2.2 开发技术介绍 4

2.2.1 HTML5技术 4

2.2.1 其他相关技术 4

2.3开发及运行环境 5

2.3.1 项目运行环境 5

2.3.2 开发环境 5

第三章 HTML5网页动画的设计过程 6

3.1 设计思路及准备工作 6

3.2.1剧本的确定 6

3.1.2素材、图像、元件的准备 6

3.2动画等主要元件的制作 6

3.3HTML5动画的测试和保存 7

第四章 HTML5网页动画的实现过程 7

4.1欢迎场景 8

4.1.1开头欢迎页 8

4.1.2 相关代码概述 8

4.2相关背景和意义场景 8

4.2.1 数据处理研究背景和意义 8

4.2.2 相关代码概述 8

4.3原理和模型讲解场景 9

4.3.1 数据处理的原理和基本模型 9

4.3.2 相关代码概述 9

4.4观众互动场景 9

剩余内容已隐藏，请支付后下载全文，论文总字数：15599字