นำโซลูชันที่ทันสมัยมาใช้กับหนึ่งในแอปฯ กีฬาที่ได้รับความนิยมมากที่สุดในโลก

NorApps เป็นบริษัทผู้พัฒนาผลิตภัณฑ์ดิจิทัลในนอร์เวย์ที่พัฒนาหนึ่งในแอปฯ กีฬาที่ได้รับความนิยมมากที่สุดในโลกอย่าง FotMob เราร่วมงานกับ NorApps โดยเริ่มจากปรับปรุงเว็บไซต์ของพวกเขาด้วยการเขียน codebase ใหม่ทั้งหมด รวมถึงออกแบบหน้าตาเว็บไซต์ใหม่ จนทำให้เว็บไซต์มีประสิทธิภาพมากขึ้นอย่างชัดเจน

ปัญหาและอุปสรรค

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

วิธีแก้ปัญหา

FotMob มีทีมงานภายในที่เชี่ยวชาญด้านเทคนิคอยู่แล้ว พวกเขาจึงตัดสินใจร่วมงานกับเราในลักษณะทีมเสริมเพื่อเพิ่มศักยภาพในการทำงาน และเพิ่มผลผลิต โดยที่ประหยัดต้นทุนไปในตัว

ทีมเอาต์ซอร์ส

เราตั้งทีมเอาต์ซอร์สขึ้นมาเพื่อทำงานให้ FotMob ซึ่งมี full stack, React developer และ Node.js developer รวมถึง quality assurance engineer อยู่ด้วยเพื่อให้มั่นใจว่าจะทำงานได้ตามไอเดียและทันเวลาที่ตั้งไว้ ในฐานะที่ลูกค้าเป็นบริษัทเจ้าของผลิตภัณฑ์ดิจิทัล จึงจำเป็นอย่างยิ่งที่จะต้องปรับเปลี่ยนและพัฒนา FotMob อย่างต่อเนื่อง พวกเขามักมีเดดไลน์ที่เข้มงวดเนื่องจากมีฟีเจอร์มากมายที่ต้องทำงานให้สอดคล้องกับเหตุการณ์สำคัญในโลกฟุตบอลอย่างเช่น ฟุตบอลโลก หรือ โคปา อเมริกา

การตรวจสอบระบบภายใน

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

การพัฒนาแอปพลิเคชัน

แนวทางการทำงานของเราช่วยให้เราปรับปรุงคุณภาพของเว็บไซต์ได้มากถึง 80% โดยอ้างอิงจาก Google SpeedInsights เราเขียน codebase ขึ้นมาใหม่ทั้งหมดโดยคำนึงถึงประสิทธิภาพการใช้งานเป็นหลัก ซึ่งนำเทคนิคมากมายมาใช้ ได้แก่

• Bundle splitting
• ย้าย library และส่วนควบคุมการใช้งานที่กินทรัพยากรของระบบไปยังเซิร์ฟเวอร์บน Node.js
• ทำการ generate html บนเซิร์ฟเวอร์
• ลบ dependency และ library ที่ไม่จำเป็นออก

เปลี่ยนไอเดียให้เป็นบริการที่ใช้งานได้จริง

การอัปเดตดีไซน์เดิมของเว็บไซต์นั้นเป็นเรื่องที่ท้าทายมากเพราะเราต้องทำงานกับโค้ดเก่าและปัญหาทางเทคนิคที่ค้างคาอยู่

ผลิตภัณฑ์นี้มีการใช้งานมานานหลายปีและทำงานอย่างสุดความสามารถอยู่ตลอดเวลาในระหว่างที่เราเริ่มทำการพัฒนา เราจึงจำเป็นต้องผลักดันผลิตภัณฑ์นี้ให้เดินหน้าโดยที่ต้องก้าวตามโรดแม็ปให้ได้ และต้องทำอย่างเหมาะสมด้วย

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