Programming Knowledge

ทำไม Flutter ถึงเป็นเทรนด์สำหรับนักพัฒนาในปี 2020

Flutter เป็นเครื่องมือช่วยสร้างแอพพลิเคชั่นในมือถือน้องใหม่ในโลกของนักพัฒนาที่เติบโตได้ไวมาก 7 ข้อดีของ Flutter ที่ทำให้ผู้คนหลงรักแอพพลิเคชั่นนี้คืออะไร ตามมาดูกันค่ะ ใช้ UI และ Business Logic เดียวกันในทุกแพลตฟอร์ม ข้อได้เปรียบแรกของ Flutter คือ สามารถแยกรูปแบบ UI ทั่วไปออกมาจากวิดเจ็ตที่ใช้ซ้ำได้ นอกจากนี้ยังไม่จำเป็นต้องตั้งค่าคุณสมบัติ UI เช่นสี สไตล์ ฯลฯ อีกด้วย เราสามารถปรับ UI และBusiness logic ทั่วๆไป ผ่านการแก้ไข Code ได้ทั้งในแอป Android และ IOS ประหยัดเวลา เนื่องจากคุณสมบัติที่ดีเยี่ยมของ Flutter ทำให้ไม่จำเป็นต้องใช้เวลาในการปรับใช้ข้อมูลในแอพพลิเคชั่น ยกตัวอย่างเช่น ในการเขียนโปรแกรมปกติ คุณสามารถเปลี่ยนแปลงข้อมูลทั้งหมดได้ทันทีโดยไม่สูญเสียสถานะของแอปพลิเคชันปัจจุบัน นอกจากนี้ยังมีการแก้ไขข้อบกพร่องในการสร้าง UI มีการเพิ่มคุณสมบัติใหม่ที่มีการพัฒนาอย่างรวดเร็วและมีเนื้อหาปริมาณมาก ช่วยลดเวลาในการประเมินคุณภาพ และเป็นอีกเหตุผลหนึ่งที่ทำให้ใครต่อใครพากันเลือก Flutter มีการใช้งานใกล้เคียงกับแอพพลิเคชั่นเนทีฟ Flutter เขียนขึ้นมาโดยใช้ภาษาที่เรียกว่า Dart ซึ่งจะทำให้ไม่จำเป็นต้องใช้ JavaScript […]

อ่านต่อ

อะไรคือสิ่งที่ UX ในปี 1989 สอนเรา?

อะไรคือสิ่งสำคัญในบริบทของผู้ใช้เมื่อออกแบบผลิตภัณฑ์ที่น่าสนใจ? ผู้เขียนขอพาพวกคุณกลับไปในยุค 1989 ก่อนที่จะมีไอโฟน เกม ออฟ โทรน และเน็ตฟลิกซ์ ในยุคนั้นมีบริษัทใหญ่ 3 บริษัทที่ออกเกมคอนโซล ได้แก่ นินเทนโด เซก้า และอาตาริ ก่อนหน้าที่จะมีการออกเกมคอนโซล เด็กเล็กๆ มักออกไปเล่นนอกบ้าน และผู้ใหญ่นิยมอ่านหนังสือและพูดคุยกันเกี่ยวกับคนที่นั่งอยู่ถัดไป นินเทนโดขายเกมบอย เซก้าขายเกมเกียร์ และอาตาริขายลิงซ์ ซึ่งเกมเกียร์และลิงซ์เป็นจอภาพสี มีทั้งหมด 4,096 สี ในขณะที่เกมบอยเป็นสีเทา 4 เฉดบนจอสีเขียว เกมเกียร์และลิงซ์เล่นง่ายกว่ามาก และมีขนาดใหญ่กว่า จากข้อมูลที่กล่าวมา คุณคิดว่าเกมคอนโซลอันไหนที่คุณจะซื้อ? คำใบ้ เกมคอนโซลอันหนึ่งขายได้ 180.7 ล้านก๊อปปี้ ในขณะที่อีกสองอันที่เหลือขายได้ 3 และ 10.67 ล้านก็อปปี้ ขณะที่เกมเกียร์และลิงซ์ที่มีเทคโนโลยีสูงกว่า แต่เกมบอยกลับครองยอดขาย 180.7 ล้านเครื่อง และเป็นเกมคอนโซลที่ขายดีที่สุดในศตวรรษที่ 20 ทำไมถึงเป็นอย่างนั้นไปได้….? ทีมผู้ผลิตเกมนินเทนโดภายใต้หัวเรือใหญ่ คุณกุนเป โยโคอิไม่ได้รับการฝึกปรือด้านการออกแบบหรือประสบการณ์ผู้ใช้งานอย่างเป็นมืออาชีพมาก่อน แต่คุณโยโคอิเป็นคนมีความคิดสร้างสรรค์ และรู้จักใช้เทคโนโลยีเก่าให้ทันสมัย มีราคาไม่แพง […]

