HTML5 สามารถปรับปรุงเว็บแอปพลิเคชั่นได้ด้วยวิธีไหน? [ปิด]


12

ในช่วงไม่กี่เดือนที่ผ่านมา บริษัท เว็บหลายแห่งผู้พัฒนาเบราว์เซอร์และมืออาชีพพูดคุยกันเกี่ยวกับHTML5เนื่องจากเป็นการวิวัฒนาการ / ปฏิวัติใหม่สำหรับเว็บ

พูดจริง ๆ แล้วHTML5สามารถปรับปรุงแอปพลิเคชั่นเว็บที่มีอยู่เช่น Office Suites (เช่น Google เอกสาร) หรือ Social Network (เช่น Facebook), Photo Photo Editor ฯลฯ ได้อย่างไร?


2
เป็นเรื่องจริงในหัวข้อที่นี่หรือไม่

@Kinopiko ฉันคิดว่ามันเป็นหัวข้อที่ฉันถามว่าคุณลักษณะที่ใช้งานได้จริงใน HTML5 สามารถอนุญาตให้นำไปใช้ในเว็บแอปพลิเคชันได้อย่างไร
Drake

ฉันสงสัยว่าทำไมไม่มีใครพูดถึงแคชออฟไลน์ ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla

คำตอบ:


5

มันสามารถปรับปรุงแอปพลิเคชันเว็บสำนักงานที่มีอยู่ที่เก็บข้อมูลโดยใช้ "การจัดเก็บเว็บ"

การเข้ารหัสไซต์เครือข่ายสังคมออนไลน์นั้นง่ายขึ้นด้วยฐานข้อมูล SQL และ Web Workers เพื่อโหลดส่วนต่าง ๆ ของหน้า ยังรองรับการแจ้งเตือน

โปรแกรมแก้ไขรูปภาพออนไลน์สามารถใช้การลากและวาง

เหล่านี้เป็นเพียงแนวคิดบางประการเกี่ยวกับวิธีใช้คุณลักษณะใหม่ของ HTML 5 ในแอปพลิเคชันเว็บของคุณ

ฉันคิดว่าคุณควรตรวจสอบHTML 5 Rocks! พวกเขามีรายการคุณสมบัติที่ดีจาก HTML 5 และตัวอย่างเกี่ยวกับวิธีใช้ รวมถึงแหล่งข้อมูลและข้อมูลเกี่ยวกับข่าวล่าสุดจาก HTML5


ขอบคุณสำหรับการเชื่อมโยงผมพบว่าสองคำแนะนำที่มีประโยชน์ภายใน: slides.html5rocks.comและdiveintohtml5.org ดูเหมือนว่าในปีนี้การรองรับฟีเจอร์ HTML5 จำนวนมากจะถูกเพิ่มลงในเบราว์เซอร์ส่วนใหญ่อาจเป็น 2011 เราจะเห็นผลลัพธ์ในเว็บแอป
Drake

Firefox 4 เบต้าใหม่นั้นรองรับ HTML5 มากมาย คุณควรตรวจสอบออก.
Bernie Perez

3

อาจมี 5 ที่พูดถึงมากที่สุดเกี่ยวกับคุณสมบัติ

  1. คนทำงานเว็บ - ช่วยให้นักพัฒนาสามารถเรียกใช้สคริปต์ในพื้นหลังเพื่อให้เว็บแอปพลิเคชันสามารถทำมากกว่าหนึ่งครั้ง
  2. แท็กวิดีโอ - วิธีง่ายๆในการทำแฟลชวิดีโอออนไลน์ฟรีเราแค่ต้องการตัวแปลงสัญญาณมาตรฐาน
  3. Canvas - สิ่งที่ดูเหมือนเป็นวิธีสร้างภาพได้ทันทีภายในหน้าต่างเบราว์เซอร์
  4. Application Caches - อนุญาตให้แอปพลิเคชันจัดเก็บข้อมูลเพื่อให้คุณสามารถใช้งานได้ในภายหลังโดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต (อ่านอีเมลของคุณในภายหลังหลังจากดาวน์โหลดแล้วเช่นเดียวกับ Google Gears)
  5. ตำแหน่งทางภูมิศาสตร์ - ความสามารถในการเบราว์เซอร์เพื่อถ่ายทอดตำแหน่งไปยังแอปพลิเคชัน

