mobile app vs web app

สารบญ หนา รจก Application 1 Mobile App คออะไร 2 Web App คออะไร 6 ความแตกตางของ Mobile App และ Web App 8 เอกสารอางอง 9

1 Mobile App VS Web App

1รจก Application

จากภาพขางตนแสดงใหเหนวา ประเภทของ Software นนมมากมายหลายแบบ รวมไปถง

Application กเปนหนงในประเภทของ Software โดย Application นนคอ Software ทใชเพอชวยการท างานของผใช (User) ดงนน Application จะตองมสงทเรยกวา สวนตดตอกบผใช (User Interface หรอ UI) นอกจากนเรายงสามารถแบง Application ออกเปนประเภทยอยๆ ตามสภาพแวดลอมการท างาน (Environment หรอ Platform) ของมน เชน

– Desktop Application คอ Application ทท างานบนเครอง Desktop Computer เชน PC หรอ Mac เปนตน

– Mobile Application คอ Application ทท างานบน Mobile Device เชน โทรศพทมอถอ เปนตน

– Web Application คอ Application ทท างานบน Web เชน Gmail เปนตน โดย Web App อาจแบงออกไปอกเปน Intranet Application กบ Internet Application โดย Intranet หมายถงมการใชงานแตภายในองคกร ซงตรงขามกบ Internet ทเปน World Wide Web นนเอง ในยค Web 2.0 เราอาจไดยนค าทพฒนาตอมาจาก Internet Application คอ RIA ทยอมาจาก Rich Internet Application โดยหลกการแลว RIA คอ Application ทยงใช Web Technologies แตมการพฒนาใหม UI ในฝง Client ทดเหมอนๆกบการใช Desktop Application เพอสรางประสบการณทดใหกบผใช (User Experience หรอ UX) เชน ไมมการ Refresh หนาจอ มลกเลน Dynamic ในการแสดงผลมากมายกวา Internet Application แบบเดมๆนอกจากนเราอาจเคยไดยนค าทเกยวของกบ Application ตามมามากมาย เชน – iPhone Application คอ Application ทท างานอยบน iPhone OS

1

http://www.choopong.com/blog/2010/06/20/what-difference-between-software-vs-application-vs-program/


– Facebook Application คอ Application ทท างานอยบน Facebook Platform – Google App Engine คอ ระบบ Cloud ของ Google เพอรน Web Application 2Mobile App คออะไร

Mobile app กคอ Application บนอปกรณพกพานนเอง จะเหนอยใน App Store หรอ play

store กจะมแอปหลายประเภท ทงแอปเลนเกม แอปเครองมอนนนนน และเรากสามารถท าเวบใหกลายเปน Mobile app ได ตวอยางของ Mobile app เชน Facebook, Twitter ขอดของการท า Mobile app กคอ ผใชจะสามารถเขาถงเนอหาไดรวดเรว สวยงาม เพราะในเชงการเขยนโปรแกรมนน สามารถเขยนแบบ Native ได ดาวนโหลดเรวไมตองงดาวนโหลด CSS หรอ JavaScript แบบเวบไซต

ในโลกของการพฒนา app มอถอ จะตางกบการพฒนาเวบ และคอมพวเตอร เนองจากระบบการท างานของมอถอแตละเครองจะไมเหมอนกน ท าใหตองพฒนาโดยใชภาษาทตางกน ผดกบบนเวบและคอมพวเตอรทคอนขางครองตลาด ท าใหเลอกพฒนาไดไมล าบาก เชนถาตองการพฒนา app ทใชบนคอมพวเตอร คณกจะเลอก Windows เปนหลก ในขณะทบนเวบ คณกจะใช HTML/CSS ในการพฒนาเปน

2

http://webcache.googleusercontent.com/search?q=cache:YOiVwgzMdAsJ:theamorn.blogspot.com/2013/09/mobile-app-mobile-web-app-app-app-app.html+&cd=2&hl=en&ct=clnk&gl=th




