ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

Progrssive Web App (โพรเกรสซีฟ เว็บ แอพ) คืออะไร

Progrssive Web App
Progrssive Web App

    ถ้าให้บอกว่า Progrssive Web App (โพรเกรสซีฟ เว็บ แอพ) เป็นเครื่องมือหรือเทคโนโลยีใหม่ ก็อาจจะพูดไม่ได้เต็มปากจริงๆ แต่ Progressive Web App เป็นแนวทางการทำเว็บ ให้ออกมาเหมือน Application

    ซึ่งก่อนอื่นเราต้องรู้จักเว็บไซต์ นอกจากเราจะต้องดีไซน์เว็บให้สวยงามเมื่อดูผ่านจอคอมพิวเตอร์แล้ว เราก็จะต้องทำให้เว็บเราอ่านได้ง่ายและสวยงามผ่านอุปกรณ์พกพา Mobile devices (โมบาย ดีไวซ์) ชนิดอื่นๆ ด้วยเพราะว่าทุกวันนี้เราก็คงไม่ปฏิเสธว่ามือถือหรือแท็บเล็ตเริ่มมีบทบาทในชีวิตเรามากขึ้นทุกวัน เราอ่านข่าวบนมือถือในขณะที่นั่งรถไปทำงาน เราเปิดเฟซบุ๊กในขณะกินข้าว แอบเล่นไลน์ ตอนทำงาน เป็นต้น ทีนี้เรา ที่คุ้นเคยกับเว็บไซต์บนคอมพิวเตอร์ เมื่อต้องย้ายเว็บไซต์มาอยู่บนอุปกรณ์พกพาเราจะเลือกสร้างแบบไหนเพื่อให้คนใช้และรู้จักกับสิ่งที่เราต้องการจะสื่อสารได้มากที่สุด บางคนอาจเคยได้ยินว่าทำเว็บให้อ่านง่ายบนอุปกรณ์พกพาก็ทำ App สิ หรือทำ Mobile site สิ หรือทำเว็บแบบ Responsive ไปเลย 

ซึ่ง 3 คำนี้มันมีความหมายแตกต่างกันอย่างไร มาดูกันเลยครับ

1. Mobile Apps (โมบาย แอพ) หรือ Mobile application (โมบาย แอพพลิเคชั่น)

     Mobile app ก็คือ Application บนอุปกรณ์พกพานั่นเองครับ คือ แอพหลายประเภท ทั้งแอพเล่นเกม แอปเครื่องมือนู้นนี่นั่น และเราก็สามารถทำเว็บให้กลายเป็น Mobile app ได้ ตัวอย่างของ Mobile app มีเยอะแยะมากมาย เช่น Facebook, Twitterเป็นต้น

2. Mobile site (โมบาย ไซต์)

     Mobile site  คือ การแยกเว็บไซต์มาเป็นอันใหม่อีก 1 เวอร์ชัน เป็นคนละเว็บกับตัวหลักที่มีอยู่ ซึ่งจะมีการออกแบบฟีเจอร์ให้เหมาะสมกับการใช้งานบนโทรศัพท์มือถือด้วย เช่น อาจมีการเปลี่ยนรูปแบบเมนู ปุ่มกดต่างๆ ให้ใช้งานได้ง่ายขึ้น

นอกจากนี้อาจตัดหน้าเว็บบางหน้าที่ไม่จำเป็นออก เหลือไว้เฉพาะหน้าที่เป็นเนื้อหาหลักสำคัญๆ เท่านั้น

3. เว็บแบบ Responsive Website (รีสปอนซีฟ เว็บไซต์) 

     Responsive เป็นเทคนิคการเขียนเพื่อปรับรูปแบบการแสดงผลให้เหมาะกับอุปกรณ์พกพา เช่น มีการปรับเปลี่ยนขนาดตัวอักษร หรือปรับเปลี่ยนรูปแบบการจัดวางให้เหมาะกับการแสดงผลในแนวแคบ และรองรับการสัมผัสด้วยนิ้วมือได้ดีกว่า

    ก็หวังว่าจะช่วยให้มองความแตกต่างระหว่าง Mobile app , Mobile site และการทำเว็บแบบ Responsive ได้มากขึ้นนะครับ  ซึ่งในอนาคตมีแนวโน้มที่จะมีคนใช้อุปกรณ์เคลื่อนที่มากขึ้นแต่อย่างไรก็ตาม เว็บไซต์หลักก็ยังมีอิทธิพลต่อผู้ใช้เป็นจำนวนมากนั้นแสดงว่าการเจาะกลุ่มผู้ใช้ก็ต้องมองภาพกว้าง ๆ นั้นเองครับ

Reference : en.wikipedia.org/wiki/Progressive_web_app

