1

บทท 1

บทนำ�

1.1 คว�มเปนม�และคว�มสำ�คญของหวขอโครงง�นศกษ� ปจจบนเทคโนโลยทางดานอนเตอรเนต และคอมพวเตอรเรมเขามามความสำาคญกบวถชวตและความเปนอยมากขน หนวยงานราชการตางๆ ไดนำามาประยกตใชในการประกอบการทำางาน มการนำาเทคโนโลยทางดาน Multimedia เชน ขอความตวอกษร ภาพนง ภาพเคลอนไหว หรอเสยง เปนตน เขามาชวยในการทำางาน เพอใหมความเขาใจมากยงขน จงทำาใหมแหลงความรเกดขนมากมาย ซงการเรยนรสมยใหมจะตองใชเวลานอย เรยนรไดเรว เขาใจงาย และมการแลกเปลยนความคดเหนระหวางกนดวย ดงนนเทคโนโลยในปจจบนจงสามารถตอบสนองตอการเรยนรในปจจบนไดเปนอยางด ดงนนจงไดเลงเหนถงความสำาคญในขอน จงไดจดทำาเปนเวบไซตหนงสออเลกทรอนกสเรองระบบสารสนเทศภมศาสตรขนมา เพอใหงายตอผทสนใจ และยงเปนการเรยนรเรอง ระบบสารสนเทศภมศาสตรอยางทเขาใจในเนอหาไดงาย เพอใหผทสนใจไดนำาเรองระบบสารสนเทศภมศาสตรไปพฒนาในการสรางระบบสารสนเทศภมศาสตรตางๆไดงายขน ความสำาคญในการสรางระบบสารสนเทศภมศาสตรทมคณภาพมองคประกอบทเกยวของมากมาย ซงเราจะตองหาขอมลวเคราะห และตดสนใจกอนทจะลงมอทำาจรง ใครเปนกลมเปาหมายทจะนำาเรองนไปใชใหเกดประโยชนได

2

ทางผจดทำาจงเหนวาในการเรยนรเรองระบบสารสนเทศภมศาสตร ถอวาเปนพนฐานทมความสำาคญในการจดทำาแผนท เพราะสามารถนำาไปใชในการทำางานทตอเนองกนหรอตองใชความรจากเรองนประกอบ นอกจากนนยงสามารถนำาไปประยกตใชในการประกอบอาชพในอนาคตไดอกดวย ซงหากไมเขาใจในตวเนอหาของเรองระบบสารสนเทศภมศาสตรน กจะสงผลใหไมเขาใจในการทำางานทตอเนองหรอไมสามารถนำาไปประยกตใชไดอยางมประสทธภาพได ทางผจดจงมแนวความคดในการทำาสอการเรยนรเรองระบบสารสนเทศภมศาสตร เพออธบายเนอหาใหสามารถทำาความเขาใจไดดยงขน

3

1.2 วตถประสงคของโครงก�รเพอใหผใชทวไปและสมาชกสามารถเขามาศกษาเนอหาในเวบไซตของเรอง ระบบสารสนเทศภมศาสตรได

1.2.1 เพอใหมความรเรองระบบสารสนเทศภมศาสตร1.2.2 เพอใหเกดความรความเขาใจแกผทสนใจเรอง

ระบบสารสนเทศภมศาสตร1.2.3 เพอเปนแหลงคนควาประกอบในการทำางานดานภมศาสตร1.2.4 เพอพฒนารปแบบการเรยนรทใชเทคโนโลยททนสมยดวยระบบอนเตอรเนต1.2.5 เพอความสะดวกในการศกษาขอมลไดทกท ทกเวลา1.2.6 เพอใหผทสนใจพฒนาทกษะการเรยนรเรอง ระบบสารสนเทศภมศาสตรและสามารถนำาไปใชประโยชนไดจรง

4

1.3 ประโยชนทค�ดว�จะไดรบ1.3.1 ไดรบความสนใจจากบคคลทสนใจ1.3.2 ประหยดเวลาในการคนหาขอมลเกยวกบเรอง

ระบบสารสนเทศภมศาสตร1.3.3 มความเปนระบบในการจดเกบขอมลใหม

ประสทธภาพมากยงขน1.3.4 ผเขาชมเวบไซตไดรบความรจากเวบไซตทจดทำา1.3.5 ทำาใหมแหลงคนควาหาความรและขอมลในเรอง

ระบบสารสนเทศภมศาสตร1.3.6 ไดระบบการจดการสรางเนอหาบทเรยนผาน

เวบไซต ทชวยอำานวยความสะดวก ในดานการศกษาคนควา

1.3.7 มเครองมอทชวยอำานวยความสะดวกในการสรางเนอหา บทเรยนเปนหนงสออเลกทรอนกส

1.3.8 ลดเวลาสำาหรบผทสนใจ โดยไมตองเสยเวลาในการยม - คนหนงสอ

1.3.9 ชวยใหผทสนใจสามารถนำาความรเรอง ระบบสารสนเทศภมศาสตร มาพฒนาใชงานจรงได โดยผทสนใจสามารถเขามาศกษาบทเรยนตางๆ ไดโดยไมมเงอนไข

5

6

บทท 2

ทฤษฎและก�รศกษ�ทเกยวของ

จากการศกษาระบบงานในขนตนพบวา มแนวคดทฤษฎ และเอกสารตาง ๆ ทเกยวของกบการพฒนาโปรแกรมขนมาเพอใชงานในระบบหนงสออเลกทรอนกส(E-Book) มดงน

1. ทฤษฎการพฒนาฐานขอมล ใชโปรแกรมการสรางฐานขอมล MySQL

2. ทฤษฎการพฒนาระบบ ใชโปรแกรม Macromedia Dreamweaver 8

3. ทฤษฎในเรองของ การออกแบบเวบไซตทด4. ทฤษฎการจดระบบขอมลในเวบไซต5. ทฤษฎโปรแกรม Adobe Photoshop CS26. ทฤษฎโปรแกรมการสรางหนงสออเลกทรอนกส (I Love

Library)2.1 ทฤษฎก�รพฒน�ฐ�นขอมล ใชโปรแกรมก�รสร�งฐ�นขอมล MySQL

คว�มรเบองตนเกยวกบโปรแกรมก�รสร�งฐ�นขอมล My SQL จดเรมตนของ My SQL เกดจาก ในป ค.ศ. 1979 Micheal “Monty” Widenius (ผสราง My SQL และหนงในผรวมกอตงบรษท My SQL AB) ไดสรางเครองมอสำาหรบฐานขอมลตวหนง ชอ UNIREG เพอใชงานในบรษท TcX ประเทศสวเดน ซงตอมาในป ค.ศ.1994 บรษทตองการระบบฐานขอมลท

7

สามารถเชอมตอดวยภาษา SQL เพอพฒนาระบบงานสำาหรบเวบในตอนแรก ทางบรษทฯ ไดทดสอบระบบฐานขอมลเชงพาณชยหลายตว แตกพบวาไมเปนทนาพอใจ เนองจากตารางขอมลของบรษทฯ มขนาดใหญ ผลลพธทไดจากการประมวลผลชาเกนกวาจะรบได ในการทดสอบครงน ไดทดสอบระบบฐานขอมลตวหนงชอ mSQL ดวย mSQL สามารถทำางานไดดระดบหนง แตยงขาดความสามารถบางอยางทตองการ และบางอยางกไมสามารถตอบสนองไดด

8

ความตองการในตอนนน คอตองการใช mSQL เชอมตอกบตารางขอมล ซงใชรปแบบการเกบขอมลแบบ ISAM แตผลลพธทไดพบวา mSQL ประมวลผลไดชาเกนกวาทจะรบได และไมสนบสนนการทำางานกบดชน (Index) แมวาทาง TcX จะไดตดตอกบทางผพฒนา mSQL เพอปรบปรงใหสามารถสนบสนนการทำางานกบ ISAM แลวกตาม แตผลลพธกยงไมเปนทนาพอใจ ในทสดจงมความคดทจะพฒนาระบบขนใชเอง Monty จงไดรเรมตนพฒนาระบบฐานขอมลใหม โดยออกแบบการเชอมตอในเชงโปรแกรมมง (API) คลายกบทใชใน mSQL ทมาของชอ MySQL มาจาก Micheal “Monty” Widenius ผพฒนาฯ ตงชอตามชอของลกสาวตนเอง (ลกสาวชอ “My”) และอกเหตผลหนง เชอวาตงชอตามชอไดเรกทอร เครองมอ และไลบราร ทใชภายใน TcX เอง ซงสวนใหญจะตงชอขนตนดวยคำาวา “My” ดวยเหตนจงเปนทมาของชอระบบฐานขอมล MySQL การเรยกชอทถกตองของ MySQL จะตองอานวา มาย-เอส-คว-แอล (ไมไดอานวา มาย-ซ-แควล) ซงการเรยกชอ MySQL จะเหมอนกบการเรยกชอภาษา SQL (อานวา เอส-คว-แอล) เชนกน (SQL เปนภาษาสำาหรบการสบคนขอมล) ตอมาในป ค.ศ.1995 David Ax mark (หนงในผรวมกอตงบรษท MySQL AB) มความคดทจะเผยแพร MySQL และทำาการตลาดไปสอนเทอรเนต โดยแบงเปน 2 รปแบบ คอ แบบใชงานไดโดยไมตองเสยคาใชจายตามสทธบตร GNU และอบบเชงพาณชย ซงในทสดในป ค.ศ. 1996 MySQL เวอรชนแรก 3.11.1 จงไดเรมเผยแพรแกสาธารณชน โดยการแจกจายซอฟตแวรแบบไบนารสำาหรบระบบปฏบตการ ลนกซ (Linux) และโซลารส (Solaris) ทกวนน MySQL สามารถใชงานไดบนระบบปฏบตการตางๆ มากมาย ซงม

9

การแจกจายซอฟตแวรในแบบไบนาร และแบบซอรสโคดในครงน จงมการเกดขนของบรษท MySQL AB โดยสามทหารเสอ คอ David Axmark, Michael “Monty” Widenius และ Allan Larsson ซงดแลรบผดชอบการจำาหนายเผยแพร MySQL ทงรน

คว�มสำ�คญของ MySQL- มความสามารถทไมนอยไปกวาระบบการจดฐานขอมลชนด

อนๆ ระบบการจดการฐานขอมลประกอบไปดวย ระบบการจดการฐานขอมลเชงเดยว และระบบจดการฐานขอมลเชงสมพนธ ยงไปกวานนภาษา SQL ซงเปนจดกำาเนดของ MySQL เปนหวใจสำาคญของระบบจดการฐานขอมลในปจจบน ไมวาจะเปน Microsoft Access, Oracles หรอ Lotus Note

-ฐานขอมลชนดน มจดเดนทความเรวในการจดการมความนาเชอถอ และใชงานงาย ในปจจบนตลาดการคาซอฟตแวรมการแขงขนกนอยางสง ผลตภณฑซอฟตแวรสำาหรบการจดการฐานขอมลมเปนจำานวนมาก ทางเลอกของผบรโภคจงมมากตามไปดวย ความสามารถและประสทธภาพการทำางานของระบบจดการฐานขอมล จงเปนปจจยสำาคญอยางหนงในการตดสนใจของผใช

