ให้เรตสมาชิก: 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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
สร้างไฟล์เอกสารด้วย Reportlab (รีพอร์ตแล็บ)
โดย Wallapa พ 13 ธ.ค. 2017 5:39 pm บอร์ด Python Knowledge
0
3
พ 13 ธ.ค. 2017 5:39 pm โดย Wallapa
magento error แก้ยังไง ช่วยทีค่ะ !!!
โดย tipp3794 พ 13 ธ.ค. 2017 11:24 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
10
พ 13 ธ.ค. 2017 11:24 am โดย mindphp
Responsive Web Design Ver.ขนมปัง
โดย Before Dong พ 13 ธ.ค. 2017 10:19 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
19
พ 13 ธ.ค. 2017 10:19 am โดย Before Dong
การติดตั้ง Library บน Arduino IDE
โดย chayakan อ 12 ธ.ค. 2017 5:34 pm บอร์ด IOT - Internet of things
0
17
อ 12 ธ.ค. 2017 5:34 pm โดย chayakan
การติดตั้งโปรแกรม และการใช้งาน ArduinoIDE
โดย chayakan อ 12 ธ.ค. 2017 4:54 pm บอร์ด IOT - Internet of things
0
15
อ 12 ธ.ค. 2017 4:54 pm โดย chayakan
Arduino คืออะไร ?
โดย chayakan อ 12 ธ.ค. 2017 4:01 pm บอร์ด IOT - Internet of things
0
27
อ 12 ธ.ค. 2017 4:01 pm โดย chayakan
จะดึงข้อมูลจากฐานข้อมูล ให้มาแสดงใน PDF ค่ะ
โดย Wallapa อ 12 ธ.ค. 2017 11:33 am บอร์ด Programming - C/C++ & java & Python
4
58
อ 12 ธ.ค. 2017 11:33 am โดย Wallapa
รวมงานประจำปี 2560
โดย chayakan อ 12 ธ.ค. 2017 10:58 am บอร์ด M054 - ชญากาณฑ์ ชาญชัย
0
2
อ 12 ธ.ค. 2017 10:58 am โดย chayakan
รวมบทความประจำปี 2560
โดย chayakan อ 12 ธ.ค. 2017 10:58 am บอร์ด M054 - ชญากาณฑ์ ชาญชัย
0
1
อ 12 ธ.ค. 2017 10:58 am โดย chayakan
Note
โดย chayakan อ 12 ธ.ค. 2017 10:54 am บอร์ด M054 - ชญากาณฑ์ ชาญชัย
0
2
อ 12 ธ.ค. 2017 10:54 am โดย chayakan
Work's on Hand ชญากาณฑ์ ชายชัย M054
โดย chayakan อ 12 ธ.ค. 2017 10:53 am บอร์ด M054 - ชญากาณฑ์ ชาญชัย
0
24
อ 12 ธ.ค. 2017 10:53 am โดย chayakan
งานประจำวันที่ 12 ธันวาคม 2560
โดย chayakan อ 12 ธ.ค. 2017 10:48 am บอร์ด M054 - ชญากาณฑ์ ชาญชัย
1
15
อ 12 ธ.ค. 2017 10:48 am โดย chayakan
ใส่ถุงมือกันไว้ก่อน IT - Programmer อุปกรณ์ ที่ควรใส่ เวลาทำงาน
โดย Before Dong อ 12 ธ.ค. 2017 10:37 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
อ 12 ธ.ค. 2017 10:37 am โดย Before Dong
ทำความรู้จักกับ Open Stack OpenStack คืออะไร
โดย kubarnaza จ 11 ธ.ค. 2017 5:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
26
จ 11 ธ.ค. 2017 5:48 pm โดย kubarnaza
JFormHelper::loadFieldClass('list');
โดย Minanda จ 11 ธ.ค. 2017 10:42 am บอร์ด Joomla Development
3
44
จ 11 ธ.ค. 2017 10:42 am โดย Minanda
ช่วยด้วยครับ ติดตั้ง Component Joomshoping ThaiEdition ลงในจูลล่า 3.5 ไม่ได้อะครับ
โดย sdfza100 จ 11 ธ.ค. 2017 9:50 am บอร์ด Joomla Development
8
74
จ 11 ธ.ค. 2017 9:50 am โดย AePongsak
ไม่สามารถเข้าถึงไฟล์ PHP ใน Directory
โดย บุคคลทั่วไป ส 09 ธ.ค. 2017 3:40 pm บอร์ด Joomla Development
4
67
ส 09 ธ.ค. 2017 3:40 pm โดย บุคคลทั่วไป
เผยเทคนิค ดี ๆ ที่สามารถทำให้บ้านและสวนร่มรื่นได้
โดย บุคคลทั่วไป ศ 08 ธ.ค. 2017 4:39 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
36
ศ 08 ธ.ค. 2017 4:39 pm โดย บุคคลทั่วไป
วิธีการติดตั้ง Selenium ลง Python บน Windows
โดย Panchalee พฤ 07 ธ.ค. 2017 6:20 pm บอร์ด Software testing
0
51
พฤ 07 ธ.ค. 2017 6:20 pm โดย Panchalee
แสดงวันที่ปัจจุบันใน Python
โดย Wallapa พฤ 07 ธ.ค. 2017 11:30 am บอร์ด Python Knowledge
0
46
พฤ 07 ธ.ค. 2017 11:30 am โดย Wallapa