บทความบทนำของ wulin.com (www.vevb.com): Netease Weibo การพัฒนาที่แท้จริงของ HTML5
HTML5 ได้รับความนิยมมากขึ้นจากทีมพัฒนาอินเทอร์เน็ตทั้งในและต่างประเทศ ต่างประเทศ Google กำลังพัฒนา Chrome Web Store อย่างกระตือรือร้น Microsoft ได้เปิดตัวเว็บไซต์ธีมฤดูใบไม้ผลิของไอริชที่สนับสนุนการพัฒนาเทคโนโลยี HTML5 และ Nokia ได้ลงทุนอย่างมากในการซื้อและสร้างธุรกิจแผนที่ Nokia ยักษ์ใหญ่ทางอินเทอร์เน็ตในประเทศมีความสนใจในมาตรฐานการพัฒนาเว็บใหม่ที่ถูกเป่าจากทั่วมหาสมุทรและเริ่มทดสอบผลิตภัณฑ์ HTML5
ผลิตภัณฑ์เว็บแพลตฟอร์ม iPhone ของ Netease Weibo ได้เปิดตัวสำเร็จในไตรมาสแรกของปี 2012 ตอนนี้ฉันจะแบ่งปันประสบการณ์และบทเรียนที่เรียนรู้จากการพัฒนาโครงการนี้กับคุณและฉันหวังว่าจะเติบโตไปพร้อมกับคุณในสภาพแวดล้อมการพัฒนา HTML5
การจัดพนักงาน
1. การกำหนดค่านักพัฒนา
ผู้จัดการผลิตภัณฑ์: 1 คน;
นักออกแบบปฏิสัมพันธ์: 1;
นักออกแบบภาพ: 1;
วิศวกรส่วนหน้า: 1;
วิศวกรหลังเวที: 2;
ผู้ทดสอบ: 1 คน
2. เวลาในการพัฒนา
นักออกแบบปฏิสัมพันธ์: 22 วันทำการ;
นักออกแบบภาพ: 14 วันทำการ;
วิศวกรส่วนหน้า: 50 วันทำการ;
Backend Engineer: เนื่องจากการใช้ข้อมูลแบ็กเอนด์ดั้งเดิมคุณจะต้องร่วมมือกับวิศวกรส่วนหน้าเพื่อโทรหาข้อมูล
ในหมู่พวกเขาการมีปฏิสัมพันธ์และส่วนหน้าใช้เวลานานที่สุดในรอบการพัฒนาทั้งหมด
กระบวนการพัฒนาแอพพลิเคชั่นเว็บ Weibo
1. การวางแผนข้อกำหนดในการใช้งาน: แตกต่างจากเว็บและลูกค้าท้องถิ่น
บุคคลที่รับผิดชอบ: ผู้จัดการผลิตภัณฑ์; ผู้เข้าร่วม: นักออกแบบปฏิสัมพันธ์
NetEase Webo Web App (ทั้งหมดอ้างถึงโทรศัพท์มือถือในบทความนี้) แตกต่างจากผลิตภัณฑ์เว็บและยังแตกต่างจากลูกค้าท้องถิ่น
1. เมื่อเทียบกับเว็บแอป NetEase Weibo มีข้อได้เปรียบที่แข็งแกร่งเช่นการเคลื่อนย้ายและความอุดมสมบูรณ์ของสื่อและมีข้อเสียเช่นพื้นที่การนำเสนอข้อมูลขนาดเล็กและสถาปัตยกรรมข้อมูลลึก สถานการณ์การใช้งานของทั้งสองนั้นแตกต่างกัน Weibo Web ส่วนใหญ่ใช้อย่างมากภายใต้เวลาที่อุดมสมบูรณ์และเงื่อนไขเครือข่ายที่เหนือกว่า แอพพลิเคชั่นเว็บ Weibo ส่วนใหญ่ใช้ภายใต้เวลาเล็กน้อยและเงื่อนไขเครือข่ายที่มีคุณภาพไม่สม่ำเสมอ
ดังนั้นแอป NetEase Weibo ควรหลีกเลี่ยงฟังก์ชั่นขนาดใหญ่และสมบูรณ์และจำเป็นต้องแยกและเลือกฟังก์ชั่นที่ใช้กันมากที่สุดโดยผู้ใช้ในสภาพแวดล้อมมือถือจากเว็บและเพิ่มฟังก์ชั่นความต้องการที่ไม่ซ้ำกันในด้านมือถือ (เช่นฟังก์ชั่นบริการท้องถิ่นจะได้รับการพิจารณาในขั้นตอนการวนซ้ำ)
2. เมื่อเทียบกับลูกค้าในท้องถิ่น NetEase Webo Web App มีข้อดีของการติดตั้งการอัพเกรดอย่างง่ายต้นทุนการพัฒนาที่ต่ำและการจัดวางที่ปรับตัวได้ นอกจากนี้ยังมีข้อดีของความเร็วในการตอบสนองที่ช้าการอนุญาตต่ำสำหรับการดึงการควบคุมแบบดั้งเดิมของโทรศัพท์มือถือและความเสถียรที่อ่อนแอเล็กน้อย
ขึ้นอยู่กับข้อดีและข้อเสียของทั้งสองแอป NetEase Weibo Web จำเป็นต้องได้รับประสบการณ์ที่มีคุณภาพสูงของลูกค้าในท้องถิ่นและพยายามทำให้แน่ใจว่ามีน้ำหนักเบาและรวดเร็ว
ในคำหนึ่งฟังก์ชั่นของเว็บแอปสามารถปรับปรุงได้มากกว่าของเว็บและลูกค้าท้องถิ่นตอบสนองความต้องการหลักของผู้ใช้ในสภาพแวดล้อมมือถือ
การวางแผนฟังก์ชั่นแอปพลิเคชันเว็บ Weibo ดังที่แสดงด้านล่าง:
2. การออกแบบสถาปัตยกรรมข้อมูล: ตื้นและแคบที่สุดเท่าที่จะทำได้
บุคคลที่รับผิดชอบ: นักออกแบบปฏิสัมพันธ์; ผู้เข้าร่วม: ผู้จัดการผลิตภัณฑ์
ผู้ที่ทำผลิตภัณฑ์อินเทอร์เน็ตบนมือถือต้องรู้ว่าทำไมสถาปัตยกรรมข้อมูลจึงต้องตื้นและแคบที่สุดเท่าที่จะทำได้ เหตุผลที่ดีที่สุดคือพื้นที่แสดงผลขนาดเล็กและราคาแพงของโทรศัพท์มือถือ สถาปัตยกรรมข้อมูลของลูกค้าท้องถิ่นของโทรศัพท์มือถือจะต้องตื้นและแคบและเว็บแอพต้องการสิ่งนี้มากยิ่งขึ้นเพราะมีแถบเครื่องมือด้านล่างของเบราว์เซอร์ในหน้าเบราว์เซอร์ทำให้พื้นที่แสดงผลขนาดเล็กที่คับแคบ ดังที่แสดงในรูปด้านล่าง:
แถบเครื่องมือเบราว์เซอร์ที่ด้านล่างของหน้าจอโทรศัพท์มือถือไม่มีประโยชน์มากสำหรับผลิตภัณฑ์เว็บแอป: เว็บแอปเองเป็นแอปพลิเคชันวงปิดและไม่จำเป็นต้องใช้แถบเครื่องมือเบราว์เซอร์ แม้ว่ามันจะไม่ส่งผลกระทบต่อสถาปัตยกรรมข้อมูลขนาดใหญ่ แต่ก็จะกัดกร่อนพื้นที่แสดงผลที่มีค่าและมีผลกระทบที่สำคัญต่อการออกแบบระบบนำทาง (ส่วนนี้ได้รับการวิเคราะห์สั้น ๆ ในบทความก่อนหน้านี้ "การอภิปรายเกี่ยวกับการออกแบบการนำทางของ iPhone Web App")