Motion UI Design

เว็บไซต์ถือว่าเป็นสิ่งที่ช่วยเพิ่มความนับถือและยังเป็นโฆษณา ให้กับสินค้าหรือบริการของเรา แน่นอนว่าถ้าเว็บไซต์เราสวย มีลูกเล่นที่ดึงดูดให้คนที่เข้ามาเยี่ยมชมเว็บไซต์ของเรานั้น สามารถจดจ่ออยู่กับเว็บไซต์ของเราได้นานๆ แน่นอนว่ามันช่วยให้คนที่เข้ามาเยี่ยมชมเว็บไซต์ของเรานั้น เกิดความสนใจกับสินค้าหรือบริการของเรา ไม่แน่ก็อาจจะเกิดการดีลกันเลยก็เป็นได้ วันนี้เราจะมาพูดถึง Motion Design กัน Motion ถ้าให้แปลตรงตัวตามคำศัพท์ก็แปลว่า การเคลื่อนไหว ก่อนที่จะพูดถึงในความหมายเชิง Design จะขอพูดถึงในเชิงฟิสิกส์ก่อนนะครับ ซึ่งกล่าวไว้ว่า “การเปลี่ยนตำแหน่งของวัตถุในช่วงเวลาหนึ่ง” จากความหมายข้างต้น เราก็นำมาเปรียบเทียบเลยว่า หน้าเว็บไซต์ของเราก็เปรียบเสมือนวัตถุหนึ่ง สมมุติถ้าเราเลื่อนหน้าจอด้วยความเร็วแน่นอนว่าหน้าจอของเราก็เลื่อนด้วยความเร็วจนเราไม่สามารถที่จะอ่านเนื้อหาในเว็บไซต์ได้ทัน ถ้าเราเลื่อนหน้าจอช้าไม่ก็ต้องไหลไปแบบช้าๆ ทำไมมันถึงมีความสำคัญกันหละ? แน่นอนว่าการเคลื่อนไหว ไม่ว่าจะในอินเทอร์เน็ต หรือว่าชีวิตจริง การนึกคิดของเราก็จะอ้างอิงอยู่กับความเป็นจริงมากกว่า เพราะฉะนั้น Motion Design จึงสำคัญมากเพราะว่า มันจะช่วยให้คนที่เข้ามาเยี่ยมชมเว็บไซต์ของเราเกิดความรู้สึกที่ดึงดูด การเคลื่อนไหวที่ดูลื่นไหลเป็นธรรมชาติ เกิดความคุ้นชินกับเว็บไซต์ของเรา ตัวอย่าง     ที่มา : medium wikipedia iamralpht zurb

nich

30 September 2019

เทคโนโลยีที่น่านำมาใช้ในการพัฒนาเว็บในปี 2019