-ระบบจดการฐานขอมล เปนระบบเครอขาย Sever/Client Side ซงประกอบดวย Sever และ Client หลายเครอง โดย Sever มหนาทสนบสนนการจดเกบขอมลระบบบรหารหองสมด และ Alp ซงผใชไดฐานขอมลทจดการไดงาย และสามารถเชอมโยงเขากบโปรแกรมประยกตอนๆ ไดงายและรวดเรว

ลกษณะเดนของระบบจดก�รฐ�นขอมล

10

- MySQL เปนโปรแกรมระบบจดการฐานขอมล เปนโปรแกรมสำาหรบใชในการสรางฐานขอมล โดยมคณลกษณะของระบบจดการฐานขอมลทไมนอยไปกวาระบบการจดการฐานขอมลชนดอนๆ รวมทงสามารถสรางและจดการฐานขอมลขนาดใหญไดรวดเรวดวย โดยทMySQL มระบบสบคนขอมลทรวดเรว และแมนยำาสามารถใชงานไดกบคอมพวเตอรระบบ Stand-Alone และ Network รวมทงทำางานรวมกบ Application ไดหลายชนด - MySQL เปนระบบจดการฐานขอมลเชงสมพนธมความสามารถในการเชอมโยงขอมลระหวางตารางจดเกบขอมลจำานวนมาก สะดวก และคนหางาย ซงเปนคณลกษณะปกตของโปรแกรมทพฒนาขนมาจาก SQL แตการสรางฐานขอมลเชงสมพนธใหทางเลอกในการออกแบบและพฒนาฐานขอมลแกผใชมากกวาโปรแกรมจดการฐานขอมลชนดอน - ความสามารถของ SQL จะครอบคลมความตองการของผใชเพยงพอ แตถานำาไปเปรยบเทยบกบขอมลทเปน Commercial อาจแตกตางกนมาก โดยปกตในการผลตทเปน Commercial เหลาน จงถอเปนศนยเปลาของผลตภณฑทมขนาดใหญขน อกทงราคากสงตามไปดวย สำาหรบ MySQL แลว จะมความสามารถทครอบคลมความตองการของผใช

คว�มหม�ยของระบบฐ�นขอมล ฐานขอมล (Database) หมายถง กลมของขอมลทถกเกบรวบรวมไว โดยมความสมพนธซงกนและกน โดยไมไดบงคบวาขอมลทงหมดนจะตองเกบไวในแฟมขอมลเดยวกนหรอแยกเกบหลายๆ แฟมขอมล นนกคอ การเกบขอมลในฐานขอมลนนเราอาจจะเกบทงฐานขอมลโดยใชแฟมขอมลเพยงแฟมขอมลเดยวกนได หรอ

11

จะเกบไวในหลายๆ แฟมขอมล ทสำาคญคอจะตองสรางความสมพนธระหวางระเบยบและเรยกใชความสมพนธนนได มการกำาจดความซำาซอนของขอมลออกและเกบแฟมขอมลเหลานไวทศนยกลาง เพอทจะนำาขอมลเหลานมาใชรวมกน ควบคมดแลรกษาเมอผตองการใชงานและผมสทธจะใชขอมลนน สามารถดงขอมลทตองการออกไปใชได ขอมลบางสวนอาจใชรวมกบผอนได แตบางสวนผมสทธเทานนจงสามารถใชได โดยทวไปองคกรตางๆ จะสรางฐานขอมลไส เพอเกบขอมลตางๆ ของตวองคกร โดยเฉพาะอยางยงขอมลในเชงธรกจ เชน ขอมลของลกคา ขอมลของสนคา ขอมลของลกจาง และการจางงาน เปนตน การควบคมดแลการใชงานฐานขอมลนน เปนเรองยงยากกวาการใชแฟมขอมลมาก เพราะเราจะตองตดสนใจวาโครงสรางในการจดเกบขอมลควรจะเปนเชนไร การเขยนโปรแกรมเพอสรางและ เรยกใชขอมลจากโครงสรางเหลาน ถาโปรแกรมเหลานเกดทำางานผดพลาดขนมา กจะเกดความเสยหายตอโครงสรางของขอมลทงหมดได เพอเปนการลดภาวการณทำางานของผใช จงไดมสวนของฮารดแวรและโปรแกรมตางๆ ทสามารถเขาถงและจดการขอมลในฐานขอมลนน เรยกวา ระบบจดการฐานขอมล หรอ DBMS (Database management system) ระบบจดการฐานขอมล คอ ซอฟตแวรทเปรยบเสมอนสอกลางระหวางผใชและโปรแกรมตางๆ ทเกยวของกบการใชฐานขอมล ซงมหนาทชวยใหผใชเขาถงขอมลไดงายสะดวกและมประสทธภาพ การเขาถงขอมลของผใชอาจเปนการสรางฐานขอมล การแกไขฐานขอมล หรอการตงคำาถามเพอใหขอมลมา

คว�มสำ�คญของระบบฐ�นขอมล

12

- การจดขอมลใหเปนระบบฐานขอมล ทำาใหขอมลมสวนดกวาการเกบขอมลในรปของแฟมขอมล เพราะการจดเกบขอมลในระบบฐานขอมล จะมสวนทสำาคญกวาการจดเกบขอมลในรปของแฟมขอมลดงน

- ลดการเกบขอมลทซำาซอน ขอมลบางชดทอยในรปแบบของแฟมขอมลอาจมปรากฏอยหลายๆ แหง เพราะวามผใชขอมลชดนหลายคน เมอใชระบบฐานขอมลแลวจะชวยใหความซำาซอนของขอมลนอยลง เชน ขอมลทอยในแฟมขอมลของผใชหลายคน ผใชแตละคนจะมแฟมขอมลเปนของตวเอง ระบบฐานขอมลจะลดการซำาซอนของขอมลเหลานใหมากทสด โดยจดเกบในฐานขอมลไวทเดยวกน ผใชทกคนทตองการใชขอมลชดนจะใชโดยผานระบบฐานขอมล ทำาใหไมสนเปลองเนอทในการเกบขอมลและลดความซำาซอนลงได - รกษาความถกตองของขอมล เนองจากฐานขอมลมเพยงฐานขอมลเดยว ในกรณทมขอมลชดเดยวกนปรากฏอยหลายแหงในฐานขอมล ขอมลเหลานจะตองตรงกน ถามการแกไขขอมลนทกๆ แหงทขอมลปรากฏอยจะแกไขใหถกตองตามกนหมดโดยอตโนมตดวยระบบจดการฐานขอมล - การปองกนและรกษาความปลอดภยใหกบขอมลทำาไดอยางสะดวก การปองกนและรกษาความปลอดภยกบขอมลระบบฐานขอมลจะใหเฉพาะผทเกยวของเทานน จงจะมสทธเขาไปใชฐานขอมลได เรยกวามสทธสวนบคคล (Privacy) ซงกอใหเกดความปลอดภย (Security) ของขอมลดวย ฉะนนผใดมสทธทจะเขาถงขอมลไดจะตองมการกำาหนดสทธกนไวกอนและเมอเขาไปใชขอมลนนๆ ผใชจะเหนขอมลทถกเกบไวในฐานขอมลในรปแบบทผใชออกแบบไว

13

- สามารถใชขอมลรวมกนได เนองจากในระบบฐานขอมลจะเปนทเกบรวบรวมขอมลทกอยางไว ผใชแตละคนจงสามารถในระบบไดทกขอมล ซงถาขอมลไมไดถกจดใหเปนระบบฐานขอมลแลว ผใชกจะใชไดเพยงขอมลของตนเอง

-มความเปนอสระของขอมล เมอผใชตองการจะทำาการเปลยนแปลงขอมลหรอนำาขอมลมาประยกตใชใหเหมาะสมกบโปรแกรมทเขยนขนมา จะสามารถสรางขอมลนนขนมาใชใหมได โดยไมมผลกระทบตอระบบฐานขอมล เพราะขอมลทผใชนำามาประยกตใชใหมนนจะไมกระทบตอโครงสรางทแทจรงของการจดเกบขอมล นนคอการใชระบบฐานขอมลจะทำาใหเกดความเปนอสระระหวางการจดเกบขอมลและการประยกตใช

- สามารถขยายงานไดงาย เมอตองการเพมเตมขอมลทเกยวของจะสามารถเพมไดอยางงายไมซบซอน เนองจากมความเปนอสระของขอมล จงไมมผลกระทบตอขอมลเดมทมอย

- ทำาใหขอมลบรณะกลบสสภาพปกตไดเรวและมมาตรฐาน เนองจากการจดพมพขอมลในระบบทไมไดใชฐานขอมล ผเขยนโปรแกรมแตละคนมแฟมขอมลของตนเองเฉพาะ ฉะนนแตละคนจงตางกสรางระบบการบรณะขอมลใหกลบสสภาพปกตในกรณทขอมลเสยหายดวยตนเองและดวยวธการของตนเอง จงขาดประสทธภาพและมาตรฐาน แตเมอมาเปนฐานขอมลแลว การบรณะขอมลใหกลบคนสสภาพปกตจะมโปรแกรมชดเดยวและมผดแลเพยงคนเดยวทดแลทงระบบ ซงยอมตองมประสทธภาพและเปนมาตรฐานเดยวกนแนนอน

หน�ทของผบรห�รฐ�นขอมล

14

- ศกษาทำาความเขาใจระบบขอมลทงหมดของหนวยงาน วตถประสงคหนงของการใชฐานขอมลกคอ การรวบรวมขอมลไวเปนแหลงกลางใหผเกยวของทงหลายใชงานไดสะดวก เชน ในหองสมดมตบตรรายการ ซงเปรยบเสมอนเปนฐานขอมลของหองสมด ทกคนทตองการคนหาวาหองสมดมหนงสอทตนตองการหรอไม กอาจมาคนดบตรรายการไดทนท ซงเปนเรองทสะดวกมากหากเทยบกบการไมมตบตรรายการเลย เวลาเราจะคนหาหนงสอแตละครง ตองถามบรรณารกษคนโนนคนนหลายหน แลวกอาจจะไมไดคำาตอบทตองการ การทจะทำาฐานขอมลใหเปนกลางสำาหรบเกบขอมลของหนวยงานได เราจะตองทราบวาหนวยงานนนมขอมลอะไรบาง ขอมลตาง ๆ สมพนธกนอยางไร ใครเปนผสรางขอมล ใครเปนผปรบปรงขอมลใหถกตอง และใครเปนผใชขอมล ขอมลแตละรายการมความสำาคญทจะตองรกษาความมนคง ปลอดภยมากขนาดไหน

