สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 11

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 11
ระหว่างวันที่ 23 ธันวาคม  - 27ธันวาคม พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign    
สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์
ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

งานที่ปฏิบัติ

1. ออกแบบหน้าเว็บเพจ จำนวน 4 หน้า โดยใช้โปรแกรม Adobe Photoshop

2. จัดหน้าเว็บเพจด้วยภาษา HTML จำนวน 1 หน้า โดยใช้โปรแกรม Adobe Dreamweaver

ปัญหาและอุปสรรค

1. เนื่องจากข้อจำกัดของขนาดหน้าเว็บที่ออกแบบ และขนาดของเว็บไซต์ต้นแบบมีขนาดต่างกัน

ทำให้เนื้อที่มีไม่เพียงพอ

2. เนื่องจากต้องทำการออกแบบหน้าเว็บจำนวนหลายหน้า ทำให้บางครั้งคิดงานไม่ออก

วิธีแก้ปัญหา

1. หากเนื้อหามีจำนวนมากและไม่สามารถใส่ลงไปให้พอดีกับหน้าเว็บได้ จะปรับเปลี่ยนการออกแบบ เช่น ปรับเปลี่ยนการจัดวางรูปภาพจากการวางรูปภาพหลาย ๆรูปลงไปเป็นการใช้การออกแบบให้เป็นลักษณะสไลด์บาร์แทน

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

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 10

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 10
ระหว่างวันที่ 16 ธันวาคม  - 20 ธันวาคม พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign    
สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์
ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

งานที่ปฏิบัติ

1. ออกแบบหน้าเว็บเพจ จำนวน 6 หน้า โดยใช้โปรแกรม Adobe Photoshop

ปัญหาและอุปสรรค

1. เนื่องจากข้อจำกัดของขนาดหน้าเว็บที่ออกแบบ และขนาดของเว็บไซต์ต้นแบบมีขนาดต่างกัน

ทำให้เนื้อที่มีไม่เพียงพอ

2. เนื่องจากต้องทำการออกแบบหน้าเว็บจำนวนหลายหน้า ทำให้บางครั้งคิดงานไม่ออก

วิธีแก้ปัญหา

1. หากเนื้อหามีจำนวนมากและไม่สามารถใส่ลงไปให้พอดีกับหน้าเว็บได้ จะปรับเปลี่ยนการออกแบบ เช่น ปรับเปลี่ยนการจัดวางรูปภาพจากการวางรูปภาพหลาย ๆรูปลงไปเป็นการใช้การออกแบบให้เป็นลักษณะสไลด์บาร์แทน

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

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 9

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 9
ระหว่างวันที่ 9 ธันวาคม  - 13 ธันวาคม พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign    
สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์

ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

 

 

งานที่ปฏิบัติ

1. จัดทำคู่มือเว็บไซต์ห้างพาลาเดียม จำนวน 17 หน้า ด้วยโปรแกรม MicrosoftWord (งานต่อ)

2. ออกแบบเว็บไซต์เกี่ยวกับยาให้ลูกค้า จำนวน 2 หน้า ด้วยโปรแกรม Adobe Photoshop และ Adobe Illustrator 

3. จัดทำสัญลักษณ์สำหรับใส่ในเว็บไซต์ของลูกค้า จำนวน 6 แบบ  ด้วยโปรแกรม Adobe Photoshop และ Adobe Illustrator 

 

ปัญหาและอุปสรรค

1. มีประสบการณ์ไม่มากพอในการออกแบบหน้าเว็บไซต์ลักษณะธุรกิจและเป็นไปตามความต้องการของลูกค้า ทำให้เกิดปัญหาในการดีไซน์หน้าเว็บ การจัดเนื้อหาให้พอดีกับหน้าเว็บไซต์เพื่อทำให้เว็บไซต์เกิดความสมดุล 

วิธีแก้ปัญหา

1. ค้นหาเทลมเพลตลักษณะธุรกิจต่าง ๆเพื่อดูเป็นแนวทาง และนำมาปรับใช้ในการออกแบบเว็บไซต์

 

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 8

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 8
ระหว่างวันที่ 2 ธันวาคม  - 6 ธันวาคม พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign    
สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์
ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

งานที่ปฏิบัติ

1. ปักหมุดพิกัดร้านค้าห้างพาลาเดียมของเว็บไซต์ลูกค้า ใส่ในระบบBackoffice จำนวน 476 ร้าน

2. จัดทำแผนผังรูปภาพ เพื่อนำประกอบเว็บไซต์ลูกค้า จำนวน 1 รูป ด้วยโปรแกรม Adobe Photoshop

3. จัดทำภาพตัวเลข เพื่อนำประกอบคู่มือเว็บไซต์ จำนวน 17 รูป ด้วยโปรแกรม Adobe Photoshop

