สรุปการฝึกประสบการณ์วิชาชีพในสัปดาห์ที่ 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. ตรวจสอบจากภายในหน้าเว็บไซต์ว่ามีพื้นที่เหลือหรือไม่ เมื่อพบว่ามีพื้นที่เหลือจึงขยายความกว้างและความสูงของป้ายข้อความ เพื่อให้มองเห็นตัวอักษรได้ชัดเจน