- ออกแบบฐานขอมล เมอทราบระบบขอมล โดยเฉพาะความสมพนธระหวางขอมลตางๆแลว ผบรหารฐานขอมลกจะออกแบบฐานขอมลใหสอดคลองกบเปาหมายของการใชงานฐานขอมลทงหนวยงาน การออกแบบนไมจำาเปนตองทำาทเดยวทงหนวยงาน เพราะจะสนเปลองเวลามาก แตจะทำาเฉพาะทางดานทตองการใชงานตามลำาดบความสำาคญ อยางไรกตาม การออกแบบแตละครงจะยดถอโครงสรางรวมของทงหนวยงานเปนหลก การกำาหนดโครงสรางแฟมขอมล เมอไดออกแบบเคาโครงของฐานขอมลในงานทตองการแลว ตอไปผบรหารฐานขอมลกจะตองกำาหนดโครงสรางของแฟมขอมลแตละแฟมวา ขอมลแตละรายการมชออะไร หมายถงอะไร มลกษณะขอมลประเภทใด นอกจากนจะตองกำาหนดฟอรมพเศษเพอเอาไวอางองเอกสารเชนนเรยกวา พจนานกรมขอมล

15

- สรางและกำาหนดลกษณะฐานขอมลบนจานบนทก หนาทอกอยางหนงของผบรหารฐานขอมล คอการสรางและกำาหนดลกษณะฐานขอมลบนจานบนทกใหสอดคลองกบโปรแกรมและระบบทใชงาน งานสวนนจะยากถาเปนฐานขอมลขนาดใหญและใชเครองคอมพวเตอรขนาดใหญ

- เปลยนแปลงลกษณะฐานขอมล ผบรหารฐานขอมลตองรบผดชอบดแลการเปลยนแปลงบอยนก เพราะจะเกดความสบสน แตบางครงกจำาเปนตองแกไขฐานขอมล เชนเมอมการเปลยนแปลงกฎระเบยบขอบงคบของกฎหมายหรอมการโยกยายเปลยนแปลงงานตางๆในหนวยงาน กจำาเปนตองมการเปลยนแปลงฐานขอมลตามไปดวย ในกรณเชนนผบรหารฐานขอมลตองดแลจดการใหเรยบรอย

- อนมตใหใชฐานขอมล ผบรหารฐานขอมลนน นอกจากความรลกษณะของขอมลทงหนวยงานแลว ควรเขาใจภารกจและงานของแผนกตางๆ ดวย ถาหากฐานขอมลกอน ผบรหารฐานขอมลจะพจารณาดวยความรอบคอบวาสมควรใหใชหรอไม ถาใหใชไดกจะกำาหนดวธทผใชจะใชฐานขอมลตามทตองการได การทตองการควบคมเชนนกเพอใหแนใจวาผใชจำาเปนตองนำาขอมลไปใชงานจรงๆ ไมใชตองการคนขอมลเพอความสนก หรอตองการแอบรความลบทอยในฐานขอมล

- ควบคมดแลความถกตองของฐานขอมล นนกคอตรวจดวาขอมลตางๆในฐานขอมลไมขดแยงกน ขอมลทเพมเตมไมขดแยงกน ขอมลทเพมเตมไดถกบนทกเรยบรอย ขอมลทถกลบทงกถกนำาออกจากจานบนทกเรยบรอย

- ควบคมความปลอดภยของขอมล นนกคอตรวจดวาเจาหนาทคอมพวเตอรไดดำาเนนการบนทกขอมลจากจานบนทกมาจดทำาสำาเนา

16

เอาไวถกตอง และนำาไปเกบในทปลอดภยอยางสมำาเสมอ ทงนเพอทถาหากเกดอบตเหตขนจะไดนำาขอมลสำารองกลบมาใชได นอกจากตรวจสอบแลวยงตองจดใหมการทบทวนซกซอมการกระบบขอมลเปนประจำา

ระบบจดก�รฐ�นขอมล (database management system, DBMS) ระบบจดการฐานขอมลเปนซอฟตแวรททำาหนาทดงตอไปน

- ดแลการใชงานใหกบผใช ในการตดตอกบตวจดการระบบแฟมขอมลได ในระบบฐานขอมลจะมขนาดใหญ ซงจะถกจดเกบไวในหนวยความจำาสำารองเมอผใชตองการจะใชฐานขอมล ระบบการจดการฐานขอมลจะทำาหนาทตดตอกบระบบแฟมขอมล ซงเปนเสมอนผจดการแฟมขอมล (file manager) นำาขอมลจากหนวยความจำาสำารองเขาสหนวยความจำาหลกเฉพาะสวนทตองการใชงาน และทำาหนาทประสานกบตวจดการระบบแฟมขอมลในการจดเกบ เรยกใช และแกไขขอมล

- ควบคมระบบความปลอดภยของขอมลโดยปองกนไมใหผทไมไดรบอนญาตเขามาเรยกใชหรอแกไขขอมลในสวนปองกนเอาไว พรอมทงสรางฟงกชนในการจดทำาขอมลสำารอง โดยเมอเกดมความขดของของระบบแฟมขอมลหรอของเครองคอมพวเตอรเกดการเสยหายนนฟงกชนนกจะสามารถทำาการฟ นสภาพของระบบขอมล กลบสสภาพทถกตองสมบรณได

-ควบคมการใชขอมลในสภาพทมผใชพรอมๆ กนหลายคน โดยจดการเมอมขอผดพลาดของขอมลเกดขน

17

2.2 ทฤษฎก�รพฒน�ระบบใชโปรแกรม Macromedia Deamweaver 8

คว�มรเบองตนเกยวกบโปรแกรม Macromedia Deamweaver 8

Macromedia Dreamweaver 8 เปนอกโปรแกรมหนงทมการออกแบบมา เพอใชในการจดการกบเอกสารทใชสำาหรบการสรางเวบเพจและบรหารเวบไซต ทไดรบความนยมสงสดในกลมโปรแกรมประเภทเดยวกน  ซงในสมยกอนหากจะมการสรางเวบเพจขนแตละเวบเพจนน ตองใหผทมความรในภาษา HTML มาเขยนรหสคำาสง (Code) ให แตในปจจบนโปรแกรม Macromedia Dreamweaver 8 สามารถสรางรหสคำาสงใหกบผใชโดยอตโนมต  ซงผใชไมจำาเปนตองมความรดานของภาษา HTML เนองจากโปรแกรม Macromedia Dreamweaver 8 นน จะมลกษณะการทำางานทคลาย ๆ กบโปรแกรมพมพเอกสารทเราเคยใชและรจกกนด  ซงจะมเครองมอและแถบคำาสงใหเราเลอกใชไดเหมอนกบ Word Processor รวมถงฟงกชนททำาใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอ และองคประกอบอน ๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ จงชวยใหสามารถสรางเวบเพจดวยความสะดวกและรวดเรว

จดเดนของโปรแกรม  Macromedia Dreamweaver 8

- โปรแกรมจะทำาการแปลงรหสคำาสงใหเปนภาษา HTML โดยอตโนมต ดงนน ผใชทไมมความร กสามารถใชงานได

18

- มแถบเครองมอหรอแถบคำาสงทใชในการควบคมการทำางาน  แบงออกเปนหมวดหม  จงชวยในการทำางานทดขนและรวดเรวยงขน

- สนบสนนเวบเพจทเปนภาษาไทยไดด- มคณสมบตทสามารถจดการกบรปภาพเคลอนไหว โดย

ไมตองอาศย Plug-in- สามารถเรยกใชตารางจากภายนอก โดยการอมพอรต

จาก Text File- เปนโปรแกรมทสามารถสนบสนนการใชงาน CSS

(Cascading Style Sheet)       - มความสามารถในการทำา Drop Down Menu  รวม

ถงการทำาใหรปภาพเปลยนเมอนำาเมาสไปช เปนตน

จกฟงกชนต�ง ๆ ของ Macromedia Dreamweaver สำาหรบโปรแกรม Macromedia Dreamweaver เปน โปรแกรมเขยนเวบ ทออกแบบมาเพอ ชวยจดการกบ เวบเพจ โดยผใชไมจำาเปนตองมความร ในภาษา HTML ซงเปนภาษาสำาหรบสรางเวบเพจ โดยตรง ดงนน โปรแกรม Macromedia Dreamweaver  จงมฟงกชนตางๆ มากมายซงแตละ ฟงกชนกจะ แสดงผลในลกษณะของ วนโดวส (WINDOWS) หรอแถบคำาสง (PALETTE) ตวอยางของ ฟงกชน เชน (BEHAVIOR) เปน ฟงกชนสำาหรบใชในการควบคม การใชสครปตตางๆ เปนตน ในการทจะเลอกใชฟงกชน ผใชตองทำาความเขาใจ และเรยนรวธในการควบคมการทำางาน ของฟงกชนตางๆ ใหเขาใจเสย

19

กอน และวธเรยกใชฟงกชนตางๆ ของโปรแกรม Macromedia Dreamweaver กสามารถทำาไดดงน เลอกคำาสงทเมนบาโดยคลกเลอกเมน Window กจะปรากฏ รายการของคำาสงควบคม หรอฟงกชนตางๆ ใหเลอก สำาหรบฟงกชน ทเปนมาตรฐานในการ ทำางานกบโปรแกรม Macromedia Dreamweaver ทมการใช งานบอยๆ กมอย 3 ฟงกชน ไดแก

- ฟงกชน Insert จะเปนฟงกชนทใชสำาหรบควบคมเกยวกบวตถตางๆ เชน

เลเยอร, รปภาพ ซงแถบเครองมอนจะประกอบไปดวย ชดเครองมอตางๆ คอ Characters, Common, Form, Frames, head, Invisible

- ฟงกชน Properties เปนฟงกชนลกษณะตางๆ เชน ใชในการกำาหนดคาของ

ขอความในเวบ สของตวหนงสอ รปภาพ ตาราง เปนตน - ฟงกชน Launcher เปนฟงกชนสำาหรบใชในการ

จดการหรอควบคมในสวนของ สครปต (Behaviors)

ก�รกำ�หนดโฟลเดอรเพอเกบเวบไซตทสร�งใหม การเรมตนสรางเวบไซตใหมในโปรแกรม Dreamweaver 8 จะตองเรมตนจากการตงชอเวบไซต และกำาหนดตำาแหนง เชน ไดรฟ และโฟลเดอร ทจะใชเกบไฟลตาง ๆ ของเวบไซตทเราจะออกแบบ ซงทำาไดตามขนตอนดงนคอ

1. คลกคำาสง Site>New Site…

20

2. จะปรากฏกรอบ Site Definition ขนมา ใหพมพชอเวบไซตทตองการ แลวคลก

ปม Next 3. ใหคลกเลอก No, I do not want…….. แลวคลก

ปม Next 4. ระบชอไดรฟและโฟลเดอรทจะใชเกบขอมลของเวบไซต

ทจะทำาการออกแบบ จากนนคลกปม Next

5. คลกทชอง How do you connect to your remote server? แลวคลกตวเลอก

None จากนนใหคลกทปม Next6. จะแสดงกรอบใหเหนวาไดกำาหนดเวบไซตใหมเปนท

เรยบรอยแลว คลกทปม Done เพอเรมตนการออกแบบเวบเพจ

