1  

มหาวทยาลยเกษมบณฑต

แผนการสอน

คณะนเทศศาสตร

รหส/ชอวชา (ภาษาไทย) ทว. 308 วารสารออนไลน (ภาษาองกฤษ) JT.308 JOURNALISM ONLINE

จานวน 3 (2-2) หนวยกต ปการศกษา 2553 อาจารยผสอน อาจารยพเศศ ตนตมาลา Section 011 วนศกร / 12.30-16.30 น. หองปฏบตการคอมพวเตอร JT Lab ( อ. พเศศ ตนตมาลา )

1. คาอธบายรายวชา วธการสรางนตยสารออนไลน หรอในรปแบบ “Web site” วามหลกในการออกแบบและเทคนควธการสราง

อยางไร และเมอศกษาแลวสามารถสรางนตยสารออนไลนไดโดยใชโปรแกรมคอมพวเตอร

2. วตถประสงค 1. เพอใหผ เรยนรเทคโนโลยของวารสารยคใหมประเภทตาง ๆ 2. เพอใหผ เรยนสามารถเลอกประเภทของวารสารออนไลนไดอยางเหมาะสมกบงาน 3. เพอใหผ เรยนเขาใจหลกทฤษฏในการออกแบบวารสารออนไลนได 4. เพอใหผ เรยนสามารถสรางวารสารออนไลนแบบตาง ๆ ได 5. เพอใหผ เรยนสามารถนาเสนอวารสารออนไลนบนระบบ internet ได 6. เพอใหผ เรยนมความเขาใจในธรกจวารสารออนไลน

3. รายชอหนงสอ/บทความวชาการ/เอกสารประกอบการสอน

ตาราหลก 1. พเศศ ตนตมาลา,เอกสารประกอบการสอนวชา วารสารออนไลน , กรงเทพฯ : มหาวทยาลยเกษมบณฑต

,2552

2  

หนงสอ/บทความวชาการ/เอกสารประกอบการสอน

1. ธวชชย ศรสเทพ, คมภร Webdesign คมอออกแบบเวบไซทฉบบมออาชพ, กรงเทพฯ : Provision,2550

2. สทธชย ประสานวงศ, Dreamweaver CS4 Easy Guide , กรงเทพฯ : Softpress,2552 3. สธร นวกล, สรางงานแอนเมชนทนใจกบ Flash CS4, กรงเทพฯ : ซเอดยเคชน,2552 4. อนชา ลวรกล, เกง SEO ใหครบสตร, กรงเทพฯ : วตตกรป,2552 5. อนชา ลวรกล, WordPress สรางบลอกอจฉรยะ กาวกอนใครในโลกออนไลน, กรงเทพฯ : วตตกรป,2551 6. Doug Sahlin, How to Do Everything with Adobe Acrobat 8, USA : McGraw-Hill Osborne

Media,2549 7. David McFarland, Dreamweaver CS3: The Missing Manual, USA : Amazon ,2552

4. วธการเรยนการสอน 1. การบรรยาย 50% 2. การฝกปฏบตในชนเรยน กจกรรม/รายงาน 50%

5. เกณฑการวดและประเมนผล 1. คะแนนฝกปฏบตในชนเรยน 30% 2. คะแนนโครงงาน 30% 3. จตพสย 10% 4. คะแนนสอบปลายภาค 30%

รวมคะแนนตลอดภาค 100%

3  

6. รายละเอยดเนอหาวชา

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

1

พฤศจกายน

53

วารสารออนไลนเบองตน - วารสารแบบตาง ๆ ในปจจบน - เทคโนโลยวารสารในอนาคต - ทศทางของวงการวารสารในอนาคต - แนะนาเครองมอทใชสรางวารสารออนไลน

- บรรยาย - Pre-test - กจกรรมกลม

2

พฤศจกายน

53

ววฒนาการของ Website - ววฒนาการของสอเวบไซต ตงแตยค web 1.0 2.0 และ

เวบในยค 3.0 - ประเภทของเวบไซตในยค web 1.0 - ประเภทของเวบไซตในยค web 2.0 - ประเภทของเวบไซตในยค web 3.0 - การใชประโยชนจากเทคโนโลย web 2.0

- บรรยาย - ปฏบตในหองปฏบตการ

- การสมครใชบรการ Blog - เขยนขาวลงใน Blog

3

พฤศจกายน

53

การใช Social network กบงานวารสารออนไลน - Identity Network - Creative Network - Interested Network - Collaboration Network - Gaming/Virtual Reality - การใชเทคนค viral marketing

- บรรยาย - กจกรรมกลม - ปฏบตในหองปฏบตการ

- แปลรปวารสารแบบออฟไลนจากวชาผลตสอสงพมพเปนแบบดจตอล

4