อ่านต่อ

5 ตัวอย่าง วิธีการสร้างกระบวนการเกมมิฟิเคชั่นในที่ทำงานที่เป็นการเปลี่ยนรูปแบบใหม่ในการฝึกอบรมของบริษัท

การเป็นที่ยอมรับและรางวัลเป็น2สิ่งสุดยอดที่สร้างแรงจูงใจให้พนักงาน แล้วทำไมพวกเขาถึงไม่เอาสิ่งเหล่านี้มาเป็นกลยุทธ์ในการเรียนรู้ล่ะ ทำให้กระบวนการเกมมิฟิเคชั่นเหมาะสมในการฝึกอบรมของบริษัท  จากบทความนี้ ดิฉันขอแบ่งปัน 5 ตัวอย่าง กระบวนการเกมมิฟิเคชั่นในที่ทำงาน   5 ตัวอย่างวิธีการเปลี่ยนรูปแบบใหม่ในการฝึกอบรมของบริษัท ด้วยเกมมิฟิเคชั่น ก่อนที่เราจะกล่าวถึงเรื่องกระบวนการเกมมิฟิเคชั่นในโลกองค์กร และการฝึกอบรมทางออนไลน์ ขอให้กำหนดว่าอะไรคือ ความรู้ที่ได้จากประสบการณ์ด้านกลยุทธ์สำหรับการทำเกมมิฟิเคชั่นผ่านการเรียนรู้ทางอิเล็กทรอนิกส์   การเรียนรู้กระบวนการเกมมิฟิเคชั่นทางอิเล็กทรอนิกส์คืออะไร กระบวนการเกมมิฟิเคชั่นอ้างถึงการรวมองค์ประกอบด้านเกมในการเรียนรู้ทางอิเล็กทรอนิกส์เพื่อสร้างผลงานมีประสิทธิภาพสูงและการมีส่วนร่วมจากประสบการณ์การเรียนรู้ เมื่อใช้กระบวนการเกมมิฟิเคชั่นอย่างเพียงพอจะช่วยผู้เรียนรู้ใช้ประโยชน์จากการเรียนรู้ด้านงาน โดยกระตุ้นให้เรียนรู้จากสถานการณ์ชีวิตจริงในสภาพแวดล้อมที่ถูกควบคุม หลักสูตรการเรียนรู้กลยุทธ์กระบวนการเกมมิฟิเคชั่นผ่านอิเล็กทรอนิกส์โดยปกติมีเค้าโครงเรื่อง และ มีลักษณะท้าทาย, รางวัล และ การวิเคราะห์ ตามที่แสดงไว้ที่นี้   ส่วนประกอบของกระบวนการเกมมิฟิเคชั่นที่ได้ใช้ในการฝึกอบรมทางออนไลน์ของบริษัทคืออะไร จาก อีไอ ดีไซน์  ทำให้เรามีแนวปฏิบัติตามกระบวนการเกมมิฟิเคชั่นโดยใช้ส่วนประกอบหลักในการสร้างกลยุทธ์ของกระบวนการเกมมิฟิเคชั่นดังนี้: การแข่งขัน(การวางแผนวัตถุประสงค์การเรียนรู้) ระดับต่างๆ(เส้นทางการเรียนรู้) ผลตอบรับทันที(การช่วยเหลือมีความคืบหน้า) คะแนนหรือแต้ม(เห็นถึงความสำเร็จและความพึงพอใจ) เหรียญตรา(สำหรับบรรลุผลสำเร็จอย่างสำคัญ) อันดันคะแนนในการใช้งาน(สำหรับการวิเคราะห์) การแข่งขัน(เพื่อประเมินผลผู้เรียนเผชิญหน้าเพื่อนๆของเขา/เธอ) การร่วมมือ(เมื่อมีหลายทีมเล่น) กระบวนการเกมมิฟิเคชั่นได้ใช้ในที่ทำงานเพื่อพัฒนาการเรียนรู้ได้อย่างไร กระบวนการเกมมิฟิเคชั่นเป็นกลยุทธ์การเรียนรู้ที่มีประสิทธิภาพซึ่งจะใช้ในการพัฒนาการเรียนรู้จากประสบการณ์ได้สำคัญยิ่ง เนื่องจากว่า นำพาไปสู่การแข่งขันอย่างเป็นมิตร ให้ผู้เรียนรู้สึกถึงการบรรลุผลสำเร็จ ช่วยผู้เรียนให้บรรลุการเปลี่ยนแปลงด้านพฤติกรรมตามความต้องการ สร้างแรงจูงใจให้ผู้เรียนพัฒนาผ่านแนวทางปฏิบัติการแล้วลงมือปฏิบัติโดยส่งผลต่อพฤติกรรมของพวกเขา กล่าวคือ กระบวนการเกมมิฟิเคชั่นกล่าวถึงการใช้กฎการแก้ไขทำซ้ำและมีระบบการจดจำแบบเว้นระยะเพื่อให้ใส่ใจการเปลี่ยนแปลงพฤติกรรมอย่างเห็นได้ชัด เกมจะ “สนุก” สำหรับผู้เรียน ทว่าพัฒนาการเรียนรู้อย่างสำคัญ […]