7. จะปรากฏชอของเวบไซต พรอมทงตำาแหนงทเกบเวบไซต แสดงไวใน Panel

Group

2.2 ทฤษฎในเรองของ ก�รออกแบบเวบไซตทดรจกกบก�รออกแบบเวบไซต

การออกแบบเวบไซตนนไมไดหมายถงลกษณะหนาตาของเวบไซตเพยงอยางเดยว แตเกยวของตงแตการเรมตนกำาหนดเปาหมายของเวบไซต ระบกลมผใช การจดระบบขอมล การสรางระบบเนวเกชน การออกแบบหนาเวบ รวมไปถงการใชกราฟก การเลอกใชส และการจดรปแบบตวอกษร นอกจากนนยงตองคำานงถงความแตกตางของสอกลางในการแสดงผลเวบไซตดวย สงเหลาน

21

ไดแก ชนดและรนของบราวเซอร ขนาดของหนาจอมอนเตอร ความละเอยดของสในระบบ รวมถง Plug-in ชนดตางๆ ทผใชมอย เพอใหผใชเกดความสะดวกและความพอใจทจะทองไปในเวบไซตนน ดงนนทกสงทกอยางในเวบไซตทงทคณมองเหนและมองไมเหนลวนเปนผลมาจากกระบวนการออกแบบเวบไซตทงสน เวบไซตทดสวยงามหรอมลกเลนมากมายนน อาจจะไมนบเปนการออกแบบทดกได ถาความสวยงามและลกเลนเหลานนไมเหมาะสมกบรปลกษณของเวบไซต ดวยเหตนจงเปนเรองยากทจะระบวาการออกแบบเวบไซตทดนนเปนอยางไร เนองจากไมมหลกเกณฑแนนอนทจะใชไดกบทกเวบไซต แนวทางการออกแบบบางอยางทเหมาะสมกบเวบไซตหนง อาจจะไมเหมาะกบอกเวบไซตหนงกได ทำาใหแนวทางในการออกแบบของแตละเวบไซตนนแตกตางกนไปตามเปาหมายและลกษณะของเวบไซตนน เวบไซตบางแหงอาจตองการความสนกสนาน บนเทง ขณะทเวบอนออกแบบใหเหมาะสมกบเปาหมายและลกษณะของเวบไซต โดยคำานงถงความสะดวกในการใชงานของผใชเปนหลก

ออกแบบใหตรงกบเป�หม�ยและลกษณะของเวบไซต เวบไซตแตละประเภทตางมเปาหมายและลกษณะทแตกตางกน ตวอยางเชน เวบไซตทเปน Search Engine ซงเปนแหลงรวมทอยของเวบไซตตางๆ ทำาหนาทเปนประตไปสเวบไซตอนๆ เวบไซตประเภทนมเปาหมายทจะใหขอมลทผใชตองการอยางรวดเรว และจะมผเขามาใชบรการคนหาขอมลเปนจำานวนมากในแตละวน ดงนนสงทสำาคญในการออกแบบเวบไซตประเภทนกคอ สามารถแสดงหนาเวบอยางรวดเรวเมอผใชเปดเขามาและมระบบสบคนขอมลทมประสทธภาพ เพอใหไดผลลพธทรวดเรว

22

สำาหรบเวบเพอความบนเทงหรอเกยวของกบศลปะนน ผใชมกคาดหวงทจะไดพบกบสงทนาตนเตน เรองราวทสนกสนาน เพลดเพลน หรออาจจะไดเรยนรสาระบางอยางบาง ความสำาคญในการออกแบบเวบไซตเหลานจงมกมมากพอกบเนอหาภายในเวบไซต สวนเวบทวไปทใหบรการขอมล ซงไมไดมเปาหมายทจะใหความบนเทง ควรจะมการจดขอมลอยางเปนระบบและมรปแบบทเขาใจงาย เพอทำาใหสามารถเขาถงขอมลทตองการไดอยางรวดเรว สวนเวบไซตขององคกรธรกจทมเปาหมายเพอขายสนคาหรอบรการนน ยงจำาเปนตองใหความสำาคญกบการออกแบบเวบไซตเปนอยางมาก เพราะผใชหรอลกคาของคณจะตดสนใจซอสนคาหรอบรการ โดยดจากสงทพบเหนในเวบไซต ซงลกษณะการออกแบบของเวบไซตกจะสะทอนถงภาพลกษณของธรกจนน จงทำาใหเวบไซตทไดรบการออกแบบมาอยางดสามารถสรางความนาเชอถอและดงดดความสนใจของผใชไดมากกวาเวบไซตอน

องคประกอบพนฐ�นของก�รออกแบบเวบไซตอย�งมประสทธภ�พ

- องคประกอบตอไปนถอเปนพนฐานทสำาคญของเวบไซตทไดรบการออกแบบมาอยางมประสทธภาพ

คว�มเรยบง�ย (Simplicity) -มรปแบบทเรยบงาย ไมซบซอนและใชงานไดอยางสะดวกสอสารเนอหาถงผใชโดยมเฉพาะองคประกอบเสรมทจำาเปนเทานน

คว�มสมำ�เสมอ (Consistency) -สรางความสมำาเสมอใหกบเวบไซตโดยใชรปแบบเดยวกนตลอดทงเวบไซต ทงในสวนของรปแบบหนา สไตลของกราฟก ระบบเนวเก

23

ชน และโทนสถาลกษณะของแตละหนาในเวบไซตเดยวกน แตกตางกน อาจทำาใหผใชเกดความสบสนได

คว�มเปนเอกลกษณ (Identity)-การออกแบบตองคำานงถงลกษณะขององคกรรปแบบของ

เวบไซตสามารถสะทอนถงเอกลกษณขององคกรเนอห�ทมประโยชน (Useful Content)-ควรจดเตรยมเนอหาและขอมลทผใชตองการใหถกตองและ

สมบรณควรมการปรบปรงและเพมเตมใหทนตอเหตการณอยเสมอคว�มเปนเอกลกษณ (Identity)-การออกแบบตองคำานงถงลกษณะขององคกร-รปแบบของเวบไซตสามารถสะทอนถงเอกลกษณขององคกรเนอห�ทมประโยชน (Useful Content)-ควรจดเตรยมเนอหาและขอมลทผใชตองการใหถกตองและ

สมบรณ-ควรมการปรบปรงและเพมเตมใหทนตอเหตการณอยเสมอระบบเนวเกชนทใชง�นง�ย (User-Friendly

Navigation) -ระบบเนวเกชนจะตองออกแบบใหผใชเขาใจงายและใชงาน

สะดวก โดยใชกราฟกทสอความหมายรวมกบคำาอธบายอยางชดเจน-มรปแบบและลำาดบของรายการอยางสมำาเสมอมลกษณะทน�สนใจ (Visual Appeal)

- ความนาในใจของเวบไซตจะมความสมพนธกบคณภาพขององคประกอบตาง ๆ เชน คณภาพของกราฟก การใชชนดตวอกษร การใชโทนส เปนตน

ก�รใชง�นอย�งไมจำ�กด (Compatibility)-ควรออกแบบเวบไซตใหครอบคลมกบผใชสวนใหญมากทสด

24

-ไมควรมการตดตงโปรแกรมเพมเตม หรอเลอกใชบราวเซอรชนดใดชนดหนงสามารถแสดงผลไดทกระบบปฏบตการและทความละเอยดหนาจอตาง ๆ กนไดอยางไมมปญหา

คณภ�พในก�รออกแบบ (Design Stability)-ควรใหความสำาคญกบการออกแบบเวบไซต-ควรมมาตรฐานการออกแบบและการจดระบบขอมลระบบก�รใชง�นทถกตอง (Functional Stability)

-ระบบการทำางานตาง ๆ ในเวบไซตจะตองมความแนนอนและทำาหนาทไดอยางถกตอง เชน การกรอกขอมล การเชอมโยง เปนตน

-ควรมการตรวจสอบการทำางานอยเสมอ

2.2 ทฤษฎก�รจดระบบขอมลในเวบไซต การจดระบบขอมลในเวบไซตเปนสงสำาคญตอความสำาเรจของเวบไซตเนองจากโครงสรางขอมลมความสำาคญอยางมากตอการพฒนาระบบเนวเกชน เนองจากขอมลในแตละลำาดบชนจะมความสมพนธอยางใกลชดกบรายการในระบบเนวเกชน นอกจากนนชอของกลมขอมลตาง ๆ กจะเปนตวกำาหนดชนดและลกษณะของขอมลภายในกลมนน ๆ ดวย การจดระบบขอมลในเวบไซตประกอบดวย แบบแผนระบบขอมล(Organizational Scheme) และโครงสรางระบบขอมล (Organizational Structure) โดยทแบบแผนระบบขอมลในกลม ซงจะมผลตอการจดแบงขอมลเขาในแตละกลมภายหลง สวนโครงสรางระบบขอมลจะกำาหนดรปแบบความสมพนธระหวางกลมขอมล

25

แบบแผนระบบขอมล (Organizational Scheme) แบบแผนระบบขอมล คอ การกำาหนดลกษณะพนฐานของขอมลภายในกลมเดยวกน ในชวตประจำาวนคณอาจไดสมผสกบแบบแผนการจดระบบตาง ๆ มากมายโดยไมรตว เชน ในการคนหาเบอรโทรศพทจากสมดโทรศพท ซงใชรปแบบการจดระบบตามตวอกษร หรอการเลอกซอของในหางสรรพสนคาทมการแบงหมวดหมสนคาทแตกตางกนไป

แ บ บ แ ผ น ร ะ บ บ ข อ ม ล แ บ บ แ น น อ น (Exact Organizational Schemes) แบบแผนระบบขอมลแบบแนนอน เกดจากการแบงขอมลออกเปนกลมทแนนอน โดยไมมการเหลอมลำาของขอมลในแตละกลม ตวอยางระบบขอมลรปแบบน ไดแก ระบบขอมลตามตวอกษร ระบบขอมลตามลำาดบเวลา และระบบขอมลตามพนท ลกษณะเดนของแบบแผนประเภทน คอ ความงายตอการออกแบบและดแล เพราะไมจำาเปนตองอาศยความพยายามใด ๆ ในการแบงขอมลใหอยตามกลมและยงงายตอการใชงาน

- การจดเรยงขอมลตามลำาดบอกษร (Alphabetical) เปนรปแบบการ

จดระบบพนฐานของพจนานกรม สารานกรม สมดโทรศพท หองสมด และดชนทอยดานหลงหนงสอ สงเหลานลวนใชประโยชนจากการลำาดบตวอกษรในการจดเรยงขอมล แตวธนกมขอดวย คอ สงทอยใกลเคยงกนอาจไมมความสมพนธกนแตอยางใด

- การจดขอมลตามลำาดบเวลา (Chronological) มความเหมาะสมกบขอมล

26

บางประเภททมความสมพนธกบเวลา เชน ขาว หนงสอพมพ รายการทว ซงจำาเปนนำาเสนอขอมลตามลำาดบเวลา

- ขอมลทควรจดระบบตามพนท (Geographic) ไดแก ขาว พยากรณ