หลก ในขณะทมอถอมอย 4 เจา คอ Apple, Android, Blackberry, Windows สวนรปแบบการพฒนาม ๒ แบบใหเลอก คอ Single – Platform หรอ Cross-Platform

1. Single-Platform (เลอกพฒนาเพยงเครองเดยว)

โดยปกตแลวพฒนาเพยงเครองเดยวจะเหมาะใชในองคกร หรอใชกนภายในเทานน เพราะเนองจากเราสามารถบงคบใหผใชงานวาจะใชเครองมอถอประเภทไหนได ซงการพฒนา app ส าหรบระบบปฎบตการเดยวนน คาใชจายถกกวา ลดความยงอยากในการออกแบบ และลดเวลาในการพฒนา

2. Cross-Platform (เลอกพฒนาหลายๆเครอง)

การพฒนาหลายๆเครอง หรอมากกวา 2 เครองขนไป ซงแตละเครองจะมจดดจดเดนตางกน แตโดยสวนใหญแลวผพฒนาจะพยายามพฒนาใหทงคมหนาตาทเหมอนๆกน โดยไมไดเนนการน าจดเดนของแตละเครองมาใชเทาไร เนองจากตองการใหผใชไดรบประสบการณทเหมอนๆกน ไมวาจะใชเครองไหนกตาม การพฒนา app ลงหลายๆเครองๆนน มความยงยากและซบซอนกวาการพฒนาเจาะจงแตเพยงเครองเดยว แตในทางกลบกนตว app จะเขาถงผใชไดกวางขวางกวา

โมบายแอพพลเคชน แบงออกเปน 3 ประเภท

การพฒนา app มอถอนนมอย 3 แบบใหญๆ โดยแตละแบบมขอดขอเสยตางกน ทางเราจะแจกแจงใหทราบแลวสามารถน าไปพจารณาวาแบบไหนเหมาะกบธรกจของคณ

1. Mobile web app

2. Hybrid

3. Native

ไมมวธไหนดทสด มแตวาวธไหนเหมาะสมกบคณทสด เรามาดกนวาแตละวธนนตางกนยงไง

1. Mobile web app

เนองจากมอถอนนสามารถเปดเวบขนมาได ซงตวเวบ จะคอนขางหมอนกบเปดเวบผานคอมพวเตอรโดย พฒนาดวย HTML,CSS และ Javascript ผานตว Browser (เชน Internet explorer, Google Chrome, Mozilla Firefox) ซงจะแลวแตชอเรยก บางคนกเรยก Html 5 apps, mobile web app แตสดทายคอการท าเวบหนง ทสามารถใชงานไดดบนระบบมอถอ การพฒนาเวบมอถอนน คาใชจายถกกวา พฒนา แอปมอถอมาก ไมจ าเปนตองท าการตดตง มอถอเครองใดๆกสามารถเลนได สามารถเปลยนแปลงอะไรไดตามใจชอบ ไมตองไปท าการสงขอมลให Google หรอ Apple เพอขอให update version ใหมขนไปท store ซงขอเสยคอการทเวบมอถอนนไมสามารถเขาถงประสทธภาพของมอถอไดอยางแทจรง เชน กลอง Bluetooth gps และ function พเศษอนๆ

ขอด

· คาพฒนาถก และรวดเรวกวาแอปมอถอ

· ใชภาษาสากล HTML/CSS/ JAVASCRIPT


· เขยนครงเดยวใชไดกบทกเครองมอถอ ไมตองเขยน Android เขยน iphone เขยน windows phone

· ดแลงาย จะแกไขขอความกคอแกทตวเวบไดเลย ไมตองไปนงแกทแอปทกตว

ขอเสย

· ประสทธภาพเทยบไมไดกบท าลงมอถอ

· ลกเลนบางอยางใชไมได

เหมาะส าหรบ

· องคกรทตองการราคาถก ใชเวลาท ารวดเรว และยดหยนสง

· จดประสงคใชเพยงแครปแบบพนฐานหรอไวดขอมลพนฐานเทานน

2. Hybrid

การพฒนาแบบลกผสมระหวางเวบกบแอปมอถอ ซงยงใชพนฐานภาษาเวบอยนน ท าใหการพฒนาไมยงยาก และยงอยากสามารถท าเปนรปแบบแอปใหสามารถตดตงลงบนมอถอได ซงสามารถท าใหภาษาเวบสามารถเรยกลกเลนบางอยางทเวบไมสามารถเรยกได

การพฒนาในรปแบบนนนกยงยงยากกวาการพฒนาแบบ mobile web app เนองจากจะตองพฒนาใหเหมาะกบแตละเครอง ไมเหมอน Hybrid ทพฒนาครงเดยวกเสรจสน ซงตวโคดนนสามารถใชรวมกนไดสวนใหญ แตสดทายตองมการปรบใหเหมาะสมกบแตละมอถอ

ขอด

· พฒนางายและรวดเรว เนองจากภาษาทใชคอภาษาสากล

· สามารถเขาถงลกเลนไดหลายๆอยาง

· สามารถตดตงลงเครองได ท าใหเลนแบบมเนตหรอไมมเนตกได

· พฒนาครงเดยว น าไปใชกบเครองอนๆได

ขอเสย

· การตดตงยงยงยากอย เมอเทยบกบ mobile web app


· องคกรทตองการใชลกเลนของมอถอตางๆ และตองการลงทกๆเครอง

· มงบในการพฒนาระดบหนง เนองจากคาใชจายจะสงกวา mobile web app

3. Native

เปนการเขยนโดยใชภาษามอถอในแตละเครอง ซงจะสามารถดงประสทธภาพเครองมาไดอยางเตมท และลกเลนใหมๆทมอถอแตละรนออกมา สามารถน ามาใชไดทนท แตคาใชจายกจะสงทสดเชนกน เพราะถาตองการพฒนาลงเครองอนๆ กหมายความวาจะตองท าการเขยนโคดตงแตเรมตนเลย


ขอด

· พฒนาไดทกรปแบบ ไมมขอปญหาดานเทคโนโลย

ประสทธภาพสงสด สามารถเขาถงทกลกเลนของมอถอไดทงหมด

ขอเสย

· คาใชจายทสงทสดในการพฒนา

· คาดแลและการปรบเปลยนสง

· ใชเวลาในการพฒนานาน


· องคกรขนาดใหญทเนนประสทธภาพของตวแอปกวาสงใดๆ

· เกม หรอ แอป ทตองมการค านวณซบซอน

การเลอกวธการพฒนา

ดวยเหตผลเหลานแลวคณจะเลอกใชตวเลอกไหนในการพฒนาแอปขนอยกบปจจยทคณม ซงหวขอเหลานจะเปนสวนในการชวยตดสนใจ

- ความยดหยน ตองการใหแอปมการปรบเปลยนเพม function ใหมๆตลอดเวลาหรอไม

- เวลาในการพฒนา มเวลาสนหรอยาวเพยงใด

- คาใชจาย คาการพฒนา การดแล และอนๆ

- ประสทธภาพ ตองการใหตวแอปสามารถเลนไดลนไหลเพยงใด

ถาลกคาตองการคาใชจายนอยๆ ทกคนสามารถเลนไดทงหมด และเปนแอปแคเพยงดขอมลงายๆเทานนเอง เราจะแนะน าวาท า Mobile web app จะเหมาะสมกวา

Native app คอการพฒนาแอปดวยภาษาของแตละเครองนนๆส าหรบผทตองการใชประสทธภาพเครองทสง มการค านวณทซบซอนและเงนลงทนทสง เชน เกม


3Web App คออะไร

Web App คอ การพฒนาระบบงานบนเวบ หรอ แอปพลเคชนทเขาถงดวยเวบเบราวเซอรผานเครอขายคอมพวเตอรอยาง อนเทอรเนต หรอ อนทราเนต ตวอยางเวบแอปพลเคชนไดแก เวบเมล พาณชยอเลกทรอนกส Online auction กระดานสนทนา บลอก วก เปนตน โดยอาศย โปรโตคอล http(s) Client Server Web Application Client View Form View Data มโปรแกรม Application คอ Browser Server เพอเกบขอมลตาง ๆ ลงโปรแกรมฝง Server การตดตอระหวาง Client และ Server response request ในยคแรก Web Page จะอยใน รปแบบของ Static Web Page ซงเปน เพจทตอบสนองความตองการของ ผใชอยางจ ากด เนองจากการกระท า ตางๆ ไดถกก าหนดไวลวงหนาเทานน ดงนนรปแบบของเพจจะเปนแบบเดม อยเสมอไมวาผเรยกเพจนนจะเปนใคร , เวลาใด หรอเขามาดจากทไหน ตอมามการพฒนาเปน Dynamic Web Page เวบไซตแบบ Dynamic คอเปนเวบทผใช หรอผดแล เวบ(Web Master) สามารถทจะupdate ขอมลใน เวบไซตสามารถโตตอบกบผใชได โดยอาศยหลกการ ของ CGI หรอ Common Gateway Interface คอ การรบ ขอมล จาก Client ไปประมวลผลท Server และสง ผลลพธกลบไปให Client ภาษาโปรแกรมทสนบสนน การเขยนเวบเพจแบบน ไดแก PHP, ASP.NET, Python, ruby เปนตน ซงมลกษณะของภาษาสครปต ทมลกษณะเปน Dynamic โดยทฝง Server : จะมการท างานท Server แลว สงผลทไดไปแสดงท Browser และทฝง Client : จะมการท างานทฝงผใชงานโดย จะมการเปลยนสภาพแวดลอมตามผใชงาน ภาษาทใช เชน DHTML, JavaScript, เปนตน เวบแอปพลเคชนเปนทนยมเนองจากความสามารถในการอพเดท และดแล โดยไมตองแจกจาย และตดตงซอฟตแวรบนเครองผใช ตวอยางเวบแอปพลเคชนไดแก เวบเมล พาณชยอเลกทรอนกส Online auction กระดานสนทนา บลอก วก เปนตน

องคประกอบของเวบแอปพลเคชนตามภาพนนประกอบดวย • Web Application เปนซอฟตแวรหลกทใหผลลพธเปนขอมลและการท างานตางๆ ท างาน

อยในApplication Server • Web Server เปนเซรฟเวอรทใหบรการคอการตอบสนองตอการรองขอการท างานตางๆ

ผานเวบ

3

https://www.gotoknow.org/posts/150337


• Application Server เปนเซรฟเวอรท Web Application ท างาน • Database Server เปนเซรฟเวอรฐานขอมลทเกบขอมลตางๆ ของ Web Application

รป

4ตวอยางเวบแอปพลเคชน (Web Application) 11 Web App ดงน 1. bbulbl.us เปนโปรแกรมทใชส าหรบสราง Mina map 2. Buzzword เปนโปรแกรม online word processor โดยทวไปจะท างานบน Flash 3. Empress เปน App. ทใชท างานสรางภาพแบบ Slideshows 4. High-rise เปนชดโปรแกรมบรหารจดการลกคาสมพนธ CRM 5. Jott เปน Web App. ทใชในการท าบนทกใหกบตวเอง 6. Mint เปน Web App. ทใชในการจดการบรหารการเงนดวยตวเองผานระบบออนไลน 7. Nozbe เปน Web App. ส าหรบ Project management ท าหนาทบรหารจดการ Project ตางๆ 8. Sandy เปน Web App. ผชวยสวนตวในการจดการเรองอเมลดวยภาษาธรรมชาต 9. Vitalist มลกษณะคลาย Nozbe และ Todoist เนองจากเปนโปรแกรมทอยในกลมเดยวกน 10. Scrybe เปน Web App. ทมการรวมกนระหวางปฏทนกบระบบแจงอเมล 11Todoist มลกษณะคลาย Nozbe แตจะเนนแนวทางการวางแผนในชวตประจ าวนมากกวา Web 2.0 คอ การก าหนดสงทเปลยนแปลงไปของเทคโนโลยเวบ วามอะไรบาง คลายๆ กบการก าหนดยคปจจบนของเวบวาอยในยคท 2 ของการพฒนา โดยมองคประกอบทส าคญรวมเขาดวยกน Web 2.0 Application มคณสมบต ดงน 1. ใหความส าคญกบผเขาชมเวบไซต โดยผเขาชมสามารถสรางcontent ของเวบไซตขนมาไดเอง 2. Web 2.0 Application จะม User interface ทดยงขน เชน คณสมบต Drag & drop 3คณสมบตทเรยกวา mash-up เชน การสราง ฮ เกยวกบระบบการซอขายสนคา online เทคโนโลยทนาสนใจส าหรบ Web 2.0 1. AJAX ถอวาเปนเทคโนโลยทส าคญมากๆ ส าหรบ Web 2.0 Application โดย AJAX นนสามารถท างานบนทก browser ไมวาจะเปน IE, Fire Fox, Opera หรอ Safari ตวอยาง Web 2.0 Application ทน า AJAX ไปใช เชน Gmail, Google Calendea 2. XML, Web services สามารถ integrate functional ในการท างานรวมกนไดงายขน เราสามารถตดตามต าแหนงงานทเราสนใจใน Jobdb ไดโดย RSS feeds 3.SaaS (Software as service) เปน Model ใหมส าหรบการใชบรการ software ซง SaaS จะสามารถแกปญหา โดยมอง software เปนเหมอนบรการๆ หนง โดยผใชบรการเพยงแคจายเงนคาบรการ แลวกสามารถใชงาน software ผานทาง web browser ไดทนท เมอมการ update software กจะท าเองอตโนมต โดยผผลต SaaS มขอด คอ ผใชจะสามารถวางแผนงบประมาณส าหรบการซอ software ไดมากขน

4

http://www.oknation.net/blog/kanomcake/2008/02/18/entry-2


ความแตกตางของ Mobile App และ Web App Application ในอนาคต

Mobile App Web App 1. แสดงผลไดดบนโทรศพทแบบพกพา 1. แสดงผลไดดบนเครองคอมพวเตอร 2. ตองตดตง App บนอปกรณ 2. ไมตองตดตง App ในเครอง ใชงานผาน internet

หรอ intranet 3. ใชภาษาในการพฒนาตางกนไปในแตละเจา เชน Apple, Android, Blackberry, Windows ซงสามารถเลอกพฒนาไดแบบ single platform หรอ cross plat form

3. ใช จะใช HTML/CSS ในการพฒนาเปนหลก


เอกสารอางอง 1. http://www.choopong.com/blog/2010/06/20/what-difference-between-software-vs-application-vs-program/

2.http://webcache.googleusercontent.com/search?q=cache:YOiVwgzMdAsJ:theamorn.blogspot.com/2013/09/mobile-app-mobile-web-app-app-app-app.html+&cd=2&hl=en&ct=clnk&gl=th

3. https://www.gotoknow.org/posts/150337

4. http://www.oknation.net/blog/kanomcake/2008/02/18/entry-2



https://www.gotoknow.org/posts/150337

ศนยเทคโนโลยสารสนเทศและการสอสาร

ส านกงานปลดกระทรวงยตธรรม

mobile app vs web app

Documents