อ่านต่อ

Flutter Framework เครื่องมือที่ประสิทธิภาพในการสร้าง native app แบบหลาย platform

เมื่อเราต้องการจะสร้าง UI ที่มีคุณภาพดีในมือถือ เราจำป็นต้องเลือกเครื่องมือที่ตอบโจทย์เพื่อทำให้ process นั้นง่ายขึ้น ในทางตรงกันข้าม ถ้าเราเลือกผิดจะทำให้สถานการณ์แย่ลงและอาจกลายเป็นสาเหตุของความล้มเหลวได้เลย ผู้เขียนพนันได้เลยว่าไม่มีใครอยากเริ่มทำใหม่ตั้งแต่แรกอยู่แล้ว นี่จึงเป็นเหตุผลที่คุณควรใส่ใจกับ UI framework ที่มีความ advanced ในการพัฒนาแอพอย่าง Flutter เรามาลองดูกันว่า ทำไม framework ตัวนี้ถึงมีความคุ้มค่าในการใช้พัฒนาแอพ และ ประสิทธิภาพของมันเป็นอย่างไร Flutter คืออะไร? เมื่อเปลายเดือนกุมภาพันธ์ ปี 2018  google เปิดตัว flutter framework แบบ beta เวอร์ชันแรก นี่เป็น เครื่องมือ การสร้าง native interface สำหรับ android และ iOS และในเดือนสิงหาคม ปี 2019 ก็ได้ออกเวอร์ชัน 1.7.8 เป็นเวอร์ชันล่าสุด ณ ตอนนี้ อะไรทำให้ Flutter เป็น Framework […]

อ่านต่อ

ขั้นตอนวิธีสร้าง App โดยใช้ Flutter ( Flutter Tutorial Part 1 )