อากาศ เศรษฐกจ การเมองหรอการปกครอง ทมลกษณะเฉพาะของแตละพนท 

แบบแผนระบบขอมลแบบไมแนนอน ขอมลทอยในแบบแผนน เปนขอมลทถกจดอยในกลมโดยไมมการกำาหนดแนนอน ซงยากตอการออกแบบ ดแล และใชงาน แตอยางไรกตามรปแบบนกลบมความสำาคญและเปนทนยมใชมากกวาแบบการจดระบบทแนนอนเสยอก ทเปนเชนนกเพราะวาผใชอนเตอรเนตบางคนไมรแนชดถงสงทกำาลงคนหา หรออาจจะรเพยงบางสวนแตยงไมแนใจนก เนองจากระบบขอมลแบบนมการรวมขอมลตามลกษณะทคลายหรอใกลเคยงกน ฉะนนในกระบวนการคนหาขอมลประเภทน ผใชสามารถเรยนรรายละเอยดของสงทคนหาเพมขนได ตามจำานวนครงในการคนหาขอมลจากเสรชเอนจน โดยใชคำาทมความหมายกวางกอนและจากผลการเสรชทำาใหเรารสกถงสงทมความเฉพาะเจาะจงขนเรอย ๆ จงนำาขอมลนนมาเสรชตอแลวพบสงทตองการในทสด  

ชนดของแบบแผนระบบขอมลแบบไมแนนอน1. จดกลมขอมลตามหวขอ (Topical) เปนวธทมประโยชน

และนยมใชกนในเวบไซตโดยทวไป สงสำาคญและทาทายความสามารถในการจดกลมแบบน คอ การกำาหนดหวขอตาง ๆ ใหสอความหมาย

27

และเขาใจไดงาย มขอบเขตไมกวางหรอแคบจนเกนไป และควรคำานงถงขอมลใหม ๆ ทอาจเพมในอนาคตดวย

2. จดกลมขอมลตามกลมผใช (Audience-specific) ในกรณทคณมกลมผใชทชดเจน และเขามาใชบรการในเวบไซตอยางสมำาเสมอ จะเปนการดถาคณสามารถแบงขอมลออกเปนพวก ๆ ตามความสนใจของผใชแตละกลม เพอความสะดวกในการเลอกดเฉพาะทตนเองสนใจ

3. จดกลมขอมลตามการทำางาน (Task-oriented) เปนการแบงเนอหาและการทำางานตาง ๆ ใหอยในรปของกระบวนการ หนาท และงานยอย ในปจจบนเวบไซตทจดระบบตามลกษณะงานนมใหเหนไดนอย เนองจากขอมลในเวบไซตสวนใหญมกจะเปนเนอหามากกวาการทำางาน

4. จดกลมขอมลตามแบบจำาลอง (Metaphor-driven) แบบจำาลองเปนสงทมกใชกบการแนะนำาสงใหม โดยเชอมความสมพนธกบสงทใชคนเคยอยแลว ในขนนเราสามารถใชแบบจำาลองการจดระบบ (organizational metaphor) ชวยใหผใชเขาใจสงใหมไดดและชดเจนขน ขอสำาคญกคอ ตองแนใจวาแบบจำาลองทเลอกมาใชนนเปนทคนเคยตอผใชสวนใหญแลว

แบบแผนระบบขอมลแบบผสม (Hybrid Schemes)         การจดระบบขอมลโดยใชเพยงแบบแผนใดแบบแผนหนงนน จะทำาใหผใชสามารถทำาความเขาใจไดงายและรวดเรว แตเมอไรกตามทจำาเปนตองมการผสมแบบแผนเหลานน กจะสรางความสบสนใหกบผใชอยางเลยงไมพน ตวอยางของการผสมแบบแผนนนมใหเหนในเวบไซตไดทวไป เนองจากเปนเรองคอนขาง

28

ยากทจะตดสนใจใชเพยงแบบแผนเดยวกบขอมลทมอยอยางหลากหลาย ในการนำาเสนอขอมลทมความหลากหลายภายในเวบ ถาเราหลกเลยงไมไดทจะตองใชหลายแบบแผนรวมกนในการจดกลมขอมล วธการหนงทจะชวยใหผใชยงคงความเขาใจในรปแบบขอมลทแตกตางกนไดด กคอการแยกสวนการนำาเสนอของแบบแผนทตางกนใหอยคนละทกน และทำาใหมลกษณะทแตกตางกน

โครงสร�งระบบขอมลในเวบไซต โครงสรางระบบขอมล คอ รปแบบความสมพนธระหวางกลมขอมล ซงจะมผลตอความสะดวกในการทองเวบของผใช ระบบขอมลทมโครงสรางดจะชวยเพมความชดเจนใหกบเนอหา โครงสรางหลกของระบบขอมลสำาหรบเวบไซต มดวยกน 3 รปแบบ ไดแก แบบลำาดบชน (Hierarchy) แบบไฮเปอรเทกซ (Hypertext) และแบบฐานขอมล (Database Model) โดยทโครงสรางแตละแบบมจดเดนและจดดอยแตกตางกน บางครงคณสามารถใชโครงสรางรปแบบเดยวได แตโดยสวนใหญแลวควรใชโครงสรางทง 3 รปแบบรวมกน เพอใหเกดประโยชนสงสด 

โครงสร�งระบบขอมลแบบลำ�ดบชน (Hierarchy) พนฐานของโครงสรางระบบขอมลทด โดยสวนใหญจะจดอยในรปของลำาดบชน เนองจากมการแบงแยกกลมอยางชดเจน อกทงความสมพนธระหวางชนขอมลกเปนสงทเราคนเคย และไมยากเกนจะเขาใจ เชน ในททำางานทคณมหวหนา รองหวหนา อยชน

29

ตน ๆ ของโครงสราง ตอจากนนกเปนพนกงาน ลกนอง ฯลฯ รองลงไปเรอย ๆ   เนองจากความแพรหลายในการใชโครงสรางระบบขอมลแบบน เมอเรานำามาใชกบขอมลในเวบไซตกจะทำาใหผใชเขาใจโครงสรางของขอมลทซบซอนในเวบไดงายและรวดเรว ซงถอเปนโครงสรางทเหมาะสมกบขอมลบนเวบมาก เพราะในทกวน ๆ เวบจะเรมจากหนาโฮมเพจกอนเสมอ แลวจงแบงแยกออกเปนสวนยอย ๆ และดวยวธการจดลำาดบชนจากบนลงลาง ทำาใหคณสามารถกำาหนดขอบเขตของเนอหาภายในเวบไซตไดอยางรวดเรว โดยเรมจากการกำาหนดหวขอหลกของขอมล แลวจงเลอกใชแบบแผนระบบขอมล (Organizational scheme) ทเหมาะสมกบขอมลของคณทสด

หลกก�รออกแบบโครงสร�งระบบขอมลแบบลำ�ดบชน ในการออกแบบโครงสรางระบบขอมลแบบลำาดบชนสำาหรบเวบไซต คณควรยดหลก 2 ประการ ดงน

1. แตละกลมขอมลควรแยกจากกนอยางชดเจน ไมมสวนใดรวมหรอซำากนในแบบแผนระบบขอมลประเภทหนง ๆ คณมหนาทในการสรางความสมดลระหวางการรวมหรอไมรวม รายการลงในกลมใดกลมหนง ยงขอมลสวนใหญในเวบไซตมแบบแผนแบบไมแนนอน กทำาใหการแยกรายการออกตามกลมเปนสงททาทายความสามารถมากขน

2.  การพจารณาถงความกวางและความลกของโครงสรางระบบขอมล ความกวางในทนหมายถงจำานวนรายการทมอยในแตละชนขอมล สวนความลก หมายถง จำานวนชนของขอมลในโครงสราง ถาโครงสรางขอมลมลกษณะแคบและลกมาก ผใชจะตองคลกหลายครงกวาจะเขาถงสงทตองการ ในทางตรงกนขามถา

30

โครงสรางระบบขอมลมลกษณะกวางและตนมาก ผใชจะตองเผชญกบรายการทมใหเลอกจำานวนมากในแตละเมน และหลงจากทเขาคลกเขาไปยงสวนใดสวนหนงแลว กอาจจะรสกประหลาดใจกบเนอหาทมจำานวนนอยกวาทคด 

โครงสร�งระบบขอมลแบบไฮเปอรเทกซ (Hypertext) ไฮเปอรเทกซเปนโครงสรางระบบขอมลแบบใหมทมลกษณะคลายเครอขายโยงใย โครงสรางระบบนประกอบดวยองคประกอบ 2 สวน คอ รายการหรอกลมขอมลทถกลงค กบลงคทเชอมโยงขอมลเหลานน องคประกอบ 2 สวนนเมอรวมกน จะเกดเปนระบบการเชอมโยงขอมลประเภทตาง ๆ ไมวาจะเปนตวอกษร ขอมล รปภาพ เสยง หรอภาพยนตร โดยการเชอมโยงนนอาจเปนไปตามลำาดบชนขอมลหรอไมตามลำาดบชนขอมล หรอทงสองอยางรวมกนกเปนได จากความยดหยนอยางสงของระบบไฮเปอรเทกซ จงเปนไปไดงายทคณจะทำาการเชอมโยงซบซอนเกนไปจนทำาใหผใชสบสน และไมสามารถนกถงโครงสรางรวมของเวบไซตได แตจากการทระบบไฮเปอรเทกซไดเปดชองทางใหมการเชอมโยงระหวางรายการใดๆ ในลำาดบชนขอมลทตางกน เราจงมกนำาระบบไฮเปอรเทกซมาใชเปนสวนเสรมใหกบโครงสรางขอมลแบบลำาดบชนทมอยแลวมากกวาจะใชเปนโครงสรางหลกเสยเอง

โครงสร�งขอมลแบบฐ�นขอมล (Database Model) โครงสรางขอมลแบบนมกนำาไปใชกบเวบขนาดใหญทมผรบผดชอบเรองระบบฐานขอมลโดยเฉพาะ ฐานขอมลเปนการจด

31

ระบบขอมลทเปนทนยมมากประเภทหนง โดยขอมลจะถกจดอยในรปแถวและคอลมนดวยกฎเกณฑบางอยางทมการกำาหนดไวเฉพาะฐานขอมลนนๆ การนำาระบบฐานขอมลมาใชในเวบไซตจะชวยเพมความสามารถในการคนหาขอมลไดอยางถกตองและรวดเรว นอกจากนนการใชระบบฐานขอมลยงชวยเพมความสะดวกในการดแลและปรบปรงเนอหาอยางมประสทธภาพอกดวย เนองจากความซบซอนของกฏเกณฑและขอจำากดตางๆ ในระบบฐานขอมล จงเปนเรองยากในการจดเนอหาทงหมดของเวบไซต ซงมทงตวอกษร ลงค รปภาพ และสออนๆ ไวในฐานขอมลเดยวกนไดทงหมด หรอถาจะทำาจรงกตองใชเวลาและความพยายามอยางมาก ดวยเหตดงกลาวระบบฐานขอมลควรนำาไปใชกบบางสวนในเวบไซต หรอเวบไซตยอย (Sub site) ทมกลมของขอมลประเภทเดยวกน