คุณลักษณะเหล่านี้หลายอย่างได้รับการใช้งานแล้วในเบราว์เซอร์และแอปพลิเคชั่นบางตัว Google ละติจูดใช้ตำแหน่งทางภูมิศาสตร์เกียร์ของ Google เป็นการนำแนวคิดไปใช้กับปลั๊กอินเช่นเดียวกับแอปพลิเคชันแคชผ้าใบเช่นเดียวกับสิ่งต่างๆที่ทำด้วย JavaScript

คนทำงานเว็บเป็นเรื่องใหม่และสามารถอนุญาตให้มีสิ่งต่าง ๆ เกิดขึ้นภายในเว็บแอปพลิเคชัน การประมวลผลด้านใด ๆ ที่ดูเหมือนว่าจะทำงานตอนนี้จะราบรื่นยิ่งขึ้นเนื่องจากเธรดเดียวสามารถใช้กับการแจ้งเตือนหรือการแชทในไซต์หรืองานการประมวลผลเป็นระยะอื่น ๆ ภายในแอปพลิเคชัน

แหล่งข้อมูล:
http://geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/


2

หัวข้อCanvasและWeb Workerเป็นสิ่งที่น่าตื่นเต้นที่สุดของ HTML5 สำหรับฉัน ฉันเขียนเว็บแอปบางตัวที่ใช้ประโยชน์จากคุณสมบัติเหล่านี้:

GioAU หรือ [sic] ใช้ผืนผ้าใบอย่างกว้างขวางเพื่อให้คุณวางแผนเส้นทางบนแผนที่แล้วหาเส้นทางที่สั้นที่สุดตั้งแต่ต้นจนจบ (โดยใช้อัลกอริทึมของ Dijkstra ใน JavaScript)

การสาธิตเธรด JavaScriptใช้ผืนผ้าใบอย่าง จำกัด แต่แสดงการใช้เธรดผู้ทำงานพร้อมด้วยรหัสการสาธิต นอกจากนี้ยังใช้ประโยชน์จากการควบคุมแถบเลื่อนHTML5 input type = "range"


การสนับสนุนเบราว์เซอร์ HTML5 นั้นแตกต่างกันไปตามเบราว์เซอร์ มีเว็บไซต์ที่ดี (ใน HTML5, natch) เกี่ยวกับความพร้อมของ HTML5ที่แสดงว่าใครพร้อมสำหรับอะไร


2

สามรายการโปรดของฉันคือ CSS3, Canvas และ WebSockets เมื่อรวมเข้าด้วยกันพวกเขาสามารถมอบฟีเจอร์การทำงานร่วมกันที่ทรงพลังให้กับเว็บแอพใด ๆ WebSockets จะแทนที่การส่งข้อความหลอกแบบเรียลไทม์ด้วยโพล Ajax บางสิ่งที่ฉันเห็นมันใช้จนถึงขณะนี้คือการแชทผ่านเว็บ (lame) และการทำแผนที่เว็บแอปพลิเคชันใจ (ดูเจ๋งจริง ๆ เมื่อคนสองคนกำลังทำแผนที่บางโครงการ)


หนึ่งความอยากรู้: WebSockets จะแทนที่ AJAX ได้อย่างสมบูรณ์หรือไม่
Drake

1
พวกเขาจะไม่แทนที่มัน อาแจ็กซ์ในฐานะที่เป็นเทคโนโลยีจะยังคงอยู่ มันจะไม่ใช้อีกต่อไปสำหรับงาน
Eimantas

อาตกลงขอบคุณสำหรับคำอธิบาย
Drake

1

ความสามารถของ HTML5 ของส่วนใหญ่จะเปลี่ยนสิ่งที่แฟลชจะมีผ้าใบและวิดีโอแท็กการทำวิดีโอเกมและบรรณาธิการภาพออนไลน์ง่ายมากที่จะทำโดยไม่ใช้แฟลช

ขณะนี้ไม่อาจดูเหมือนเป็นใหญ่ปรับปรุง Flash เป็นมาก ใหญ่กว่าปัญหาบนแพลตฟอร์มที่ไม่ใช่ Windows กว่า Windows


0

การทดสอบความเร็วแบนด์วิดธ์ส่วนใหญ่ใช้แฟลช ตอนนี้พวกเขาสามารถใช้ HTML5 ได้ ... มันหมายถึงการโหลดหน้าเว็บที่เร็วขึ้นและการวัดแบนด์วิดธ์ที่แม่นยำยิ่งขึ้น

ตัวอย่างที่ดีคือ: SpeedOf.me

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.