20
กกกกกกกกกกกกกกกกกกกกกกกกก กกก (Advance On-Line Document Development) กกกกกกกกกกกกก กกกกกกกกกกก กกกกกกกกกกกกกกกกก กกกกกกกกกกกกกกกกก กกกกกกกกกกกกกกกกกกกก

การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

Embed Size (px)

DESCRIPTION

การสร้างสรรค์ การพัฒนาและการจัดการเอกสารออนไลน์ ปฏิสัมพันธ์ขั้นสูง ในเรื่องการพัฒนาเว็บไซต์ ปฏิสัมพันธ์ภาพเคลื่อนไหวสำหรับเว็บ การออกแบบปฏิสัมพันธ์ และการพัฒนาสื่อดิจิทัลออนไลน์รูปแบบต่างๆ

Citation preview

Page 1: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

การพั�ฒนาเอกสารออนไลน ขั้� �นส�ง (Advance On-Line Document

Development)

อาจารย์ เจนโชค เตขั้ะโกเมนท์ คณะสารสนเท์ศศาสตร

สาขั้าวิ�ชาส !อนฤม�ตมหาวิ�ท์ย์าล�ย์มหาสารคาม

Page 2: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

สิ่��งที่��ต้�องเรี�ยนในวิ�ชาน�� ควิามร� $และควิามเขั้$าใจในระบบอ�นเตอร เน(ตและระบบปฏิ�บ�ต�การบน

เคร อขั้+าย์ ขั้��นตอนในการพั�ฒนาเอกสารเอกสารออนไลน ขั้��นส�ง ควิามร� $เบ �องต$นเก,!ย์วิก�บระบบฐานขั้$อม�ล ภาษา SQL เพั !อใช$งานก�บระบบการจ�ดการฐานขั้$อม�ล DHTML , Java Script และ CSS เพั !อสร$างเอกสารออนไลน หล�กการท์1างานขั้อง Web Server และการต�ดต��ง Web Server การสร$าง Web Application ด$วิย์ภาษา PHP การสร$างออกแบบและสร$างปฏิ�ส�มพั�นธ์ ด$วิย์เท์คโนโลย์, AJAX โครงงานน�กศ3กษา (เอกสารออนไลน ขั้��นส�ง)

Page 3: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

Internetอ�นเที่อรี�เน�ต้ (Internet) มาจากค1าวิ+า Inter Connection Network ซึ่3!งก(ค อ

ระบบเคร อขั้+าย์คอมพั�วิเตอร ชน�ดหน3!ง ท์,!ม,ขั้นาดใหญ่+ครอบคล6มท์��งโลก ม,คอมพั�วิเตอร น�บส�บล$านเคร !อง ต+อโย์งถึ3งก�น เสม อนใย์แมงม6ม โดย์ใช$โปรโตคอล (Protocol) หร อ มาตรฐานในการร�บส+งขั้$อม�ลในระบบ

อ�นเท์อร เน(ตน��นเราจะใช$มาตรฐานท์,!ม,ช !อวิ+า ท์,ซึ่,พั,/ไอพั, (TCP/IP : Transmission Control Protocol / Internet

Protocol) ซึ่3!งสามารถึเล อก เส$นท์างในการต�ดต+อ ได$หลาย์ๆ เส$นท์าง หร อจะเร,ย์กได$วิ+า

เป9นการส !อสารแบบไร$ม�ต� ไซึ่เบอร เสปซึ่ (Cyberspaces)

Page 4: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

รีะบบปฏิ�บ�ต้�การีเครี�อข่�าย (Network Operating System : NOS)

เป9นระบบปฏิ�บ�ต�การท์,!ออกแบบเพั !อจ�ดการงานด$านการส !อสารระหวิ+างคอมพั�วิเตอร ให$ สามารถึใช$ท์ร�พัย์ากรร+วิมก�นได$ เช+น เคร !องพั�มพั ฮาร ดด�สก เป9นต$น ระบบปฏิ�บ�ต�การเคร อขั้+าย์จะม,ล�กษณะการท์1างานคล$าย์ก�บระบบปฏิ�บ�ต�การดอส จะแตกต+างในส+วินขั้องการเพั�!มการจ�ดการเก,!ย์วิก�บเคร อขั้+าย์และการใช$อ6ปกรณ ร+วิมก�น รวิมท์��งม,ระบบป;องก�นการส�ญ่หาย์ขั้องขั้$อม�ล ป<จจ6บ�นระบบปฏิ�บ�ต�การเคร อขั้+าย์จะใช$หล�กการประมวิลผลแบบไคลแอนด เซึ่�ร ฟเวิอร (Client / Server) ค อ การจ�ดการเร,ย์กใช$ขั้$อม�ลและโปรแกรมจะท์1างานอย์�+บนเคร !องเซึ่�ร ฟเวิอร ในขั้ณะท์,!ส+วินประกอบอ !น ๆ ขั้องระบบปฏิ�บ�ต�การเคร อขั้+าย์จะท์1างานอย์�+บนเคร !องไคลแอนด เช+น การประมวิลผล และการต�ดต+อก�บผ�$ใช$

Page 5: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

Database

Page 6: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

รีะบบการีจั�ดการีฐานข่�อมู$ล

แนวิค�ด สาเหต6ท์,!ต$องม,ฐานขั้$อม�ล ควิามหมาย์ ระบบจ�ดการฐานขั้$อม�ล หน$าท์,!ขั้องระบบจ�ดการฐานขั้$อม�ล ขั้$อด,ขั้องการจ�ดเก(บขั้$อม�ล ขั้$อเส,ย์ขั้องการจ�ดเก(บขั้$อม�ล ควิามส�มพั�นธ์ ระหวิ+างแฟ;มขั้$อม�ล ****

Page 7: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

ควิามูหมูายข่องข่�อมู$ล ข่�อมู$ล ค อ ขั้$อเท์(จจร�งขั้องส�!งท์,!เราสนใจ ขั้$อเท์(จจร�งท์,!เป9น

ต�วิเลขั้ ขั้$อควิาม หร อราย์ละเอ,ย์ดซึ่3!งอาจอย์�+ในร�ปแบบต+าง ๆ เช+น ภาพั เส,ย์ง วิ,ด�โอไม+วิ+าจะเป9นคน ส�ตวิ  ส�!งขั้อง หร อเหต6การณ ต+าง ๆ 

ด�งน��นการเก(บขั้$อม�ลจ3งเป9นการเก(บรวิบรวิมเก,!ย์วิก�บขั้$อเท์(จจร�งขั้องส�!งท์,!เรา

สนใจน�!นเอง ขั้$อม�ลจ3งหมาย์ถึ3งต�วิแท์นขั้องขั้$อเท์(จจร�ง หร อควิามเป9นไปขั้อง

ส�!งขั้องท์,!เราสนใจ

Page 8: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

รีะบบงานต้�าง ๆ ที่��ไมู�ได�เป)นรีะบบฐานข่�อมู$ล

สาเหต6ท์,!ต$องม,ฐานขั้$อม�ล

แฟ;มเอกสารขั้องงานท์,!เก(บอย์�+คนละท์,! ม,ขั้$อม�ลเหม อนก�น เก�ดการซึ่1�าซึ่$อนก�น และการค$นหาขั้$อม�ลจะต$องใช$เวิลามาก บางคร��งก(หาขั้$อม�ลไม+พับเลย์ เช+น ประวิ�ต�การร�กษาพัย์าบาล , ประวิ�ต�น�ส�ต , และส1าน�กหอสม6ด เป9นต$น

Page 9: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

รีะบบฐานข่�อมู$ล (Database System ) ค�ออะไรี

ควิามหมาย์1.  การจ�ดรวิบรวิมแฟ;มขั้$อม�ลต+าง ๆ ไวิ$เป9นส+วิน

กลาง (Centralized Database System ) โดย์แฟ;มขั้$อม�ลเหล+าน,�ถึ�กจ�ดให$ม,ควิามส�มพั�นธ์ ก�น และสามารถึท์,!จะเร,ย์กขั้$อม�ลน��น ๆ มาใช$ร+วิมก�นได$ ท์1าให$การประมวิลผลม,ประส�ท์ธ์�ภาพัมากขั้3�น และลดควิามซึ่1�าซึ่$อนขั้องขั้$อม�ล

2.  การจ�ดเก(บขั้$อม�ลอย์+างม,ระบบ ซึ่3!งผ�$ใช$สามารถึเร,ย์กใช$ขั้$อม�ลในล�กษณะต+าง ๆ ได$ เช+น การเพั�!มเต�มขั้$อม�ล การแก$ไขั้หร อการลบขั้$อม�ล เป9นต$น

Page 10: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

Examples of DB Systems Applications

Accounting Airlines Banking Finance Hospitals Human Resources Inventory

Manufacturing Telecommunication Tourism Transportation Sales Universities

Page 11: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

เป9นโปรแกรมจ�ดการ ควิบค6มด�แลและควิามถึ�กต$องการใช$ฐานขั้$อม�ล

ลดควิามซึ่�บซึ่$อน และม,ควิามส�มพั�นธ์ ระหวิ+างขั้$อม�ลต+างๆ ภาย์ในฐานขั้$อม�ล

รีะบบจั�ดการีฐานข่�อมู$ลDatabase Management System (DBMS)

DB

DBMS

Page 12: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

หน�าที่��ข่องรีะบบจั�ดการีฐานข่�อมู$ล ช+วิย์ก1าหนดและเก(บโครงสร$างฐานขั้$อม�ล

(Define and Store Database Structure ) การเร,ย์กใช$ขั้$อม�ลจากฐานขั้$อม�ล (Load Database ) เก(บและด�แลขั้$อม�ล (Store and Maintain Data ) ประสานก�บระบบปฏิ�บ�ต�การ (Operation System ) ควิบค6มควิามปลอดภ�ย์ (Security Control ) จ�ดท์1าขั้$อม�ลส1ารองและการก�$ (Backup and

Recovery ) ควิบค6มการใช$ขั้$อม�ลพัร$อมก�นได$ (Concurrency

Control ) จ�ดท์1าพัจนาน6กรมขั้$อม�ล (Data Dictionary )

Page 13: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

ข่�อด�ข่องการีจั�ดเก�บ ข่�อมู$ลแบบฐานข่�อมู$ล1 . หล,กเล,!ย์งควิามขั้�ดแย์$งขั้องขั้$อม�ลได$ (Inconsistency

Can Be Avoided )2. ใช$ขั้$อม�ลร+วิมก�นได$ (The Data Can Be Shared )3. ลดควิามซึ่1�าซึ่$อนขั้องขั้$อม�ล (Redundancy Can Be

Reduced )4. ก1าหนดควิามเป9นมาตรฐานเด,ย์วิก�นได$ (Standard Can

Be Enforced )5. ก1าหนดระบบร�กษาควิามปลอดภ�ย์ให$ก�บขั้$อม�ลได$

(Security Restriction Can Be Applied )6. การร�กษาควิามถึ�กต$องเช !อถึ อได$ขั้องขั้$อม�ล 7. ควิามอ�สระขั้องขั้$อม�ล (Data Independence )

Data Independence : ควิามไม+ขั้3�นต+อก�นระหวิ+างขั้$อม�ล และต�วิโปรแกรม

Page 14: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

ข่�อเสิ่�ยข่องการีจั�ดเก�บข่�อมู$ลแบบฐานข่�อมู$ล ต$นท์6นส�ง ท์6กองค ประกอบขั้องระบบฐานขั้$อม�ลม,

ราคาส�ง ม,ควิามซึ่�บซึ่$อน เส,!ย์งต+อการหย์6ดชะง�กขั้องระบบ

Page 15: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

ต้ารีาง (TABLE)

Page 16: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

ควิามูสิ่�มูพั�นธ์�รีะหวิ�างแฟ้.มูข่�อมู$ลในฐานขั้$อม�ลหน3!ง ๆ สามารถึท์,!จะก1าหนดชน�ดขั้องควิาม

ส�มพั�นธ์ ระหวิ+างแฟ;มขั้$อม�ลท์,!เป9นไปได$ 3 ชน�ด

1. ควิามส�มพั�นธ์ แบบ One-To-One Relationship

2. ควิามส�มพั�นธ์ แบบ One-To-Many or Many-To-One Relationship

3. ควิามส�มพั�นธ์ แบบ Many-To-Many Relationshipจะอธ์�บาย์โดย์ระเอ,ย์ดอ,กท์,!ในบท์ต+อไป

Page 17: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

A Sample Relational Database

Page 18: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

องค�ปรีะกอบข่องรีะบบฐานข่�อมู$ลระบบฐานขั้$อม�ลโดย์ท์�!วิไป จะเก,!ย์วิขั้$องก�บ 4

ส+วินหล�กๆ ด�งน,�1 .ขั้$อม�ล (Data)2. ฮาร ดแวิร (Hardware)

- หน+วิย์ควิามจ1าส1ารอง- หน+วิย์ประมวิลผล และหน+วิย์ควิามจ1าหล�ก

3. ซึ่อฟท์ แวิร (Software)4. ผ�$ใช$ (User)

DB DBMS

Page 19: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

Assignment

การีเช��อมูต้�อเข่�าก�บอ�นเต้อรี�เน�ต้ม,ก,!ประเภท์? (ท์,!เป9นท์,!น�ย์ม)อธ์�บาย์มาโดย์ละเอ,ย์ดพัร$อมแสดงร�ปภาพั

เช !อมต+อก�นโดย์ตรง(Direct connection) เช !อมต+อผ+านเคร อขั้+าย์โท์รศ�พัท์ แบบ Dialup IP เช !อมต+อผ+านเคร อขั้+าย์โท์รศ�พัท์ แบบ Terminal

Emulation ระบบปฏิ�บ�ต�การแบบเป@ด (Open Operating System )

ค ออะไร? Linux ค ออะไร ? FreeBSD ค ออะไร ?

Page 20: การพัฒนาเอกสารออนไลน์ขั้นสูง Intro

Computer modem

ISP(TOT, TT&T, True)

เช !อมต+อผ+านเคร อขั้+าย์โท์รศ�พัท์ แบบ Dialup IP

เคร อขั้+าย์โท์รศ�พัท์

Internet