ในปัจจุบัน เทคโนโลยี และอุตสาหกรรมก็เติบโตขึ้น และมีการพัฒนาอย่างรวดเร็ว และยังมีเทคโนโลยีใหม่ๆที่เกิดขึ้น รวมทั้งเทคโนโลยีเก่าๆก็มีการพัฒนา บ้างก็หยุดการพัฒนาแล้ว อุตสาหกรรมการพัฒนาเว็บไซต์เองก็ต้องมีการเติบโตขึ้นมาด้วยเช่นกัน บทควา่มนี้จะพามาดูเทคโนโลยีที่น่านำมาใช้ในการพัฒนาเว็บในปี 2019 Progressive Web App ถ้าจะให้พูดถึง PWA ก็คือ เว็บแอปพลิเคชั่น ที่สามารถทำงานคล้ายกับโมบายแอปพลิเคชั่น แต่ มันเป็นเว็บ แค่มีหน้าตาคล้ายโมบายแอปพลิเคชั่น ในปัจจุบัน โทรศัพท์มือถือมีอิทธิพลต่อการใช้ชีวิตของเรา ซึ่งแน่นอนว่า โทรศัพท์เดี๋ยวนี้คงไม่ได้มีไว้แค่โทรเข้าโทรออกแล้ว แต่ยังสามารถใช้อินเทอร์เน็ตและการท่องเว็บไซต์ เพื่อสำหรับอัปเดตข่าวสารต่างๆ ในชีวิตประจำวัน อยากจะรู้ว่า PWA คืออะไรสามารถดูข้อมูลเพิ่มเติมได้เลย PWA AI และ Bot ดังที่คุณทราบธุรกิจต่างๆทำงานในเขตเวลาที่แตกต่างกันและให้การเป็นตัวแทนในทวีปต่าง ๆ ซึ่งทำให้การบริการลูกค้ามีความซับซ้อนและมีค่าใช้จ่ายสูงโดยเฉพาะอย่างยิ่งถ้าเราพิจารณารูปแบบ 24×7 แต่ด้วยการพัฒนาล่าสุดธุรกิจต่างๆได้เปลี่ยนไปใช้การสนับสนุนลูกค้าแบบอัตโนมัติและทันที พวกคุณส่วนใหญ่อาจจะคิดว่าแชทบอทจะทำงานกับคอนเซ็ปต์ของ AI และ Machine Learning ซึ่งในปีต่อๆ ไปความคิดของ chatbots และMachine Learning จะมีความครอบคลุมมากขึ้นกว่าเดิมแน่นอนโดยเฉพาะอย่างยิ่งสำหรับอุตสาหกรรมการออกแบบและพัฒนาเว็บ มีการสำรวจหลายครั้งที่แสดงว่า chatbots นั้นใช้เพื่อให้การตอบสนองที่รวดเร็ว AI […]

nich

27 September 2019

Progressive Web Apps คือ

Progressive Web Apps (PWA) คือ มาตรฐานการทำเว็บจาก Google ที่นำจุดเด่นของ Website และ Application มารวมกัน ผู้ใช้สามารถเข้าเว็บไซต์และใช้งานประหนึ่งว่าเป็น Application เลย ทั้งหน้าตาและฟีเจอร์ แต่โดยเบื้องหลังแล้วยังเป็นเทคโนโลยีของเว็บไซต์อยู่ (ใช้ HTML, รันด้วย Web Browser)  Google  ลองมากำหนดแนวทางให้คนทำ App แล้ว Run บน Browser ดีกว่าง่ายดี User สบายด้วย ไม่ต้องมานั่ง ดาว์นโหลด App ทาง Google เลยกำหนดแนวทางไว้ 9 ข้อแบบนี้ Progressive — ใช้ได้ทุก Browser และ User ทุกนเข้าถึงได้ (ถึงแม้ตอนนี้ Feature หลักๆจะยัง Support ไม่ครบทุก Browser ก็ตาม) Responsive […]

nich

27 September 2019

.Net Core 3 คือ

