หนงสอพมพอเลคทรอนค ส าหรบระบบปฏบตการ iOS

E-book Interactive For iOS

นายชนชลต พชญพศาล

โครงงานสหกจนเปนสวนหนงของการศกษาตามหลกสตร ปรญญาตรวทยาศาสตรบณฑต สาขาเทคโนโลยสารสนเทศ

คณะเทคโนโลยสารสนเทศ สถาบนเทคโนโลย ไทยญปน

พ.ศ.2556

หนงสอพมพอเลคทรอนค ส าหรบระบบปฏบตการ iOS E-Book Interactive for iOS

นายชนชลต พชญพศาล

โครงงานสหกจนเปนสวนหนงของการศกษาตามหลกสตร

ปรญญาตรวทยาศาสตรบณฑต สาขาวชาเทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ สถาบนเทคโนโลย ไทยญปน

พ.ศ.2556 คณะกรรมการสอบ

………………………………………… ประธานกรรมการสอบ

( อาจารย เกษม ทพธาราจนทร)

………………………………………… กรรมการสอบ

( อาจารย อภชญา นมคมภย)

………………………………………… อาจารยทปรกษา

( อาจารย สลลา ชวกดาการ)

………………………………………… ประธานสหกจศกษา

( อาจารย อดศกด เสอสมง) ลขสทธของสถาบนเทคโนโลยไทยญป น

ก

ชอโครงงาน หนงสอพมพอเลคทรอนค ส าหรบระบบปฏบตการ iOS E-Book Interactive for iOS ผเขยน นายชนชลต พชญพศาล คณะวชา เทคโนโลยสารสนเทศ อาจารยทปรกษา อาจารยสลลา ชวกดาการ พนกงานทปรกษา นายธงชย ฤทธบญไชย ชอบรษท บรษท ไอ สแควร จ ากด ประเภทธรกจสนคา เวปไซต ดานไอท

บทสรป

บรษท ไอ สแควร เปนผประกอบการธรกจดานสอสงพมพครบวงจร และมแผนกทแยกออกมา ทมการเสนอขาวและเขยนบทความดานไอท ภายใตชอ Techxcite ซงเปนเวปไซตไอท ทครบวงจรไมวาจะเปน ดานคอมพวเตอร กลอง มอถอ เปนตน ซงเปนเวปไซตทมชอเสยงเปนอนดบตน ๆ ในวงการไอท และไดรบมอบหมายใหท างานดานการเขยนบทความ เพอน าเสนอเปนอกทางเลอกหนงของผบรโภคขาวสารดานไอท และยงมหนาทในการใสขอมล ลงในแคตตาลอค ของแผนกซงเปนระบบ ใหมเพอใหผคนสามารถเขามาดรายการสนคาหรอเปรยบเทยบสนคาไดโดยงาย โดยไดปฏบตงานในต าแหนง Web Content ซงมหนาทในการเขยนบทความตามงานทไดรบมอบหมายจากหวหนางาน ดวยการใชโปรแกรม Adobe Photoshop, Microsoft Word และน าเขาไปตกแตงบทความในหนาเวบเพจของทางบรษท เพอท าการน าขอมลขนหนาเวบตอไป

ข

Project’s name E-Book Interactive for iOS Writer Mr. Chonchalit Phitphisarn Faculty Faculty of information Technology, information Technology Program Faculty Advisor Ms. Salinla Chevakidagarn Job Supervisor Mr. Thongchai Ritthiboonchai Company’s name I Square Co.,Ltd Business type IT Website

Summary

I Square Co.,Ltd is a one stop service media printing company. That has an IT department providing IT news and articles under a website named Techxcite. This website is a leading media portal website publishing IT News , product and reviews many IT items such as computers , digital camera and mobile phones. It also provide review articles for the IT products in order to give information to audiences for their decision mating as well as enter catalogue data into the database for the price comparison which gives a lot of benefit for the audiences to compare prices from many source .

The researcher worked for the company as a web content staff who is responsible for writing articles by using Adobe Photoshop CS5 and Microsoft word software to create articles , and these articles were published in the website later on .

ค

กตตกรรมประกาศ

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

ชนชลต พชญพศาล

ง

สารบญ

หนา

บทสรป .................................................................................................................................................... ก Summary ............................................................................................................................................... ข กตตกรรมประกาศ.................................................................................................................................. ค สารบญ .................................................................................................................................................... ง สารบญตาราง ......................................................................................................................................... ช สารบญภาพประกอบ .............................................................................................................................. ซ บทท 1. บทน า ................................................................................................................................................... 1

1.1 ชอและทตงของสถานประกอบการ .............................................................................................. 1 1.2 ลกษณะธรกจของสถานประกอบการ หรอการใหบรการหลกขององคกร .................................... 2 1.3 รปแบบการจดองคกรและการบรหารองคกร ................................................................................ 2 1.4 ต าแหนงและหนาทงานทนกศกษาไดรบมอบหมาย...................................................................... 3 1.5 พนกงานทปรกษาและต าแหนงของพนกงานทปรกษา ................................................................ 3 1.6 ระยะเวลาทปฏบตงาน ................................................................................................................... 3 1.7 ทมาและความส าคญของปญหา .................................................................................................... 3 1.8วตถประสงคหรอจดมงหมายของการปฏบตงานหรอโครงงานทไดรบมอบหมายใหปฏบตงานสหกจศกษา ......................................................................................................................................... 4 1.9 ผลทคาดวาจะไดรบจากการปฏบตงานหรอโครงงานทไดรบมอบหมาย ...................................... 4 1.10 นยามศพทเฉพาะ ......................................................................................................................... 4

2. ทฤษฎและเทคโนโลยทใชในการปฏบตงาน ......................................................................................... 5 2.1 ทฤษฎทใชในการปฏบตงาน ......................................................................................................... 5

จ

2.1.1 ทฤษฎการเขยนบทความ ....................................................................................................... 5 2.1.1.1 ประเภทของบทความ ..................................................................................................... 5 2.1.1.2 ลกษณะของบทความทด ................................................................................................ 7 2.1.1.3 ขนตอนการเขยนบทความ ............................................................................................. 8

2.1.2 ทฤษฎการเขยนขาว ............................................................................................................... 9 2.1.2.1 โครงสรางขาว .............................................................................................................. 10 2.1.2.2 ล าดบขนตอนและเทคนควธการเขยนขาว ................................................................... 10 2.1.2.3 จรรยาบรรณและขอควรปฏบตของผเขยนขาว ............................................................ 11

2.2.1 Adobe Photoshop CS6 ........................................................................................................ 15 2.2.2 iBook Author ...................................................................................................................... 16 2.2.3 เครองมอตางๆในโปรแกรม ................................................................................................ 18

3. แผนงานการปฏบตงานและขนตอนการด าเนนงาน .......................................................................... 21

3.1 แผนงานการปฏบตงาน ............................................................................................................... 21 3.2 รายละเอยดโครงงาน ................................................................................................................... 21

3.2.1 ระบบงานเดม ...................................................................................................................... 21 3.3 ขนตอนการด าเนนงานทนกศกษาปฏบตงานหรอโครงงาน ........................................................ 22

3.3.1 หาขอมลและศกษาแนวทางการท าโครงงาน ....................................................................... 22 3.3.2 วเคราะหระบบ .................................................................................................................... 23

3.3.2.1 การจดท าระบบใหม .................................................................................................... 23 3.3.3 ศกษาโปรแกรมทใชพฒนางาน ........................................................................................... 23 3.3.4 ลงมอท าโครงงาน ................................................................................................................ 23 3.3.5 หาจดบกพรองของงานพรอมแกไข ..................................................................................... 24

