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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิวัฒนาการของการเก็บข้อมูล
โดย Before Dong พ 21 ก.พ. 2018 10:42 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
2
พ 21 ก.พ. 2018 10:42 am โดย Before Dong
Q :ต้องการบันทึกข้อมูลการคำนวนระยะทางตอนที่ผู้ใช้งานค้นหาจากจังหวัดต้นทางและจังหวัดปลายทาง ใน Joomla
โดย Parichat อ 20 ก.พ. 2018 6:43 pm บอร์ด Joomla Development
1
14
อ 20 ก.พ. 2018 7:31 pm โดย tsukasaz
Modals (โม'เดิล)-Plugin ที่ทำให้เชื่อมโยงที่เปิดในป็อปอัพโมเดิล
โดย Parichat อ 20 ก.พ. 2018 6:20 pm บอร์ด Joomla Extension Review
0
6
อ 20 ก.พ. 2018 6:20 pm โดย Parichat
การใช้งาน Python GUI (Tkinter) :Create List box (สร้างกล่องรายการ)
โดย Jom07 อ 20 ก.พ. 2018 3:07 pm บอร์ด Python Knowledge
0
18
อ 20 ก.พ. 2018 3:07 pm โดย Jom07
คู่มือ VDO
โดย tsukasaz อ 20 ก.พ. 2018 2:58 pm บอร์ด RTP - Right To Play Thailand Foundation (7 ก.พ. - 15 มิ.ย.61)
0
3
อ 20 ก.พ. 2018 2:58 pm โดย tsukasaz
ประชุมทีม
โดย tsukasaz อ 20 ก.พ. 2018 2:57 pm บอร์ด RTP - Right To Play Thailand Foundation (7 ก.พ. - 15 มิ.ย.61)
0
1
อ 20 ก.พ. 2018 2:57 pm โดย tsukasaz
ไฟล์ตัวติดตั้ง
โดย tsukasaz อ 20 ก.พ. 2018 2:57 pm บอร์ด RTP - Right To Play Thailand Foundation (7 ก.พ. - 15 มิ.ย.61)
0
1
อ 20 ก.พ. 2018 2:57 pm โดย tsukasaz
รายงานความคืบหน้า / Progress
โดย tsukasaz อ 20 ก.พ. 2018 2:56 pm บอร์ด RTP - Right To Play Thailand Foundation (7 ก.พ. - 15 มิ.ย.61)
0
1
อ 20 ก.พ. 2018 2:56 pm โดย tsukasaz
G - ข้อมูลสำหรับทำระบบ RTP - ระบบติดตามและประเมินผลและบริหารข้อมูลโครงการ
โดย mindphp อ 20 ก.พ. 2018 2:05 pm บอร์ด RTP - Right To Play Thailand Foundation (7 ก.พ. - 15 มิ.ย.61)
1
8
อ 20 ก.พ. 2018 4:04 pm โดย mindphp
การทำงานของ Front-End กับ Back-End
โดย Before Dong อ 20 ก.พ. 2018 9:57 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
197
อ 20 ก.พ. 2018 9:57 am โดย Before Dong
Q :ต้องการให้ระยะทางที่คำนวนได้มาแสดง โดยได้มาจากจังหวัดต้นทางและปลายทางที่กำหนดค่า default เอาไว้
โดย Parichat จ 19 ก.พ. 2018 5:48 pm บอร์ด Joomla Development
25
114
อ 20 ก.พ. 2018 7:16 pm โดย tsukasaz
package tkFileDialog (python 2) เปลี่ยนตัวแปรเป็น filedialog (python 3)
โดย Jom07 จ 19 ก.พ. 2018 5:35 pm บอร์ด Python Knowledge
0
16
จ 19 ก.พ. 2018 5:35 pm โดย Jom07
Q :ต้องการให้ listbox selected จากรายการที่เคยคำนวนระยะทางมาก่อนแล้วใน Joomla
โดย Parichat จ 19 ก.พ. 2018 3:32 pm บอร์ด Joomla Development
10
56
จ 19 ก.พ. 2018 4:36 pm โดย Parichat
Remote & Local Image Manager(รีโมทแอนโลคอลอิมเมจเมเนเจอ)-Component จัดการไฟล์ภาพและสื่อบนโฮสต์ FTP ภายในและระยะไกล
โดย Parichat จ 19 ก.พ. 2018 2:13 pm บอร์ด Joomla Extension Review
0
22
จ 19 ก.พ. 2018 2:13 pm โดย Parichat
ช่วยด้วยค่ะติดตั้ง component ที่ดาวโหลดมาไม่ได้ค่ะ
โดย Parichat จ 19 ก.พ. 2018 12:28 pm บอร์ด Joomla Development
2
25
จ 19 ก.พ. 2018 1:45 pm โดย Parichat
Android ดึงข้อมูล Json จาก Web server มาใส่ใน app ไม่ขึ้น แต่เรียกดูผ่าน Web browser ขึ้น
โดย Anonymous จ 19 ก.พ. 2018 12:02 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
30
จ 19 ก.พ. 2018 12:02 pm โดย บุคคลทั่วไป
วิวัฒนาการของ Ram กับ Liverpool
โดย Before Dong จ 19 ก.พ. 2018 10:55 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
30
จ 19 ก.พ. 2018 10:55 am โดย Before Dong
เจอปัญหา เข้าเมล roundcube ไม่ได้ เจอ Error connection to storage server failed
โดย mindphp อ 18 ก.พ. 2018 7:16 pm บอร์ด Linux - Web Server
0
21
อ 18 ก.พ. 2018 7:16 pm โดย mindphp
แก้ปัญหา ส่งเมลไม่ออก Roundcube: SMTP Error (-1): Connection to server failed.
โดย mindphp อ 18 ก.พ. 2018 6:16 pm บอร์ด Linux - Web Server
1
12
อ 18 ก.พ. 2018 6:35 pm โดย mindphp
ปัญหาเมล Mail Server exim Start ไม่ขึ้น บน Ubuntu
โดย mindphp อ 18 ก.พ. 2018 5:40 pm บอร์ด Linux - Web Server
1
15
อ 18 ก.พ. 2018 5:46 pm โดย mindphp