คู่��มื�อประกอบการสร�าง E - book

โดยโปรแกรมื FlipAlbum Sample

จั�ดทำ�าโดย1. นางสาวเบญจมาศ ชุ่��มชุ่��น 530105200182. นางสาวสว�ตรา หนองหว�า 53010520037

3. นางสาวกน�ษฐา ดอกดวง 53010516031 4. นางสาวมณฑวรรณ ทองกลม 530105200275. นางสาวกาญจนา เพชุ่รราชุ่า 53010520004

0

สถานท"�ท�องเท"�ยวสถานท"�ท�องเท"�ยวท$�วไทย ท$�วไทย

ชุ่$&นปี(ท"� 1 คณะศ+กษาศาสตร,สาขาเทคโนโลย"และส��อสารการศ+กษา

มืหาวิ�ทำยาลั�ยมืหาสารคู่ามื

คู่�านำ�า

ค0�ม�อน"&จ$ดท1าข+&นเพ��อปีระกอบการเร"ยนการสอนเก"�ยวก$บการสร�าง e - book

ด�วยโปีรแกรม FlipAlbum Sample ซึ่+�งเปี3นการเร"ยนร0 �การใชุ่�โปีรแกรมอ��นๆ ท"�นอกเหน�อจากการเคยใชุ่�มา นอกจากน$&นคณะผู้0�จ$ดท1าย$งได�ท1าการน1าเสนอ e-book ในเร��องสถานท"�ท�องเท"�ยวเพ��อต�องการส��อให�หลายๆคนได�เห7นและตระหน$กว�าปีระเทศไทยเราย$งม"สถานท�องเท"�ยวท"�น�าสนใจอย0�อ"กมากมาย เราควรท"�จะก�นของไทย ซึ่�&อของไทย เท"�ยวเม�องไทย จะได�เปี3นการกระต��นเศรษฐก�จไทยให�ม"การพ$ฒนามากย��งข+&น ด$งน$&นคณะผู้0�จ$ดท1าจ+งได�จ$ดท1าค0�ม�อเก"�ยวก$บการสร�าง e-book

ด�วย FlipAlbum Sample น"&เพ��อให�ผู้0�ศ+กษาเข�าใจว�ธี"การท1างานได�ง�ายข+&น หากผู้�ดพลาดปีระการใดขออภั$ยมา ณ ท"�น"&ด�วย

1

สารบ�ญเร��อง หน�า

การวางโครงงาน 3การสร�าง e-book ด�วย FlipAlbum Sample 5 ค�ณสมบ$ต�ข$ &นต1�าของคอมพ�วเตอร, 6เตร"ยมความพร�อมก�อนสร�าง E-Book 6การสร�างเอกสาร E – Book 7

2

การเล��อนหน�ากระดาษ 10การปีร$บเปีล"�ยนอ$ลบ$&มอ�สระ 12 ต$วอย�างการปีร$บเปีล"�ยนหน�าเอกสาร E-book : Graffiti 13การเล�อกส$นปีกเเบบต�างๆ 13 การปีร$บแต�ง / เพ��มเต�มข�อความ 15การปีร$บแต�งร0ปีภัาพ 16การเพ��มร0ปีภัาพ 18การใส�ไฟล,ว�ด"โอ และไฟล,เส"ยงลงในอ$ลบ$&ม 19 การท1าจ�ดเชุ่��อมโยง (Link) 21การน1าเสนอ 21

3

การวิางโคู่รงสร�าง1. ก1าหนดเร��องของ e – book

การก1าหนดเร��อง กล��มของเราได�ก1าหนดเร��อง สถานำทำ !ทำ�องเทำ !ยวิทำ�!วิไทำย

ในการท"�เราได�จ$ดท1าในห$วข�อน"&ก7เพราะว�าเราต�องการน1าเสนอให�หลายๆ คนได�แลเห7นว�าสถานท"�ท�องเท"�ยวในไทยเราก7ย$งม"ท"�ท"�น�าสนใจ และสวยงามน�าท�องเท"�ยวอย0�มากมาย แล�วย$งอยากจะเชุ่�ญชุ่วนให�คนไทยและเพ��อนๆห$นมาเท"�ยวไทย และในชุ่�วงน"&เศรษฐก�จของปีระเทศย��งไม�ค�อยส0�ด"น$ก เราจ+งแลเห7นว�าปีระชุ่าชุ่นคนไทยควรท"�จะก�นของไทย ใชุ่�ของไทย เท"�ยวเม�องไทย จะได�เปี3นการกระต��นเศรษฐก�จของไทยให�ต��นต$วอ"กคร$&ง ตามสโลแกนท"�ว�าเท"�ยวไทยคร+กคร�&น เศรษฐก�จไทยค+กค$ก

ขั้�%นำตอนำการทำ�างานำหลั�งขั้องกลั'�มื

1. รวบรวมสมาชุ่�กในกล��มเพ��อน$ดมาปีระชุ่�ม

2. ปีระชุ่�มปีร+กษาเล�อกเร��องท"�จะท1าเปี3นชุ่�&นงานค�อเร��องสถานท"�ท�องเท"�ยวท$�วไทย แล�วเราก7ได�เล�อกเอาแค� 15 สถานท"�ท�องเท"�ยว ท"�ต�ดอ$นด$บยอดน�ยม ก7จะม"ห$วข�อหล$กท"�ต�องหาก7ค�อ

- สถานท"�

- รายละเอ"ยด

- ร0ปีภัาพ

4

3. สมาชุ่�กในกล��มหาข�อม0ลเก"�ยวก$บเร��องท"�เล�อกแบ�งให�ไปีค�นคว�ามา

4. ลงม�อปีฎิ�บ$ต�งานตามท"�ได�มอบหมายงานจากการปีระชุ่�มกล��ม

5. น1างานมารวมก$น และร�วมก$นว�เคราะห,งานว�าจาเอาอย�างไรด" ว�าใครม" ความค�ดอย�างไรแล�วให�เสนอข+&นมา

6. แบ�งงานให�สมาชุ่�กแต�ละคนในกล��มด$งน"&

- ออกแบบโปีรแกรม ออกแบบผู้ลงาน

- จ$ดท1าเอกสารค0�ม�อการท1าเว7บไซึ่ด,

- ท1าโปีรแกรม e-book ด�วย FlipAlbum Sample

2. ก1าหนดส�วนปีระกอบหล$กของ e - book ปีระกอบไปีด�วย 2.1 ส�วนของ Title

2.2 ส�วนเมน0 ปีระกอบไปีด�วย1. ปีางอ�=ง ต$&งอย0�ใน อ. เม�อง จ. แม�ฮ่�องสอน2. ปีาย ต$&งอย0�ใน อ. ปีาย จ. แม�ฮ่�องสอน3. ดอยอ�างขาง ( ศ0นย,พ$ฒนาโครงการหลวงอ�างขาง ) ต$&งอย0�ใน อ. ฝาง จ. เชุ่"ยงใหม� 4. อ�ทยานแห�งชุ่าต�ห�วยน1&าด$ง ต$&งอย0�ใน อ. แม�แตง จ. เชุ่"ยงใหม� 5. วนอ�ทยานภั0ชุ่"&ฟ@า - ภั0ชุ่"&ฟ@า ต$&งอย0�ใน อ. เว"ยงแก�น จ. เชุ่"ยงราย6. เกาะ ตะปี07. เกาะ เต�า ม"พ�&นท"�อย0�ในฝA� งของทะเลอ�าวไทย8. อ�ทยาน แห�งชุ่าต�ดอยอ�นทนนท, ม"พ�&นท"�ครอบคล�มอย0�ในท�องท"�อ1าเภัอดอยหล�อ อ1าเภัอจอมทองและอ1าเภัอแม�แจ�ม จ$งหว$ดเชุ่"ยงใหม�

5

9. ห$วห�น เปี3นอ1าเภัอท"�ท�กคนร0 �จ$กก$นเปี3นอย�างด"ท$&งชุ่าวไทยและชุ่าวต�างปีระเทศ 10. พ$ทยา หร�อ เม�องพ$ทยาในเขตจ$งหว$ดชุ่ลบ�ร"11. เกาะ ชุ่�าง12. หาดเฉวง เปี3นท"�เชุ่�ดหน�าชุ่0ตาของคนเกาะสม�ย13. อ�ทยาน แห�งชุ่าต�หาดนพร$ตน,ธีารา-หม0�เกาะพ"พ" ต$&งอย0�ในท�องท"�อ1าเภัอเม�อง จ$งหว$ดกระบ"�14. อ�ทยาน แห�งชุ่าต�หม0�เกาะส�ม�ล$น15. หาดปีCาตอง อย0�ห�างจากต$วเม�องภั0เก7ตไปีทางท�ศตะว$นตกเฉ"ยงเหน�อ 15 ก�โลเมตร16. อ�างอ�ง17. เสนอ18. คณะผู้0�จ$ดท1า

2.3 ส�วนของเน�&อหา

สร�าง E- Book ด�วิยโปรเเกรมื FlipAlbum 6.0 Pro.

6

            ส��อน1าเสนอในปีAจจ�บ$นได�ม"การพ$ฒนาร0ปีแบบใหม�ความโด�ดเด�น  น�าสนใจด�วยเทคโนโลย"ม$ลต�ม"เด"ย (Multimedia) การน1าเสนอข�อความหร�อเน�&อหาปีร�มาณมากๆ ในล$กษณะของส��งพ�มพ,หร�อ หน$งส�ออ�เล7กทรอน�กส, (e-Book)  ก7ม"การปีร$บเปีล"�ยนร0ปีแบบจากส��งพ�มพ,หร�อหน$งส�อท"�เปี3นไฟล,เน�&อหาเพ"ยงอย�างเด"ยว ต�องด0ด�วยเทคน�คการเล��อนจอภัาพ ไปีเปี3นเทคน�คการน1าเสนอท"�ม"ล$กษณะการเปีEดหน�าหน$งสอแบบเสม�อน  เน�&อหาท"�น1าเสนอเปี3นได�ท$&งข�อความ  ภัาพน��ง  ภัาพเคล��อนไหว  ว�ด"ท$ศน, และเส"ยง  อ$นเปี3นการใชุ่�ความสามารถของเทคโนโลย"ม$ลต�ม"เด"ยมาผู้สมผู้สานกบ e-Book  ได�อย�างลงต$ว  เปี3นส��อท"�ได�ร$บความน�ยมส0งอย�างมากในปีAจจ�บ$นภัายใตชุ่��อเร"ยกว�า Multimedia e-Book

    การพ$ฒนา Multimedia e-Book  ม"ซึ่อฟต,แวร,ชุ่�วยหลายต$ว โดยซึ่อฟต,แวร,ท"�โดดเด�นต$วหน+�งค�อ FlipAlbum ซึ่+�งปีAจจ�บ$นได�พ$ฒนามาเปี3น FlipAlbum 6.0  โดยความสามารถของโปีรแกรมท"�ท1าให�การน1าเสนอส��อออกมาในร0ปีแบบ 3D Page-Flipping

interface และม"ชุ่��อเร"ยกเฉพาะว�า FlipBook ผู้ลงานท"�ได�น"&

7

สามารถน1าเสนอได�ท$&งแบบ Offline ด�วยความสามารถ AutoRun

อ$ตโนม$ต� และ Online ผู้�านโปีรแกรมแสดงผู้ลเฉพาะ FlipViewer

คู่'ณสมืบ�ต�ขั้�%นำต�!าขั้องคู่อมืพิ�วิเตอร* • ระบบปีฏิ�บ$ต�การ Windows® 98/2000/ME/XP

• คอมพ�วเตอร, IBM® PC compatible หนวยปีระมวลผู้ล Pentium® II 300 MHz - หน�วยความจ1าแรมอย�างต1�า 128 MB

- พ�&นท"�ว�างของฮ่าร,ดด�สก,อย�างต1�า 100 MB

- การ,ดแสดงผู้ล 16-bit

- จอภัาพท"�ม"ความละเอ"ยดไม�น�อยกว�า 800 × 600 pixels

เตร ยมืคู่วิามืพิร�อมืก�อนำสร�าง E-Book ข�อม0ลท"�สามารถใส�ลงในโปีรเเกรม Flip album ได�น$ &นม"ร0ปีเเบบท"�หลากหลายท$&งข�อความ, ภัาพน��ง, ภัาพเคล��อนไหว, ไฟล,ว�ด�โอเเละไฟล,เส"ยง ด$งน$&นควรจ$ดเตร"ยมข�อม0ล ตกเเต�งร0ปีภัาพเเละอ��นๆ ให�เสร7จเร"ยบร�อยก�อนเเละจ$ดเก7บรวมก$นไว�ใน Folder ท"�ก1าหนดข+&น

8

เชุ่�น C:\my pic เปี3นต�น ท$&งน"&ไฟล,ท"�สามารถใชุ่�ได� ได�เเก� (GIF, JPG, PNG, BMP, WMF, ICO, PCX, TIF, PCD, PSD); OEB Package Format (OPF); Sound Files (MID, WAV, MP3); Video Files (AVI, MPG)

การสร�างเอกสาร E – Book     เปีEดโปีรแกรม FlipAlbum  จากเมน0ค1าส$�ง Start, Program,

E-Book Systems, flipAlbum 6 Pro, FlipAlbum Pro  จะปีรากฏิจอภัาพทางาน  โดยส�วนส1าค$ญของการสร�าง e-Book อย�าง

ง�ายและเร7วน"&ค�อจอภัาพ QuickStart

(ถ�าไม�ปีรากฏิให�เล�อกค1าส$�ง File, Start Wizard)

9

จัากภาพิด�งกลั�าวิมื ขั้�%นำตอนำการทำ�างานำ 3 ขั้�%นำตอนำด�งนำ %

1. คล�กรายการ Open Folder  แล�วเล�อกโฟลเดอรท"�เตร"ยมภัาพไว�ก�อนหน�าน"&

  (ต$วอย�างค�อโฟลเดอร, Graffiti)

2. จากน$&นคล�กรายการ Page Layout  เพ��อเล�อกร0ปีแบบของส��อ ท$&งน"&ร0ปีแบบ Single image per page  เปี3นล$กษณะการน1าเสนอภัาพแยกเปี3น 2  หน�ากระดาษ  และร0ปีแบบ Centerfold

page เปี3นล$กษณะการน1าเสนอภัาพบนกระดาษแผู้�นใหญ�แผู้�นเด"ยว ท$&งน"&เม��อคล�กเล�อกจะปีรากฏิ Effect ส"ขาวฟ� @งๆ รอบร0ปีแบบท"�เล�อก

10

3.  <!--[endif]-->จากน$&นคล�กเล�อก Themes เพ��อเล�อกล$กษณะปีก และพ�&นหน$งส�อ

4.  เม��อครบท$&ง 3 ข$&นตอนก7คล�กปี�Cม Finish โปีรแกรมจะน1าภัาพท�กภัาพในโฟลเดอร,ท"�ระบ�มาสร�างเปี3น e-Book ให�อ$ตโนม$ต�

11

การเลั�!อนำหนำ�ากระดาษ คล�กบนหน�ากระดาษด�านขวา เพ��อด0หน�าถ$ดไปี คล�กบนหน�ากระดาษด�านซึ่�าย เพ��อย�อนกล$บ เล��อนเมาส,ไปีชุ่"&ท"�ขอบหน$งส�อด�านซึ่�ายหร�อขวาม�อเพ��อเล�อก

หน�าท"�จะเปีEด คล�กปี�Cมขวาของเมาส,บนหน�ากระดาษ เเล�วคล�กค1าส$�ง Flip To

12

                          o    Front Cover   คู่�อปกหนำ�า                          o    Back Cover  คู่�อปกหลั�ง                          o    Overview  คู่�อหนำ�าสร'ปรวิมืเนำ�%อหา                                 ซึ่.!งมื ลั�กษณะเป/นำภาพิขั้นำาดเลั0ก (Thumbnails)

         การทำ�างานำขั้องหนำ�านำ % แบ�งเป/นำ          >>  การคล�กท"�ร0ปีภัาพเล7ก เพ��อแสดงภัาพแบบเต7มจอ                 กดปี�Cม Esc   เพ��อกล$บส0�สภัาวะปีกต�           >>  การคล�กท"�ชุ่��อภัาพ เพ��อเปีEดไปีย$งหน�าน$&นๆ           >>  ใชุ่�เทคนค Drag & Drop ชุ่��อไฟล,ภัาพ

               เพ��อสล$บต1าแหน�ง

13

         >>  คล�กปี�Cมขวาของเมาส,ท"�ร0ปีเพ��อเปีEดเมน0ล$ด                ในการท1างาน 

o Contents  ค�อหน�าสารบ$ญ โปีรแกรมจะน1าชุ่��อไฟล,ภัาพหร�อส��อมาเปี3นรายการสารบ$ญ ซึ่+�งสามารถปีร$บเปีล"�ยนแก�ไขได�ตามต�องการ แต�ห�ามใชุ่�ส$ญล$กษณ,พ�เศษใดๆ เชุ่�น % ^ /   

  

14

การปร�บเปลั !ยนำอ�ลับ�%มือ�สระ     FlipAlbum จะก1าหนดล$กษณะของหน�าปีก, หน�าเอกสารด�วยภัาพท"�ม"ส"ส$นตาม Themes ท"�เล�อกเเต�ก7สามารถปีร$บเเต�งได�เอง โดย1. เล�อกหน�าเอกสารท"�ต�องการปีร$บเเก�ไข2. คล�กขวาพ�&นท"�หน�าน$&น เเล�วเล�อกค1าส$�ง Page Properties  

3. เล�อกล$กษณะของพ�&นเอกสาร          • Default   ตามค�าเร��มต�นของระบบ      • Color  ระบ�ส"เพ��อเเสดงผู้ลเปี3นส"ของพ�&นเอกสาร      • Texture  ระบ�ไฟล,กราฟEกอ��นๆ ท"�จะน1ามาใชุ่�เปี3นพ�&นเอกสาร    

   

4. คล�กปี�Cม OK เพ��อย�นย$นการปีร$บเเต�งหน�าเอกสาร

15

ต�วิอย�างการปร�บเปลั !ยนำหนำ�าเอกสาร E-book : Graffiti

การเลั�อกส�นำปกเเบบต�างๆ     เปี3นการเล�อกร0ปีเเบบของส$นปีกอ$ลบ$&มว�าจะใส�ห�วงส$นปีกหร�อไม� ซึ่+�งม"หลายเเบบให�เล�อก ท1าได�โดยคล�กท"�ค1าส$�ง Options >> Book

Binder เเละเล�อกร0ปีเเบบท"�ต�องการด$งร0ปี

16

17

การปร�บแต�ง / เพิ�!มืเต�มืขั้�อคู่วิามื การปร�บแต�งแก�ไขั้ขั้�อคู่วิามืในำ e-Book  ท1าได�โดยกา

รด$บเบ�&ลคล�กท"�ข�อความเด�ม  ซึ่+�งจะปีรากฏิเปี3นกรอบข�อความ และแถบเคร��องม�อการปีร$บแต�งข�อความ

การเพิ�!มืขั้�อคู่วิามืการเพ��มข�อความ  จะต�องตรวจสอบก�อนว�าข�อความน$&นจะเพ��มในหน�าซึ่�าย  หร�อหน�าขวาได�หร�อไม� โดยส$งเกตจากปี�Cมเคร��องม�อ Insert Annotation     ซึ่+�งจะถ0กแบ�งคร+�ง  คร+�งซึ่�ายค�อการเพ��มข�อความในกระดาษหน�าซึ่�าย  และค+�รงขวาค�อการเพ��มข�อความในกระดาษหน�าขวา หากปี�Cมเคร��องม�อ Insert

Annotation  ไม�สามารถคล�กได�  แสดงว�าหน�ากระดาษท"�ปีรากฏิไม�สามารถปี@อนข�อความได�  จะต�องเพ��มหน�ากระดาษท"�สามารถปี@อนข�อความได�ด�วยค1าส$�ง Edit, Insert Page,

Left Page หรอ Right Page ก�อน

18

การปร�บแต�งร�ปภาพิ  การย�อ/ขั้ยายร�ปภาพิ สามารถท1าได�หลากหลายว�ธี" ได�แก�

         - การย�อ/ขยายด�วย Handle

         - การย�อ/ขยายด�วยเมน0ค1าส$�งท"ละภัาพ          - การย�อ/ขยายแบบ Batch ซึ่+�งให�ผู้ลพร�อมก$นหลายๆ ภัาพ

 การหมื'นำภาพิ

        ภัาพท"�น1าเข�ามาบางภัาพอาจจะม"แนวการแสดงผู้ลไม�เหมาะสม ซึ่+�ง             สามารถหม�นภัาพให�เหมาะสมได�โดยคล�กขวาท"�ภัาพ แล�วเล�อกค1าส$�ง          Rotate จะปีรากฏิค1าส$�งย�อย ด$งน"&         -  Left by 90    หม�นไปีทางซึ่�าย 90 องศา         -  Right by 90   หม�นไปีทางขวา 90 องศา         -  By 180   หม�น 180 องศา         -  By Other Angles  หม�นโดยก1าหนดม�มอ�สระ

 การแสดงภาพิด�วิย Effect พิ�เศษ

19

        ท1าได�โดยการคล�กขวาท"�ภัาพ แล�วเล�อกค1าส$�ง Effects จะปีรากฏิ        ค1าส$�งย�อย ด$งน"&           - Transparent   ท1าให�พ�&นของภัาพม"ล$กษณะโปีร�งใส โดยโปีรแกรมจะ        แสดงหลอดด0ดส" (Eye Dropper) ให�คล�ก ในต1าแหน�งส"ท"�ต�องการท1าให�          เปี3นส"โปีร�งใส              -  3D ท1าให�ภัาพม"ล$กษณะน0นแบบ 3 ม�ต�          -  Shadow  ท1าให�ภัาพม"เงา          -  Select Crop Shape  เล�อกร�ปีทรงพ�เศษ ซึ่+�งม"ต$วเล�อก ด$งน"&

  เม��อคล�กร0ปีแบบท"�ต�องการแล�วคล�ก OK ภัาพด$งกล�าวจะแสดงผู้ลด�วยร0ปีแบบท"�เล�อก เชุ่�น

20

           -  Add/Edit Frame ใส�กรอบให�ก$บร0ปีภัาพ โดยม"ล$กษณะ              กรอบภัาพ ด$งน"&

การเพิ�!มืร�ปภาพิ     การเพ��มร0ปีภัาพใน e-Book ท1าได�โดยคล�กปี�Cมเคร��องม�อ Insert

Multi-media Objects หร�อ คล�กขวาท"�หน�าเอกสารท"�ต�องการเพ��มร0ปีภัาพเล�อก Multi-media Objects

21

จากน$&นเล�อกไดร,ฟ  และโฟลเดอร,ท"�ต�องการเล�อกร0ปีภัาพ  กรณ"ท"�ไม�ปีรากฏิภัาพต$วอย�างให�คล�กท"�ปี�Cม    จากน$&นเล�อกภัาพท"�ต�องการแล�วลากมาวางในหน�ากระดาษ 

การใส�ไฟลั*วิ�ด โอ แลัะไฟลั*เส ยงลังในำอ�ลับ�%มื นอกจากข�อความและภัาพน��ง โปีรแกรมย$งสน$บสน�นการน1าเสนอส��อม$ลต�ม"เด"ยร0ปีแบบต�างๆ เชุ่�น เส"ยง ว"ด�ท$ศน, และภัาพเคล��อนไหว เชุ่�น Gif Animation โดยใชุ่�เทคน�คการน1าเข�า เชุ่�นเด"ยวก$บร0ปีภัาพ ค�อใชุ่�ปี�Cมเคร��องม�อ Insert Multi-media

Objects แล�วลากไฟล,ส��อท"�ต�องการมาวางบนหน�ากระดาษ

22

23

การทำ�าจั'ดเชื่�!อมืโยง (Link)การท1าจ�ดเชุ่��อมหร�อล�งก, (Link) ด�วยข�อความหร�อว$ตถ�ต�างๆ ไปีย$งต1าแหน�งต�างๆ หร�อเร"ยกว�าเว7บไซึ่ต, ก7เปี3นฟAงก,ชุ่$�นหน+�งท"�ขาดไม�ได�ของ e-Book ด$งน$&น FlipAlbum จงเตร"ยมค1าส$�งเพ��อให�สามารถท1างานได�สะดวก โดยเล�อกกรอบข�อความ ร0ปีภัาพแล�วคล�กขวา จากน$&นเล�อกค1าส$�ง Set Link..

การนำ�าเสนำอ

- เม��อเปีEดไฟล,งานข+&นมา

24

จากน$&นคล�กขวาแล�วกดค1าว�า Window Frmae จะได�ด$งน"&

25

26