4. ผลการด าเนนงาน การวเคราะหและสรปผลตางๆ .............................................................................. 25

4.1 ขนตอนและผลการด าเนนงาน .................................................................................................... 25 4.1.1 ปรกษาหวขอโครงงานกบพนกงานทปรกษา ...................................................................... 25

ฉ

4.1.2 รวบรวมขอมลและวางแผนการท าโครงงาน ....................................................................... 25 4.1.3 ออกแบบและลงมอท าโครงงาน .......................................................................................... 25

4.2 ผลการวเคราะหขอมล ................................................................................................................. 29 4.3 วจารณขอมลโดยเปรยบเทยบผลทไดรบกบวตถประสงคและจดมงหมายการปฏบตงานหรอการจดท าโครงงาน .................................................................................................................................. 29 5.1 สรปผลการด าเนนโครงงาน ........................................................................................................ 30 5.2 แนวทางการแกไขปญหา ............................................................................................................. 30 5.3 ขอเสนอแนะจากการด าเนนงาน.................................................................................................. 31

เอกสารอางอง ........................................................................................................................................ 32

ภาคผนวก .............................................................................................................................................. 33 ภาคผนวก ก. ..................................................................................................................................... 34 ตวอยางหนาเวบ ................................................................................................................................ 34 ภาคผนวก ข. ..................................................................................................................................... 37 คมอการใช E-Book interactive ......................................................................................................... 37 ภาคผนวก ค. ..................................................................................................................................... 49 รายงานประจ าสปดาห....................................................................................................................... 49

ประวตผวจย .......................................................................................................................................... 50

ช

สารบญตาราง

ตารางท หนา 3.1.1 แผนงานการปฏบตงาน ................................................................................................................ 21

ซ

สารบญภาพประกอบ

ภาพท หนา 1.1 แผนทตง บรษท ไอ สแควร จ ากด ..................................................................................................... 1

1.2 แผนผงขององคกร ............................................................................................................................. 2

2.3 โปรแกรม Adobe Photoshop CS6 ................................................................................................... 15

2.4 โปรแกรม iBook Author ................................................................................................................. 16

2.5 โปรแกรม iBook Author บน Macbook ........................................................................................... 17

2.6 หนาตาเครองมอโปรแกรม .............................................................................................................. 20

4.1 หนาจอแสดงผลโปรแกรม .............................................................................................................. 26

4.2 หนาจอลงขาว .................................................................................................................................. 26

4.3 หนารายการของบรษท .................................................................................................................... 27

4.4 หนาดาวนโหลด .............................................................................................................................. 27

4.5 หนาจอควบคม 360 องศา ................................................................................................................ 28

4.6 น ารปลงในโปรแกรม ...................................................................................................................... 28

ก.1 ตวอยางหนาเวปแบบเกาทใชผานแทบเลต ...................................................................................... 35

ก.2 ตวอยางหนาแบบใหมทเปดบนแทบเลต ......................................................................................... 36

ข.1 ตวอยางหนาโครงงาน ..................................................................................................................... 38

ข.2 หนาขาวทวไป ................................................................................................................................. 39

ข.3 หนาขาวทวไป ................................................................................................................................. 40

ข.4 รายการของทางบรษททไมตองใชอนเตอรเนตในการเปด .............................................................. 41

ข.5 หนาขาวทวไป ................................................................................................................................. 42

ข.6 หนาขาวทวไป ................................................................................................................................. 43

ข.7 หนาสเปคมอถอ .............................................................................................................................. 44

ข.8 คลกเขามาดภาพใหญสามารถเอานวจมลากหมนได 360 องศา ....................................................... 45

ฌ

ข.9 บทความ .......................................................................................................................................... 46

ข. 10 หนาขาวทเปนกระแส ................................................................................................................... 47

1

บทท 1

บทน า

1.1 ชอและทตงของสถานประกอบการ

ชอสถานประกอบการ บรษท ไอ สแควร จ ากด I Square Co., LTD.

ทตงสถานประกอบการ เลขท 200 หม 4 ชน 19 หอง 1903B จสมนอนเตอรเนชนแนล ทาวเวอร ถนนแจงวฒนะ อ าเภอปากเกรด จงหวดนนทบร 11120 เวบไซต www.techxcite.com

ภาพท 1.1 แผนทตง บรษท ไอ สแควร จ ากด

2

1.2 ลกษณะธรกจของสถานประกอบการ หรอการใหบรการหลกขององคกร

บรษท ไอ สแควร จ ากด เปนบรษททมการด าเนนธรกจทางดานสอสงพมพทมชอเสยงในระดบประเทศ เพราะอยในวงการมากวา 12 ป และบรษท TechXcite เปนบรษทในเครอทจะมหนาทท าเวปไซตเกยวกบไอท ทอยในวงการมากวา 7 ป มการน าเสนอขาวดานไอทซงจะพฒนาธรกจเวปไซตเพอกาวไปสการเปนผน าดานการน าเสนอขาวไอท และตอนนทางบรษทก าลงมการพฒนาอนดบขนมาเรอยๆอยางไมหยดหยอน อกทงในบรษทยงมรายการเกยวกบไอทมากมาย เชน Gadget นาฟาด และ TechBattle ทงนเพอจะใหมการครอบคลมการเสนอขาวทางดานไอทใหครบถวนทกรปแบบ

1.3 รปแบบการจดองคกรและการบรหารองคกร

ภาพท 1 .2 แผนผงขององคกร

TechXcite

TechXciteTttt

rtgrgrgtsgtsdtt

eetrtrtrttrtttTii

techXciteitttT

TTechXcite

Webmaster

Web Content News Personality Account executive

Account

I Square

3

1.4 ต าแหนงและหนาทงานทนกศกษาไดรบมอบหมาย ต าแหนง : Web Content หนาท : ท าการเขยนบทความอปกรณอเลคทรอนคตางๆตามทเวปมาสเตอรมอบหมายงานมาใหอพเดตขาวสารดานไอทและมไปงานเปดตวสนคาดานไอทตางๆเพอน ากลบมาเขยนในบทความ และมการเขยนบทความดานแอพพลเคชนอกดวย มการออกไปท าการถายท ารายการนอกสถานทบางเวลา

1.5 พนกงานทปรกษาและต าแหนงของพนกงานทปรกษา

ชอ : นาย ธงชย ฤทธบญไชย ต าแหนง: เวปมาสเตอร (Webmaster)

1.6 ระยะเวลาทปฏบตงาน

เรมตนปฏบตงานสหกจศกษาตงแตวนท 3 มถนายน พ.ศ. 2556 และสนสดงานสหกจศกษาวนท 4 ตลาคม พ.ศ. 2556

1.7 ทมาและความส าคญของปญหา

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

4

1.8 วตถประสงคหรอจดมงหมายของการปฏบตงานหรอโครงงานทไดรบมอบหมายใหปฏบตงานสหกจศกษา

1) เพอศกษาการท างานของเวบไซตภายในบรษท

2) เพอน าความรและทฤษฎทไดศกษามาใชในการปฏบตงานจรง 3) เพอฝกฝนทกษะในการตดตอภาพและการเขยนบทความทสามารถน าไปใชงานไดจรง

1.9 ผลทคาดวาจะไดรบจากการปฏบตงานหรอโครงงานทไดรบมอบหมาย

1) ไดรบประสบการณจากการท างานจรง 2) ไดรความชอบในดานการท างานของตวเองในอนาคต 3) ไดรบทกษะในการเขยนบทความและการตรวจสอบอปกรณไอท 4) ไดเรยนรการท างานเปนทมกบพนกงานในบรษท 5) ไดพฒนาตนเองและมความรบผดชอบมากขน