.Net Core 3 คือ .NET เวอร์ชันโอเพนซอร์สที่รองรับฟีเจอร์บางส่วนของ .NET Framework เดิม แต่สามารถทำงานได้ข้ามแพลตฟอร์ม (รองรับแมคและลินุกซ์ด้วย) ที่ผ่านมา .NET Core เน้นการใช้งานแอพพลิเคชันประเภท ASP.NET, คอมมานด์ไลน์ และแอพเดสก์ท็อปแบบ UWP เท่านั้น โดยเจ้าตัว .Net Core 3 สามารถใช้งานข้ามแพลตฟอร์มทั้ง macOS ,Linux ,Ubuntu ,Docker และอื่นๆ ซึ่งจากที่กล่าวมา เนื่องจากเป็นโอเพนซอร์ส ทำให้เราไม่จำเป็นที่จะต้องไปกังวลเกี่ยวกับค่าใช้จ่ายเรื่องลิขสิทธิ์ เราสามารถที่จะพัฒนาอะไรก็ได้ เพราะมันทำงานได้ทุกแฟลตฟอร์ม โดยเจ้า .Net Core สามารถใช้ร่วมกับ Visual Studio Community โดยมีผู้ใช้ไม่เกิน 5 คน สำหรับองค์กรขนาดใหญ่ใช้ Visual Studio Enterprise (มี PC มากกว่า 250 เครื่อง หรือ […]

nich

26 September 2019

GPS Tracking คือ

GPS Tracking คือ ระบบติดตามตำแหน่งด้วยดาวเทียม โดยจะมีการติดตั้งตัว Tracker หรืออุปกรณ์ติดตามเอาไว้ที่ยานพาหนะ สินค้า หรือแม้แต่บุคคลที่ต้องการจะติดตาม จากนั้นจะใช้ระบบ GPS หรือ Global Positioning System ที่ใช้วิธีการคำนวณหาตำแหน่งบนพื้นโลก โดยอาศัยตำแหน่งของดาวเทียมในการอ้างอิงซึ่งมีความแม่นยำอยู่ในระดับสูงที่ช่วยชี้พิกัดของยานพาหนะ บุคคลหรือสินค้า ที่ต้องการติดตามได้โดยมีความคลาดเคลื่อนเพียงไม่เกิน 100 เมตร ขึ้นอยู่กับคุณภาพของอุปกรณ์รับสัญญาณ จึงมีประโยชน์อย่างมากในการติดตามตำแหน่ง ช่วยด้านการค้นหา รวมถึงใช้ในการวางแผนเพื่อกำหนดเส้นทางในการเดินทางเพื่อช่วยประหยัดเวลา เชื้อเพลิง รวมทั้งดูแลความปลอดภัยได้อย่างดีที่สุด ประโยชน์ของระบบ GPS Tracking ปัจจุบันได้มีการนำ GPS Tracking มาใช้ในการติดตามรถยนต์ส่วนตัวเพื่อเหตุผลในด้านของความปลอดภัยและช่วยในการวางแผนเส้นทาง นอกจากนี้ธุรกิจโลจิสติกส์และขนส่งต่างๆ ก็ได้มีการนำ GPS Tracking มาใช้ประโยชน์เช่น เพิ่มประสิทธิภาพในการติดตามยานพาหนะ เพราะผู้ดูแลระบบสามารถติดตามตำแหน่งของยานพาหนะที่กำลังใช้งานอยู่ได้อย่างแม่นยำ เพื่อการบริหารจัดการการใช้งานยานพาหนะได้อย่างมีประสิทธิภาพ ติดตามการทำงานของรถในธุรกิจขนส่งและโลจิสติกส์ เพื่อที่จะได้แน่ใจว่ารถแต่ละคันมีการเดินทางไปตามเส้นทางที่กำหนด ไม่ออกนอกเส้นทาง และสามารถเดินทางได้อย่างปลอดภัยไปถึงปลายทางได้ตามเวลาที่กำหนด ช่วยเพิ่มประสิทธิภาพในการทำงานของรถขนส่ง อย่างเช่นในช่วงเวลาเร่งด่วนที่การจราจรติดขัด หรือรถขนส่งที่เดินทางไปยังพื้นที่ที่เส้นทางค่อนข้างสลับซับซ้อน ทำให้การเดินทางต้องล่าช้าเสียเวลาและเปลืองน้ำมันมาก การใช้ระบบ GPS Tracking จะทำให้ผู้ดูแลระบบสามารถจัดการเส้นทางเพื่อให้รถขนส่งเดินทางไปยังปลายทางได้อย่างรวดเร็วที่สุด ไม่เสียเวลากับการเดินทางไปกับพื้นที่ที่รถติดมากหรือหลงทาง […]

nich

26 September 2019

Grafana คือ

Grafana คือ open source Dashboard tool เรียกง่าย ๆ ก็คือเครื่องมือในการสร้าง Dashboard ฟรี นั่นเอง โดย Grafana จะทำงานร่วมกับ Datasource ต่าง ๆ เช่น Graphite, Prometheus, InfluxDB, OpenTSDB หรือ Elasticsearch ฯลฯ ช่วยให้ users สามารถสร้างและแก้ไข Dashboard ได้อย่างง่ายๆ ครอบคลุมรูปแบบกราฟหลายประเภท จุดเด่นของ Grafana เน้นการนำเสนอ Metrics ที่เฉพาะเจาะจง เช่น CPU, Memory หรือ I/O ในรูปแบบของกราฟ Time series มี Role-based access ในการจัดการ user ในการเข้าใช้งานให้ในตัว ความยืดหยุ่นในการใช้งาน มี option ให้เลือกใช้จำนวนมาก […]

nich

19 September 2019

Kanban คือ

Kanban – กันบัง หรือ คัมบัง มาจากภาษาญี่ปุ่น แปลว่า ป้าย แต่ในหลักของ Software Development แล้ว Kanban คือการสร้างตารางการทำงานขึ้น โดยจะเน้นในเรื่องการพัฒนา Software เป็นหลัก ซึ่ง Kanban เองก็มีวิธีเรียงหลายรายการขึ้นอยู่กับผู้ใช้ แต่ทางเราจะแบ่งคร่าวๆออกเป็น 4 ส่วน คือ To Do / Doing / Validate / Done โดยงานก็จะเริ่มเมื่อมีการส่งงานเข้าไปที่ To Do และจะไหลไปเรื่อยๆจนถึง Validate นอกจากนี้เราก็จะต้องกำหนดปริมาณงานที่ควรจะมีอยู่ในแต่ละส่วน เช่น Doing ควรจะมีงานไม่เกิน 3 งาน Validate ไม่ควรมีงานเกิน 4 งาน เป็นต้น การกำหนดปริมาณงานไว้นั้นจะช่วยให้การทำงานนั้นไม่ได้มีมากจนเกินไป และเมื่อมีงานที่เร่งด่วนมากๆ ก็จะทำให้ทีมสามารถรับรู้ได้ทันทีว่า ควรจะเร่งทำงานส่วนไหนให้เสร็จเร็วขึ้น การจะทำงานให้ดี และประสบความสำเร็จ ก็ต้องวางมีการวางแผนที่ดี […]

nich

18 September 2019

System Development Life Cycle

System Development Life Cycle คืออะไร –  ในการพัฒนาระบบนั้น ได้มีการกำหนดให้เป็นไปในทิศทางเดียวกัน และกำหนดขั้นตอนที่เป็นแนวทางในการวิเคราห์ระบบโดยพยายามให้มีข้อบกพร่องน้อยที่สุดเพราะงานการวิเคราะห์ระบบในปัจจุบันมีความซันซ้อนของงานมากกว่าสมัยก่อนนักวิเคราะห์ระบบจึงต้องมาตรฐานในการพัฒนาระบบงานดังกล่าว จึงได้มีการคิดค้นวงจรการพัฒนาระบบขึ้นเพื่อตอบสนองความต้องการของนักวิเคราะห์ระบบ เราเรียกว่า วงจรการพัฒนาระบบงาน (System Development Life Cycle : SDLC) โดยทางบริษัท 4Xtreme นั้นก็มีวางระบบงานดังนี้ Study and Discovery – การศึกษา และเรียนรู้ปัญหาจากที่ได้รับมา เพื่อค้นหาแนวทางที่เป็นไปได้ ที่จะแก้ปัญหาให้ออกมาให้เป็นผลลัพธ์ที่ดีที่สุด Analysis – วิเคราะห์ระบบ ตามความต้องการของลูกค้า พร้อมกับปัญหาที่ได้รับมา จัดการทำขอบเขตของระบบว่าอะไรที่จะทำหรือไม่ทำ เพื่อไปนำเสนอต่อลูกค้า และตกลงกันจนได้ไปเป็นผลสรุป ที่พึงพอใจที่สุด Design – ออกแบบ หน้าตาของระบบ ให้มีความสวยงาม ง่าย และตอบสนองต่อการใช้งานของผู้ใช้ (User Interface/UI) รวมไปถึงการออกแบบระบบการทำงาน ฐานข้อมูล(Database) และเครือข่าย(Network) Development – พัฒนาซอฟต์แวร์ตามที่ ออกแบบไว้ พร้อมทดสอบไปในตัว […]

nich

16 September 2019

Backend Frontend คืออะไร

สาย IT คงรู้อยู่แล้วหละว่า Backend Frontend คืออะไร และแน่นอนว่าบางคนคงยังไม่รู้ หรือว่า ไม่รู้จะเริ่มต้นยังไง มันแตกต่างกันตรงไหน เราจะพาไปทำความรู้จักกันว่า ทั้งสองอย่างนี้คืออะไร เกี่ยวกันยังไง มีความสัมพันธ์กันมากแค่ไหน ถ้าจะสมมุติให้เห็นภาพ ก็ลองคิดว่า เว็บไซต์ เปรียบเสมือนบ้านหลังหนึ่ง บ้านจะสวยได้ ก็ต้องแต่ง และแน่นอนคนที่ตกแต่งบ้านนั้นก็คือ Frontend หรือที่เรามักจะเรียกว่า ‘หน้าบ้าน’ โดยเจ้าหน้าบ้านนี่ จะเป็นคนที่คอยออกแบบตกแต่งหน้าตาให้สวยงาม เข้าใจง่าย ดึงดูดสายตาต่อผู้ที่เข้ามารับชม ตอบสนองกับผู้ใช้งาน และยังออกแบบเพื่อป้องให้ผู้อื่นไม่สามารถเข้ามาดูส่วนข้อมูลข้างในโปรแกรม เป็นต้น ได้เมื่อเรามีหน้าบ้านแล้ว เราก็ต้องมีหลังบ้าน หรือ ‘Backend‘ โดยหลังบ้าน โดยหลังบ้านนี้ จะเป็นคนที่ออกแบบการทำงาน โครงสร้าง การส่งข้อมูล การรักษาความปลอดภัยข้อมูล การออกแบบฐานข้อมูล ต่างๆนาๆ แน่นอนว่าที่พูดมาถึงขนาดนี้ หลังบ้านต้องสำคัญแน่นอน เพราะถ้าหลังบ้านทำงานไม่ดี ย่อมส่งผลเสียแน่นอน เช่น ข้อมูลที่สำคัญรั่วไหล การแสดงผลช้า และทุกๆอย่างก็จะค่อยๆตามมากันเรื่อยๆ จนสุดท้ายพังไปในที่สุด ถ้าจะถามความสัมพันธ์ของ Frontend กับ […]

nich

13 September 2019

RESTful API คืออะไร

เคยได้ยินกันไหม เดี๋ยวก็ REST API เดี๋ยวก็ RESTful API วันนี้เราจะมาดูกันว่าทั้งสองมันคืออะไร Rest (Representational state transfer) – เป็นรูปแบบสถาปัตยกรรมซอฟต์แวร์(architecture) ที่ใช้ประโยชน์จากเทคโนโลยี Web Protocol เพื่อใช้ในการสร้าง Web Service ซึ่งเจ้าตัว Rest ถูกพัฒนาโดย Roy Fielding Ph.d ตั้งแต่ปี ค.ศ.2000 Architectural properties ข้อกำหนดของ REST architectural style ทั้ง 7 ประกอบไปด้วย Performance: ประสิทธิภาพในการโต้ตอบ Scalability: มีความสามารถในการปรับขยายได้ทำให้สามารถรองรับส่วนประกอบจำนวนมาก Simplicity: ความเรียบง่ายของอินเตอร์เฟซที่เหมือนกัน Modifiability: ความสามารถในการปรับเปลี่ยนส่วนประกอบเพื่อตอบสนองความต้องการที่เปลี่ยนแปลง (แม้ในขณะที่แอปพลิเคชันทำงานอยู่) Visibility: การมองเห็นการสื่อสารระหว่าง Component ผ่าน Service agents Portability: ง่ายต่อการโยกย้ายในส่วนของ Program […]

nich

10 September 2019
1 3 4 5 8