ใน tutorial นี้ เราจะมาสอนการสร้างแอพพลิเคชั่นโดยใช้ Flutter แบบ Step by step แอพที่สร้างขึ้นจะเป็นแบบ open source อยู่ที่ Aviacommerce platform, tutorial นี้โฟกัสไปที่ แอพพลิเคชั่นเพื่อที่จะนำเสนอ concepts ที่สำคัญของ flutter framework Tutorial นี้เป็นแค่ส่วนแรกของ Tutorial ทั้งหมดเท่านั้น :- วิธีการสร้าง App โดยใช้ Flutter วิธีการทำ layout ใน App โดยใช้ Flutter (ยังไม่มา) วิธีจัดการ data ใน flutter (ยังไม่มา) วิธีการ listing ใน Flutter (ยังไม่มา) Blog นี้จะอธิบายเกี่ยวกับวิธีการสร้าง layouts แนะนำแบบ step by step […]

อ่านต่อ

React native หรือ Flutter เราควรเลือกใช้ตัวไหนในการสร้าง Mobile app ดี?

ปัจจุบันการสร้างแอพพิเคชั่น แบบ Cross-platform กำลังเป็นที่นิยม ด้วย Framework ที่สามารถสร้าง Native app โดยไม่ต้องใช้ภาษา swift สำหรับ iOS หรือว่า Java สำหรับ Android เลย React native และ Flutter เป็น Frameworkในการใช้สร้าง Appแบบ Cross-platform ที่ได้รับความนิยมอย่างมาก ปัจจุบันนี้ก็ได้ใช้สร้างแอพพลิเคชันเป็นหลายพันแอพเลยทีเดียว แต่ถ้าเราจำเป็นต้องเลือกระหว่าง Reactive หรือ Flutter เราควรจะเลือกใช้ตัวไหนดี? ไม่มีคำตอบที่ถูกต้องเสมอไปสำหรับคำถามนี้ คำตอบนี้ขึ้นอยู่กับความต้องการทางธุรกิจและ การใช้งานของคุณ ทั้ง Reactive และ Flutter ถือว่าเป็นคู่แข่งที่ทรงพลังพร้อมทั้งมีข้อดีและข้อเสีย ในฐานะที่ผู้เขียนนั้นเป็นผู้พัฒนา React native ผู้เขียนได้พยายามเขียนบทความนี้ขึ้นมาโดยไม่มีความลำเอียง React Native และ Flutter มาพร้อมกับความคล้ายคลึงกันหลายๆ อย่างเช่น   การสร้างแอพแบบ Cross-platform โดยใช้ Code […]

อ่านต่อ

วิธีการติดตั้ง React ตั้งแต่เริ่มต้น

แม้ว่า React จะได้รับความนิยมอย่างมาก แต่การติดตั้งแอปพลิเคชั่นตั้งแต่เริ่มต้นนั้นกลับเป็นงานที่ยากลำบาก เพื่อแก้ปัญหาสิ่งเหล่านี้ Facebook มาพร้อมกับฟีเจอร์อย่าง create-react-app เพื่อให้เป็นมิตรกับผู้ใช้ วันนี้ลองใช้เวลาในการทำความเข้าใจความซับซ้อนของแอพ React กัน

อ่านต่อ

10 Front-End Framework มาแรงในปี 2018

เมื่อต้องพัฒนาเว็บไซต์ใหม่ Front-End Framework ช่วยให้คุณสามารถเริ่มงานได้ทันที ด้วยความนิยมของ framework จึงทำให้มี Front-End Framework ให้เลือกใช้งานหลายแบบและยังมี framework ใหม่ๆ ออกมาอยู่เสมอ

อ่านต่อ

เทรนด์ออกแบบหน้าเว็บและแอพมาแรง ปี 2018 Part 2

