• supameeh
  • ranking : สมาชิกทั่วไป
  • วันที่สร้าง : 2007-07-22
  • จำนวนเรื่อง : 419
  • จำนวนผู้ชม : 633477
  • จำนวนผู้โหวต : 940
  • ส่ง msg :
  • โหวต 940 คน
<< ตุลาคม 2008 >>
อา พฤ
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

[ Add to my favorite ] [ X ]


วันพฤหัสบดี ที่ 23 ตุลาคม 2551
Posted by supameeh , ผู้อ่าน : 4606 , 14:43:29 น.  
หมวด : วิทยาศาสตร์/ไอที

พิมพ์หน้านี้
โหวต 0 คน

มีผู้ถามเข้ามามากพอสมควรเกี่ยวกับการทำ effect หนังสือเปิด ๆ แบบข้างล่างนี้ครับ

แต่ผมก็ไม่ได้ตอบซะที ที่ยังไม่ตอบนี่ ไม่ใช่ว่าหวงวิชา แต่เพราะว่า มันเป็นคำถามสั้น ๆ
ซึ่งถ้าจะตอบให้เข้าใจ และทำได้ ต้องตอบยาวววว มาก

แต่ในฐานะปัดฝุ่นบล็อกใหม่ จึงขอประเดิมด้วยเรื่องนี้ก่อนครับ

โดยคาดว่าจะต้องแบ่งออกเป็น 3-4 เอนทรีกันเลยทีเดียวจึงจะกระจ่างแจ้งครบถ้วน
ในเนื้อหาสาระ และการนำไปใช้งานต่อได้แม้ท่านที่อาจไม่มีพื้นฐานด้านนี้






เนื่องจากว่าไม่ได้มีเพียง 2+2 เท่านั้นที่เท่ากับ 4 ดังนั้นการทำอะไรให้ได้ผลลัพธ์
ในแบบเดียวกันนี้จึงมีวิธีการมากมายครับ แต่ผมจะเริ่มจากวิธีการที่ผมใช้ก่อนก็แล้วกัน
จากนั้นจะแนะนำวิธีการอื่น ๆ อีกหลายวิธีครับ

หน้าหนังสือเปิด ๆ นี่ ใครเอาเมาส์ไปคลิกขวาดูก็จะรู้ว่ามันคือไฟล์ Flash
ซึ่งมีนามสกุล .swf เอามาวางไว้บนหน้าบล็อกได้ ด้วยการ insert เป็น code
เข้ามา เอาไว้จะพูดถึงเรื่องการสร้าง และใช้งาน Flash กับบล็อกของเรา
ในเอนทรีต่อ ๆ ไป

เอ้า...วกกลับมาเรื่องนี้ต่อ..



หน้าหนังสือนี้สร้างขึ้นด้วยโปรแกรม Adobe Flash ร่วมกับ Flash Component
ซึ่งผมซื้อมาจากเว็บ http://www.page-flip.com เพื่อมาทำ presentation
ในระบบ E-Learning ให้กับองค์กรแห่งหนึ่ง แต่ในทีสุดแล้วก็นำไปใช้เล็กน้อย
พอสวยงามเท่านั้นครับ เนื่องจากว่าไม่เหมาะกับระบบใหญ่ ๆ ที่มีข้อมูลมาก ๆ จึงกลับ
ไปใช้เทคโนโลยีอื่นที่เหมาะสมกว่าแทนไป เลยเอาไอ้เจ้านี่มาประกอบในบล็อกซะเลย
ไหน ๆ ซื้อมาแล้ว 25 ยูโร (พันกว่าบาท) ต้องใช้ให้คุ้ม!

มีเว็บขาย component ลักษณะคล้าย ๆ กันอยู่หลายแห่ง
เอนทรีต่อ ๆ ไปจะเอามาให้ดูแบบอื่น ๆ กันอีกครับ

เขียนย่อหน้าข้างบนไป ก็น่าจะมีคำถามว่า Flash Component คืออะไร
ขอตอบแบบสรุป ๆ ว่า มันเป็นเหมือนอุปกรณ์เสริม ที่ติดตั้งเพิ่มเติมเข้าไปกับโปรแกรม Flash
เพื่อให้ทำอะไรต่อมิอะไรได้ง่ายขึ้น โดยไม่ต้องเขียน code ที่สลับซับซ้อน