ภาพประกอบ : greenido.wordpress.com

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
บริษัท RCP ลูกค้ายืนยันการใช้งานได้ให้อัพขึ้นฐานจริง
โดย Rujikon พฤ 21 มิ.ย. 2018 7:20 pm บอร์ด Mindphp Task (ทดลองงาน)
2
5
ศ 22 มิ.ย. 2018 3:56 am โดย mindphp
New อัพเดท state auto หลังR- จาก state ของ RMA เป็น deliver [2018-06][003]
โดย Rujikon พฤ 21 มิ.ย. 2018 7:18 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
2
พฤ 21 มิ.ย. 2018 7:19 pm โดย Rujikon
R - เปลี่ยนชื่อปุ่ม RMA Line จาก Confirm เป็น Receive [2018-06][002]
โดย Rujikon พฤ 21 มิ.ย. 2018 7:13 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
2
3
พฤ 21 มิ.ย. 2018 7:14 pm โดย Rujikon
Q - Import ไฟล์ Customer เข้าระบบไม่ได้
โดย Rujikon พฤ 21 มิ.ย. 2018 4:49 pm บอร์ด บริษัท เซนิธ เบบี้ แคร์ จำกัด - Tester
3
8
พฤ 21 มิ.ย. 2018 4:59 pm โดย thatsawan
ยืนยันหน้าจอการทำงานของ auto transfer และคำถาม
โดย nuattawoot พฤ 21 มิ.ย. 2018 2:06 pm บอร์ด Hachanna - Testter
5
27
ศ 22 มิ.ย. 2018 4:13 am โดย mindphp
ฺB - ปรับ Inventory loss แล้วไม่ได้อย่างที่กระทู้แนะนำ [2018-06][009]
โดย Rujikon พฤ 21 มิ.ย. 2018 1:59 pm บอร์ด Hachanna - Testter
0
2
พฤ 21 มิ.ย. 2018 1:59 pm โดย Rujikon
Q - เรื่องภาษี [2018-06][008]
โดย Rujikon พฤ 21 มิ.ย. 2018 1:48 pm บอร์ด Hachanna - Testter
0
5
พฤ 21 มิ.ย. 2018 1:48 pm โดย Rujikon
งานประจำวันที่ 21มิถุนายน 2561
โดย taemmynatchapon พฤ 21 มิ.ย. 2018 10:19 am บอร์ด M063 - ณัชพล ชัยวุฒิ
0
1
พฤ 21 มิ.ย. 2018 10:19 am โดย taemmynatchapon
งานประจำวันที่ 21 มิถุนายน 2561
โดย Rujikon พฤ 21 มิ.ย. 2018 10:05 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
8
พฤ 21 มิ.ย. 2018 7:22 pm โดย Rujikon
งานประจำวันที่ 21 มิถุนายน 2561
โดย wilawan พฤ 21 มิ.ย. 2018 9:48 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
1
12
พฤ 21 มิ.ย. 2018 6:46 pm โดย wilawan
งานประจำวันที่ 21 มิถุนายน 2561
โดย Parichat พฤ 21 มิ.ย. 2018 9:37 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
4
พฤ 21 มิ.ย. 2018 7:14 pm โดย Parichat
เมื่อมีโอกาสทำงาน...
โดย mindphp พฤ 21 มิ.ย. 2018 12:59 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พฤ 21 มิ.ย. 2018 12:59 am โดย mindphp
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 8:06 pm บอร์ด Mindphp Task (ทดลองงาน)
0
2
พ 20 มิ.ย. 2018 8:06 pm โดย Rujikon
สอบถามเกี่ยวกับ onclick html
โดย AePongsak พ 20 มิ.ย. 2018 6:33 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
20
พ 20 มิ.ย. 2018 6:33 pm โดย AePongsak
B - ปุ่มปริ้น inv มี 2 ปุ่ม
โดย thatsawan พ 20 มิ.ย. 2018 6:25 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
พ 20 มิ.ย. 2018 6:25 pm โดย thatsawan
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 4:21 pm บอร์ด Hachanna - Testter
1
13
พ 20 มิ.ย. 2018 9:00 pm โดย Rujikon
B - หน้า Detail ช่องว่างด้านล่างเยอะไป
โดย AePongsak พ 20 มิ.ย. 2018 2:23 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
พฤ 21 มิ.ย. 2018 12:00 pm โดย Parichat
B - คลิกที่รูปแล้วไม่ไปหน้า Detail
โดย AePongsak พ 20 มิ.ย. 2018 2:20 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
พฤ 21 มิ.ย. 2018 1:11 pm โดย Parichat
B - กรอบหน้าดาวน์โหลดไม่โค้ง
โดย AePongsak พ 20 มิ.ย. 2018 2:11 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
7
พฤ 21 มิ.ย. 2018 5:16 pm โดย Parichat
B - ไม่เห็นตัวเลขที่ แบ่งหน้าสินค้า
โดย AePongsak พ 20 มิ.ย. 2018 2:07 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
พฤ 21 มิ.ย. 2018 1:15 pm โดย Parichat