1.10 นยามศพทเฉพาะ

1) Thumbnail = ภาพขนาดเลกทเอาไวประกอบบทความในเวป 2) Back office = Back office หรอเรยกอกอยางหนงวา”หลงบาน” ท าหนาทเพอไวใหเจาหนาทหรอ Admin ท าการเขาไปจดการขอมล เชน แกไขหรอลบขอมล

5

บทท 2

ทฤษฎและเทคโนโลยทใชในการปฏบตงาน

2.1 ทฤษฎทใชในการปฏบตงาน

2.1.1 ทฤษฎการเขยนบทความ

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

เมอแบงตามเนอหาของบทความ จะแบงไดเปน 11 ประเภท ไดแก 1. บทความเชงบรรยาย เปนบทความทบรรยายประสบการณตาง ๆ ทเกดขนในลกษณะแปลกใหม ตองบอกแกผอานเทาทตนทราบ โดยบอกไดอยางถกตอง ไมนาเบอ กลาวคอการบรรยายใหผอานสนใจ ประทบใจ เขยนใหเหนจรงเหนจง โดยละเอยด ใชภาษาเรยบ งาย ไมก ากวม ไมวกวน 2. บทความเชงแสดงบคลกภาพ เปนบทความทมงใหผอานทราบคณลกษณะบลกภาพของบคคลทท าใหบคคลนนมชอเสยง สงซงท าใหบคคลมจดเดน นาสนใจ การเขยนจะยดหลกขอเทจจรงทถกตอง และใชความคดเหนจากบคคลอนประกอบ ทงตองระลกเสมอวาไมใชเปนการเขยนชวประวตบคคล 3. บทความเชงสมภาษณ เปนบทความแสดงความคดเหนของบคคลตอปรากฏการณใด โดยปกตบทความประเภทนมกจะมค าถาม ค าตอบสลกกบแกนรปแบบการเขยนลกษณะรอยแกว เหมอนกบบทความประเภทอน ๆ อยางกดในการเขยนผเขยนควรแทรกเกรดของเรองหรอแตละประเดนในบางตอนเพอขจดความไมนาสนใจ

6

4. บทความเชงสาธตวธการเปนบทความทเขยนเพออธบายการกระท าตามขนตอนหรอกระบวนการอยางใดอยางหนง โดยเรมตงแตตนจนสนสดขนตอน หรอครบกระบวนการ เพอผอานสามารถน าไปปฏบตได การเขยนบทความประเภทนจะตองเขยนใหรายละเอยดมากกวาการเสนอเพยงขอมลเทานน 5. บทความความเรยง เปนบทความทคอนขางส น จะตองจดการล าดบขอเทจจรง การเสนอประเดนทรดกม เพราะมประเดนในการเขยนเพยงประเดนเดยว การเขยนบทความความเรยงน จะแตกตางกบการเขยนเรยงความธรรมดามาก ดงนน ผลงานเขยนบทความประเภทนจะสะทอนใหเหนสมรรถนะหรอบคลกลกษณะการเขยนของผเขยนแตละคน เพราะวาบทความเชงความเรยงนยงแยกตามวตถประสงคการเขยนไดอก 5 ลกษณะ คอ 1) บทความเพอใหขาวสาร เปนบทความทมงใหขอมลเพมเตมจากขาว แตการเขยนรปแบบตางกบการเขยนขาว กลาวคอ เขยนตามเนอหาสาระตามล าดบทผเขยนตองการใหผอานไดทราบ ดงนนบรรณาธการ ไมสามารถตดขอความในตอนทายของบทความออกได 2) บทความเพอแสดงความเหน เปนบทความทเสนอความคดเหนของผเขยนในเรองใดเรองหนง ดวยเหตผล และขอเทจจรงแกผอาน ความคดเหนดงกลาวจะตองแปลกกวาทเคยมมา และเปนไปในทางสรางสรรคมความเปนไปได นาสนใจ แตตองไมใชความคดเหนเปนลกษณะโฆษณาชวนเชอ ประการส าคญความคดเหนนนจะตองมากจากการบรณการของขอเทจจรง 3) บทความเพอการอธบาย เปนบทความทมลกษณะทใกลเคยงกบบทความเพอการใหขาวสาร และบทความเพอแสดงความเหน แตมความแตกตางกนตรงท บทความเพอการอธบายจะใหแงมมทลกซงกวา โดยเฉพาะจะเปนการตอบค าถามของค าถามเหลาน คอ ใคร อะไร เมอไหร ทไหน ท าไม และอยางไร ซงจะเนนตอบค าถามอยางไรมากกวา 4) บทความชวนขน เปนบทความทคอนขางเขยนยากเพราะวา การเขยนบทความชวนขน ในทนไมใชเปนการเขยนมขตลกขบขน แตเปนการเขยนจากขอเทจจรง โดยใชขอมลในบางเรอง อาจเปนขอเทจจรงทหนกสมองแตน ามาเขยนใหชวนขนซงในขณะขบขนนนจะมความรสกบางอยางขนพรอมกน เชน ขบขนทงน าตา การเขยนบทความลกษณะน จะเรมตนจากการเขยนทมลลาทสภาพเรอยไปจนกระทงมบางตอนบางแหงหรอหลายแหงจะมถอยค าหรอขอความเปนลกษณะหยกแกมหยอก ย วย เสยดส ฯลฯ โดยใชค าชวนขน

7

5) บทความกระตนจตส านก เปนบทความทผเขยนเสนอประสบการณของตนเองหรอผอนเกยวกบความเชอ ศาสนา การตดสนใน ความมานะ พยายาม ความอดทน ความเจบปวย ฯลฯ เพอกระตนหรอปลกระดมใหผอานมความส านกในบางเรองบางสถานการณ 6) บทความเชงโตแยง เปนบทความทมประเดนปญหาทแตกตางกนในเชงความคด ผเขยนเสนอขอเทจจรงและเหตผลใหมความสมดลระหวางประเดนทแตกตางกน แลวปลอยใหผอานไดพจารณาตดสนเอง 7) บทความเชงวจารณ เปนบทความทเกยวกบวรรณกรรมหรอศลปกรรม บทความประเภทนม 2 ลกษณะ ลกษณะแรก เปนการเขยนแนะน าใหทราบแมจะมการวจารณกไมคอยจะรนแรงมาก สวนอกลกษณะเปนการเขยนวจารณทรนแรงเพอวนจคณคาของผลงานนน ๆ การวจารณอาศยหลกแลกฎเกณฑทงทางทฤษฎและเหตผลขอเทจจรงเปนหลก เพอการประเมนคณคาอยางเปนธรรม 8) บทความเชงวเคราะห เปนบทความทมงเสนอการวเคราะหเหตการณใด ๆ โดยเนนประเดนส าคญของเรอง ซงไมจ าเปนตองมการประเมนคณคาเสมอไป แตควรมขอเสนอทวาสงทเกดขณะนนจะน าไปสเหตการณอะไรในอนาคตไดบาง ซงการวเคราะหจะตองมความสมเหตสมผลในการเขยน นอกจากนนอาจสรปเปนแนวคดแกผอานกได 9) บทความเชงสารคด เปนบทความทเขยนแบบสารคดมการวเคราะหวจารณควบคกนไป ท าใหมสาระมากกวาบนเทง กลาวอกนยหนงกคอ การเอาขอเทจจรงทมสามารถเขยนในรปแบบของสารคดนนเอง 10) บทความเชงวชาการ เปนบทความทมงเสนอความรเรองใด เรองหนงโดยตรง ไดแก รายงานทางวชาการ รายผลการวจย รายงานการประชมเชงวชาการเปนตน บทความประเภทนมการเสนอสาระอยางตรงไปตรงมา แตบางครงอาจมการอธบายเพมเตมเพอความกระจางแกผอานในบางสวนเทาทจ าเปนกได 2.1.1.2 ลกษณะของบทความทด ควรมลกษณะทส าคญ 4 ประการ คอ 1. มเอกภาพ กลาวคอ เนอหาของบทความมความเปนอนหนงอนเดยวกน มทศทางของเนอหาเปนไปในทางเดยวกน เพอมงสประเดนหลกทตองการน าเสนอ 2. มการเนนขอความส าคญ กลาวคอ ผเขยนตองเนนย าประเดนส าคญใหชดเจนวาตองการน าเสนอแนวคดส าคญอะไร ดวยประโยคใจความส าคญ หรอสาระส าคญทโดดเดน เนอความตลอด