สวัสดีครับ ยินดีต้อนรับสู่ Part 2 ครับ เพื่อเป็นการไม่เสียเวลาเรามาดูกันเลย Split Screens การแบ่งหลายจอนี้ ปรากฎได้ในเว็บและมือถือตั้งแต่สมัยอดีต ซึ่งปัจจุบันเทรนดังกล่าวนี้กลับมาอีกครั้ง วิธีการนี้จะมีประสิทธิภาพในแง่ของการออกแบบที่สามารถตอบสนองต่อผู้ใช้งานได้ดี เนื่องจากผู้ใช้สามารถเล่นกับเนื้อหาที่มีความหลากหลาย ให้ความสอดคล้องกัน แล้ววิธีการนี้ยังทำให้นักออกแบบมีพื้นจินตนาการที่ไร้ขีดจำกัด ในการดีไซน์ออกแบบผสมสี บางเว็บไซต์นั้นใช้หน้าจอแยกเพื่อนำเสนอตัวเลือกของผลิตภัณฑ์ที่มีความสำคัญเท่ากันหรือใกล้เคียงกัน สำหรับแอพหาคู่นี้ ใช้หน้าจอแยกตามแนวทแยงมุม บวกกับคอนทราสต์ของสี ซึ่งจะสร้างความกลมกลืน เนื่องจากมีการสอดคล้องกับเงา เว็บไซต์สารานุกรม ใช้หน้าจอแยกสำหรับแบ่งหน้ารายการ สำหรับมือถือ หน้าจอแยกกลายเป็นเทรนด์ที่เป็นมิตรกับผู้ใช้ เป็นการแก้ไขปัญหาของเนื้อหาและลำดับข้อมูลให้สามารถอ่านได้ง่าย โดยวิธีการจะเป็น ใช้กล่องหรือช่องว่างที่มีพื้นหลังโปร่งแสงสำหรับหัวเรื่องหลัก และเป็นการเพิ่มความคมชัดสวยงามให้กับหน้าเว็ปไซต์ แอปสูตรอาหารมังสวิรัติ ใช้การแบ่งสีบนพื้นหลัง เมื่อผู้ใช้รูดการ์ดสูตรในแคตตาล็อกจะมีการแยกความแตกต่างของส่วนที่สว่างและมืด เมื่อทำการส่งข้อมูลไปหน้าถัดไป หน้าจอก็จะถูกแยกออกจากกัน   แอป Watering Tracker จะใช้หน้าจอแยกแนวนอน: ส่วนบนที่มีพื้นหลังที่มืดเป็นที่ดีสำหรับการนำเสนอแผนภูมิและภาพ ในขณะที่ส่วนที่ต่ำกว่าใช้พื้นหลังโทนสว่าง เพื่อให้อ่านง่าย   Bold Typography ตัวพิมพ์ที่เป็นตัวหนาและยังคงเป็นที่ปรากฏในเว็บและมือถืออย่างต่อเนื่อง ตอนนี้มันกลายเป็นหนึ่งในองค์ประกอบการออกแบบที่สำคัญและนักออกแบบให้ความสนใจเป็นอย่างมาก ลำดับชั้นของตัวอักษรและแบบอักษรที่เหมาะสม เป็นส่วนประกอบหลักของทุกโครงการออกแบบ UI Landing Page ของ Big City Guide ใช้วิธีประยุกต์ลำดับตัวอักษร และ ภาพ […]

อ่านต่อ

พิชิตปัญหาคุยกับไอทีไม่รู้เรื่อง ด้วยภาษาอังกฤษ!

เคยไหมที่ไอทีพูดอะไรก็ไม่รู้ แล้วคุณรู้สึกปวดหัวไหม? เคยอยากลองแก้ปัญหาไอทีเอง แล้วรู้สึกศัพท์อะไรไม่รู้เต็มไปหมด? ต้องปฎิเสธไม่ได้เลยทุกวันนี้คุณต้องใช้เทคโนโลยี และก็ต้องพบกับปัญหาหรือการเรียนรู้มากมาย ไม่ว่าจะเป็น

อ่านต่อ
1 2 … 4