2.3 ทฤษฎโปรแกรม Adobe Photoshop CS2 โปรแกรม Photoshop เปนโปรแกรมยอดนยมในการจดงานเกยวกบภาพ เนองจากใชการสรางภาพ และตกแตงภาพ ไดอยางมประสทธภาพ ไมวาจะเปนงานในดานสงพมพ นตยสารและงานดานมลตมเดย ซงจากการททกทานทราบวาในงาน Web นน ภาพเปนสงสำาคญของงาน Web อยางหนงของการทำา Web โดยเฉพาะงานดานการออกแบบ และตกแตงของ Web Site ใหมเอกลกษณ หรอความพอใจของผทำา Web นนๆ จากทกลาวมาในขนตนวาโปรแกรมทผใชจะไดเรยนรทำาความเขาใจนนเปนการทำางานเกยวกบภาพ ดงนนมาทำาความรจกกบภาพบนคอมพวเตอรเสยกอนวาคอมพวเตอรนนมารประมวลผล

32

การอานภาพไดแบบใดบางซงหลายๆ ทานคงจะพอทราบกนแลววาการประมวลภาพในคอมพวเตอรนนมอย 2 แบบแตกตางกนคอ

- ประมวลภาพแบบ Vector เปนการประมวลแบบอาศยหลกการคำานวณทาง

คณตศาสตร- การเกบภาพแสดงผลแบบ Bitmap เปนการประมวล

ผลแบบอาศยอานคาสในแตละ Pixels ซงโปรแกรม Photoshop ใชวธนในการประมวลผล ภาพเปรยบเทยบการแสดงผลแบบ Vector และ Bitmap

ระบบสในโปรแกรม Photoshopระบบส Additive

ปกตเมอพดถงส มกจะนกถงแมส 3 สแตอยางไรกตาม การใชสกบงานกราฟกในคอมพวเตอร มรายละเอยดหลายประการ ซงเปนลกษณะเฉพาะ ดงนนจงควรทราบระบบสของคอมพวเตอรกอน

ระบบสของคอมพวเตอร จะเกยวของกบการแสดงผลแสงทแสดงบนจอคอมพวเตอร โดยมลกษณะการแสดงผล คอ ถาไมมแสดงผลสใดเลย บนจอภาพจะแสดงเปน "สดำา" หากสทกสแสดงผลพรอมกน จะเหนสบนจอภาพเปน "สขาว" สวนสอนๆ เกดจากการแสดงสหลายๆ ส แตมคาแตกตางกน การแสดงผลลกษณะน เรยกวา การแสดงสระบบ Addivtive สในระบบ Additive ประกอบดวยสหลก 3 ส (เชนเดยวกบแมส) คอ สแดง (Red) สเขยว (Green) และ สนำาเงน (Blue) เรยกรวมกนวา RGB

ระบบส Subtractive

33

ระบบส Subtractive มลกษณะทตรงขามกบ Additive โดยสแตละสจะไดจากการลบสตางๆ ออกไปจากระบบ ดงนน หากไมมการแสดงสใดๆ จะแสดงผลเปนสขาว ขณะทการแสดงสทกส จะปรากฏเปนสดำา และสหลก หรอแมสของระบบน จะประกอบดวย สฟา (Cyan) สมวงแดง (Magenta) และสเหลอง (Yellow) หรอระบบ CMY เปนระบบสทใชกบงานสงพมพ ซงมกจะรวมเอาสดำา มาเปนแมสดวย จงเรยกวาระบบ CMYK (Cyan, Magenta, Yellow, black) นนเอง

2.4 โปรแกรมทใชในก�รสร�ง (Library Builder)ก�รเรยกใชง�นโปรแกรม I Love Libraryไปทหนาตาง (Windows) เปดเมน “Start All

Program I Love Library”แลวเรยกโปรแกรม “Library Builder” ขนมาจะปรากฏหนาตาง Program I Love Library ของโปรแกรมดงภาพ

เรมตนก�รสร�งหนงสออเลกทรอนกสก�รจดเตรยมรปเลม

34

ควรมการจดเตรยมขอมลรปเลมกอนทำาการสรางหนงสอดงน

1. สนปกหนงสอ2. หนาปก3. สารบญ4. ขอมลทจะเอามาประกอบการสรางหนงสอ

หมายเหต ผใชสามารถใสขอมลอนๆเพมเตมลงไปในสวนของการสรางได การจดเตรยมรปเลมขางตนเปนเพยงคำาแนะนำาในการสรางเทานน

สร�งไฟลเอกส�รใหม

ผใชสามารถสรางหนงสอดวย Wizard ได โดยกดปม ซงเปนปมทอยท Tab File ซงจะปรก

กฎหนาตาง Wizard ดงภาพ

35

Step 1 New Book เรมตน คลกทปม จะปรากฏกลองขอความเพอยนยนการสรางหนงสอ ดงภาพ หากกดปดหนาตาง Wizard หนาตาง Wizard จะหายไป แตจะปรากฏกลอง Save As ใหบนทกไฟลหนงสอขนมาแทน แตหากตองการใชงานหนาตาง Wizard เมอคลกทปม Click to create new book ยะปรากฏกลอง Save As เชนกนพมพชอไฟลหนงสอทตองการ จากนน กดปม

Step 2 Add Document Files คลกท เพอเลอกไฟลเอกสาร ซงอาจจะเปน PDF File

หรอ Image File กได คลกเลอกไฟลหนงสอ โดยลำาดบการคลกเลอกไฟล หรอกด Ctrl + A เลอกทงหมด จะเปนลำาดบของหนาเอกสารใหอตโนมต จากนน กดปม เมอนำาเขาไฟลเสรจเรยบรอย จะปรากฏขอความแจง ใหกดปม

Step 3.1 Click to add cover เพอเพมภาพปก คลกท จะปรากฏขอความสอบถามวา ตองการสรางภาพปก จากไฟลหนงสอ หนาแรกหรอไม หากเลอก

โปรแกรมจะสรางไฟลปก จากภาพหนงสอหนาแรกใหอตโนมต หากเลอก โปรแกรมจะปรากฏหนาจอใหเลอกไฟลภาพปกหนงสอทสรางไวแลว โดยอาจจะสรางมาจากโปรแกรม Graphic ตางๆ เชน Photoshop หรอ Paint เปนตน

Step 3.2 Click to add side cover เพอเพมสนหนงสอ คลกท จะปรกกฎไฟลภาพสนปกใหเลอก หรอเราอาจจะเลอกไฟลภาพสนปกทสรางเตรยมไวแลวกได ใหคลกเลอกไฟลภาพสนปกทจะสราง

36

Step 4.1 Input Category ปอนขอมลประเภทหนงสอ คลกเลอกท จะปรากฏรายการ Category ใหเลอก ดบเบลคลกเลอกรายการ Category ทตองการ กดปม

Step 4.2 Input Properties ปอนขอมลหนงสอ

อเลกทรอนกส คลกเลอกท จะปรากฏหนาตางปอนขอมล เมอปอนขอมลเรยบรอย กดปม

Step 5 Preview คลกเลอกท โปรแกรม I Love Library Builder จะรนโปรแกรม I Love Viewer เพอเปดดหนงสอทรางและปรากฏขอความ ดงภาพ

ก�รแทรกหน�ในหนงสออเลกทรอนกส ใหไปท Tab Page และคลกทปม ไปยงโฟลเดอรทใชเกบไฟลหนงสอทจะแทรก เลอกไฟลหนา

หนงสอทตองการแทรก หลงจากนนคลกทปม

37

การเลอกไฟลหนงสอเพอนำาเขามาเพอแทรก แลวเลอกเปลยนลำาดบหนาทนำาเขามาใหเปนหนาทตองการโดยการเตมจดตามหลงตอหลงหนาทตองการแทรกแลวตามดวยลำาดบท เชน .1, .2 หรอ .3 ตามลำาดบภาพ

ภาพประกอบ การเรยงลำาดบหนาใหม

การลบหนาสามารถลบหนาทไมตองการไดโดยคลกไปทหนาทไมตองการและกดทปม (Remove) เพอทำาการลบหนาทไมตองการ

ภาพประกอบ การเลอกหนาทตองการลบ

ก�รเพมไฟลมลตมเดยในหนงสออเลกทรอนกส

38

รปแบบของมลตมเดยไฟลทโปรแกรม I Love Library รองรบ คอ AVI, MPEG, MP3, WAV, WMA และ SWF ซงมขนตอนการสรางดงน

เลอกแถบหนา Page เลอกหนาทตองการใสไฟลมลตมเดย แลวกคลก ตกรอบ (Section) เพอกำาหนดพนทใหไฟลมลตมเดยแสดง โดยการลากเมาสตกรอบ (Section) ดงภาพ

ภาพ การสรางการตกรอบ (Section) สำาหรบใสไฟลมลตมเดย

การเพมไฟล ทำาไดโดยคลกเลอกทแถบไฟล เพอเขาสหนาทเปนสวนของการเพมไฟล จาก

นนคลกทปม (Add file) เพอทำาการเลอกไฟลมลตมเดย จะปรากฏหนาตางใหเลอกไฟล จากนนใหกดปม เลอกไฟลมลตมเดยทตองการเพมลงไปในหนาหนงสอทสราง

เมอกดปม จะปรากฏไฟลมลตมเดย เพมเปนรายการในรายการ Content ดงภาพ

39

โปรแกรม Library Builder จะตงชอไฟลมลตมเดยใหอตโนมต ซงผใชสามารถเปลยนชอไฟลได โดยกดปมเปลยนชอใหม

จะปรากฏกลองขอความใหพมพชอไฟลใหม จะไดชอไฟลใหม

เมอผใชทำาการแทรกไฟลมลตมเดยเรยบรอยแลว ใหคลกทโหมดแกไข แลวคลกเลอกบรเวณกรอบ (Section) ทสรางขนดงภาพ (การคลกแกไข (Edit) หมายถง ตองการกำาหนดการเลอกบรเวณกรอบ (Section) ทคลกเลอก)

40

ในสวนของแกไขฟงกชน (Edit) ในชองท 1 <TAG> ไมตองใส โปรแกรมจะใสหมายเลขกรอบ Section ทตไวใหอตโนมต ชองท2 Section ใหเลอกแบบเลนอตโนมต (AUTOPLAY) ชองสดทาย Content ไฟลทเราตองการใหเลนอตโนมต ในชองนหากเราทำาการเพมไฟลเรยบรอยแลวโปรแกรมจะเพมตวเลอกใหเลอกใชอตโนมตเชนกน

เมอตองการลบไฟลมลตมเดยออกจากหนงสอ ตองทำาการลบ 2 สวนดวยกน โดยการเลอกทโหมด Delete แลวคลกทกรอบ Section ทตองการลบ และลบไฟลมลตมเดยโดยการคลกทไฟลมลตมเดยทตองการลบแลวคลกทปม (Remove)

ก�รเชอมโยงส�รบญ (Content)