8

เรองควรกลาวย าประเดนหลกของเรองเสมอๆ 3. มสมพนธภาพ กลาวคอ มความตอเนองสมพนธกนโดยตลอด ทงในดานการเรยบเรยงถอยค า ขอความ และการจดล าดบเรอง ทกประโยคในแตละยอหนา และทกยอหนาในแตละเรองตองเชอมโยงเขาดวยกน ดวยการใชค าเชอมขอความ ไดแก ค าบพบท เชน กบ แต เพอ ค าสนธาน เชน และ รวมทง ตลอดจน นอกจากน ค าประพนธสรรพนาม เชน ท ซง อน เปนตน 4. มความกระจาง กลาวคอ มความสมบรณในดานเนอหา มเนอความชดเจนกระจางแจง อธบายไดครอบคลม ขอมลทน าเสนอเปนขอเทจจรงทถกตอง หากเปนความคดเหนตองมความสมเหตสมผล นอกจากนตองมความสมบรณดานการใชภาษา คอ ตองเลอกใชภาษาใหเหมาะสมกบจดมงหมายการเขยน ประเภทของบทความ เนอหาบทความและกลมผอาน นนเอง 2.1.1.3 ขนตอนการเขยนบทความ 1.การเลอกเรอง เรองทน ามาเขยนตองอยในความสนใจและความตองการของผอาน เปนเรองทผเขยนรจรง หรอมประสบการณอยางถองแท เปนเรองทเปนกระแสในขณะนน ๆ 2. การวางแผนกอนการเขยน เปนขนตอนของการวเคราะหกลมเปาหมายวาผอานเปนใคร โดยจะตองค านงถงสงตอไปน 1) กลมผอาน ผเขยนตองค านงถงอาย เพศ รายได การศกษา อาชพ ความร ในเรองความรตองคดดวยวาผอานรอะไรบาง รเรองนน ๆ ดพอเพยงใดทผอานตองการรและผอานจะไดรบขาวสารทผเขยนเขยนไดอยางไร? เพราะความส าเรจของการเขยนขนอยกบผอานยอมรบขอเขยนของผเขยนดวย 2) ก าหนดวตถประสงค ในขอนผเขยนตองค านงวาจะเขยนบทความนไปท าไม เชน เพอใหขาวสาร สรางความคดทด หรอเพอโนมนาวใจ โดยวตถประสงคในการเขยนเพอการโนมนาวใจตองใหผอานเกดความตองการหรอตระหนกในปญหากอน จากนนคอยเสนอทางออก พรอมกบยกตวอยางและหลกฐานทผอานสามารถมองเหนภาพพจนแลวสรปอกครงในจดทผเขยนตองการ เปนตน 3) การรวบรวมเนอหา การเขยนบทความไมวาจะประเภทใดกตาม สงส าคญทผเขยนตองค านงถงหลกฐาน ขอเทจจรง ดงนนกอนทจะลงมอเขยนจ าเปนจะตองสบเสาะหาเรองราวใหมความรเพยงพอ โดยวธการรวบรวมเนอหาสามารถท าไดดงน

การคนควาขอมลดานวทยาการจากหนงสอ และเอกสารตาง ๆ เชน จากหองสมด

9

หนวยงานตาง ๆ ทงภาครฐและเอกชน จากหนงสอพมพ นตยสาร หรอสงพมพตาง ๆ การสมภาษณบคคลทตองการจะเขยนถง หรอจากบคคลทมความร ความสามารถ

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

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

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

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

6. การตรวจแกไข เมอเขยนบทความเรยบรอยแลว ควรมการตรวจทานเสยกอน เพอกนความผดพลาดกอนบทความตพมพสผอาน 7. สงบทความไปเผยแพร ควรสงบทความใหตรงตามเวลา เพอบรรณาธการหรอผพมพ คนจดรปเลมจะไดท าหนาทของเขาไดดทสด 2.1.2 ทฤษฎการเขยนขาว

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

10

2.1.2.1 โครงสรางขาว

โครงสรางของขาว ในการเขยนขาวเพอการประชาสมพนธ ซงมกจะเปนขาวประเดนเดยว ประกอบดวยสวนประกอบพนฐาน 4 สวน คอ 1. สวนพาดหวขาว หมายถง ประโยค วล หรอขอความสนๆ ทเปนสาระหรอใจความส าคญของเนอขาว พมพดวยตวอกษรขนาดใหญ และมกอยดานบนของเนอขาว พาดหวขาวมหนาทใหสาระส าคญของขาว ดงดดความสนใจของผอานใหอานเนอขาว และชวยในการจดหนาหนงสอพมพ 2. สวนความน าหรอวรรคน า คอ ขอความสวนสรปใจความส าคญของเนอขาว อาจมสาระส าคญหลายประการ จะน าเสนอเรยงตามล าดบความส าคญ นบเปนเนอหาสวนแรกของเนอขาว ซงผอานจะเหนกอนสวนอน และเปนสวนทมสาระความหมาย ซงสามารถกระตนความรสกอยากร อยากเหน ดงดดความสนใจ และสรางอารมณคลอยตามจนตองอานเนอขาวตงแตตนจนจบ ในวงการวชาชพหนงสอพมพเรยกวรรคน าวา “โปรยขาว” 3. สวนเชอม คอ ขอความสวนเชอมตอระหวาง สวนความน ากบสวนเนอขาวทเปนรายละเอยด สวนเชอมนนอาจจะเสนอรายละเอยดของบคคลสถานท เหตการณ หรอเวลาทปรากฏในสวนความน า หรอใหความเปนมาของขาวทมการน าเสนอตอเนอง รวมทง การใหขอมลในลกษณะภมหลงของเนอขาว สวนเชอมจงมความส าคญเปรยบเสมอนสะพานในการเชอมโยงใหผอานขาวเขาใจความหมายของขาวทตองการสอไดมาก 4. เนอขาว คอ สวนทใหรายละเอยดของเหตการณหรอเรองราวแกผอาน ท าใหผอานเขาใจและตดตามเหตการณทงหมด โดยอาจเรยงเนอเรองแบบใดแบบหนง คอ แบบล าดบตามความส าคญ หรอแบบล าดบเวลาหรอเหตการณ 2.1.2.2 ล าดบขนตอนและเทคนควธการเขยนขาว การคดเปนกระบวนการทตองเกดขนกอนการเขยน แนวทางปฏบตงายๆ ซงไดรบการยอมรบจากนกเขยนทวไปในการฝกเขยนคอ ประการแรกตองรชดวาเราตองจะบอกอะไร ประการตอมาคอลงมอบอกโดยเขยนตามทคด สวนมากเชอกนวา หากสามารถคดออก กสามารถเขยนได เพราะทแทการเขยนคอการน าเสนอสงทคดนนเอง ปญหาส าหรบผปฏบตงานประชาสมพนธใหมกคอ การลงมอเขยน โดยไมมแผนอยในใจ ท าใหขาวทเขยนขาดการเรยบเรยงอยางเปนระบบ ขาดจดเนนทส าคญในประเดนทน าเสนอ วธการเขยนขาวทจะอธบายตอไปน เปนวธการทใชเปนเชงวชาการ ลกษณะกลางๆ ของการ

