• วิธีการทดสอบเว็บไซต์ Responsive บน Smart phone ด้วย Chrome

    Post Views: 6

    thichaluk.s

    “ปัจจุบันกระแสการออกแบบเว็บเชิงตอบสนอง (Responsive design) ถูกนำมาใช้ในการออกแบบเว็บสมัยใหม่ เนืองจากสามารถดูได้ทั้งแบบผ่านเครื่องคอม แท็บเล็ต และมือถือ ได้โดยทันที” แต่ในระว่างการออกแบบ ถ้าผู้ออกแบบจะต้องมีการทดสอบบนอุปกรณ์แท็บเล็ต หรือมือถือ ต่างๆ ซึ่งมีความละเอียดของหน้าจอแตกต่างกันออกไป ซึ่งในส่วนที่ Chrome มีเครื่องมือที่ช่วยในการแสดงผลเว็บไซต์บนอุปกรณ์ Smart phone ได้ โดยไม่ต้องโหลดเพิ่ม แต่ประการใด !!! แถมวิธีการก็ง่ายแสนง่าย  ขั้นตอนที่ 1 ให้ไปที่ More tools > Developer tools ดังภาพ ขั้นตอนที่ 2 เลือกที่รูปโทรศัพท์ ดังภาพ ขั้นตอนที่ 3 สังเกต ด้านซ้ายจะปรากฏหน้าจอมือถือขึ้นมา ให้ระบุ URL ที่เราต้องการดังภาพ จากภาพ จะเห็นว่าหากเป็นเว็บที่ออกแบบด้วยหลักการออกแบบเว็บเชิงตอบสนอง (Responsive design) จะมีการจัดหน้าจอให้เหมาะสมกับอุปกรณ์ ขั้นตอนที่ 4 สังเกต ด้านบน เราสามารถเลือกรุ่นของ Smart Phone…

    >> Read More <<

    , , , ,

  • ทดสอบการแสดงผลเว็บแอพพลิเคชันง่ายๆ บน Browser ต่างๆ ด้วยบริการของ Modern IE

    Post Views: 1

    thichaluk.s

    ในปัจจุบันเว็บแอพพลิเคชันที่มีการพัฒนาจะต้องรองรับ Browser และอุปกรณ์ที่แตกต่างกัน ซึ่งบางครั้งเป็นการยากที่เราจะทดสอบให้ครบได้ จะดีไหมถ้าเราสามารถดูการแสดงผลเว็บแอพพลิเคชันที่พัฒนาว่า หน้าตาเป็นอย่างไรเมื่อแสดงผลบน Browser หรืออุปกรณ์อื่นๆ Microsoft ได้เปิดตัว Modern IE ขึ้น โดยมีบริการที่น่าสนใจที่เรียกว่า Browser screenshots !! ขั้นตอนที่ 1 ไปยัง URL : https://dev.modern.ie/tools/screenshots/ ขั้นตอนที่ 2 ใส่ URL ของเว็บแอพพลิเคชันของเราที่ต้องการ ขั้นตอนที่ 3 กดปุ่ม Enter หรือรูปแว่นขยาย เครื่องมือจะแสดงผลดังภาพ จะเห็นว่าเจ้า Browser screenshots เป็นเครื่องมือที่ช่วยให้เราเห็นหน้าจอเว็บแอพพลิเคชันของเราในเบื้องต้นได้ “หวังว่าจะมีประโยชน์ต่อนักพัฒนาหรือนักทดสอบระบบทุกท่านนะค่ะ”

    >> Read More <<

    , , , , , ,

  • วิธีแก้ปัญหาวินโดวส์บูตไม่ได้หลังจาก resize

    Post Views: 3

    wiboon.w

    ผมต้องการขยายเนื้อที่ (resize) ให้กับ Windows โดยมีพื้นที่ data (linux partition EXT4) อยู่ที่ partition ที่ 1 และ Windows 8.1 อยู่ที่ partition ที่ 2 ผมจึงต้องการไปดึงส่วนท้ายของ partition ที่ 1 มาเพิ่มให้กับ Windows วิธีทำก็คือ ผมก็ resize เนื้อที่ partition ที่ 1 ให้เล็กลง 25 GB จากนั้นผมก็ resize เนื้อที่ partition ที่ 2 ขยายไปทางซ้ายเพื่อเอาพื้นที่ว่างที่ได้มารวมกับเนื้อที่ Windows เดิม จากนั้นทำการ save ในระหว่างนั้นมีคำแนะนำโผล่ขึ้นมาว่า ระวังนะการทำอย่างนี้ใน partition ที่มีส่วนที่เป็น boot ของ Windows จะเสียหายและจะต้องซ่อมแซมเป็นนะ…

    >> Read More <<

    , , , ,

  • ตั้งค่าให้ใช้ IPv6 ที่ Firefox web browser

    Post Views: 1

    wiboon.w

    เรื่องนี้สืบเนื่องมาจากผมใช้ Linux Mint และจะทดสอบว่า network ที่ทำงานสามารถใช้งานเว็บไซต์ที่รองรับ IPv6 แล้วได้หรือไม่ พบว่า ไม่สามารถเข้าถึงได้ ลองทดสอบกับ Firefox บน Windows อ้าว ใช้งานได้  และในขณะเดียวกัน Google Chome ใช้ได้ทั้งบน Linux และ Windows ค้นหาดูใน google search ได้คำตอบว่าหากจะใช้งาน IPv6 ให้ตั้งค่า network.dns.disableIPv6 เป็น false โดยเข้าไปตรวจสอบหรือแก้ไขที่ URL about:config จึงตรวจสอบดู พบว่า Firefox บน Linux Mint ตั้งค่าตัวเลือก network.dns.disableIPv6 เป็น true ในขณะที่ Firefox บน Windows เป็นค่า false ซึ่ง ค่า false ทำให้ใช้งานเว็บไซต์ที่เป็น…

    >> Read More <<

    , , ,

  • Google Classroom Manager

    Post Views: 1

    kanakorn.h

    มีคำถามว่า เราจะสามารถทราบได้หรือไม่ว่ามี Google Classroom อะไรบ้างในโดเมนของเรา  อาจารย์แต่ละคนสร้างกี่ Class และแต่ละ Class นั้นมีจำนวนกี่คน ผมจึงได้ศึกษา Google Classroom API และพัฒนาต่อยอดด้วย Google Apps Script สำหรับใช้งานจาก Google Sheets ดังมีวิธีการติดตั้งและใช้ดังนี้ Credit:  Classroom API : Google Apps Script Quickstart https://developers.google.com/classroom/quickstart/apps-script (่ใช้แบบนี้ไปพลางๆก่อน เดี๋ยวจะทำเป็น Google Sheets Add-On เร็วๆนี้) วิธีการใช้ติดตั้ง เปิดวิธีการติดตั้งและใช้งานที่ http://sysadmin.psu.ac.th/?p=5978 Login เป็น Super Admin ใน GAFE ของท่าน สร้าง Google Sheets ใหม่ขึ้นมา ตั้งชื่อตามต้องการ เปิดเมนู Tools >…

    >> Read More <<

  • ข้อความแจ้งเตือนผู้ใช้ PSU Email ในจดหมายทุกฉบับ

    Post Views: 0

    kanakorn.h

    ตั้งแต่ 8 กันยายน 2558 ทางระบบ PSU Email ได้เพิ่มข้อความเตือนผู้ใช้ ท้ายจดหมายทุกฉบับที่ผ่านระบบ ดังนี้ — มหาวิทยาลัยสงขลานครินทร์ ไม่มีนโยบายสอบถาม รหัสผ่าน (Password) ของผู้ใช้เด็ดขาดไม่ว่ากรณีใดๆ หากพบอีเมลในลักษณะดังต่อไปนี้ 1. สอบถามรหัสผ่านของท่าน แล้วตอบกลับไปทาง Email 2. พยายามให้คลิก Link ออกไปภายนอกโดเมน (Domain) psu.ac.th และถามรหัสผ่าน ให้สงสัยไว้ว่าเป็นจดหมายหลอกลวง (Phishing Email) แน่นอน หากพบข้อสงสัย กรุณาติดต่อ report-phish@psu.ac.th หรือ โทร (หมายเลขภายใน) 2121 ในวันเวลาราชการ ———————————————————————————- ::: PSU Security Policy ::: ———————————————————————————- Prince of Songkla University will never ask for…

    >> Read More <<

    ,

  • แนวคิด: รวมภาพจากหลายกล้องไว้ในที่เดียวกันด้วย Google Drive (Mobile Version)

    Post Views: 0

    kanakorn.h

    >> Read More <<

    , , ,

  • เริ่มต้นใช้งาน Google Apps บน iOS

    Post Views: 0

    kanakorn.h

    >> Read More <<

    ,

  • เริ่มต้นใช้งาน Google Apps บน Android

    Post Views: 0

    kanakorn.h

    >> Read More <<

    ,