พฤศจกายน

53

พฤตกรรมผบรโภคของวารสารออนไลน - พฤตกรรมผบรโภคในประเทศไทยทมตอ internet - การแบงกลมผบรโภคเพอใหเหมาะสมกบวารสาร - การใชระบบ Static data วเคราะหการใชงานจาก

เวบไซต หลกการออกแบบโดยคานงถงผ ใช

- Usability คออะไร - การออกบบหนาจอใหเปนมตรกบผ ใช

- บรรยาย - กจกรรมกลม - ปฏบตในหองปฏบตการ

- ศกษาพฤตกรรมการใชงานเวบไซตผานเวบ Google analytics

5

ธนวาคม 53

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

- บรรยาย - กจกรรมกลม - ปฏบตในหองปฏบตการ

- ฝกการใชงาน Adobe

4  

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

Acrobat ในการสราง

6

ธนวาคม 53

การสรางเวบไซต 1 - การเขยนโครงการการสรางเวบไซต - หลกการออกแบบเวบไซต - กระบวนการผลตเวบไซต - การสมครสมาชก Hosting

- บรรยาย - ปฏบตในหองปฏบตการ

- การใช Photoshop ออกแบบหนาเวบไซต

ชวงสอบกลางภาค ( วชานไมมสอบ ) 7

ธนวาคม 53

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

- บรรยาย - ปฏบตในหองปฏบตการ

- การใช Dreamweaver คาสงพนฐาน

- การนาผลงานการออกแบบหนาจอการทางานทไดจาก Photoshop ไปใชใน Dreamweaver

- สรางหนาเวบไซต 1 หนา

8

มกราคม 54

การสรางเวบไซต 3 - การใชระบบมาตรฐาน CSS ในการสรางเวบไซต - การปรบแตงแมแบบเวบไซต - การเชอมโยงเวบไซต

- บรรยาย - ปฏบตในหองปฏบตการ

- การใช Dreamweaver สรางแมแบบเวบไซต

9

มกราคม 54

การสรางเวบไซต 4 - การคดเลอกรปภาพและเนอหา - การนาเนอหาเขาไปใสในหนาเวบไซต - การนาเนอหาขนไปเผยแพรในระบบ internet

- บรรยาย - ปฏบตในหองปฏบตการ

- การนาเนอหาใสในเอกสาร html

- นาเนอหาเผยแพรบน internet

10

มกราคม 54

Digital paper - ววฒนาการและเทคโนโลยของ หนงสอและนตยสารอ

เลกทรอนกส - กรณศกษารานขายหนงสออเลกทรอนกส - อนาคตของหนงสออเลกทรอนกส - Hardware ทเกยวของ

- บรรยาย - กจกรรมกลม

- รวมกนศกษาเวบไซตทจาหนายหนงสอแบบอเลกทรอนกส

5  

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

- E-ink หนงสอยคใหม

11

มกราคม 54

การสรางและบรหารเวบไซตแบบ CMS 1 - ความหมายของเวบไซตแบบ CMS - การใชงาน Wordpress

- บรรยาย - ปฏบตในหองปฏบตการ

- ตดตง Wordpress - ตดตงแมแบบสาเรจรป - ตดตง Plugin - นา cms ไปแผยแพร

12

กมภาพนธ 53

การสรางและบรหารเวบไซตแบบ CMS 2 - การปรบแตงสวนตดตอกบผ ใชของ wordpress โดยใช

Dreamweaver และ Photoshop - เทคนคการเพมความสารถการนาเสนอของ Rich text

editor

- บรรยาย - ปฏบตในหองปฏบตการ

- ฝกปรบแตง Interface เวบไซต CMS

13

กมภาพนธ 53

การสรางหนงสอเสมอนจรง - สรางหนงสอเสมอนจรงดวย Flash - การนาหนงสอเสมอนจรงเผยแพรบน internet

- บรรยาย - ปฏบตในหองปฏบตการ

- การใช Flash flip ทานตยสารเสมอนจรงโดยใชภาพจากนตยสารปกต

- การนานตยสารเผยแพรบน internet

14

กมภาพนธ 53

ทศทางวารสารออนไลนไทย - แนวคดการกอตงธรกจวารสารอเลคทรอนกส - ทศทางของตลาด - อนาคตของวารสารไทย

- บรรยาย - เชญวทยากรจากบรษททผลต

วารสารออนไลน มารวมพดคย

15 กมภาพนธ

53

สรปความร - นาเสนอผลงานวารสารออนไลน - สรปความร

- บรรยาย - นาเสนอผลงาน

สอบปลายภาค 7. แหลงวทยาการ ( ศกษา คนควา อางอง )

- หองสมดมหาวทยาลยเกษมบณฑต

6  

- หองสมด อทยานการเรยนร