หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

SurfItUp-ท่อง-สภาพอากาศ-เว็บไซต์

เว็บไซต์ที่พัฒนาขึ้นสำหรับ 'Challenge 2 - การนำเสนอข้อมูล เน้นส่วนหน้า' โดย Falmouth University เว็บไซต์นี้นำเสนออินเทอร์เฟซที่เป็นมิตรมากขึ้นแก่ผู้ใช้ในการดูสถิติสภาพอากาศจาก http://api.spitcast.com/ API

ความท้าทายที่ 2 – การนำเสนอข้อมูลโดยเน้นที่ส่วนหน้า

รายละเอียดความท้าทาย: สร้างเว็บไซต์ที่เข้าถึง API และนำเสนอข้อมูลให้กับลูกค้าของคุณด้วยวิธีที่มีประสิทธิภาพ สะดุดตา และออกแบบมาอย่างดี รับผลตอบแทน JSON จาก API นี้และแสดงในเว็บไซต์ที่น่าพอใจ ใช้กรอบงานใดๆ ที่คุณต้องการเพื่อให้งานนี้มีประสิทธิภาพ คุณสามารถดูรายการสปอตเฉพาะในรูปแบบ JSON ที่นี่ (นำมาจาก http://api.spitcast.com/api/spot/all) ซึ่งตั้งอยู่ในสหรัฐอเมริกา เรื่องราวของผู้ใช้ที่คุณต้องตอบคือ (ตามลำดับความสำคัญ):

• ในฐานะนักโต้คลื่น ฉันคาดหวังว่าจะสามารถกำหนดระดับความเชี่ยวชาญของฉันเป็นมือใหม่ ระดับกลาง หรือผู้เชี่ยวชาญได้ • ในฐานะนักเล่นเซิร์ฟมือใหม่ ฉันคาดหวังว่าคุณภาพของจุดที่จะพิจารณาจะเพิ่มขึ้นเมื่อมีลมสูงขึ้นถึง 15 นอต จากนั้นจึงลดลงเหลือ 20 นอต หลังจากนั้นคุณภาพควรจะเหมือนกับของวันที่สงบ • ในฐานะนักเล่นเซิร์ฟระดับกลาง ฉันคาดหวังว่าคุณภาพของจุดนั้นจะเพิ่มขึ้นด้วยความเร็วที่สูงขึ้นเป็น 20 นอต จากนั้นจึงลดลงเหลือ 25 ฟุต หลังจากนั้นคุณภาพควรจะเหมือนกับของวันที่สงบ • ในฐานะนักโต้คลื่นผู้เชี่ยวชาญ ฉันคาดหวังว่าคุณภาพของจุดนั้นจะเพิ่มขึ้นเมื่อมีลมแรงขึ้นเสมอ • ในฐานะนักโต้คลื่น ฉันจำเป็นต้องเห็นจุดที่ดีที่สุดสำหรับการโต้คลื่นในวันนี้ • ในฐานะนักเล่นเซิร์ฟ ฉันสามารถเลือกตำแหน่งปัจจุบันของฉันและค้นหาจุดที่ใกล้ที่สุดตามระยะทางใน 25% แรกของจุด (คำนวณโดยใช้ระยะทาง Great Circle) • ในฐานะนักเล่นเซิร์ฟ ฉันสามารถเลือกตำแหน่งปัจจุบันของฉันและค้นหาจุดที่ดีที่สุดภายในระยะทางที่กำหนด • ในฐานะนักเล่นเซิร์ฟ ตำแหน่งปัจจุบันของฉันสามารถระบุได้โดยอัตโนมัติ (โดยใช้ HTML5 Geolocation API เป็นต้น) • ในฐานะนักโต้คลื่น ฉันสามารถเลือกตำแหน่งปัจจุบันและค้นหาจุดที่ใกล้ที่สุดตามเวลาขับรถในจุด 25% แรก (สามารถใช้ Google Directions API หรือ Google Distance Matrix API สำหรับสิ่งนี้) • ในฐานะนักเล่นเซิร์ฟ ฉันสามารถเลือกตำแหน่งปัจจุบันของฉันและค้นหาจุดที่ดีที่สุดภายในระยะเวลาขับรถที่ระบุ รูปแบบการส่ง โปรดระบุ: • แพ็คเกจที่พร้อมสำหรับการสร้างโดยสมบูรณ์ซึ่งโฮสต์บนพื้นที่เก็บข้อมูล BitBucket, GitLab หรือ GitHub ส่วนตัว แชร์กับ [email protected] • ทางเลือก: อินสแตนซ์สดของความท้าทายที่เสร็จสมบูรณ์ของคุณหากโฮสต์บนเว็บ ไฟล์ปฏิบัติการ Windows หากเป็นรุ่นเดสก์ท็อป หรือ APK หากเป็นรุ่นแอป Android • เวลาที่ใช้ในการทำภารกิจท้าทายให้สำเร็จ เกณฑ์การประเมิน ตัวชี้วัดการประเมินผลสำหรับการทดสอบนี้คือ: 1. ฟังก์ชั่นการทำงาน 2. คุณภาพของประสบการณ์ผู้ใช้ (การจัดหาอินสแตนซ์สดช่วยในเรื่องนี้) 3. ระดับการปฏิบัติตามหลักการ SOLID 4. คุณจะไม่ได้รับการประเมินเป็นพิเศษจากการทดสอบอัตโนมัติ

สร้างผ่านการใช้ API สภาพอากาศ http://api.spitcast.com/ | API ที่ยอดเยี่ยมสำหรับข้อมูลสภาพอากาศที่หาได้ฟรี แต่อิงจากสหรัฐอเมริกา จึงไม่เกี่ยวข้องกับเรามากนัก (อิงจากสหราชอาณาจักร)

ดัดแปลง bootstrap Templete 'SB Admin 2': https://startbootstrap.com/themes/sb-admin-2/ | รูปแบบที่เหมาะสมที่สุดและรองรับอุปกรณ์หลายเครื่อง

ขณะนี้อยู่ระหว่างการพัฒนา* เนื่องจากข้อจำกัดด้านเวลา คุณลักษณะบางอย่างจึงไม่สามารถดำเนินการให้เสร็จสิ้นได้ และแสดงความคิดเห็นได้ไม่เป็นไปตามที่ฉันต้องการ แต่เว็บไซต์ใช้งานได้* สถานที่ใกล้ฉันขณะนี้อยู่ในสถานะ 'อยู่ระหว่างดำเนินการ' จะกลับมาพัฒนาต่อหลังจากผลลัพธ์กลับมา ความคิดเห็นสำหรับรหัส แก้ไขโครงสร้างแปลก ๆ (การเยื้อง) ของโค้ดที่เกิดขึ้นระหว่างการถ่ายโอนไปยัง github จาก notepad ++

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด