ความคิดเห็น: การเกิดขึ้นของ HTML5 Mobile Development ได้เปลี่ยนการแข่งขันของแพลตฟอร์มมือถือจากแพลตฟอร์มระบบเป็นเบราว์เซอร์: เช่น, Chrome, Firefox, Safari บนเทอร์มินัลมือถือหรือเบราว์เซอร์ใหม่
การเกิดขึ้นของ HTML5 Mobile Development ได้เปลี่ยนการแข่งขันของแพลตฟอร์มมือถือตั้งแต่แพลตฟอร์มระบบไปยังเบราว์เซอร์: มือถือ IE, Chrome, Firefox, Safari หรือเบราว์เซอร์ใหม่ ใครก็ตามที่สามารถรับการสนับสนุนที่ดีขึ้นสำหรับ HTML5 ทางด้านมือถือจะสามารถครอบครองตลาดได้มากขึ้นในฟิลด์แอปพลิเคชันมือถือในอนาคตวิธีการใช้แอพและการติดตั้งที่ยืดหยุ่นและสะดวกยิ่งขึ้นจะกลายเป็นหนึ่งในการรับประกันสำหรับ HT] L5 เพื่อส่องแสงบนแพลตฟอร์มมือถือ
นี่คือคุณสมบัติสำคัญหลายประการที่ HTML5 เหมาะสำหรับการพัฒนาแอปพลิเคชันมือถือ:
1. การแคชออฟไลน์เป็นพื้นฐานสำหรับการพัฒนา HTML5 ของแอปพลิเคชันมือถือ
HTML5 Web Storage API สามารถถือได้ว่าเป็นคุกกี้เวอร์ชันที่ได้รับการปรับปรุงซึ่งไม่ จำกัด ด้วยขนาดข้อมูลมีความยืดหยุ่นและสถาปัตยกรรมที่ดีขึ้นและสามารถเขียนข้อมูลไปยัง ROM ของเครื่องและยังสามารถกู้คืนข้อมูลเมื่อเบราว์เซอร์ถูกปิดและเปิดอีกครั้งเพื่อลดการรับส่งข้อมูลเครือข่าย
ในขณะเดียวกันฟังก์ชั่นนี้ถือได้ว่าเป็นบันทึกการทำงานพื้นหลังในทิศทางอื่นโดยไม่ต้องใช้ทรัพยากรพื้นหลังใด ๆ ลดแรงกดดันต่อฮาร์ดแวร์ของอุปกรณ์และเพิ่มความราบรื่นของการทำงาน
แอพออนไลน์สนับสนุนการดาวน์โหลดแคชออฟไลน์ขณะใช้งานหรือไม่ดาวน์โหลดแคชออฟไลน์ แอพออฟไลน์จะต้องดาวน์โหลดหลังจากแคชออฟไลน์ก่อนที่จะสามารถใช้งานได้
เพื่อให้มันเต็มไปด้วยความเต็มไปด้วยคุกกี้โทรศัพท์และเมนู คุณต้องสั่งซื้อกลับบ้านเมื่อคุณต้องการกิน ใช้เวลานานแค่ไหนในการรอขึ้นอยู่กับสภาพการจราจร แคชออฟไลน์หมายถึงคุณเก็บอาหารโดยตรงในตู้เย็นและคุณสามารถกินได้ทันทีหากคุณต้องการกินอาหารล่าสุด (แน่นอนคุณสามารถโทรไปจองการจองหากคุณต้องการกินอาหารล่าสุด)
นักออกแบบควรทราบว่าเมื่อใดที่จะให้ผู้ใช้ดาวน์โหลดแคชออฟไลน์ (หมายเหตุความแตกต่างระหว่างแอพออนไลน์และแอพออฟไลน์)
2. เสียงและวิดีโอที่ฝังอย่างอิสระรูปแบบมัลติมีเดียที่ยืดหยุ่นมากขึ้น
วิธีการพัฒนาแบบดั้งเดิมนั้นค่อนข้างลำบากสำหรับการประมวลผลเนื้อหามัลติมีเดียที่ผสมข้อความและเสียงและวิดีโอ มันต้องมีการแยกข้อความรูปภาพเสียงและวิดีโอการแยกวิเคราะห์ URL ที่เกี่ยวข้องและประมวลผลในรูปแบบที่แตกต่างกัน
HTML5 ไม่ จำกัด อย่างสมบูรณ์ในเรื่องนี้และสามารถจัดการร่วมกันได้ทั้งหมด
นักออกแบบควรรู้ว่ามันจะเป็นสิ่งที่ยอดเยี่ยมหากข้อความและมัลติมีเดียผสมกันในการนำเสนอข้อมูลข่าว Weibo และแอปพลิเคชันทางสังคมโดยไม่ต้องฝังเว็บวิวโดยเฉพาะอย่างน้อยก็ยังยากที่จะใช้วิธีการดั้งเดิมในตอนนี้
3. การวางตำแหน่งทางภูมิศาสตร์แบ่งปันตำแหน่งได้ทุกที่ทุกเวลา
ให้การเล่นเต็มรูปแบบกับข้อดีของอุปกรณ์มือถือในการวางตำแหน่งและส่งเสริมการพัฒนาแอปพลิเคชัน LBS
คุณสามารถใช้ GPS, WiFi, โทรศัพท์มือถือและวิธีการอื่น ๆ เพื่อให้การวางตำแหน่งแม่นยำและยืดหยุ่นมากขึ้น
การวางตำแหน่งตำแหน่งทางภูมิศาสตร์ทำให้การวางตำแหน่งและการนำทางไม่มีซอฟต์แวร์นำทางพิเศษอีกต่อไปและแผนที่ไม่จำเป็นต้องดาวน์โหลดแพ็คเกจแผนที่ขนาดใหญ่มาก พวกเขาสามารถแก้ไขได้ผ่านแคชและพวกเขาสามารถยืดหยุ่นได้ทุกที่ที่ไป
นักออกแบบควรรู้ว่ามีแอพพลิเคชั่นมากขึ้นเรื่อย ๆ ที่ฝังฟังก์ชั่น LBS ซึ่งเป็นหนึ่งในข้อได้เปรียบที่ใหญ่ที่สุดของอุปกรณ์มือถือเมื่อเทียบกับพีซีเดสก์ท็อป HTML5 สามารถขยายความได้เปรียบนี้อีกครั้ง คิดเกี่ยวกับวิธีการใช้ในแอปพลิเคชันที่คุณออกแบบ!
4. การวาดภาพผืนผ้าใบเพื่อปรับปรุงความสามารถในการวาดภาพของแพลตฟอร์มมือถือ
ใช้ Canvas API เพื่อวาดแผนที่ฮอตสปอตเพื่อรวบรวมข้อมูลประสบการณ์ผู้ใช้
รองรับการแก้ไขรูปภาพทั่วไปเช่นการเคลื่อนไหวการหมุนและการซูม
Canvas - ฟังก์ชั่นการวาดภาพ 2D
การสนับสนุนฟังก์ชั่นการวาดภาพ Canvas 3D - 3D
SVG - การสนับสนุนกราฟเวกเตอร์
นักออกแบบควรรู้ว่าการเคลื่อนไหวการหมุนและการปรับขนาดของรูปภาพล้วนพื้นฐานเกินไป พวกเขาทั้งหมดเป็นกรณีเล็ก ๆ เมื่อวาดด้วยตัวเอง สำหรับวิธีการใช้พวกเขาลองคิดดูอย่างระมัดระวัง!
5. องค์ประกอบแบบฟอร์มที่กำหนดเองสำหรับแพลตฟอร์มมือถือ
องค์ประกอบรูปแบบ HTML5 ที่ปรากฏในเบราว์เซอร์และแป้นพิมพ์ที่เกี่ยวข้อง:
คีย์บอร์ดประเภทวัตถุ
ข้อความคีย์บอร์ดมาตรฐานอินพุตปกติ
หมายเลขโทรศัพท์โทรศัพท์ปุ่มตัวเลข
กล่องข้อความที่อยู่อีเมลอีเมลพร้อม @ และ
URL ของ URL ด้วย. com และ
การค้นหาใช้สำหรับเครื่องมือค้นหาเช่นแป้นพิมพ์มาตรฐานของกล่องค้นหาที่แสดงที่ด้านบนของไซต์
ช่วงตัวเลือกตัวเลขภายในช่วงค่าเฉพาะการแสดงผลทั่วไปคือตัวเลื่อนหรือแผ่นเสียง
คุณต้องมีการประกาศอย่างง่าย ๆ เพื่อให้การโทรไปยังคีย์บอร์ดที่แตกต่างกันซึ่งง่ายและสะดวก
นักออกแบบควรรู้ว่าเมื่อใช้มันอย่าลืมบอกเพื่อนร่วมงาน R&D ของพวกเขา!
6. การสนับสนุนโหมดอินเทอร์แอคทีฟที่หลากหลาย
ปรับปรุงความสามารถในการโต้ตอบ: ลาก, เลิกทำการดำเนินงานในอดีต, การเลือกข้อความ ฯลฯ
การเปลี่ยนแปลง - ผลการเคลื่อนไหวของส่วนประกอบ
แปลง - เอฟเฟกต์การเปลี่ยนรูปขององค์ประกอบ
แอนิเมชั่น - เพิ่มการเคลื่อนไหวและการเสียรูปให้การสนับสนุนภาพเคลื่อนไหว
นักออกแบบควรรู้ว่า HTML5 มีวิธีการโต้ตอบที่หลากหลาย ว่ามันมีประโยชน์หรือไม่มันเป็นธุรกิจของคุณเอง!
7. ข้อดีของการใช้ HTML5
ลดค่าใช้จ่ายในการพัฒนาและบำรุงรักษา
ทำให้หน้าเล็กลงและลดการใช้จ่ายที่ไม่จำเป็นสำหรับผู้ใช้ และประสิทธิภาพที่ดีขึ้นทำให้การใช้พลังงานลดลง
มันสะดวกในการอัพเกรดและคุณสามารถเปิดและใช้เวอร์ชันล่าสุดกำจัดปัญหาของการโหลดแพ็คเกจการอัพเกรดอีกครั้ง ในระหว่างการใช้งานคุณอัปเดตแคชออฟไลน์โดยตรง
นักออกแบบควรรู้ว่าผู้ใช้ต้องการอะไรและ HTML5 สามารถให้ผู้ใช้ได้บ้าง
8. CSS3 Visual Designer เครื่องมือเสริม
CSS3 รองรับการฝังตัวอักษรเค้าโครงเค้าโครงและคุณสมบัติภาพเคลื่อนไหวที่น่าประทับใจที่สุด
ตัวเลือก - ตัวเลือกที่ยืดหยุ่นมากขึ้น
Webfonts - แบบอักษรฝังตัว
เค้าโครง - ตัวเลือกการพิมพ์ที่หลากหลาย
Radius Gradient Shadow - มุมโค้งมน, การไล่ระดับสี, เงา
พื้นหลังเส้นขอบ - การรองรับพื้นหลังสำหรับเส้นขอบ
ใช้ CSS3 เพื่อทำงานให้เสร็จสมบูรณ์การโหลดอย่างรวดเร็วบันทึกรหัสและรูปภาพและบันทึกแบนด์วิดท์สำหรับผู้ใช้
นักออกแบบควรรู้ว่าวิธีการของภาพวัสดุหลายสิบภาพในอินเทอร์เฟซนั้นออกไปให้พ้นทางมากเกินไปดังนั้นให้ CSS3 ช่วยให้คุณขี้เกียจโดยเร็วที่สุด
9. การสื่อสารแบบเรียลไทม์
ในอดีตเนื่องจากการออกแบบโปรโตคอล HTTP และการออกแบบเบราว์เซอร์การโต้ตอบแบบเรียลไทม์ค่อนข้าง จำกัด และเทคนิคบางอย่างสามารถใช้เพื่อ "จำลอง" เอฟเฟกต์การสื่อสารแบบเรียลไทม์เท่านั้น แต่ HTML5 ให้การสนับสนุนการสื่อสารแบบเรียลไทม์ที่สมบูรณ์
นักออกแบบควรรู้ว่าการสื่อสารและเนื้อหาข้อมูลแบบเรียลไทม์ถูกฝังอยู่ในแอปพลิเคชันสำหรับการแจ้งเตือนแบบเรียลไทม์และ HTML5 สามารถช่วยให้คุณบรรลุเป้าหมายได้
10. คลังเก็บและการสนับสนุนฮาร์ดแวร์
ฉันสงสัยว่าคุณได้ค้นพบว่าในโปรแกรมเว็บใหม่เช่น Gmail คุณสามารถใช้การลากและลากไฟล์เป็นไฟล์แนบอีเมลได้หรือไม่? นี่คือการลาก 'n drop และไฟล์ API ในฟังก์ชันไฟล์ HTML5
นักออกแบบควรรู้ว่ามีความต้องการที่เพิ่มขึ้นสำหรับการส่งข้อมูลในแอพพลิเคชั่นมือถือและวิธีการเลือกเส้นทางแบบดั้งเดิมนั้นยุ่งยากเกินไป มาลองฟังก์ชั่นการลาก HTML5 DROW และ DROP!
11. ความหมาย
เครือข่ายความหมายสามารถอนุญาตให้คอมพิวเตอร์เข้าใจเนื้อหาของหน้าเว็บได้ดีขึ้นซึ่งอาจช่วยได้อย่างดีในการเพิ่มประสิทธิภาพกลไกค้นหา (SEO) หรือระบบแนะนำ
นักออกแบบควรรู้ว่า HTML5 สามารถทำการค้นหาได้เร็วขึ้นและแม่นยำยิ่งขึ้น
12. วิธีการพัฒนาแอพแบบบูรณาการแบบคู่เพื่อปรับปรุงประสิทธิภาพการทำงาน
ตามสถานการณ์ปัจจุบันที่ iPhone/Android กำลังเพิ่มส่วนแบ่งการตลาดอย่างรวดเร็วหากคุณต้องการเขียนแอปพลิเคชันบนสมาร์ทโฟนขั้นสูงในอนาคตหากคุณเลือกที่จะใช้ Framework Objective-C + Cocoatouch เพื่อเขียนแอปพลิเคชัน iPhone/iPad หรือเลือกกรอบ Java + Android หากคุณต้องการสนับสนุนสองแพลตฟอร์มในเวลาเดียวกันคุณจะต้องรักษารหัสสองชุดซึ่งเป็นภาระเล็ก ๆ สำหรับบริการขนาดเล็กที่เพิ่งเริ่มต้น
ใช้ HTML5 และ CSS3 เพื่อเขียนแอปพลิเคชันบนเว็บ ในการสนับสนุน iPhone และ Android ในเวลาเดียวกันคุณจะต้องรักษารหัสเดียวเท่านั้น (จำเป็นต้องแก้ไขเพียงไม่กี่ตัวตามลูกค้า) ในอนาคตหากอุปกรณ์มือถืออื่น ๆ มีเบราว์เซอร์ที่รองรับ HTML5 WebApp เดียวกันจะมีแพลตฟอร์มสนับสนุนเพิ่มเติมโดยตรง
ชุดบริการของ Google ใช้ข้อกำหนดแคชการจัดเก็บและฐานข้อมูลจำนวนมากใน HTML5 เพื่อให้ได้ผลของโปรแกรมการเข้าถึงออฟไลน์ เนื่องจากการเชื่อมต่อเครือข่ายของอุปกรณ์มือถือไม่เสถียรมากกว่าแอพพลิเคชั่นเดสก์ท็อปและบางครั้งก็ไม่มีเครือข่ายที่จะใช้บนมือถือเทคโนโลยีเหล่านี้อนุญาตให้ผู้ใช้ใช้ WebApp ของคุณต่อไปแม้ในสภาพแวดล้อมที่ปราศจากอินเทอร์เน็ต สิ่งนี้แสดงให้เห็นว่าวัตถุบริการหลักของ HTML5 ยังคงมีให้กับเว็บแอปพลิเคชันและจะไม่เป็นภัยคุกคามต่อการพัฒนาแอพทั้งหมด สิ่งนี้จะช่วยให้แอปพลิเคชันประเภทต่าง ๆ ใช้วิธีการพัฒนาที่แตกต่างกันและทำให้ยืดหยุ่นมากขึ้น