ใครทำงานกราฟฟิคด้วย Photoshop น่าจะรู้จัก Photoshop Plugin กันดี
ก็ทำนองเดียวกันครับ คือเหมือน plugin ที่มาติดตั้งเพิ่มเข้าไปเพื่อให้ทำอะไรได้ง่ายขึ้นนั่นเอง

เมื่อติดตั้งไว้ เราสามารถลาก component ที่ว่ามาวางบนหน้าต่างโปรแกรม
(ใน Flash จะเรียกว่า Stage) แล้วก็จะสามารถกำหนดคุณสมบัติต่าง ๆ เข้าไปได้
ให้กว้าง ยาว เท่าไหร่ มีส่วนประกอบอะไรภายในแต่ละหน้า background สีอะไร
ให้เปิดหน้าไหนก่อน ฯลฯ



กระบวนการสร้างงานนี้ด้วย Flash Component ที่ผมบอกมานี้
ผู้จะสร้างควรต้องมีความรู้และอุปกรณ์ดังนี้ครับ

1. โปรแกรม Adobe (Macromedia) Flash เวอร์ชั่น 8 ขึ้นไป
(เวอร์ชั่นปัจจุบันอยู่ที่ Adobe Flash CS4) เพื่อติดตั้งเจ้า component นี้

2. ความรู้พื้นฐานของโปรแกรม Adobe Flash ในการสร้าง Animation เบื้องต้น
ถ้ารู้จักการสั่งงานด้วย Action Script ด้วยก็จะทำอะไรต่อมิอะไรมากขึ้น
ไปอีกได้ ในการกำหนดคุณสมบัติขั้น Advance ของเจ้า component ที่ว่า

3. ความรู้พื้นฐานโปรแกรมตกแต่งภาพ เพื่อจัดแต่งหน้าหนังสือแต่ละหน้า
ให้สวยงามตามต้องการ เพราะแต่ละหน้าที่เราเห็น มันคือไฟล์กราฟฟิค .jpg .gif .png
นั่นเองครับ

4. ความรู้พื้นฐานเกี่ยวกับ html และ xml ซึ่งเป็น code ที่ใช้เขียนประกอบ
เพื่อกำหนดคุณสมบัติของแต่ละหน้าหนังสือ ร่วมกับไฟล์กราฟฟิค ที่บอกไปในข้อ 3
เพื่อเพิ่มหน้าหนังสือ (จริง ๆ ตรงนี้ไม่ยากนะครับ แค่เป็นคนช่างสังเกตุก็จะทำความเข้าใจได้ทันที)

5. ถ้าต้องการความอลังการขึ้น เช่นมี Flash Animation ใส่วิดีโอ มีเสียงเพลงประกอบ ฯลฯ
ก็ควรมีพื้นฐานในเรื่องโปรแกรมที่เกี่ยวข้องนั้น ๆ ด้วย

6. ควรมีพื้นที่ web server อื่นเพื่อบรรจุไฟล์ที่สร้างขึ้น นอกเหนือจากบล็อกของเรา

เนื่องจากข้อจำกัดของระบบบล็อก เช่น ขนาดไฟล์ การจัดโครงสร้างโฟลเดอร์ไม่ได้อิสระดังใจ
จะทำให้การออกแบบมีข้อจำกัด และไม่สามารถทำได้ถ้าไม่ประยุกต์กันสุด ๆ

ยกตัวอย่าง บล็อกโอเคฯ อนุญาตให้อัพโหลดไฟล์ภาพ หรือไฟล์ Flash ขนาดไม่เกิน 100 KB
ดังนั้น คุณจะสร้างอะไรอลังการเกิน 100 KB ไม่ได้ถ้าจะบรรจุไฟล์ไว้ที่นี่

โครงสร้างไดเร็คทอรี่ที่กำหนด ไม่อนุญาตให้อัพโหลดไฟล์บางประเภทนอกเหนือ
จากไฟล์ภาพที่กำหนด เช่นจะ อัพโหลดไฟล์ .xml เพื่อกำหนดรูปแบบนี่ไม่ได้นะครับ

ดังนั้นจึงควรมี web server ที่อื่นที่บรรจุไฟล์ของเรา แล้วจึง embed มาใส่ในหลักการ
คล้าย Youtube นั่นเอง

