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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 25 กันยายน 2561
โดย Ittichai_chupol อ 25 ก.ย. 2018 9:38 am บอร์ด M070 - อิทธิชัย ชูผล
0
1
อ 25 ก.ย. 2018 9:38 am โดย Ittichai_chupol
งานที่ประจำวันที่ 25 กันยายน 2561
โดย tatiya อ 25 ก.ย. 2018 9:28 am บอร์ด M065 - ตติยะ นาชัย
0
1
อ 25 ก.ย. 2018 9:28 am โดย tatiya
R - mod_jshopping_static โมดูลสถิติ
โดย pprn จ 24 ก.ย. 2018 6:43 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
3
จ 24 ก.ย. 2018 6:45 pm โดย pprn
B - สร้างสินค้าไม่ได้ error @M045
โดย thatsawan จ 24 ก.ย. 2018 4:20 pm บอร์ด สิริกิตติรัตน์ - Tester
1
5
จ 24 ก.ย. 2018 6:49 pm โดย nuattawoot
index อบรม Odoo ครั้งที่ 31
โดย tatiya จ 24 ก.ย. 2018 3:52 pm บอร์ด M065 - ตติยะ นาชัย
0
2
จ 24 ก.ย. 2018 3:52 pm โดย tatiya
อยากทำ input type color โชว์ พอ summit ลง database ด้วยค่ะ
โดย supattra_su จ 24 ก.ย. 2018 3:50 pm บอร์ด Programming - PHP
0
10
จ 24 ก.ย. 2018 3:50 pm โดย supattra_su
generate_pagination() เรียกใช้ไม่ได้
โดย Ittichai_chupol จ 24 ก.ย. 2018 12:22 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
3
18
จ 24 ก.ย. 2018 3:05 pm โดย thatsawan
มีส่วนเสริมที่เปิดอ่านไฟล์ pdf ไหมครับ
โดย ek_EKEK จ 24 ก.ย. 2018 12:06 pm บอร์ด Joomla Development
2
14
อ 25 ก.ย. 2018 9:40 am โดย ek_EKEK
ตัวช่วยในการตรวจสอบ Domain Name และนำบทความจาก Master Site มาแสดงโดยใช้ Module Menu Json ใน Joomla
โดย Parichat จ 24 ก.ย. 2018 11:32 am บอร์ด PHP News
0
6
จ 24 ก.ย. 2018 11:32 am โดย Parichat
ไม่สามารถ import วิดีโออบรม ใน camtasia ได้ค่ะ
โดย muneela จ 24 ก.ย. 2018 11:19 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
12
จ 24 ก.ย. 2018 11:19 am โดย muneela
คำถามลูกค้าที่มาอบรม Odoo ครั้งที่ 31
โดย tatiya จ 24 ก.ย. 2018 11:13 am บอร์ด M065 - ตติยะ นาชัย
0
4
จ 24 ก.ย. 2018 11:13 am โดย tatiya
B - อัพเดท จำนวน สินค้าไม่ได้
โดย thatsawan จ 24 ก.ย. 2018 10:44 am บอร์ด สิริกิตติรัตน์ - Tester
1
6
จ 24 ก.ย. 2018 6:59 pm โดย nuattawoot
งานประจำวันที่ 24 กันยายน 2561
โดย prakon จ 24 ก.ย. 2018 10:23 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
9
จ 24 ก.ย. 2018 3:43 pm โดย prakon
งานประจำวันที่ 24 กันยายน 2561
โดย tatiya จ 24 ก.ย. 2018 10:15 am บอร์ด M065 - ตติยะ นาชัย
1
9
จ 24 ก.ย. 2018 9:20 pm โดย tatiya
งานประจำวันที่ 24 กันยายน 2561
โดย tai14 จ 24 ก.ย. 2018 10:12 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
1
3
จ 24 ก.ย. 2018 6:46 pm โดย tai14
งานประจำวันที่ 24 กันยายน 2561
โดย pprn จ 24 ก.ย. 2018 10:12 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
19
จ 24 ก.ย. 2018 6:41 pm โดย pprn
งานประจำวันที่ 24 กันยายน 2561
โดย muneela จ 24 ก.ย. 2018 10:03 am บอร์ด M068 - มุนีลา หมัดบาซา
1
8
จ 24 ก.ย. 2018 7:18 pm โดย muneela
งานประจำวันที่ 24 กันยายน 2561
โดย Ittichai_chupol จ 24 ก.ย. 2018 9:55 am บอร์ด M070 - อิทธิชัย ชูผล
1
7
จ 24 ก.ย. 2018 6:58 pm โดย Ittichai_chupol
ติดตั้งJoomla ไม่ได้ค่ะ
โดย Anonymous อ 23 ก.ย. 2018 5:21 pm บอร์ด Joomla Development
1
12
อ 23 ก.ย. 2018 5:30 pm โดย mindphp
Q - ถามเรื่องการ UPDATE INSERT ข้อมูล sql server ครับ ว่าแบบ Function กับ แบบทั่วไป แบบไหนปลอดภัยกว่า
โดย nuattawoot อ 23 ก.ย. 2018 3:48 pm บอร์ด SQL - Database
0
21
อ 23 ก.ย. 2018 3:48 pm โดย nuattawoot