4. แคปภาพหน้าจอและตัดต่อ จำนวน 32 รูป ด้วยโปรแกรม Adobe Photoshop 

5. ตรวจสอบความถูกต้องของลิ้งค์ต่าง ๆบนเว็บไซต์ของลูกค้า

6. จัดทำคู่มือเว็บไซต์ห้างพาลาเดียม จำนวน 21 หน้า ด้วยโปรแกรม MicrosoftWord

ปัญหาและอุปสรรค

1. ในการปักหมุดเนื่องจากพิกัดร้านบางตำแหน่งได้ขาดหายไปและบางช่องมีตำแหน่งว่างอยู่ แต่ไม่ได้ใส่ตัวเลขของพิกัดร้านนั้น ๆ

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

วิธีแก้ปัญหา

1. จดรายละเอียดของพิกัดร้านที่มีปัญหา และแจ้งให้ผู้มอบหมายงานทราบ

2. นำคู่มือเว็บไซต์ที่หน่วยงานได้เคยจัดทำมาศึกษา

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 7

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 7
ระหว่างวันที่ 25 พฤศจิกายน  - 29 พฤศจิกายน พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign    
สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์ ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

   

งานที่ปฏิบัติ
1. แก้ไขรูปภาพด้วยโปรแกรม Adobe Photoshop จำนวน 9 รูป
2. นำข้อมูลรายละเอียดสินค้าของเว็บไซต์ลูกค้าจัดใส่ในระบบBackoffice จำนวน 65 บทความ

3. ปักหมุดพิกัดร้านค้าห้างพาลาเดียมของเว็บไซต์ลูกค้า ใส่ในระบบBackoffice จำนวน 48 ร้าน

ปัญหาและอุปสรรค
1. ข้อมูลรายละเอียดสินค้ามีจำนวนมาก ซับซ้อน ทำให้เกิดความสับสนในการจัดใส่ระบบBackoffice
2. ข้อมูลพิกัดร้านค้ากับรูปภาพที่ลูกค้ามาให้มามีข้อมูลซึ่งไม่ตรงกัน

วิธีแก้ปัญหา
1. จัดทำChecklist เพื่อลดปัญหาการทำงานซ้ำซ้อน และให้ทราบว่าได้ดำเนินงานถึงส่วนไหน
2. บันทึกข้อมูลของพิกัดที่มีปัญหา และแจ้งให้ผู้มอบหมายงานทราบ

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 6

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 6
ระหว่างวันที่ 18 พฤศจิกายน  - 22 พฤศจิกายน พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign     
  สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์
ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

งานที่ปฏิบัติ 

1. หาตัวอย่างเว็บไซต์เพื่อนำมาเป็นแนวทางในการออกแบบ จำนวน 10 เว็บไซต์

แบ่งเป็น เว็บไซต์แนวโมเดิร์น จำนวน 5 เว็บไซต์ และเว็บไซต์ E-commerce ที่มี Shopping card จำนวน 5 เว็บไซต์

 

2. ปรับแก้การจัดวางเนื้อหาบทความในระบบ Backoffice จำนวน 1 บทความ

3. แก้ไขรูปภาพ จำนวน 2 รูปภาพ โดยใช้โปแกรม Adobe Photoshop

4. แก้ไขระยะห่างระหว่างรูปภาพและข้อความ ภายในระบบ backoffice จำนวน 8 รูป

5. นำข้อมูลรายละเอียดเว็บไซต์ จัดใส่ในระบบ Backoffice จำนวน 4 บทความ

ปัญหาและอุปสรรค

1. ในการหาตัวอย่างเว็บไซต์ เนื่องจากภายในเว็บไซต์ที่ใช้หานั้น มีข้อมูลจำนวนมาก ทำให้ใช้เวลานาน ในการเจอเว็บไซต์ในลักษณะที่ต้องการ

วิธีแก้ปัญหา   

1. ใช้คำค้นหาลักษณะเฉพาะ ของลักษณะเว็บไซต์ที่ต้องการ เพื่อทำให้ข้อมูลลดลง และประหยัดเวลาในการค้นหามากขึ้น 

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 5

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 5
ระหว่างวันที่ 11 พฤศจิกายน  - 15 พฤศจิกายน พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign     
  สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์
ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

งานที่ปฏิบัติ
1. ตัดหน้าเว็บไซต์ด้วยภาษา html และ CSS โดยใช้โปรแกรม Adobe Dreamweaver

 

2. นำข้อมูลรายละเอียดการให้บริการด้านต่าง ๆ ของเว็บไซต์ที่ลูกค้าได้ส่งมา จัดใส่ระบบ Backoffice จำนวน 7 บทความ ดังนี้
    2.1 SERVICE AND SUPPORT
    2.2 SERVICE  Training
    2.3 SERVICE Warranty
    2.4 SERVICE Support Center
    2.5 SERVICE Telesis
    2.6 SERVICE Net.Cover
    2.7 SERVICE Net.Professional

