第3单元 信息系统的设计
3.3信息系统的数据输入
第1课时
制作图书录入的交互页面
一、教材分析
本节我们将围绕“图书数据录入”项目展开学习。整个项目将以HTML+Python+Access作为开发工具，展现数据从信息系统输入界面进入数据库的基本过程。教学过程中，采用项目式教学方法，以项目引导学生进行具体任务的探究，在探究过程中构建理论知识体系。
二、教学目标
1.
能够根据信息输入的要求设计HTML网页。
2.
理解信息系统数据访问的基本过程。
3.
能够描述将用户输入信息存储到数据库的基本过程。
三、重点难点
教学重点：体验表单与代码的关联，感知网络数据库录入中代码的功能。
教学难点：表单元素与其功能实现代码的对应及修改方法。
四、教学过程
引入
静态网和动态网的区别在哪里？
在网站（信息系统）使用过程中，（动态网）网页显示的信息是存储在数据库中的，修改数据库内容，则网页的内容也会相应改变。
用户并没有在数据库管理系统（ACCESS)中直接操作数据库，而是通过后台管理网页（信息系统）方便地进行数据操作。
本节课给同学们讲述动态网站后台管理中信息录入的页面。
信息系统的开发工具
“添加图书录入表单”案例
演示“添加图书录入表单.html”：
以浏览器打开“添加图书录入表单.html”→右键选择“察看网页源代码”
表单
表单：在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与Web服务器的数据传递。
form标记中的action和method为表单的属性，action表示表单数据将提交给哪一个程序处理，method表示表单数据的传递方式。
以get方式传递数据，浏览器将在地址栏中呈现传递的数据；以post方式传递数据，数据不会出现在地址栏中，所以适合传递敏感数据。
post方式理论上没有数据量大小限制，但为了保证系统的稳定运行，通常会限制在2MB以内。
表单元素
表单元素：用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML定义了多种类型的表单元素。
表单元素的代码
添加录入提示
用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。那么我们在页面制作时，如何给表单添加录入提示呢？
什么是交互
为表单元素设计提示信息，就是设计页面的交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？
交互（interaction）指人工制品在特定场景下的反应方式。用户使用各种信息服务过程中的感觉就是一种交互体验。从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。
小结
1.
表单
2.
表单元素：文本框、密码框、单选框、复选框、下拉列表、按钮等等。
3.
添加录入提示。(共20张PPT)
教科版（2019版）信息技术
（高中
必修2
信息系统化与社会）
第3单元
信息系统的数据输入
3.3信息系统的数据输入
1.
能够根据信息输入的要求设计HTML网页。
2.
理解信息系统数据访问的基本过程。
3.
能够描述将用户输入信息存储到数据库的基本过程。
学习目标：
重点难点：
教学重点：体验表单与代码的关联，感知网络数据库录入中代码的功能。
教学难点：表单元素与其功能实现代码的对应及修改方法。
第1课时
制作图书录入的交互页面
在网站（信息系统）使用过程中，（动态网）网页显示的信息是存储在数据库中的，修改数据库内容，则网页的内容也会相应改变。
用户并没有在数据库管理系统（ACCESS)中直接操作数据库，而是通过后台管理网页（信息系统）方便地进行数据操作。
一、引入
静态网和动态网的区别在哪里？
本节课给同学们讲述动态网站后台管理中信息录入的页面。
HTML
用于制作信息系统界面
用于制作信息处理程序
用于
数据管理
二、信息系统的开发工具
+
Python
Access
+
信息系统
开发
......
+
三、“添加图书录入表单”案例
演示案例:
添加图书录入表单.html
三、“添加图书录入表单”案例
在网页状态：
右键→察看网页源代码
三、“添加图书录入表单”案例
四、表单
表单：在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与Web服务器的数据传递。
四、表单
form标记中的action和method为表单的属性
以get方式传递数据，浏览器将在地址栏中呈现传递的数据；以post方式传递数据，数据不会出现在地址栏中，所以适合传递敏感数据。
action表示表单数据将提交给哪一个程序处理
method表示表单数据的传递方式
post方式理论上没有数据量大小限制，但为了保证系统的稳定运行，通常会限制在2MB以内。
五、表单元素
表单元素：用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML定义了多种类型的表单元素。
表单元素
网页呈现示例
功能
文本框
输入文本数据
密码框
输入密码，内容不显示
单选框
只选择其中一项
复选框
可选择多项
下拉列表
选择规定内容中的一项
按钮
提交表单信息或执行命令
单选框通常按组使用，同属一组的多个单选框的
name
属性相同。
HTML
定义了三种按钮，用
type
属性加以区分：
button
为普通按钮
submit
为提交数据到服务器的按钮
reset
为清除表单中所有输入数据的按钮
六、表单元素的代码
表单元素
网页呈现示例
代码——源码
表单
文本框
密码框
单选框
复选框
name=”文本框名称”type=”text”/>
name=”密码”type=”password”/>
name=”单选框”type=”radio”/>
name=”复选框”type=”checkbox”/>
六、表单元素的代码
表单元素
网页呈现示例
功能
下拉列表
按钮
name=”列表框名称”>
name=”按钮名称”
value=”按钮显示的文本”/>
七、添加录入提示
用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。那么我们在页面制作时，如何给表单添加录入提示呢？
七、添加录入提示
网站
表单元素
提示信息
搜狐
密码框
6~16位，英文（区分大小写）、数字或常用符号
为表单元素设计提示信息，就是设计页面的交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？
交互（interaction）指人工制品在特定场景下的反应方式。用户使用各种信息服务过程中的感觉就是一种交互体验。从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。
八、什么是交互
1.
表单
2.
表单元素：文本框、密码框、单选框、复选框、下拉列表、按钮等等。
3.
添加录入提示。
小结
感谢您的观看
THANK
YOU
FOR
YOUR
WATCHING