11

เขยนขาวโดยทวๆ ไป อยางไรกตาม ส านกพมพของหนงสอพมพแตละฉบบจะมวธการเขยนทจ าเพาะเจาะจงเปนเอกลกษณของส านกพมพ เรยกวา “คมอบรรณาธกรณ” ท าใหขาวเพอการประชาสมพนธทสงไปยงกองบรรณาธการขาวทหนงสอพมพจะไดรบการบรรณาธกรณ แตกตางกนไปอกดวย 2.1.2.3 จรรยาบรรณและขอควรปฏบตของผเขยนขาว

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

12

2.1.3 ทฤษฎการจดวางหนากระดาษ ในการออกแบบจ าเปนตองจ าเปนตองค านงถงถงการสอความหมาย ใหตรงกบวตถประสงคควรมการวางแผนหรอวางโครงรางกอน หลกการทท าใหการออกแบบสารถดงดดความสนใจของผอานมตอไปน 1. ความงาย (Simplify) หมายถง งายตอการสอความหมายทเวลาอานสามารถเขาใจ ไดทนทงายในการอานและงายตอการน าไปใช 2. เปนเอกภาพ (Unity) ความกลมกลนกนไมวาจะเปนรปรางหรอส หรอชองวาง การท า E-book ทดนนเราควร นกถงการเขากนของสในแตละแบบทใชวาควรมความกลมกลนกน และใชสทไมแสบตา ควรเปนสทสบายตา ควรมการจดวางทไมแนนหรอ นอยเกนไป และไมควรมชองวางทใหญเกนไป 3. การเนน (Emphasis) คอการออกแบบใหมแนวความคดหรอจดทสนใจ E-book ทดควรมการเลนค าในจดทเปนประเดนหรอนาสนใจ เชน หวขอทเราตองการใหสะดดตา กควรใสเปนตวหนา เพอใหเหนไดงายนนเอง 4. การสอความหมายใหคนอานเขาใจตามความตองการของเรานนเอง 5. ความสมดล (Balance) หมายถงการจดวางหนาของE-book ควรมการแบงน าหนกทางซายขวาของหนากระดาษใหเทา ๆ กน ซงความสมดกทวานนแบงออกได 2 ลกษณะ 5.1 ความสมดลตามแบบ (Format Balance) คอลกษณะของหนงสอทสองฝงจะเทากน ไมหนกไปทางใดทางหนง 5.2 ความสมดลไมตามแบบ สมดลดวยสายตา(Informal Balance) คอการททงสองฝงจะไมเทากน แตความรสกเหมอนสมดล เชน ภาพใหญสออนจะเทากบภาพเลกสเขม 2.1.4 ทฤษฎสส าหรบการออกแบบ เรองทฤษฎสเปนสงส าคญมากส าหรบงานออกแบบทกชนดและหากตองการใหงานออกแบบดสวยงามตองเขาใจเรองพนฐานของสเพองานออกแบบกอน ฉะนนไมควรมองขามเรองนไป เพราะเพยงแตการเรยนรการใชงาน Photoshop จนช านาญเทานนยงไมสามารถสรางสรรคงานด ๆ ออกมาไดหากไมรจกใชสใหเหมาะสม โดยเรองทน ามาอธบายเปนทฤษฎสเบองตนจากสวตถธาตเพอน ามาใชกบ งานออกแบบดงน

13

1. Primary Colors (สขนท 1 แมสวตถธาต) สขนท 1 คอ แมสเปนสชดแรกทเมอน ามาผสมกนจะไดสอกมากมายสกลมนไดแกสเหลอง แดงและน าเงน 2. Secondary Colors (สขนท 2) สขนท 2 เปนสทเกดจากการผสมกนของแมสขนท 1 ซงจะไดส ดงตอไปน สสม สแดง +เหลอง สเขยว สเหลอง +สน าเงน สมวง สน าเงน +แดง 3. Tertiary Colors (สขนท 3) สขนท 3 เปนสทเกดจากการผสมกนระหวางสขนท 1 กบสขนท 2 ซงจะมชอเรยกตามคทผสมกน เปนสใหมขนมา 6 สดงน สเหลอง ‟ สม, แดง ‟ สม, แดง ‟ มวง, น าเงน ‟ มวง, น าเงน ‟ เขยว และ เหลอง ‟ เขยว 4. Muddy Colors เปนสทเกดจากการผสมสในวงจรสทงหมดรวมกนในอตราสวนเทากนเกดเปนสกลางหรอคาสเฉลยจากสทงหมดซงจะออกสน าตาลเขม (หากเปนสขาวจะเปนสกลางของสแสง) Color : แมสแบงออกเปน 2 ประเภท 4.1 แมสวตถธาต เปนสทเกดจากธรรมชาตหรอการสงเคราะหขนมาเพอน ามาใชในวงการศลปะ วงการพมพ เปนตน แมสกลมนไดแก แดง เหลอง น าเงน 4.2 แมสแสง เปนสทเกดจากแสงสามารถเหนไดเมอน าแทงแกวปรซมมาสองกบแสงแดดหรออาจหาดไดจากสรง สกลมนน ามาใชประโยชน เชน ผลตจอภาพโทรทศน มอนเตอร และใชในงานออกแบบเวบไซตหรอภาพยนตรเปนตน แมสกลมนไดแกส แดง เขยว น าเงน 5.วรรณะส (Tone) หลงจากทราบเรองวงจรของสแลวตอไปจะมาท าความเขาใจกบการใชสในวงจรเดยวกนเรมตนทวรรณส แบงเปนสองวรรณะ ไดแก วรรณสรอนกบวรรณสเยน โดยสามารถใชวรรณะสในการออกแบบใหไดความรสกรอนและเยนไดดงน 6. วรรณะสเยน (Cold Tone) วรรณสเยนมอย 7 ชนด ไดแกสเหลอง เหลองเขยว เขยว เขยวน าเงน น าเงน น าเงนมวง มวง สกลมนเมอใชในงานจะไดความรสกสดชน เยนสบาย เปนตน 7. วรรณะสรอน (Warm Tone)วรรณสรอนมอย 7 ส ไดแกมวง มวงแดง แดง แดงสม สม สมเหลอง เหลอง สกลมนเมอใชในงานจะรสกอบอน รอนแรง สนกสนาน เปนตน

14