(ตรงนี้ เอาไว้ผมจะแนะนำว่าที่ไหนเวิร์คมาก ๆ แถมยังฟรีอีกด้วย ในเอนทรีต่อ ๆ ไปครับ)

เอาล่ะครับตอนนี้ใครสนใจ และมีพื้นฐานอยู่บ้างตามที่บอกไปข้างต้น
ก็เชิญดาวน์โหลด component นี้ไปพร้อมเอกสารไฟล์ .pdf ที่บอกวิธีการ
ไปศึกษา พร้อมตัวอย่างได้ก่อนเลยครับ




สำหรับท่านที่ยังงง ๆ อยู่ โปรดติดตามเอนทรีหน้าครับ
ผมจะอธิบายต่อพร้อมการสาธิต..





อ่านความคิดเห็น

ความคิดเห็นที่ 19
ตาเรน วันที่ : 07/11/2008 เวลา : 13.20 น.
http://oknation.nationtv.tv/blog/sammaapii
เรียนฟรีจริง ๆ  ขอเชิญแวะเยี่ยมตาเรนที่  >>> http://www.webudon.net

(0)
แอบเข้ามาหล๋อยครับอาจารย์..อิ..อิ..
พอดีขณะนี้กำลังหัดทำตำรา...ก็เลยเหมาะ..
ขอบคุณมากครับ...
ความคิดเห็นที่ 18
รอก่อน วันที่ : 03/11/2008 เวลา : 14.57 น.
http://oknation.nationtv.tv/blog/krunung

(0)
แอบติดตามมาตลอดครับ เพิ่งเป็นสมาชิก
ฝากตัวด้วยครับ
ความคิดเห็นที่ 17
ธาตุดินน้ำลมไฟ วันที่ : 28/10/2008 เวลา : 22.23 น.
http://oknation.nationtv.tv/blog/omikami

(0)
ไม่สน
ความคิดเห็นที่ 16
PlaPinky วันที่ : 28/10/2008 เวลา : 09.35 น.
http://oknation.nationtv.tv/blog/plakemon
<;)))>< ปลาชมพู

(0)
หวัดดีค่ะ พี่หมี นึกว่าจะทิ้งปลาชมพูไปซะแร้น

ขอมาศึกษาด้วยนะ อยากทำไว้ใช้ในการสอน ลูกศิษย์จะได้ไม่ง่วงเวลามีอะไรตื่นตา อิอิ
ความคิดเห็นที่ 15
คนในแผ่นดิน วันที่ : 27/10/2008 เวลา : 19.26 น.
http://oknation.nationtv.tv/blog/ninja45
เขียนไม่เก่ง แต่อยากเขียน

(0)
เข้ามาขอความรู้ครับ ขอบคุณมากมาย
ความคิดเห็นที่ 14
plejang วันที่ : 26/10/2008 เวลา : 12.22 น.
http://oknation.nationtv.tv/blog/plejang
::  Plejang  ::  + + ... ข อ ใ ห้ รั ก จ ง เ จ ริ ญ ....+ + ::

(0)
ดาว์นโหลดไปก่อนละ ค่ะ

อืม อืม เปิ้ลมี flash cs3 น่าจะใช้ได้เนอะ

พอเป็นนะ flash เดี๋ยวศึกษา script เพิ่ม

รอเรียน ตอนต่อไป จ๊ะ รีบ ๆ มาหน่อยนะ จะได้ไปลองทำ

ขอบคุณสำหรับความรู้ค่ะ

เปิ้ลค่ะ
ความคิดเห็นที่ 13
spyone วันที่ : 24/10/2008 เวลา : 13.30 น.
http://oknation.nationtv.tv/blog/spyone
  โลกหมุนด้วยความรัก

(0)
งง งง รออ่านต่อไปนะคะ
ความคิดเห็นที่ 12
wullopp วันที่ : 24/10/2008 เวลา : 12.50 น.
http://oknation.nationtv.tv/blog/health2you