3. แก้ไขรูปภาพโดยปรับขนาดรูปให้เท่าขนาดต้นฉบับ และใส่เอฟเฟกต์ต่าง ๆ ภายในรูป จำนวน 11 รูป

ปัญหาและอุปสรรค
1. ไม่ชำนาญในการใช้ CSS อย่างเพียงพอ

วิธีแก้ปัญหา
1. สอบถามจากผู้มอบหมายงาน ค้นหาจากอินเทอร์เน็ต และหนังสือ

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 4

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 4
ระหว่างวันที่ 4 พฤศจิกายน  - 8 พฤศจิกายน พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign     
สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์
ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

งานที่ปฏิบัติ
1. นำข้อมูลของเทคโนโลยี AMF จัดใส่ระบบ Backoffice จำนวน 9 บทความ ดังนี้
1.1  Solution - AMF 
1.2  Solution - Core Network
1.3  Solution - Fiber Connectivity
1.4  Solution - Healthcare
1.5  Solution - IP Surveillance
1.6  Solution - IT Infrastructure
1.7  Solution - LAN Security
1.8  Solution - Managed Services
1.9  Solution - Secure Access VPN

2. แก้ไขตารางโครงสร้างการใส่ข้อมูลในระบบ  Backoffice จำนวน 9 ตาราง
3. ปรับขนาดรูปภาพ จำนวน 20 รูป โดยใช้โปรแกรม Adobe Photoshop
4. นำรูปภาพจัดใส่ในระบบ Backoffice จำนวน 20 รูป 

5. ตัดรูปภาพต่าง ๆ ภายในหน้าเว็บไซต์ให้เป็นไฟล์ png จำนวน 1 หน้า ประกอบด้วย 26 รูป โดยใช้โปรแกรม Adobe Photoshop

6. จัดรูปแบบหน้าเว็บไซต์ด้วยวิธีการกำหนด CSS โดยโช้โปรแกรม Adobe Dreamweaver

ปัญหาและอุปสรรค
1. ไม่มีความชำนาญในระบบ Backoffice จึงทำให้ไม่ทราบว่าควรจัดโครงสร้างการใส่ข้อมูลในลักษณะใด
2. ไม่ทราบวิธีการจัดระยะห่างระหว่างบรรทัดในระบบ Backoffice
3. ฐานข้อมูลมีการปรับแก้ไข จึงทำให้ข้อมูลภายในระบบ Backoffice ที่ทำไว้สูญหายทั้งหมด
4. ไม่สามารติดตั้งโปรแแกรม Sublime Text2 ที่ภายในองค์กรได้ใช้ได้
5. ไม่เข้าใจในขั้นตอนและวิธีการตัดหน้าเว็บ
6. ไม่ชำนาญและไม่ถนัดในการใช้ CSS
7. ไม่ทราบขนาดหน้าเว็บว่าแต่ละส่วนมีขนาดเท่าไร



วิธีแก้ปัญหา
1. สอบถามจากพี่ที่ได้มอบหมายงานว่าควรจัดโครงสร้างการใส่ข้อมูลเช่นไรและวิธีการจัดระยะห่างระหว่างบรรทัด
2. จัดทำข้อมูลใหม่ทั้งหมดและทำการสำรองข้อมูลเก็บไว้ เพื่อป้องกันข้อมูลสูญหาย
3. ใช้โปรแกรม Adobe Dreamweaver แทนโปรแแกรม Sublime Text2
4. สอบถามจากพี่ที่ได้มอบหมายงานถึงขั้นตอนและวิธีการต่าง ๆ ว่าควรตัดหน้าเว็บในส่วนไหน ควรดูอย่างไรว่าส่วนไหนควรตัดหรือไม่ตัด ทำให้ทราบว่าพื้นหลังให้ตัดเป็นขนาดเล็กและค่อยใช้CSSมากำหนดค่าเพื่อประหยัดเนื้อที่ เมื่อนำไปโหลดบนเว็บไซต์, รูปต้องทำเป็นไฟล์ png, ตัวอักษรทั่วไปที่ไม่ได้ออกแบบไม่จำเป็นต้องตัด
5. พี่ผู้ดูแลได้ดูแลอย่างใกล้ชิดคอยสอนและให้คำปรึกษาในส่วนต่าง ๆ ที่มีความไม่เข้าใจ
6. ใช้เครื่องมือ Selection ภายในโปรแกรม Adobe Photoshop ดูค่าความกว้างความยาวของรูปภาพแต่ละรูป และจึงนำมากำหนดค่าลงใน CSS

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 3

สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 3
ระหว่างวันที่ 28 ตุลาคม  - 1 พฤศจิกายน พ.ศ. 2556
สถานที่ฝึกประสบการณ์วิชาชีพโรงเรียนสอนคอมพิวเตอร์กราฟิคNetDesign     
สาขาฟอร์จูนทาวน์ ฝ่ายเว็บไซต์
ผู้ดูแลการฝึกประสบการณ์วิชาชีพ : นายณัฐเดช จุลวรรณ
โทรศัพท์เคลื่อนที่ : 084-4873889

งานที่ปฏิบัติ
1. นำบทความจัดใส่ระบบ Backoffice จำนวน 12 บทความ ดังนี้
        1.1   5 ไอเดียสุดชิค แต่งพื้นที่เล็ก ๆ ให้กิ๊บเก๋
        1.2   ก่อนเลือกพรมปูพื้น ก็มีเรื่องที่ควรรู้เหมือนกันนะ
        1.3   การจัดสวน แต่งสวนสวย ด้วยสีสันจากไม้ใบ
        1.4   เกร็ดน่ารู้ ว่าด้วยเรื่องของ..บ่อปลาคาร์พ
        1.5   ค่า pH ในดินคืออะไร มีผลกับพืชยังไง มาดูกัน
        1.6   เคยไหม ใช้วิธีทำความสะอาดแบบผิด ๆ
        1.7   จัดระเบียบตู้เสื้อผ้าได้เรียบร้อยทันใจใน 15 นาที
        1.8   แต่งบ้านเทรนด์สีต่างๆ
        1.9   ผ้าปูโต๊ะพร้อมถุงเก็บมือถือ แก้นิสัยติดโซเชียล
        1.10 วิธีทำความสะอาดผ้าม่าน
        1.11 วิธียาแนวห้องน้ำ แก้ปัญหาคราบดำบนร่องกระเบื้อง
        1.12 สารพันเรื่อง หญ้า ที่น่ารู้ คู่สวนสวย

2. แก้ไขหน้าเว็บไซต์ จำนวน 3 หน้า โดยใช้โปรแกรม Adobe Photoshopshop

3. แก้ไขข้อมูลเบอร์โทรศัพท์ และข้อมูลไปรษณีย์อิเล็กทรอนิกส์ จำนวน 1 แบบ

 โดยใช้โปรแกรม  Adobe Photoshopshop และโปรแกรม Adobe Illustrator

4. จัดทำป้ายข้อความ View feedback จำนวน 1 แบบ เพื่อนำลงภายในเว็บไซต์
5. นำข้อมูลจัดใส่ระบบ Backoffice  ในหัวข้อ Solutions for Managed Service โดยแบ่งเป็นหัวข้อย่อย 4 หัวข้อ ดังนี้
       5.1 IP Triple Play (ใส่hyperlink)
       5.2 Voice over IP (ใส่ hyperlink)
       5.3 Broadband Access (ใส่ hyperlink)
       5.4 Ethernet Transport (ใส่ hyperlink)

6. รีทัชแก้ไขรูปแว่นตา จำนวน 3 รูป โดยใช้โปรแกรม Adobe Photoshopshop

ปัญหาและอุปสรรค
1. ในระบบ Backoffice ไม่สามารถใช้ย่อหน้าโดยการใช้ปุ่ม Spacebar หรือ ปุ่ม Tab ได้ ทำให้ไม่สามารถจัดย่อหน้าหรือจัดรูปภาพได้
2. หน้าเว็บไซต์ที่นำมาแก้ไขเป็นงานของพนักงานคนเก่าที่ได้ทำไว้ และมีจำนวนมากทำให้เกิดความสับสน
3. ข้อจำกัดของขนาดความกว้างและสูงของป้ายข้อความ ทำให้เกิดปัญหาตัวอักษรเล็ก มองไม่ชัดเจน

วิธีแก้ปัญหา
1. .ใช้วิธีการสร้างตารางภายในระบบ Backoffice และนำโค้ด html มาใช้ในการช่วยจัดย่อหน้าหรือรูปภาพให้เป็นไปตามแบบที่ได้กำหนดไว้
2. เปิดไฟล์งาน psd แต่ละไฟล์ที่พนักงานคนเก่าได้ทำไว้ และทำการ Checklist ทั้งในส่วนของชื่อไฟล์งาน ชื่อหัวข้องาน งานส่วนไหนที่ดำเนินการไปแล้ว
งานส่วนไหนที่ยังไม่ได้ดำเนินการ และต้องแก้ไขตรงส่วนไหนบ้าง
3. ตรวจสอบจากภายในหน้าเว็บไซต์ว่ามีพื้นที่เหลือหรือไม่ เมื่อพบว่ามีพื้นที่เหลือจึงขยายความกว้างและความสูงของป้ายข้อความ เพื่อให้มองเห็นตัวอักษรได้ชัดเจน