41

เปดหนาทเปนสารบญทสรางไวในไฟลหนงสอทสราง คลกท แลวลากตกรอบพนท ๆ ตองการใหมเชอมโยงไปยงหนาท

ตองการจนหมดทกหวขอดงภาพ

คลกท จากนน คลกเลอกกรอบ (Section) ทละกรอบ (Section) และปอนขอมลดงน

ชองท 1 <TAG> ไมตองเปลยนแปลงอะไรชองท 2 SECTION ใหเลอก GOTOชองท 3 PAGE ใหเลอกหนาทหวจอของเราตองการ

เชอมโยงไป (Link) กดปมตกลง ทำาตามขนตอนจนครบทกหวขอในหนาสารบญ

ก�รสร�งจดขย�ยหน� (Zoom)

42

วธการสรางพนทซมแบบคอลมนใหทำาการคลกเลอก ตกรอบ (Section) ทบรเวณทตองการใหขยาย ดงภาพ เพยงเทานตำาแหนงทผใชตองการจะกลายเปนพนทซมพเศษเองเมอเปดดผาน Viewer

สวนการกำาหนดพนทซมแบบเรยงลำาดบทำาไดโดยมาทแถบหนา Page

43

เรมตนตกรอบ (Section) แบงเปนสวน ๆ ดงภาพ คลกทปม จากนนคลกทกรอบ (Section) ทสรางขน โดยใหคลก

เรยงตามลำาดบทตองการใหแสดงภาพซมขยาย สงเกตวาทชองรายการ (List box) ในสวนการเชอมโยง (Link) ทจะมรหสกรอบ (Section) ทปรากฏขน จากนนคลกปมเชอมโยง (Link) สวนการเชองโยง (Link) เมอโปรแกรม Builder ทำาการเชอม Link เสรจ รายการในชองรายการ (List box) จะหายไป

จดและตกแตงหนงสอในกรณเราตองการตดขอบหนาเอกสารทไมตองการทง

สามารถทำาได โดยใชปม Crop ใน Tab Page อยางแรกผใชตองทำาการระบพนททตองการตดทงกอน โดยจะมพนทสำาหรบกรอกตวเลขทวดจากขอบกระดาษเขามา ทง 4 ดาน คอ บนลาง ซาย และ ขวา ตวอยางเชน

44

หากกรอกตวเลข 50 ในกลองขอความดานขางซาย หมายถง ตองการตดขอบทางดานซายทง โดยมระยะหางจากขอบซายมา 50 Pixels สงเกตวาจะมเสนสนำาเงนปรากฏใหเหนถงพนททจะตดทงดวย ดงภาพ

การระบพนทตดขอบ สามารถกำาหนดไดทง 4 ดาน หรอเพยงบางดาน หลงจากกำาหนดพนททตองการตดทงเรยบรอยแลว กดปม หลงจากนนจะปรากฏหนาตาง Select Page เพอใหคลกเลอกวาตองการตดสวนของหนงสอหนาไหนบาง โปรแกรม Library Builder จะทำาการตดหนาเอกสารตามทกำาหนดทง ตามพนททไดกำาหนดไว

โปรแกรมทใชในก�รอ�น (Library Viewer)ก�รเรยกใชโปรแกรม Library Viewerเรมตนจากการ Install โปรแกรม I Love Library ลงใน

เครองคอมพวเตอรของผใชกอนหลงจากนนใหเลอกท เมน Start

45

Program Library Viewer ซงโปรแกรม I Love Library จะปรากฏหนาตางของ Library Viewer ใหดงภาพ

ก�รใชง�นโปรแกรม I Love Library Viewerแบบท 1 การใชงาน I Love Library Viewer แบบ

Online เปนการใช Library Viewer โดยผาน www.ilovelibrary.com ซงตองใชงานผานเครอขายอนเตอรเนตเทานน และหากในกรณทความเรวของอนเตอรเนตไมถง 512 Kb แนะนำาใหผใชทำาการ Download กอนแลวคอยอานผานโปรแกรม I Love Library แบบ Offline

แบบท 2 การใชงาน I Love Library Viewer แบบ Offline เปนการใช Library Viewer แบบ Offline ซงตองมการตดตงตวโปรแกรม I Love Library Viewer ทใชอานลงในคอมพวเตอรกอน และตองดาวนโหลด (Download) หนงสอทตองการอานมาไวทเครองคอมพวเตอรของตวเองใหเรยบรอย

ก�รเปดหนงสออ�น (Viewer)

46

หากตองการเปดอานหนงสอเลมใดใหดบเบลคลกทหนงสอเลมนน โปรแกรม Library Viewer จะเปดหนงสอทเลอกจากชนหนงสอและเขาสหนาตางการอานหนงสอใหโดยอตโนมต ดงภาพ

ก�รพลกหน�หนงสอก�รเปดโดยก�รคลกบนหน�หนงสอ

ซงทำาไดโดยการคลกทหนาหนงสอจดใดกไดในหนาทตองการเปด หากคลกทหนาหนงสอทางดานซายมอ 1 ครง หนงสอจะเปดพลกไปทางซาย 1 หนา หากคลกทหนาหนงสอทางดานขวามอ 1 ครง หนงสอจะเปดพลกไปทางขวา 1 หนา

ก�รพลกหน�โดยใชปม

47

เมอตองการเปดหนาถดไปใหเลอกทปม หนงสอจะเปดไปยงหนาถดไป 1 หนา และถาตองการยอนกลบไปหนากอนหนา ใหเลอกท ปม หนงสอจะพลกไปยงกอนหนา 1 หนา และถาตองการเลอนไปยงหนาสดทายใหคลกทปม และถาตองการเลอนหนากลบไปยงหนาแรกใหคลกทปม ก�รพลกหน�หนงสอโดยก�รใสหม�ยเลขลงในชอง

ซงอยทดานลางขวามอเมอใสเลขหนาทตองการเปดแลวใหกดทปม GOTO หรอ Enter หนงสอจะเปดไปยงหนาหนงสอทตองการ

ก�รพลกหน�หนงสอดวยก�รเชอมโยง (Link)ทำาไดโดยการเลอกหวขอทตองการอานทหนาสารบญ คลกใน

หวขอทตองการอาน ซงเมอเลอนเมาสไปทสวนของหวขอทตองการจะปรากฏเปนแถบไฮทไลทสเขยวขน เมอคลกหนงครงหนงสอจะเปดไปยงหนาทหวขอทำาการเชอมโยงไว (ในกรณนการเชอมโยงหนาในสารบญ ผสรางหนงสออเลกทรอนกส จะเปนผกำาหนดขนเอง) ดงภาพ

48

ในกรณทตองการกลงไปยงหนาสารบญของหนงสอ ใหเลอกทปม ทอยดานบนซายมอของหนาตาง Library Viewer

ก�รขย�ยหน� (Zoom)ก�รขย�ยแบบแวนขย�ยทำาไดโดยกดท Ctrl บนแปนคยบอรดคางไว แลวนำาเมาสไปชใน

สวนทตองการขยายบนหนาหนงสอทกำาลงเปดอาน จะเหนสวนขยายทเลอนเมาสผาน

ก�รขย�ยแบบเตมหน�จอ (Full Screen)ทำาไดโดยการกดท Space bar โดยโปรแกรมจะแสดงหนาท

ขยายทละครงหนาซงเรยงจากดานบนลงดานลาง โดยเรยงจากหนาท 1 ทางซายมอไปยงหนาท 2 ทางขวามอจนครบ ผใชสามารถใชปมลกศร บนคยบอรด เพอเปนการเลอนขนบน ลงขางลาง –หรอ เลอนจากดานซายไปดานขวาได

ก�รขย�ยแบบคอลมน (Column)สวนทสามารถขยายไดจะปรากฏเปนแถบไฮทไลทสเขยว และ

เมอคลกทแถบไฮทไลทพนททเปนพนทไฮทไลทจะขยายขนมาเปน Column ใหอตโนมต ก�รขย�ยแบบจดลำ�ดบ

49

สวนทสามารถขยายจะขนเปนแถบไฮทไลทสเขยวเชนกบการขยายแบบคอลมนเมอคลกทแถบสเขยวสวนทเปนไฮทไลทจะขยายขนมา และเมอคลกอกรงสวนทขยายจะยอกลบไปทเดม สวนท 2 ทสรางกรอบ Section ไวซงเปนสวนทมการไฮทไลทเชนเดยวกน จะขยายขนมาโดยอตโนมตตามลำาดบ

ก�รปรบมมมองก�รปรบแสดงภ�พบนหน�จอแบบ 1:1สามารถเลอกไดทปม จะแสดงจำานวนหนาของหนงสอท

ตองการเปดแบบ 1 ภาพตอ 1 หนาก�รปรบแสดงภ�พบนหน�จอแบบ 4:1 สามารถเลอกไดทปม จะแสดงจำานวนหนาของหนงสอท

ตองการเปดแบบ 4 ภาพตอ 1 หนา ดงภาพก�รปรบก�รแสดงภ�พแบบ 9:1สามารถเลอกไดทปม จะแสดงจำานวนหนาของหนงสอ 9

ภาพตอ 1 หนาก�รปรบก�รแสดงภ�พแบบ 16:1สามารถเลอกไดทปม จะแสดงจำานวนหนาของหนงสอ 16

ภาพตอ 1 หนา

ก�รเปดไฟลมลตมเดยในหนงสออเลกทรอนกสไฟลมลตมเดยจะเลนเองอตโนมตเมอเราเปดอานหนงสอหนาทม

การแทรกไฟลมลตมเดยหรอคลกบรเวณปมเลกๆทถกไฮทไลทสเขยวไวบรเวณดานบนซายหรอขวาของทตงไฟลมลตมเดย

50

ในกรณทตองการหยดการเลนไฟลมลตมเดยชวคราวใหเลอกทปมหยดชวขณะ (PAUSE) และถาตองการปดไฟลมลตมเดยทเปดอยนนใหเลอกท ปมหยด (STOP)

ก�รคนหน�หนงสอ (Bookmark)ก�รแทรกทคนหน�หนงสอ (Bookmark)สามารถทำาไดโดยคลกทปม ทอยดานบนหนาตางสวนบน

ของแถบเมน Library Viewer ก�รเปดหนงสอไปยงหน�ทคนไวเลขหนาทคนไวทางดานขวามอ จะสามารถคลกหนาทคนไวได

โดยเลอกฟงกชน (GOTO) ดงภาพ

ก�รลบทคนหน�หนงสอทคนไวใหคลกทหนาหนงสอทไดทำาหารคนไวทางดานซาย แลวเลอกท

ฟงกชนลบ (Delete)

51

ก�รเพมขอคว�มในหน�หนงสออเลกทรอนกส (Notepad)ใหเลอกทปม ดงรป จะมแถบหนาตางฟงกชนเลกๆ

ปรากฏขนมา ทำาการคลกเลอกท Notepad หลงจากรนคลกวาง Notepad ไวในหนาหนงสอในสวนทตองการหลงจากนนใสขอความทตองการจะอธบายเพมเตมไดทงภาษาไทยและภาษาองกฤษ ดงภาพ