8. Color : สทเปนทงวรรณะรอนและวรรณะเยน สเหลองและมวงจะอยไดท งสองวรรณะขนอยกบสแวดลอม เชน หากน าสเหลองไปไวกบสแดงและสมกกลายเปนสโทนรอน แตหากน ามาไวกบสเขยวกจะเปนสโทนเยนทนท 9. สกลาง (Muddy Colors) สกลาง ในความหมายนเปนสทเขากบสไดทกส ไดแก สน าตาล สขาว สเทาและด า สเหลานเมอน าไปใชงานลดความรนแรงของสอนและจะเสรมใหงานดเดนยงขน 10. เทคนคการใชสในวงจรส มหลายวธนอกจากการใชวรรณะสแลว ยงมเทคนคการใชสแบบอนทนาสนใจอก ดงน 10.1 การใชสทใกลเคยงกน (Analog Colors) สใกลเคยงในวงจรส เปนสทอยตดกนในชวง 3 ส ซงอาจจะใชถง 5 แตตองใชสนนในปรมาณเลกนอย เชนเมอเลอกใชสมวงกจะเลอกสในโทนเดยวกน ไดแก สมวงแดง กบ น าเงนมวง เปนตน 10.2 การใชสคตรงขาม (Complementary Colors) เปนคสตองหามแตถาใชใหถกวธจะท าใหงานดโดดเดนทนท สมมตวาเลอกใชสแดงกบสเขยว ใหใชวธทแนะน าดงน 1( เลอกสแรก (สมมตเปนสแดง )ในปรมาณมากกวา 80% ของพนท แตสทสอง

(สมมตเปนสเขยว )ตองใชในปรมาณทนอยกวา 20% 2( ผสมหรอใสสกลางลงในงานทใชสคตรงขามเพอลดความรนแรงของส 3( ผสมสคตรงขามลงไปลดทอนความเขมขนของกนและกน 11. การใชสใกลเคยงกบสคตรงขาม (Split Complementary) เปนการใชสทหลกเลยงการใชสคตรงขามโดยตรง เทคนคนท าใหงานดนมนวลขนมลกเลนสรางจดสนใจไดด สงเกตจากภาพตวอยางดานลางสมวงทมพนทนอยแตกลบดโดดเดนขนมาได 12. การใชโครงสสามเหลยมในวงจรส (Triad Colors) เทคการใชโครงสรางสสามเหลยม คอ ใหวาดสามเหลยมขนมาแลวใชสทอยบนโครงรปสามเหลยม เทคนคนสทไดจะดสนกสนานและหลากหลายกวาแบบอน 13. Color : ในทกวงจรสสามารถใชสกลางได เทคนคการใชสในวงจรทน ามาอธบาย สามารถรวมสกลางเขาไปใชไดดวยเนองจากสกลางเปนสทเขาไดกบทกสและอาจแทรกสนอกโครงการสมาใชไดขนอยกบความเหมาะสม 14. การใชสเดยว (Mono Tone) เทคนคสเดยวเปนอกเทคนคทนยม การใชจะอาศยคาความออนแกของสแทนการใชคาสอน สวนมากจะน าสทเลอกมาผสมกบสกลางใหไดคาทตองการ

15

2.2 เทคโนโลยทใชในการปฏบตงาน

2.2.1 Adobe Photoshop CS6

ภาพท 2.3 โปรแกรม Adobe Photoshop CS6 Adobe Photoshop เปนโปรแกรมสรางและแกไขรปภาพอยางมออาชพโดยเฉพาะนกออกแบบในทกวงการยอมรจกโปรแกรมตวนด โปรแกรม Photoshop เปนโปรแกรมทมเครองมอมากมายเพอสนบสนนการสรางงานประเภทสงพมพ งานวดทศน งานน าเสนอ งานมลตมเดย ตลอดจนงานออกแบบและพฒนาเวบไซต ในชดโปรแกรม Adobe Photoshopจะประกอบดวยโปรแกรมสองตวไดแก Photoshop และ ImageReady การทจะใชงานโปรแกรม Photoshopคณตองมเครองทมความสามารถสงพอควร มความเรวในการประมวลผล และมหนวยความจ าทเพยงพอ ไมเชนนนการสรางงานของคณคงไมสนกแน เพราะการท างานจะชาและมปญหาตามมามากมาย

16

ความสามารถพนฐานของ Adobe Photoshop ทควรทราบ „ ตกแตงหรอแกไขรปภาพ „ ตดตอภาพบางสวน หรอทเรยกวา crop ภาพ „ เปลยนแปลงสของภาพ จากสหนงเปนอกสหนงได „ สามารถลากเสน แบบฟรสไตล หรอใสรปภาพ สเหลยม วงกลม หรอสรางภาพไดอยางอสระ „ มการแบงชนของภาพเปน Layer สามารถเคลอนยายภาพไดเปนอสระตอกน „ การท า cloning ภาพ หรอการท าภาพซ าในรปภาพเดยวกน „ เพมเตมขอความ ใส effect ของขอความได „ Brush หรอแปรงทาส ทสามารถเลอกรปแบบส าเรจรปในการสรางภาพได „ และอนๆ อกมากมาย

2.2.2 iBook Author

ภาพท 2.4 โปรแกรม iBook Author

17

iBook Author ถอไดวาเปนเครองมอตวส าคญในการสราง textbook ตาง ๆ ขนมา โดยสามารถดาวนโหลดมาใชงานไดแบบฟรๆบน OS X สงทนาสนใจนนกคอผเขยนหรอผสราง textbook นนสามารถสรางไดอยางงายดายเพยง drag and drop หรอลากเขามาวางเทานน และสามารถใชสวนประกอบจากสอดจตอลไดอยางหลากหลายมากมาย ไมวาจะเปน รปภาพ คลปวดโอ ไฟลจาก Microsoft Word , Keynote presentation , Interactive widget , 3D object , Javascript , HTML และอนๆอกมากมาย ซง iBooks Authors ม template ใหเลอกในหลากหลายแบบหลากหลายสไตล นอกจากนยงสามารถใหความหมายกบค าศพทตางๆเพยงแคไฮไลทไปยงขอความ ทตองการและคลกเพอเพมความหมายหรอค าอธบายของค านนลงไปเทานน และเมอสราง textbooks เสรจแลวสามารถสงขนไปเพอแจกหรอวางจ าหนายผานทาง iBookstore หรอ iTunes U ดวยขนตอนทงายดาย เพยงเทาน

ภาพท 2.5 โปรแกรม iBook Author บน Macbook iBooks Author ไดถกออกแบบใหดเรยบงาย และมหนาตา ของโปรแกรมทสะดวกตอการใช งาน ซงตวโปรแกรมมสวนประกอบ หลกๆ ดวยกน 3 สวนคอ 1)Toolbar ทเปนแถบทางดานบน ของโปรแกรม 2) Sidebar เปนแถบดานขางของโปรแกรม 3) Content เปนสวนเนองาน

18

2.2.3 เครองมอตางๆในโปรแกรม Tools Bar คอแถบเครองมอทใชในการสรางสอ ซง Tools Bar จะอยทางดานบน ของตวโปรแกรม และในหวขอนเราจะศกษาเกยว กบ Tools แตละตวเพอใหมความ เขาใจและสามารถใชงานเครองมอเหลานนได 1. Add Pages เปนปมทใชส าหรบการเพมหนาของหนงสอ บท หรอ หวขอทเราตองการ เมอเรากดทปมน จะมตวเลอกใหเราเลอก วาตองการเพมอะไร เมอเรากดแลว หนาทเราใสเพมจะปรากฏ บน Sidebar ใหเราเลอกใชงานไดทนท 2. View และ Orientation ปม View คอการปรบมมมองหนาตางการท างานของโปรแกรม iBooks Author สวน Orientation คอการปรบมมมองหนาตาของหนงสอทเขยนวาเราตองการแนวตง หรอแนวนอน ซงขนอยกบ Template ทเราเลอกไวตอนตน 3. Text Box ปมนใชส าหรบใสกลองขอความเพมเตม ส าหรบหนงสอของเรา เพยงแคกดทปมนจะม กลองขอความขนมาใหพมพ และเราสามารถลากไปวางทไหนกได 4. Shapes เปนการใสภาพจาพวกกลอง ลกศร หรออนๆ ทใชในสอของเรา เมอเรากดทปมน จะมรปแบบใหเราเลอกตามตองการ เมอกดเลอกแลว รปแบบทเราเลอกจะขนในหนงสอ เราสามารถปรบขนาดส และรปทรงได 5. Table and Charts ปม Table ใชส าหรบการสรางตาราง เมอเรากดแลวจะมตารางขนมาใหบนหนงสอ เราสามารถ ปรบขนาด จ านวนแถวได การปรบจ านวนแถวตองตงคาท Inspector ปม Charts เปนการใสกราฟ ซงมรปแบบของกราฟใหเลอกไดหลากหลายและเรา สามารถปรบแตงคาตางๆผานทาง Inspector 6. Widget คอการใส เครองมอส าหร บการน าเสนอทท าให หนงสอนนดมชวตชวามากยงขน เมอเรากดท Widget แลว จะขนหนาตางใหเลอกวาจะใหใสอะไรลงไปในหนงสอ และในนนยงมโปรแกรมแยกยอยไปอก

