Lifestyle – Page 5 – CoP PSU IT Blog

รู้หรือไม่ : บริการโทรศัพท์ภายในมหาวิทยาลัยสงขลานครินทร์

July 13, 2017 14:15

เกี่ยวกับ บริการโทรศัพท์ภายในมหาวิทยาลัยสงขลานครินทร์ เผื่อท่านใดไม่ทราบ (เป็นการสรุปจาก “คู่มือการใช้งานโทรศัพท์พื้นฐาน” http://telecom.cc.psu.ac.th/telephone/fn.pdf ) — ที่สรุปไว้นี่เพื่อให้ง่ายต่อการใช้งานอย่างรวดเร็วมากยิ่งขึ้นเท่านั้น และเป็นเฉพาะที่ใช้บ่อยทำนั้น — ติดต่อ Operator : กด 9 โทรซ้ำเบอร์ที่เพิ่มโทรไป : กด *70 รับสายแทนอีกเครื่องนึงที่ดัง : กด *72 ตามด้วยหมายเลขที่ดัง ฝากสายให้อีกเบอร์รับ ทันที : กด *60 ตามด้วยหมายเลขที่จะช่วยรับสายแทน ฝากสายให้อีกเบอร์รับ กรณีสายไม่ว่าง : กด *61 ตามด้วยหมายเลขที่จะช่วยรับสายแทน ฝากสายให้อีกเบอร์รับ กรณีไม่มีคนรับสาย : กด *62 ตามด้วยหมายเลขที่จะช่วยรับสายแทน ฝากสายให้อีกเบอร์รับ กรณีทั้ง สายไม่ว่าง และ ไม่มีคนรับสาย : กด *63 ตามด้วยหมายเลขที่จะช่วยรับสายแทน ยกเลิกการฝากสาย: กด *64 โทรกลับเบอร์ที่โทรเข้ามาล่าสุด: กด *68

ทดสอบเว็บบน Browser ทุกตัวง่ายนิดเดียว

January 13, 2017 15:14

ทดสอบเว็บผ่าน Browser หลังจากที่ได้มีการพัฒนาหรือสร้างเว็บขึ้นมาเรียบร้อยแล้วนั้น สิ่งแรกๆ ที่ต้องทำคือทดสอบเว็บของเราว่าสามารถที่จะแสดงผลผ่าน Browser ได้ดีหรือไม่ และแสดงผลได้ดีกับทุก Browser หรือไม่ เช่น Google Chrome , Firefox หรือจะเป็น Internet Explorer ซึ่ง Browser แต่ละตัวนั้นก็มีหลากหลายเวอร์ชันมาก และที่เราต้องพยายามทดสอบให้ได้มากที่สุดก็เพราะว่า เราไม่สามารถรู้ได้เลย ว่าลูกค้าหรือผู้ใช้เว็บของเรานั้นจะใช้เครื่องมือ หรือ Browser ตัวไหนเป็นหลัง ดังนั้นการทดสอบเว็บบน Browser ทุกตัวไม่ใช่เรื่องง่ายเลยจริงๆ ทำอย่างไรให้การทดสอบผ่าน Browser ทุกตัวเป็นเรื่องง่าย สำหรับครั้งนี้ผู้เขียนจะขอแนะนำเครื่องมือช่วยทดสอบการแสดงผลเว็บผ่าน Browser ทุกรุ่นทุกยี่ห้อ เพื่อให้เป็นเกร็ดความรู้เบื้องต้นเล็กๆ น้อยๆ เพื่อแก้ไขปัญหาการที่ต้องลงๆ ถอนๆ Browser ในเครื่องจนอาจจะปวดหัวเอาได้ หลักๆ จากที่ศึกษาค้นคว้าเบื้องต้นพบว่าปัจจุบันมี Cloud Browser เปิดให้บริการมากมาย เช่น Saucelab, BrowserStack, Browserling, Ghostlab หรือ CrossBrowserTesting เป็นต้น สำหรับวันนี้จะขอนำเสนอหน้าตาของ BrowserStack กันก่อนละกัน เราจะต้องสมัครสมาชิกกันก่อน โดยจะมีแบบ Free trial ให้เราทดลองใช้งาน สมัครเสร็จแล้วก็ Login เข้าไปทดลองใช้งานกันได้เลย หลังจากสมัครสมาชิกทดลองใช้ฟรีกันเรียบร้อยแล้ว ก็จะพบกับหน้าตาของเจ้า BrowserStack แบบนี้ เราสามารถเลือกได้เลยว่าจะทดสอบเว็บกับระบบปฏิบัติการไน และ Browser อะไร ตัวอย่างเช่นเลือก ระบบปฏิบัติการ Mac OS X Mavericks และ Browser Safari 7.1 ก็จะได้ตัวอย่างหน้าจอ แบบด้านล่าง ในหน้าจอที่เรากำลังทดสอบก็จะมี Tool เล็กๆ ให้เราสามารถจัดการหน้าจอได้ เช่นสามารถ Switch เพื่อเปลี่ยนเป็นระบบปฏิบัติการ หรือ Browser อื่นๆ สามารถปรับ Resolutions ของหน้าจอได้ สามารถ Create a bug สามารถสร้าง Issue Tracker สามารถตั้งค่าอื่นๆ หรือตรวจสอบ Features ของตัว BrowserStack ได้ เป็นต้น สุดท้ายแล้วสำหรับเพื่อนๆ หรือใครที่มีปัญหายุ่งยากในการทดสอบเว็บให้ครบทุก Browser ก็สามารถลองเอาเจ้าตัว BrowserStack ไปใช้งานกันดู เผื่อบางทีอาจจะช่วยระยะเวลา หรือปัญหาต่างๆ ได้บ้างไม่มากก็น้อย ^ ^ แหล่งความรู้อ้างอิง – http://soraya.in.th/2013/04/08/browserstack-ie/ – https://medium.com/tag/browserstack – https://chittakorn.com/do-you-know/browser-testing/ – http://www.designil.com/free-internet-explorer-mac.html

Infographic เล่าเรื่องด้วยภาพ

January 12, 2017 15:46

ปัจจุบันเราทุกคนจะต้องมีการรับ/ส่งข้อมูลอะไรระหว่างกันอยู่เสมอ และสิ่งนึงที่เรามักจะคิดตรงกันคือเราจะสื่อสารกันอย่างไรให้อีกฝ่ายเข้าใจได้รวดเร็ว และง่ายที่สุด “อินโฟกราฟิก” เป็นอีก 1 คำตอบ ที่จะช่วยแก้ไขปัญหานี้ได้ อินโฟกราฟิกคืออะไร ? คือการแปลงข้อมูลให้เป็นภาพ เพื่อให้เข้าใจได้ง่าย และสื่อสารกับผู้คนด้วยสิ่งที่จับต้องได้ การที่จะอ่านบทความที่มีความยาวหลายๆหน้า กราฟ หรือข้อมูลมหาศาลคงต้องใช้เวลานาน ที่สำคัญบางคนอาจจะไม่สนใจข้อมูลเหล่านั้นเลยก็เป็นได้ เพราะการตีความของคนที่อ่านแต่ละคนไม่เหมือนกัน ทักษะที่จำเป็นในการทำ อินโฟกราฟิก ทักษะพื้นฐาน 3 อย่างคือ ทักษะการวิเคราะห์ ทักษะการเรียบเรียบ และทักษะดีไซน์ หลักการออกแบบอินโฟกราฟิก แบ่งเป็น 2 ส่วน ด้านข้อมูล ข้อมูลที่จะนำเสนอ ต้องมีความหมาย มีความน่าสนใจ เรื่องราว เปิดเผยเป็นจริง มีความถูกต้อง ด้านการออกแบบ การออกแบบต้องมีรูปแบบ แบบแผน โครงสร้าง หน้าที่การทำงานและความสวยงาม โดยออกแบบให้เข้าใจง่าย ใช้งานง่าย และใช้ได้จริง การทำอินโฟกราฟิกโดยใช้ Web Tool Web Tool คือ เว็บที่ให้บริการทำอินโฟกราฟิกออนไลน์ เช่น piktochart หรือ easel.ly เราสามารถเลือก Template แล้วปรับแต่งได้ตามใจชอบ โดยจะขอยกตัวอย่างการทำอินโฟกราฟิกโดยการใช้ piktochart วิธีการสมัครใช้งาน เปิดเว็บ https://piktochart.com/ กรอกข้อมูล หรือเลือก Sign In ผ่าน Gmail/Facebook เมื่อสมัครเรียบร้อยแล้ว จะได้ดังรูป เริ่มต้นสร้าง โดยคลิกเลือก “Start Creating” จากนั้นเข้าสู่หน้าสร้างงานผ่าน piktochart เลือก Template รูปแบบที่ต้องการ เช่น infographic presentation หรือ printable โดยในแต่ละรูปแบบจะมี Free template ให้เลือกใช้งาน ตัวอย่าง Free Template Infographic Tool ต่างๆ ของหน้าเว็บที่มีให้ผู้ใช้ได้เลือกใช้งาน Menu Graphics Shapes & Line ใช้วาดรูปหรือเส้น Icon มีไอคอนให้เลือกใช้ Photo มีรูปภาพให้เลือกใช้ Photo Frame มีกรอบรูปให้เลือกใช้ Uploads โปรแกรมมีรูปให้เลือกใช้ หรือสามารถอัพโหลดรูปจากภายนอกเข้ามาใช้งานได้ Background มีรูปพื้นหลังให้เลือกใช้งานในการตกแต่ง สามารถปรับความเข้มได้ที่ Opacity Text สามารถเลือกรูปแบบตัวอักษร สามารถเลือกปรับแต่ง Style กรอบรูปหรืออื่นๆ ได้ตามด้านล่าง Tools สามารถเลือกรูปแบบ Charts ทำกราฟได้ เลือก Maps ทำแผนที่ได้ หรือสามารถแทรก link videos ได้ Saved บันทึก Preview ดูผลลัพธ์ Download แปลงไฟล์เป็น JPEG หรือ PNG Share เผยแพร่ผลงานสู่สาธารณะ แหล่งความรู้อ้างอิง http://jsbg.joseph.ac.th/6150/images%5Cpdf%5pdf หนังสือ Basic Infographic ใช้พลังของภาพ สร้างการสื่อสารที่ง่าย และ สนุก (Jun Sakurada ผู้แปล ณิชมน หิรัญพฤกษ์) เว็บ https://piktochart.com/ http://www.thetechr.com/create-an-infographic/

Acrobat Reader DC รุ่นที่แจกฟรีนี่แหล่ะ ก็พอเพียงแล้ว — หยุดใช้โปรแกรมละเมิดลิขสิทธิ์เถอะ

January 5, 2017 09:51

จากที่ปฏิบัติหน้าที่ Helpdesk และได้เห็นนักศึกษาและบุคลากรของมหาวิทยาลัย ใช้โปรแกรมเถื่อนโดยเฉพาะ Adobe Acrobat ซึ่งจริงๆแล้ว เค้ามีตัวฟรี คือ Adobe Acrobat Reader ให้ใช้อยู่แล้ว อย่าไปละเมิดลิขสิทธิ์เค้าเลย ในบทความนี้ จะขอแนะนำความสามารถที่ “ของฟรี” มีให้ใช้ แต่บางคนอาจจะไม่รู้ ก็เลยไปละเมิดลิขสิทธิ์ ยุค Paperless หรือ ไร้กระดาษ ก็สามารถทำได้แล้ว ตัวอย่างเช่น มีเอกสาร PDF ที่ต้อง Print ใส่กระดาษ แล้วกรอกเอกสาร ลงลายเซ็นต์ แล้วก็ต้อง Scan กลับเข้าไปในระบบอีก … สุดท้ายก็ต้องเก็บกระดาษกองโต เพื่อรอเอาไปทิ้ง ทำไปเพื่ออะไร ? ขอยกตัวอย่างการใช้งานกับเอกสารต่อไปนี้ http://group.psu.ac.th/docs/F_SD13.pdf http://www.personnel.psu.ac.th/fromper/form1.pdf เริ่มจาก Download เอกสารมาเก็บไว้ในเครื่อง แล้วเปิดโปรแกรม Adobe Acrobat Reader DC นี่แหล่ะ แล้วคลิกที่ Fill & Sign ด้านขวามือ ถ้าต้องการกรอกข้อมูลข้อความ ก็คลิกที่ Ab แล้วเลื่อนไปคลิกที่ตำแหน่งที่จะกรอกข้อมูล แล้วพิมพ์ไป ตรงไหนที่เป็น Checkbox ก็เลือกได้ว่า จะเอาแบบ กากบาท หรือ เครื่องหมายถูก แล้วก็ไปคลิกที่ที่ต้องการ ต้องการใส่ลายเซ็นต์ ??? คลิกที่ Sign แล้วเลือก Add Signature จะใช้วิธี เซ็นต์บนกระดาษ แล้ว Scan เก็บภาพไว้ก็เลือก Image ส่วนใครจะเซ็นต์สด คลิก Draw แล้วใช้ S-Pen ให้คุ้มๆหน่อยครับ แล้วก็กดปุ่ม Apply (ทำครั้งเดียวนี่แหล่ะ หลังจากนั้นก็จะใช้งานได้ตลอด) จากนั้นก็เอามาวางในตำแหน่งที่ต้องการ แล้วก็ Save สิครับ รออะไร ??? กรณีเป็นเลขที่บัตรประชาชน เค้าก็สามารถเว้นระยะตัวอักษรได้อีก ให้เหมาะกับช่อง หยุดละเมิดลิขสิทธิ์ แล้วทำงานแบบ Paperless กันเถอะครับ

Technical Talk หัวข้อ Open Source: Smart Computer Lab

July 22, 2016 13:09

ได้ไปร่วมงาน WUNCA ครั้งที่ 33 ที่จัดที่จุฬาลงกรณ์มหาวิทยาลัยเมื่อ 13-15 กรกฎาคม 2559 และได้บรรยายในส่วน Technical Talk หัวข้อ Open Source: Smart Computer Lab จึงอยากนำมาเล่าสู่เพื่อน ๆ ฟัง เผื่อว่าเพื่อน ๆ จะช่วยแนะนำบอกต่อว่า มีระบบจัดการห้องบริการคอมพิวเตอร์ที่ดีน่าใช้ชื่อ PSU12-Sritrang Server เอกสารประกอบการบรรยาย Link to Youtube video วิดีโอชุดแนะนำ Open Source: Smart Computer Lab Short URL: https://goo.gl/1ly7c1 วิดีโอชุดแนะนำการติดตั้งและใช้งาน Server สำหรับทำ Cloning PC และ Control PC Short URL: https://goo.gl/SLheTL แผ่นพับแนะนำ PSU12-Sritrang Server สำหรับห้องบริการคอมพิวเตอร์ เพื่อบอกว่าระบบนี้ทำอะไรได้บ้าง คลิกเปิดอ่านแผ่นพับ หวังว่าคงจะได้รับข่าวดีนะครับ ขอบคุณครับ