(0)
Vote 1 vote >>> เยี่ยมมากๆ ครับ... ผมเองก็อยากให้บล็อกสวยงาม น่าสนใจ ทว่า... ยังทำไม่เป็น // แถมเจ้าอินเตอร์เน็ต TOT ที่ห้างฉัตร ลำปางก็ล่มสลายบ่อยมากๆ ล่มแบบนี้ใช้ Adobe คงจะช่วยไม่ไหว...
ความคิดเห็นที่ 11
Yai_Nid วันที่ : 24/10/2008 เวลา : 11.46 น.
http://oknation.nationtv.tv/blog/YaiNid
เที่ยว Melbourne..ที่นี่  Love U..OK?..รักนะ..ได้มั้ยล่ะhttp://www.oknation.net/blog/konlangkow

(0)
ก่อนอื่นใด..คงต้องตั้งสติ..ตามด้วยทำสมาธิ..
ฝากตัวเป็นลูกศิษย์ด้วยค่ะ
ความคิดเห็นที่ 10
สอนสุพรรณ วันที่ : 24/10/2008 เวลา : 08.23 น.
http://oknation.nationtv.tv/blog/phaen


(0)
ขอบคุณมากเลยครับอาจารย์หมี...
ความคิดเห็นที่ 9
โฟล์คเหน่อ วันที่ : 24/10/2008 เวลา : 06.09 น.
http://oknation.nationtv.tv/blog/folkner
..เขียนเพลง เขียนกวี ชีวิตนักดนตรีบ้านนอก..

(0)
:::ครับยัง งง งง เดี๋ยวกำลังวิ่งไล่ตามไปเอนทรี่หน้า อย่าให้นานนะครับ เดี๋ยวลิ้นห้อย (เห็นใจคนแก่ด้วย)::
ความคิดเห็นที่ 8
arekoy วันที่ : 23/10/2008 เวลา : 17.04 น.
http://oknation.nationtv.tv/blog/arekoy
อนาคตและอดีตไม่สำคัญ ทำปัจจุบันให้ดีที่สุด

(0)
เปิดคอร์สสอนดีมั๊ยค่ะ
ความคิดเห็นที่ 7
คนโทใส่น้ำ วันที่ : 23/10/2008 เวลา : 16.17 น.
http://oknation.nationtv.tv/blog/konto
It's not where you start. It's where you finish.

(0)
ยังไม่ได้ลง flash เลย ต้องลองซะหน่อย
ความคิดเห็นที่ 6
คนโทใส่น้ำ วันที่ : 23/10/2008 เวลา : 16.14 น.
http://oknation.nationtv.tv/blog/konto
It's not where you start. It's where you finish.

(0)

รอมานาน ขอบคุณครับ
ความคิดเห็นที่ 5
feng_shui วันที่ : 23/10/2008 เวลา : 15.16 น.
http://oknation.nationtv.tv/blog/buzz
feng_shui

(0)
ขอบคุณค่ะ

low tech ไม่เป็นflashค่ะ
ความคิดเห็นที่ 4
นอริโกะ วันที่ : 23/10/2008 เวลา : 15.14 น.
http://oknation.nationtv.tv/blog/learn4life

(0)
มีประโยชน์มากเลยค่ะ แต่ว่ายังไม่มีความรู้พื้นฐานในหลาย ๆ โปรแกรมที่บอก
ความคิดเห็นที่ 3
supameeh วันที่ : 23/10/2008 เวลา : 15.06 น.
http://oknation.nationtv.tv/blog/digitalmedia
เปิดโลกทัศน์ ดิจิตอลมีเดีย

(0)
ขอบคุณครับ คุณเรือรบ และคุณลูกเสือฯ

รวมถึงทุกท่านที่แวะมาครับ
ความคิดเห็นที่ 2
ลูกเสือหมายเลข9 วันที่ : 23/10/2008 เวลา : 15.01 น.
http://oknation.nationtv.tv/blog/chai
<<==แวะไปทัก..แล้วคุณจะรักหนุ่มคนนี้

(0)
ขอบคุณครับ..
ความคิดเห็นที่ 1
เรือรบเมืองมั่น วันที่ : 23/10/2008 เวลา : 15.00 น.
http://oknation.nationtv.tv/blog/ruarob

(0)
สวัสดียามบ่าย และฉลองครบรอบ 15 เดือนในโอเคเนชั่นคุณหมีด้วยครับ
แสดงความคิดเห็น