ขอความทถกเขยนเพมจะถกบนทกเกบไวในสวนของสญลกษณโนตเลกๆ สามารถเลอนและขยบตำาแหนงไดตามตองการ และสามารถทำาการเพมและแกไขขอมลทใสไวได โดยการดบเบลคลกทสญลกษณ กรณทตองการกลบมาอานขอความทไดมการบนทกไว ใหเลอกดบเบลคลกทปม หากตองการลบขอความ ใหดบเบลคลกทสญลกษณ จากนนเลอกทปมลบ ขอความทไดมการเพมไวจะถกลบออก

ก�รทำ�แถบสเนนขอคว�ม (Highlight)สามารถทำาไดโดยการเลอกทปม ปมเดยวกบการเพม

ขอความ (Notepad) ใหเลอกทไฮทไลท ใหนำาไปตกรอบในสวนท

52

ตองการเนนขอความ จะปรากฏแถบสแดงขน การทำาสเนนขอความ สามารถขยายหรอยอกรอบใหมความกวางตามทตองการได โดยการนำาเมาสไปชทขอบของกรอบซงจะปรากฏลกศร ใหคลกเมาสคางไวแลวลากเมาสเพอขยายหรอยอ หรอใชเมาสคลกคางไวทกรอบขอความแลวลากไปมาเพอเปลยนตำาแหนงทตองการทำาแถบสเนนขอความ หากตองการลบใหดบเบลคลกบรเวณทมการสรางไฮทไลทกดปม Delete

ก�รเพมไฟลเสยงในหนงสออเลกทรอนกส (Sound Record)

สามารถทำาไดโดยการคลกทปม จากนนจะปรากฏหนาตาง Recorder ดงภาพ

ก�รบนทกเสยง ใหเลอกทปม เพอเรมการบนทกเสยง และกดทปม เพอยนยนการบนทก หลงจากทบนทกเสยงเรยบรอยจะมสญลกษณของการบนทกเสยง เปนรปลำาโพงเลกๆ

ในสวนของสญลกษณน สามารถใชเมาสคลกเลอนไปมา เพอปรบเปลยนตำาแหนงไดตามตองการ

ก�รเลนไฟลเสยง ใหใชเมาสคลกทสญลกษณรปลำาโพง เพอเปดหนาตาง Sound Record หลงจากนน ใหเลอกทปม หากตองการลบไฟลเสยงทไดบนทกไวใหดบเบลคลกทสญลกษณ

ซงจะปรากฏหนาตาง Sound Record ใหเลอกทปมลบ เพอลบไฟลเสยงทไดบนทกไว

53

บทท 3

ก�รออกแบบและก�รสร�ง

3.1 ระบบง�นเดม การอานหนงสอในสมยกอนผอานจะตองหาหนงสอทตองการในหองสมด ถาตองการนำากลบมาอานทบาน ผอานตองยมหนงสอจากหองสมด เมอครบกำาหนดคนหนงสอกตองสงคนหองสมดใหตรงตามเวลาทกำาหนด และอาจเสยคาปรบถาสงคนหนงสอเกนเวลาทกำาหนดไว เพอทจะใหผอานไดทำาความเขาใจกบเนอหาใหงาย ซงเปนเรองทยากทผอานจะทำาความเขาใจเกยวกบเนอหาตางๆไดในเวลาอนรวดเรว ดงนนจงไดมการจดสรางหนงสออเลกทรอนกสขน เพอใหผอานไมตองเสยเวลาในการคนหาหมวดหมหนงสอมากนก และยงทำาใหผอานไดศกษาคนควาเนอหาในหนงสอไดตลอดเวลา และมหนงสออเลกทรอนกสใหเลอกมากมายหลายหมวดหม ทำาใหผอานไดมการศกษาเนอหาตางๆไดกวางขวางมากยงขน และหนงสออเลกทรอนกสยงเปนสงทอำานวยความสะดวกและทนสมย จงสามารถทจะทำาใหผอานเกดความสนใจในเนอหามากยงขนอกดวย

54

55

3.2 วธก�รดำ�เนนง�นขนตอนก�รดำ�เนนง�น

3.2.1 ศกษาปญหา3.2.1.1 ศกษาปญหาทเกดขนจากการทำางาน3.2.1.2 ศกษาความตองการของผใชงาน3.2.1.3 ศกษาความเปนไปไดของระบบ

3.2.2 วเคราะหปญหา3.2.2.1 วเคราะหระบบและออกแบบรปแบบของหนา

จอของ Web application ทจะนำามาใชงาน3.2.2.2 วเคราะหและออกแบบฐานขอมล โดยใช

โปรแกรม MySQL3.2.3 ออกแบบระบบ

3.2.3.1 ออกแบบรปแบบหนาจอทผใชสามารถใชไดงาย

3.2.3.2 ออกแบบรปแบบหนาจอใหมความสวยงาม นาสนใจ

3.2.4 เขยนโปรแกรมตดตอกบฐานขอมล โดยในสวนของการจดฐานขอมลจะใชโปรแกรมจดการฐานขอมล php Myadmin เพอตดตอกบฐานขอมล MySQL และเขยนภาษา PHP ในการดงฐานขอมลมาแสดงบน Web

3.2.5 จดทำาโปรแกรมโดยนำา Web application มาทำาการตดตอกบฐานขอมล

3.2.6 ทดสอบและแกไขโปรแกรม3.2.7 จดทำาคมอในการใชโปรแกรม3.2.8 นำาเสนอผลการศกษาใหกบคณะกรรมการ

56

3.3 เครองมอทใชในก�รศกษ�และพฒน�ระบบ คณลกษณะท�งด�นฮ�รดแวร (Hardware specification) เครองไมโครคอมพวเตอร (Micro Computer) 1 เครอง ประกอบดวย

- CPU Intel Pentium4 2.4 GHz- Hard Disk Drive 120 GB- CD-RW Drive - RAM 1 GB- Monitor 17 นว- Keyboard- Mouse

คณลกษณะท�งด�นซอฟตแวร (Software specification)

- Macromedia Dreamweaver 8- Adobe Photoshop CS3- My SQL- Microsoft Office Word 2003- I Love Library Builder- I Love Library Viewer- Adobe Acrobat 7.0 Professional

57

บทท 4

ผลก�รศกษ�

4.1 ผลก�รทำ�ง�นของระบบ จากผลการศกษาระบบการสรางหนงสออเลกทรอนกสเรอง ระบบสารสนเทศภมศาสตร ทำาใหทราบถงปญหาของระบบ จงไดจดทำาโครงงานนขนมาเพอพฒนาระบบ โดยไดใชความรเรองการสรางหนงสออเลกทรอนกสมาประยกตใชในระบบ โดยการพฒนาระบบจะใชโปรแกรมการสรางหนงสออเลกทรอนกส (I love library) ในการพฒนาตวระบบ จากการทไดทำาโครงงานการสรางหนงสออเลกทรอนกส เรองระบบสารสนเทศภมศาสตรนน ผจดทำาไดรวบรวมเอกสารตงแตการเรมคด การจดทำาหวขอโครงงานและรายละเอยด ตาง ๆ ทเกยวของในเรองของการจดทำาหนงสออเลกทรอนกส ดงนน นอกจากจะไดความรตงแตเรมตนจนถงปจจบนคอ การทำารปเลมโครงงานทถกตองทำาใหไดรบความรและประโยชนเปนอยางมาก

ในการศกษาขอมลเบองตนทเกยวของกบการจดทำาความรเรองการสรางหนงสออเลกทรอนกสเรอง ระบบสารสนเทศภมศาสตร ผจดทำาไดศกษาและรวบรวมขอมลตาง ๆ วธการทำางานและรวมการวเคราะหเพอนำามาจดทำาโครงงานเพอทำาเปนระบบซงการศกษาครงนผจดทำาเนนผลสำาเรจของงานดงกลาวทเกยวของกบงานและขอมล การพฒนาระบบจะชวยใหเกดประโยชนดงน

58

1. ไดระบบการจดการสรางเนอหา ทชวยอำานวยความสะดวก2. มเครองมอทชวยอำานวยความสะดวกในการสรางเนอหา3. ลดเวลาสำาหรบผทสนใจ ในการทไมตองยม - คนหนงสอ4. ชวยใหนกศกษาสามารถพฒนาทกษะการเรยนของตนเอง

ได

บทท 5

สรปผลก�รดำ�เนนง�นและขอเสนอแนะ

5.1 สรปผลก�รดำ�เนนง�นการสรางหนงสออเลกทรอนกสเรอง ระบบสารสนเทศ

ภมศาสตร มหลกการทำางานเพอชวยใหผทสนใจมทางเลอกทสะดวกสบายมากขนและทำาใหระบบการเขาใชมประสทธภาพมากขนสามารถตรวจสอบไดงาย โดยใชโปรแกรมการสรางหนงสออเลกทรอนกส มาใชงานเกบขอมลใหเกดประสทธภาพมากขน ในการสรางงานของระบบทไดรบคอ ผใชสามารถนำาโปรแกรมนมาใชเปนแหลงเกบรวบรวมหนงสอไดอยางสะดวก โปรแกรมนสามารถเพม บนทก และแกไขขอมลของหนงสออเลกทรอนกสได สวนของผดแลระบบ

59

สามารถเขาไปดขอมลแกไขหรอเพมแบบทดสอบและเนอหาไดอยางสะดวกมากยงขน

จากการสรางหนงสออเลกทรอนกสเรอง ระบบสารสนเทศภมศาสตรนน ทางผจดทำาไดทำาการสรางระบบนขนมาเพอนำามาเผยแพรใหแกผทสนใจ โดยมการนำาโปรแกรมการสรางหนงสออเลกทรอนกส มาชวยในการสรางหนงสอสามารถใชงานไดอยางมประสทธภาพ

5.2 ปญห�ทพบในก�รดำ�เนนง�น5.2.1 ประสบการณและความรความเขาใจในเรองของระบบ

สารสนเทศภมศาสตรยงนอย5.2.2 ความเขาใจในการเขยนโปรแกรมตดตอกบฐานขอมล

และเขยนภาษา PHP ในการดงขอมลขนมาแสดงบน web ยงมไมเพยงพอ

60

5.3 ขอเสนอแนะ5.3.1 ในการเขยนโปรแกรมดวยภาษา PHP นน ผพฒนา

โปรแกรมจะตองทำาความเขาใจในตวโปรแกรมเปนอยางด เพอใหโปรแกรมทถกพฒนาแลวออกมาอยางมประสทธภาพมากทสด

5.3.2 การพฒนาโปรแกรมทตดตอกบฐานขอมล ผพฒนาโปรแกรมตองทำาความเขาใจกบระบบงานเปนอยางด

5.3.3 ในการพฒนาโปรแกรมผพฒนาควรทจะเพมเนอหาสาระความรเรองตางๆทนาสนใจในเวบไซต เพอใหผอานไดรบขาวสารอนๆ นอกเหนอจากอานหนงสออเลกทรอนกส