1) Gallery เปนการน าภาพเขามาประกอบไดโดยม การท าอย 3 วธดวยกน (1.) แบบภาพนงธรรมดามาใสไมสามารถเลอนภาพ ขยายภาพออกมาดเตมจอได (2.) แบบน าภาพGalleryสามารถเลอนดภาพไดทงขนาดเลกขนาดใหญหรอด แบบเตมจอได (3.) แบบ Pop-Over เมอแตะทภาพจะมขอความขนมา

19

2) Media ใชในการแทรกไฟลวดโอ (ตองใชไฟลนามสกลเปน .m4v เทานน) และสามารถ ปรบแคยอขยายหรอแบบเตมจอได 3) Review เปนเครองมอส าหรบสรางแบบทดสอบตางๆ หรอแบบ สอบถามภายในหนงสอได และสามารถท าไดหลายแบบ เชน เลอกตอบ และแบบเลอกขอความ-รปภาพ สามารถลากเขาไปเตมในชองวางได 4) Keynote สามารถน าเอาไฟลพรเซนตทมอยแลวเรา สามารถน ามาใสในหนงสอไดเลย (ตอง เปน ไฟล Keynote เทานน) จงจะสามารถน ามาใส 5) Interactive Image ใชส าหรบภาพหรออยางอนทตองการสอโดยทมรายละเอยดส าคญหลายจดใน ภาพ ซงตองการใหผอานสามารถโฟกสทละจดได เมอแตะสวนทตองการดจะม ขอความอธบายเพมเตม ขนมา 6) Scroll Sidebar ใชเพอสรางในหนาทมขอความทมากจะสามารถก าหนดคาใหสามารถเลอน ขน-ลง สามารถอานขอความได 7) Pop-Over ชวยสรางขอความอธบายไวบนรปภาพ เมอแตะทภาพจะมขอความขนมา 8) Inspector เปนตวปรบแตงของโปรแกรม iBooks Author (ถาหากเคยใช Keynote Pages และ Numbers จะมตวชวยนเชนกน) Inspector อยใน Tools Bar ทางดานขวาของตวโปรแกรม เมอเรากด ทปม Inspector หนาตางของการใชงาน Inspector จะขนมา ซงจะม หวขอการตงคาตางๆ ตามรป

20

ภาพท 2.6 หนาตาเครองมอโปรแกรม

Document ตงคาเกยวกบเอกสารเชน ชอ ผแตงภาษาและแสดงคาตางๆ ของ หนงสอ ทเขยน

Layout ตงคาเกยวกบ Layout ของ หนงสอ หนานน ๆ ทเราใชงานอย Wrap ตงคาเกยวการเวนชองวางให กบสอทเราใสเมอ วางใกล หรอทบขอความทเรา พมพ Text ตงคาเกยวกบตวอกษร Graphic ตงคาเกยวกบรปภาพทเราใสเขาไปในหนงสอ Table ตงคาตารางทใสเขาไป Chart ตงคากราฟทใสเขาไป Link ตงคาการเชอมโยงไปยงเวปไซตตางๆ Widget ตงคาเครองมอเพมเตมทเราใสเขาไป

21

บทท 3

แผนงานการปฏบตงานและขนตอนการด าเนนงาน

3.1 แผนงานการปฏบตงาน ตารางท 3.1.1 แผนงานการปฏบตงาน

รายการการปฏบตงาน มถนายน กรกฎาคม สงหาคม กนยายน

เขยนบทความรววมอถอ, แทบเลต,อปกรณไอท

ปรกษาหวขอโครงงานกบ พนกงานทปรกษา

หาขอมลและแนวทางการท าโครงงาน

วางแผนและเรมออกแบบตวโครงงาน

ลงมอท าโครงงาน

ทดลองใชและปรบปรง

รวบรวมขอมลจดท ารายงาน

3.2 รายละเอยดโครงงาน

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

22

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

3.3 ขนตอนการด าเนนงานทนกศกษาปฏบตงานหรอโครงงาน

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

23

3.3.2 วเคราะหระบบ ระบบการน าเสนอในปจจบน เปนการน าเสนอผานเวบไซตเพยงอยางเดยว ท าใหไมมการแพรหลายในโลกของไอททสวนมากในสมยนใช สมารทโฟน หรอ แทบเลตกนหมดแลว ปญหาทเกดขน เชน 1. การหาขาวท าไดยากล าบากเมอเขาผานสมารทโฟนหรอแทบเลตเพราะไมมระบบรองรบ 2. เมอลงขาวใหม ๆ ขาวเกา ๆ มโอกาสสญหายไดมาก 3. เปนการน าเสนอรปแบบเกา ท าใหผอานเบอได 4. ถาอนเตอรเนต ความเรวต าอาจไมสามารถดรายการ ของทางบรษทไดอยางลนไหล 3.3.2.1 การจดท าระบบใหม

