การออกแบบ T-Shirt

ROBINSON T-Shirt Contest 2013 (BOX) MBE สาขาเซ็นทรัลพระราม จัดส่งไปรษณีย์ 9/9ถ.พระราม 9 แขวงห้วยขวาง เขต ห้วยขวาง กทม. 10310

รายงานการออกแบบพัฒนาWord Press Themes

สัปดาห์ที่ 13 ( วันพุธ ที่ 11 กันยายน ) การใช้งานระบบ

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

อาจารย์ได้สอนในส่วนของระบบ  WordpressThai

1.      Root   คือ  ไดเร็กเทอรี่  เป็นการจักการระดับขั้น

2.      ในหน้าของ Log in  เมื่อตอนแรกเราเข้ามาในชื่อของ admin แล้ว ให้ไปเปลี่ยนแปลงแก้ไขเป็นชื่อของผู้ใช้เอง 

สัปดาห์ที่ 12 ( วันพุธที่ 4 กันยายน ) การดาวน์โหลดและติดตั้ง WordpressThai

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

อาจารย์ได้ให้ไปศึกษาว่า  สิ่งที่เราได้ศึกษาจาก WordpressThai มีอะไรบ้าง

1.     แก้ไข  Theme  ในส่วนที่เป็นของอาจารย์  และศึกษา Themes เพิ่มเติมในรูปแบบต่างๆมาอีก 3 แบบ  เพื่อนำมาแก้ไขในหน้าของเราเอง  ควรเป็นแบบที่มีภาพสไลด์โชว์

2.     รูปลักษณ์หน้าเว็บ  วิธีการแก้ไขรูปภาพสไลด์ของ Theme เดิมมาเป็นรูปแบบของเราเอง

สัปดาห์ที่ 11 ( วันพุธ ที่ 28 สิงหาคม ) เอกสารการเรียนรู้ ของวิชา Arti3319

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

อาจารย์ได้เริ่มสอนการทำงานของ WordpressThai  โดยเริ่มจากการดาวน์โหลด WordpressThai 3.6  จากที่ไหน  และรหัสเข้าระบบที่ใช้งานร่วมกันคือ  ชื่อ : admin  , รหัสผ่าน : admin

      Css  คือ  รูปแบบกราฟฟิคตัวที่ถูกแสดง

      Cms  คือ  ระบบจัดการเนื้อหา  การรวบรวมเอกสารร่วมกัน

     Template  คือ  โชว์ส่วนหัวและส่วนรายละเอียด  แต่ต้องตั้งชื่อก่อนพร้อมจัดเก็บที่อยู่

      Open source cms.com  คือ  การทำงานร่วมกันแล้วส่งคืนให้

สัปดาห์ที่ 10 ( วันพุธ ที่ 14 สิงหาคม 2556 ) การใส่ Gadget สัญญาอนุญาตของครีเอทีฟคอมมอนส์

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

1.      อาจารย์ได้สอนเรื่องการใส่แก็ตเจ็ด ( Gadget ) ด้านข้างของสัญญาอนุญาตของครีเอทีฟคอมมอนส์ ( CREATIVECOMMONS LICENSES )

ทีมา : http://human-gohi-somkanay.blogspot.com/ ที่blogspot.com ของ นายคทา เขนทอง

2.      สอนวิธีการทำแบบสอบถามให้กับบล็อกของอาจารย์สมคเน ในภาควิชาภูมิศาสตร์และประวัติศาสตร์เชิงท่องเที่ยว

http://human-gohi-somkanay.blogspot.com/p/blog-page_17.html

รายงานขั้นตอนการทำแบบทดสอบ-แบบสำรวจใส่ในบล็อก

http://issuu.com/kata2520/docs/____________________________________dd77085dd76470

สัปดาห์ที่ 9 ( วันพุธ ที่ 7 สิงหาคม 2556 ) การสอบปฎิบัติและการใส่แบนเนอร์ลิงค์

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้จัดให้มีการสอบและมีการสอนและสั่งงาน ดังนี้

การสอบปฎิบัติ

1.      ให้แนะนำบล็อกของอาจารย์ที่เรามีส่วนร่วมออกแบบโดยการ capture ใส่ในโพสของเราโดยจัดขนาดให้พอดีแนะนำ และใช้ภาพเป็นลิงค์ 

