FotMob Live Score - เบื้องหลังความสำเร็จเว็บกีฬาอันดับหนึ่งของคอบอล

โดย Seven Peaks
1 นาทีในการอ่าน
16 ม.ค. 2023, 14:53:00

FotMob

แอปพลิเคชันมือถือ FotMob Live Score

Seven Peaks Software ร่วมงานกับ NorApps โดยเริ่มจากปรับปรุงเว็บไซต์ของพวกเขาด้วยการเขียน codebase ใหม่ทั้งหมด รวมถึงออกแบบหน้าตาเว็บไซต์ใหม่ จนออกมาเป็น FotMob Live Score

อุตสาหกรรม: แพลตฟอร์ม: รูปแบบการทำงาน:
กีฬา iOS และ Android ทีมเอาต์ซอร์ส
 

 

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

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

 

เทคโนโลยีที่ใช้

  react-node

 

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

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

 

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

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

FotMob-Image-02

 

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

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

 

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

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

 

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

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

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

 

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

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

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

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

FotMob-Feature-Image

 

 


เกี่ยวกับ FotMob

FotMob เป็นหนึ่งในแอปฯ ฟุตบอลที่ได้รับความนิยมมากที่สุดในโลก โดยมียอดดาวน์โหลดกว่า 20 ล้านครั้ง ช่วยให้ผู้คนสามารถติดตามเรื่องราวของโลกฟุตบอลได้ทุกที่

อุตสาหกรรม: กีฬา
โปรเจกต์: แอปพลิเคชันมือถือ
ลูกค้า: FotMob
รูปแบบการทำงาน: ทีมเอาต์ซอร์ส


คุณพร้อมที่จะพลิกโฉมธุรกิจของคุณแล้วหรือยัง?

ในฐานะบริษัทพัฒนาซอฟต์แวร์ชั้นนำ เราพร้อมช่วยเหลือคุณในการทำ digital transformation