เมอจดท าหนงสอพมพอเลคทรอนค ทเปนการเขาถงเวบไซตรปแบบใหมเรยบรอย ผใชนนสามารถเขามาดาวนโหลดผานทางหนาเวบไซตไดทนท โดยรปแบบใหมจะมความสามารถดงน 1( เขาถงขาวไดโดยไมตองใชอนเตอรเนต (หลงจากลงในเครองแลว) 2( ชมรายการของทางบรษทโดยไมตองมอนเตอรเนต 3( รปแบบการน าเสนอใหมทม ท าใหมความตนเตนมากขน 4( ดภาพประกอบแบบ 360 องศา ท าใหสามารถเหนทกมมของผลตภณททเราสนใจไดชดเจน 5( ไมตองตามดขาวทเปนกระแส เพราะรวบรวมไวใหหมดแลว 3.3.3 ศกษาโปรแกรมทใชพฒนางาน ท าการหาขอมลโปรแกรมทตองใชในการท าโครงงานใหไดมากทสด จากแหลงตาง ๆ เชน หนงสอ อนเตอรเนต และพนกงานในบรษททมความร ความเชยวชาญในดานของโปรแกรมทจะใชงาน เพอใหมาชวยในแนะน าท าใหเขาใจในโปรแกรมมากขน 3.3.4 ลงมอท าโครงงาน เรมการลงมอท าโครงงาน ตามทไดวางแผนไวกอนหนา เรมโดยการออกแบบหนา Interface ใหสวยงามเพราะเปนหนาหลกทสามารถท าใหตดสนใจอานหรอไมอานหนงสอได และขนตอมาท าการหาขาวทตองการเสนอในโปรแกรม เมอไดทตองการแลว ท าการใสบทความและขาว พรอมแนบ

24

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

25

บทท 4

ผลการด าเนนงาน การวเคราะหและสรปผลตางๆ

4.1 ขนตอนและผลการด าเนนงาน

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

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

4.1.3 ออกแบบและลงมอท าโครงงาน ท าการรางโครงงานและรปแบบ เสนอใหทางบรษทไดรบรขนตอนการท างาน เพอใหทปรกษาพจารณาและใหค าเสนอแนะใหเขาใจอยางถถวน และเรมการท าโครงงานโดยใชโปรแกรม Adobe Photoshop และ iBook Author ขนตอนการด าเนนงาน 1( ท าการรวบรวมขอมลหวขอขาว ๆ ตาง ๆ ทเปนกระแสในชวงนน ๆ เพอน ามาท าขาว ซงตองเปนเนอหาทครอบคลมทงหมดดานไอท เชน กลอง เครองเกม มอถอ 2( น าขอมลทน ามานน เอาลงใน iBook Author และจดการเรยงล าดบกระแสของขาว ขาวไหนดงท าเปนขาวพาดหว และขาวทมตวอกษรเปนสเทานน คอเปนการสราง Link ไปยงหวขอขาว

26

ภาพท 4.1 หนาจอแสดงผลโปรแกรม

3) ขนตอนตอไปท าการเขยนขาวลงในโปรแกรม โดยล าดบจากขาวทนาสนใจและอยในกระแสมากทสด

ภาพท 4.2 หนาจอลงขาว

27

4( ท าการหารายการของบรษทและจดการแปลงไฟลลงในโปรแกรม

ภาพท 4.3 หนารายการของบรษท

5( ท าการหา link เพอใหผอานทกคนไดท าการโหลดโปรแกรมกนไปใชฟร ๆ

ภาพท 4.4 หนาดาวนโหลด

28

6) น าภาพสมารทโฟนท สามารถดได 360 องศามาท าการตกแตงและน าไปใสในโปรแกรม

ภาพท 4.5 หนาจอควบคม 360 องศา

7( น าภาพทหามา น าลงในโปรแกรมทเตรยมไว

ภาพท 4.6 น ารปลงในโปรแกรม

29

4.2 ผลการวเคราะหขอมล

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

4.3 วจารณขอมลโดยเปรยบเทยบผลทไดรบกบวตถประสงคและจดมงหมายการปฏบตงานหรอการจดท าโครงงาน

จากการทไดลงมอท าโปรแกรม E-book interactive for iOS ท าใหไดรเรองตาง ๆ ดานการปฎบตงานการเขยนขาวแบบมออาชพการเขยนบทความตาง ๆ การใชค าใหสวยหรนาอาน

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

ขน

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

30

บทท 5 บทสรปและขอเสนอแนะ

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

5.2 แนวทางการแกไขปญหา

เรมแรกทไดปรกษากบทางบรษท เดมทเปนการท าลงในระบบ Android แตโปรแกรมทใชนนไมรองรบในระบบ Android จงตองศกษาโปรแกรมทเกยวของใหมากยงขน เพอท าใหโปรแกรมทท าขนมานน ครอบคลมมากยงขน ในโปรแกรมควรมการน าโปรแกรมอนทเกยวของมาประยกต เชน Flash, 3DMAX เพอน ามาใชในระบบภาพมมมองสามมตใหดยงขน หรอภาพเคลอนไหว เพอใหงานออกมาสวยงามมากขน

31

5.3 ขอเสนอแนะจากการด าเนนงาน 1. การท างานในระยะเรมแรกจะท าในระบบ Android และ iOS และจากการทไดคยกบทปรกษา ท าใหทราบวา ไมสามารถใชโปรแกรมเดยวกนได เพราะรองรบไดไมเตมท จงตองท าการเลอกระบบปฏบตการเดยวนนคอ ระบบ iOS 2. ควรมความคดสรางสรรคในการออกแบบอยเสมอ เพราะตองน ามาใชในการจดวางรปแบบของหนงสอ 3. เปนงานทตองน าเสนอขาวกบผอาน ดงนนจงตองมความเปนกลางในการน าเสนอขาว ไมเอนเอยงขางใดขางหนง

32

เอกสารอางอง

1. Teerasej jiraphatcahndej, IBook Author [Online] , Available : http://school3.rmutp.ac.th/ , [8 พฤษภาคม 2556]. 2. IBook Author [Online] , Available : http://www.amaround.com/digital-publishing-th/introduction-to-ibook-author/ [8 พฤษภาคม 2556] 3. IBook Author [Online] , Available : http://ilearning.hu.ac.th/ebook/eBook/ibook/iBook.pdf [8 กนยายน 2556] 4. นางสาว นนทพา กงวไล, วธการเขยนบทความ [Online] , Available : http://www.prakan2.com/ [14 กนยายน 2556] 5. นาย อถธพล มะโนนอม, Adobe Photoshop CS5 [Online] , Available : http://www.com5dow.com/การใชงาน-Adobe-Photoshop.htm [16 กนยายน 2556]. 6. นาง มรกต อนเสร, การใชส [Online] , Available : http://bangkokprint.com/?p=880 [28 กนยายน 2556]. 7. นาย ถาวร สายสบ, พนฐานการออกแบบ [Online] , Available : http://203.146.86.90/blogs /Mq=node2F81 [28 กนยายน 2555].

33

ภาคผนวก

34

ภาคผนวก ก.

ตวอยางหนาเวบ

35

ภาพท ก.1 ตวอยางหนาเวปแบบเกาทใชผานแทบเลต

36

ภาพท ก.2 ตวอยางหนาแบบใหมทเปดบนแทบเลต

37

ภาคผนวก ข.

คมอการใช E-Book interactive

38

ภาพท ข.1 ตวอยางหนาโครงงาน

สามารคลกเพอเขาไปอานขาว

39

ภาพท ข.2 หนาขาวทวไป

เลอนขนลงเพอดรายละเอยดได

40

ภาพท ข.3 หนาขาวทวไป

41

ภาพท ข.4 รายการของทางบรษททไมตองใชอนเตอรเนตในการเปด

คลกเพอเลนวดโอ

42

ภาพท ข.5 หนาขาวทวไป

คลกเพอดาวนโหลด

43

ภาพท ข.6 หนาขาวทวไป

44

ภาพท ข.7 หนาสเปคมอถอ

สามารถคลกเพอดภาพ 360 องศา

45

ภาพท ข.8 คลกเขามาดภาพใหญสามารถเอานวจมลากหมนได 360 องศา

46

ภาพท ข.9 บทความ

47

ภาพท ข. 10 หนาขาวทเปนกระแส

48

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

49

ภาคผนวก ค.

รายงานประจ าสปดาห

50

ประวตผวจย

ชอ – สกล นายชนชลต พชญพศาล วน เดอน ปเกด 26 ตลาคม 3524 ประวตการศกษา ระดบประถมศกษา ประถมศกษาตอนตน-ปลาย พ.ศ. 3541 โรงเรยนพระหฤทยคอนแวนต ระดบมธยมศกษา มธยมศกษาตอนตน พ.ศ. 3547 งเรยโร นเซนตดอมนก มธยมศกษาตอนปลาย พ.ศ. 2550

โรงเรยนสาธตเกษตรศาสตรบางเขน ระดบอดมศกษา คณะเทคโนโลยสารสนเทศ สาขาเทคโนโลยสารสนเทศ พ .ศ. 3553 สถาบนเทคโนโลยไทย‟ญปน ทนการศกษา - ไมม -

51