(ที่มาของวีดีโอ http://www.youtube.com/watch?v=5h0HLgvzdMk&list=UUz_o-jsmIznvcQyQxnzrYZQ&index=4 ,2556)

2.      ให้เชิญอาจารย์เป็นแอดมินและตั้งอาจารย์เป็นแอดมินร่วม

3.      ให้นำภาพ banner ระบบ e-learning ไปใส่เพิ่มใน gedget พร้อมสร้างลิงค์

สัปดาห์ที่ 8 ( วันพุธ ที่ 31 กรกฏาคม 2556 )

ในสัปดาห์นี้มีการเรียนการสอน  เนื่องจากอาจารย์ต้องคุมสอบ  จึงให้ทำงานเก่าที่สั่งไปให้เรียบร้อยและศึกษาหาความรู้นอกเหนือจากเรียนในห้อง

สัปดาห์ที่ 7 ( วันพุธ ที่ 24 กรกฏาคม 2556 ) การใช้งาน ISSUU

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

     1.  ให้ศึกษาการเข้าใช้ www.issuu.com  เพื่อที่จะทำหนังสือ online Magazine

     2.  Upload เอกสารที่เป็น PDF ลงมาเรียบร้อย ให้ทำตามขั้นตอนดังรูปข้างล่าง เพื่อนำ Embed code มาใส่ในบล็อก

สัปดาห์ที่ 6 (วันพุธ ที่ 17 กรกฏาคม 2556) การแก้ไขภาพหรือวีดีโอด้วย HTML

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

     สอนการแก้ไขขนาดของภาพ หรือวีดีโอ ด้วยการแก้ทาง HTML เป็นการแก้ไขส่วนต่างๆของ Theme และการแสดงผล การจัดรูปแบบ Layout ต่างๆ ซึ่งต้องมีความรู้ด้าน HTML พอสมควรเลยครับ สำหรับการจัดรูปแบบการแสดงผลจะเป็นโค้ด CSS ครับ ซึ่งก็ต้องมีความรู้ด้านนี้อีกเหมือนกัน เพื่อใช้งานควบคู่กันไป

     1.  เป็นการ Download Theme ต้นแบบเอาไว้ครับ เรียกว่าการ Backup Theme เพื่อกันการเกิดปัญหาต่างขึ้นมาเมื่อเราแก้ไขผิดพลาด เราก็สามารถ Upload ไฟล์ที่เราทำการ Backup ไว้ ก็จะกลับมาเป็นเหมือนเดิม

     2.  การอัพโหลด Theme ที่เรา Download มาครับ สามารถเรียกดูและ Upload ได้ตามสบาย

     3.  ขยายแม่แบบเครื่องมือ เมื่อติ๊กถูกแล้วจะแสดงรูปแบบโค้ดให้เราเต็มรูปแบบจะสามารถปรับแต่งได้มากขึ้นครับ ก่อนที่จะทำการแก้ไข HTML หรือ CSS เราก็ต้องติ๊กถูกหน้า ขยายเครื่องมือแม่แบบเสมอครับ

     4.  โค้ด HTML – CSS ต่างๆที่เราจะแก้ไขครับ

สัปดาห์ที่ 5 (วันพุธ ที่ 10 กรกฏาคม 2556) วิธีการสร้างบล็อกและการปรับแต่งครั้งที่ 2

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

     1.  สร้างบล็อก ( Blogger ) ให้กับอาจารย์ภาควิชาให้ใช้ชื่อของอาจารย์และชื่อสาขาวิชาในชื่อบล็อก โดยให้เริ่มจากสมัคร Gmail  เพื่อทำการสร้างบล็อก  โดยใช้ template - Live on blog - ตั้งค่าเป็น 2 คอลัมน์

     2.  ความกว้างบล็อก 980 right , side bar 330

     3.  เลือกพื้น background โดยเลือก download ไฟร์ที่อาจารย์แชร์ให้ใน google drive ชื่อว่า youtube-background จัดวาง alignment center เป็นแบบกึ่งกลางระดับบน ไม่จัดเรียงภาพพื้นหลัง ( Don’t tile)

     4.  ชื่อบล็อกควรตั้งชื่อให้เป็นภาษาอังกฤษ หรือภาษาสากล ของอาจารย์ภาควิชานั้นๆ

     5. สร้างแถบนำทางโดยมีชื่อหัวข้อ หลักสูตรศิลปศาสตรบัณฑิต , มคอ : TQF , Resources , Tutorials Links , บุคลากร , Survey : แบบสำรวจ  เป็นต้น  โดยหาข้อมูลได้จากอาจารย์ที่ภาควิชาและหาข้อมูลทาง Internet

ขั้นตอนการเรียนรู้และแนะนำส่วนประกอบของการสร้างบล็อกครั้งที่ 2

Link issuu.com/kata2520/docs/___________________________blogger0?e=1928092/4070164

สัปดาห์ที่ 4 ( วันพุธ ที่ 3 กรกฏาคม 2556 ) วิธีการสร้างและปรับแต่งบล็อก

           ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

     1.  สร้างบล็อก ( Blogger ) ของตัวเองให้ขึ้นต้นชื่อบล็อกด้วย ARTI3319 แล้วตามด้วยชื่อตนเอง

     2.  โดยใช้ template - Live on blog - ตั้งค่าเป็น 2 คอลัมน์

     3.  ความกว้างบล็อก 980 right , side bar 330

     4.  เลือกพื้น background โดยเลือก download ไฟร์ที่อาจารย์แชร์ให้ใน google drive ชื่อว่า youtube-background จัดวาง alignment center เป็นแบบกึ่งกลางระดับบน ไม่จัดเรียงภาพพื้นหลัง ( Don’t tile)

     5.  คำอธิบายบล็อกให้ตั้งตามแบบที่อาจารย์ให้ตัวอย่างมา เช่น เว็บบล็อกสรุปผลการเรียนรู้ ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ ของ.......( ตามด้วยชื่อของตนเอง )

ขั้นตอนการเรียนรู้แนะนำส่วนประกอบของการสร้างบล็อก

issuu.com/kata2520/docs/___________________________blogger0?e=1928092/4070164

สัปดาห์ที่ 3 ( วันพุธ ที่ 26 มิถุนายน 2556 ) ศึกษาเครื่องมือออนไลน์

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน ดังนี้

     1.  ขั้นตอนการเรียนรู้วีธีการแบ่งไฟล์. PDF ออกแต่ละหน้า โดยใช้เครื่องมือออนไลน์ที่ www.Splitpdf.com ฟรี

วิธีการทำมีขั้นตอนดังต่อไปนี้คือ

     1.  การเตรียมการ ( สิ่งที่ต้องมีคือ...ไฟล์ PDF ควรตั้งชื่อเป็นภาษาสากลหรือตังเลข ) ไฟล์ที่จะแยก

     2.  โดยการเพิ่มไฟล์ที่ต้องการตัดด้วยการคลิ๊กเข้าไปยังที่ๆเราเก็บไฟล์ไว้

     3.  แยกไฟล์ PDF เป็นหน้าได้ตามต้องการ และยังรวมไฟล์ PDF จากหลายไฟล์ให้เป็นไฟล์เดียวได้ แล้ว  สามารถแยกไฟล์ PDF ทำเป็นหน้าเลขคู่หรือเลขคี่หรือจากหน้าแรกถึงหน้าที่ต้องการได้

สัปดาห์ที่ 2 ( วันพุธ ที่ 19 มิถุนายน 2556 ) E-Brochure

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สอนและสั่งงาน  ดังนี้

     1.  หาข่าวสารจาก www.inhabital.com  หาข่าวสารที่มีสาระเกี่ยวกับด้านเทคโนโลยี  โดยแปลข่าวจากความเข้าใจของเราเอง  และแปลจากเครื่องมือออนไลน์ของระบบ google translate  ทั้งหมด 3 ข่าว

     2.  ให้สืบค้นข้อมูลเนื้อหาเกี่ยวกับของสาขาภูมิศาสตร์และประวัติศาสตร์เชิงท่องเที่ยว (GOHI) จากอาจารย์ภาควิชา  และออกแบบหน้าปกหนังสือให้สอดคล้องกับสาขาวิชาด้วย

     3.  เมื่อเอกสารเสร็จแล้วให้ save เป็น PDF เพื่อจะUpload ลงใน ISSUU โดยต้องเลือกกรุ๊ปที่เราจะ Upload เอกสารด้วย เพื่อให้ง่ายแก่การค้นหา

     4.  ให้แชร์เอกสารของ E-Brochure ลงใน google drive โดยสร้างโฟลเดอร์ ที่ขึ้นต้นด้วย ARTI3319-ตามด้วยชื่อเจ้าของ- ชื่องาน ( E-Brochure)

หลักสูตรศิลปศาสตรบัณฑิต

สาขา ภูมิศาสตร์และประวัติศาสตร์เชิงท่องเที่ยว

จัดทำโดย คทา เขนทอง

arti 3319 กลุ่ม 201

สัปดาห์ที่ 1 ( วันพุธ ที่ 12 มิถุนายน 2556 ) สืบค้นความหมาย

ในการเรียนการสอนของสัปดาห์นี้  อาจารย์ได้สั่งให้หาความหมายของคำที่ให้มานี้

กิจกรรมสืบค้นความรู้และความหมายของคำว่า เทคโนโลยี (Technology) และออกแบบนิเทศศิลป์ (Vissual Communication)

สืบค้นความหมายของคำว่า เทคโนโลยี (Technology)

          1. เทคโนโลยี  หมายถึง  กิจกรรมที่เกี่ยวข้องกับเครื่องจักรกล สิ่งประดิษฐ์ใหม่ ๆ ทาง อุตสาหกรรม ถ้าในแง่ของความรู้ เทคโนโลยีจะหมายถึง ความรู้หรือศาสตร์ที่เกี่ยวกับเทคนิคการผลิตในอุตสาหกรรม และกิจกรรมอื่น ๆ ที่จะเอื้ออำนวยต่อการดำรงชีวิตของมนุษย์ หรืออาจสรุปว่า เทคโนโลยี คือ ความรู้ที่มนุษย์ใช้ทรัพยากรต่าง ๆ ให้เกิดประโยชน์แก่มนุษย์เอง ทั้งในแง่ความเป็นอยู่และการควบคุมสิ่งแวดล้อม ***ผดุงยศ ดวงมาลา (2523 : 16)บ้านแลง.com/วิชาคอมพิวเตอร์

          2. เทคโนโลยี คือ การนำความรู้ทางวิทยาศาสตร์ และศาสตร์อื่น ๆ มาผสมผสานประยุกต์ เพื่อสนองเป้าหมายเฉพาะตามความต้องการของมนุษย์ด้วยการนำทรัพยากรต่าง ๆ มาใช้ในการผลิตและจำหน่ายให้ต่อเนื่องตลอดทั้งกระบวนการ เทคโนโลยีจึงมักจะมีคุณประโยชน์และเหมาะสมเฉพาะเวลาและสถานที่ และหากเทคโนโลยีนั้นสอดคล้องกับสภาพเศรษฐกิจ สังคม การเมือง วัฒนธรรม และสภาพแวดล้อม เทคโนโลยีนั้นจะเกื้อกูลเป็นประโยชน์ทั้งต่อบุคคลและส่วนรวม หากไม่สอดคล้องเทคโนโลยี นั้น ๆ จะก่อให้เกิดปัญหาตามมามหาศาล *** สิปปนนท์ เกตุทัต (ม.ป.ป. 81)บ้านแลง.com/วิชาคอมพิวเตอร์

          3. เทคโนโลยี คือ ความรู้วิชาการรวมกับความรู้วิธีการ และความชำนาญที่สามารถนำไปปฏิบัติภารกิจให้มีประสิทธิภาพสูง โดยปกติเทคโนโลยีนั้นมีความรู้วิทยาศาสตร์รวมอยู่ด้วย นั้นคือวิทยาศาสตร์เป็นความรู้ เทคโนโลยีเป็นการนำความรู้ไปใช้ในทางปฏิบัติ จึงมักนิยมใช้สองคำด้วยกัน คือ วิทยาศาสตร์และเทคโนโลยี เพื่อเน้นให้เข้าใจว่า ทั้งสองอย่างนี้ต้องควบคู่กันไปจึงจะมีประสิทธิภาพสูง ***ธรรมนูญ โรจนะบุรานนท์ (2531 : 170)บ้านแลง.com/วิชาคอมพิวเตอร์

          สรุปความหมายด้วยตัวเอง

          เทคโนโลยี หมายถึง การประยุกต์เอาความรู้ทางด้านวิทยาศาสตร์มาใช้เพื่อให้ประโยชน์ต่อการดำรงชีวิตของมนุษย์หรือหมายถึงการนำความรู้ ทักษะ และทรัพยากรมาผลิตเป็นผลิตภัณฑ์ต่างๆ เพื่ออำนวยความสะดวกหรือตอบสนองต่อความต้องการของมนุษย์

สืบค้นความหมายของคำว่า ออกแบบนิเทศศิลป์ (Vissual Communication)

          1. คำว่า “ นิเทศ ” นั้นมาจากคำว่า “ นิเทศศาสตร์ ” ซึ่งหมายถึงวิชาการที่ว่าด้วยการสื่อสารมวลชนและประชาสมพันธ์  เมื่อร่วมกับคำว่า “ ศิลป์ ” และคำว่า “ ออกแบบ ” จึงได้ความหมายของ “ การออกแบบนิเทศศิลป์ ” ว่าการออกแบบทางศิลปะที่เกี่ยวกับการสื่อสารการออกแบบสื่อที่จะใช้ในการสื่อสารและการสร้างสรรค์รูปแบบการสื่อสารอย่างมีศิลปะ ( ฉลอง สุนทรนนท, 2547 )   http://www.commarts.chula.ac.th/elearning/week_3/nitedsil.pdf

          2. การออกแบบ หมายถึง การสร้างสรรค์สิ่งใหม่เพื่อประโยชน์และความงามด้วยการนำทัศนธาตุทางศิลปะและหลักการจัดส่วนประกอบของงานออกแบบมาใช้ รวมไปถึงการปรับปรุงของเดิมที่มีอยู่แล้วดัดแปลงให้เหมาะสมยิ่งขึ้น

           ดังนั้น การสร้างสิ่งใดๆ ก็ตาม สิ่งแรกจะต้องเริ่มด้วย การออกแบบ อาจจะออกแบบโดยการคิด หรือมีความคิดอยู่ในสมอง ซึ่งเป็นแนวคิดของผู้สร้างเพียงคนเดียว และสามารถอธิบายให้คนอื่นเข้าใจได้ ซึ่งก็เป็นการออกแบบเหมือนกันแต่อาจจะยังไม่สมบูรณ์นัก การออกแบบที่ถูกต้องจะต้องสามารถให้มองเห็นแบบ อาจจะเป็นภาพหรือแบบจำลองที่มีขนาดสัดส่วนให้สามารถมองเห็นผลงานที่จะสร้างได้ชัดเจน  http://cheeranan.exteen.com/20051025/communication-design

          3. คำว่า นิเทศศิลป์ (Visual Communication) มาจากคำในภาษาสันสกฤต 2 คำมาสมาสกัน คือ นิเทศ+ศิลป์ หากจะแปลตามศัพท์จากพจนสนุกรม ก็จะแปลได้ดังนี้

นิเทศ (นิรเทศ,นิทเทศ)น. คำแสดงคำจำแนกออก,ก.ชี้แจง,แสดง,จำแนก,นำเสนอ

ศิลป์ (ศิลปะ)น. ฝีมือทางการช่าง,การแสดงออกซึ่งอารมณ์ให้ประจักษ์ดังใจนึก เมื่อนำมารวมกันก็จะได้ความหมายดังนี้

นิเทศศิลป์ หมายถึง  งานศิลปะเพื่อการชี้แจงแสดง การนำเสนอให้ปรากฎในรูปแบบต่างๆผ่านการมองเห็นเป็นสำคัญ  เพื่อให้เข้าใจชัดเจนขึ้นควรพิจารณาจากรากศัพท์เดิมมาจากภาษาอังกฤษ คือ Visual Communication

Visual แปลว่า การมองเห็น

Communication แปลว่า การสื่อสาร  มาจากคำว่า communis หรือ commones ซึ่งแปลว่า ร่วมกัน หรือเหมือนกัน  นั่นคือ การสื่อสารมุ่งที่จะให้ความคิดความเข้าใจของผู้อื่น ให้เหมือนกับความคิดความเข้าใจของเรา หรือทำอย่างไรจึงจะเอาความรู้สึกนึกคิดของผู้อื่น ได้โดยให้มีความรู้สึกนึกคิดเช่นเดียวกับเราได้ เพราะธรรมชาติมนุษย์ได้รับข่าวสารอย่างเดียวกันมา แต่จะมีความเข้าใจและความรู้สึกนึกคิดแตกต่างกันออกไป การสื่อสารที่ดีต้องมีการวางแผน ในที่นี้ Communication Art ก็อาจแปลได้ว่า ศิลปะ ที่ใช้ในการสื่อสารร่วมกัน ระหว่างบุคคลในสังคม โดยผ่านการมองเห็นเป็นสำคัญ ทำให้ทุกวันนี้งานนิเทศศิลป์ได้เข้ามามีบทบาทต่อชีวิตประจำวันในสังคมมากขึ้น  http://nuttviscom.wordpress.com/about/

          สรุปความหมายด้วยตัวเอง

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