ถึง บล็อกเกอร์ ทุกท่าน โปรดอ่าน
   ด้วยทาง บริษัท จีเอ็มเอ็ม แกรมมี่ จำกัด (มหาชน) ได้ติดต่อขอความร่วมมือ มายังเว็บไซต์และเว็บบล็อกต่าง ๆ รวมไปถึงเว็บบล็อก OKnation ห้ามให้มีการเผยแพร่ผลงานอันมีลิขสิทธิ์ ของบริษัท จีเอ็มเอ็ม แกรมมี่ฯ บนเว็บ blog โดยกำหนดขอบเขตของสิ่งที่ห้ามทำ และสามารถทำได้ ดังนี้
ห้ามทำ
- การใส่ผลงานเพลงต้นฉบับให้ฟัง ทั้งแบบควบคุมเพลงได้ หรือซ่อนเป็นพื้นหลัง และทั้งที่อยู่ใน server ของคุณเอง หรือ copy code คนอื่นมาใช้
- การเผยแพร่ file ให้ download ทั้งที่อยู่ใน server ของคุณเอง หรือฝากไว้ server คนอื่น
สามารถทำได้
- เผยแพร่เนื้อเพลง ต้องระบุชื่อเพลงและชื่อผู้ร้องให้ชัดเจน
- การใส่เพลงที่ร้องไว้เอง ต้องระบุชื่อผู้ร้องต้นฉบับให้ชัดเจน
จึงเรียนมาเพื่อโปรดปฎิบัติตาม มิเช่นนั้นทางบริษัท จีเอ็มเอ็ม แกรมมี่ฯ จะให้ฝ่ายดูแลลิขสิทธิ์ ดำเนินการเอาผิดกับท่านตามกฎหมายละเมิดลิขสิทธิ์
OKNATION



กฎกติกาการเขียนเรื่องและแสดงความคิดเห็น
1 การเขียน หรือแสดงความคิดเห็นใด ๆ ต้องไม่หมิ่นเหม่ หรือกระทบต่อสถาบันชาติ ศาสนา และพระมหากษัตริย์ หรือกระทบต่อความมั่นคงของชาติ
2. ไม่ใช้ถ้อยคำหยาบคาย ดูหมิ่น ส่อเสียด ให้ร้ายผู้อื่นในทางเสียหาย หรือสร้างความแตกแยกในสังคม กับทั้งไม่มีภาพ วิดีโอคลิป หรือถ้อยคำลามก อนาจาร
3. ความขัดแย้งส่วนตัวที่เกิดจากการเขียนเรื่อง แสดงความคิดเห็น หรือในกล่องรับส่งข้อความ (หลังไมค์) ต้องไม่นำมาโพสหรือขยายความต่อในบล็อก และการโพสเรื่องส่วนตัว และการแสดงความคิดเห็น ต้องใช้ภาษาที่สุภาพเท่านั้น
4. พิจารณาเนื้อหาที่จะโพสก่อนเผยแพร่ให้รอบคอบ ว่าจะไม่เป็นการละเมิดกฎหมายใดใด และปิดคอมเมนต์หากจำเป็นโดยเฉพาะเรื่องที่มีเนื้อหาพาดพิงสถาบัน
5.การนำเรื่อง ภาพ หรือคลิปวิดีโอ ที่มิใช่ของตนเองมาลงในบล็อก ควรอ้างอิงแหล่งที่มา และ หลีกเลี่ยงการเผยแพร่สิ่งที่ละเมิดลิขสิทธิ์ ไม่ว่าจะเป็นรูปแบบหรือวิธีการใดก็ตาม 6. เนื้อหาและความคิดเห็นในบล็อก ไม่เกี่ยวข้องกับทีมงานผู้ดำเนินการจัดทำเว็บไซต์ โดยถือเป็นความรับผิดชอบทางกฎหมายเป็นการส่วนตัวของสมาชิก
คลิ้กอ่านเงื่อนไขทั้งหมดที่นี่"
OKnation ขอสงวนสิทธิ์ในการปิดบล็อก ลบเนื้อหาและความคิดเห็น ที่ขัดต่อความดังกล่าวข้างต้น โดยไม่ต้องชี้แจงเหตุผลใดๆ ต่อเจ้าของบล็อกและเจ้าของความคิดเห็นนั้นๆ
   

กลับไปหน้าที่แล้ว กลับด้านบน