ไซต์ที่มีฝนตกชุก
NTT-Codeforgood-Datascience-Hackathon (เข้ารอบสุดท้าย)
เว็บไซต์บรรเทาภัยพิบัติจากน้ำท่วมและปริมาณน้ำฝน
หน้าต้อนรับ

แนวทาง:->
การตอบสนองจากภัยพิบัติเป็นระยะที่สองของรอบการจัดการภัยพิบัติ ประกอบด้วยองค์ประกอบจำนวนมากตัวอย่างเช่นคำเตือนการอพยพการค้นหาและช่วยเหลือการให้ความช่วยเหลือทันทีประเมินความเสียหายความช่วยเหลืออย่างต่อเนื่องและการฟื้นฟูทันที ดังนั้นในบรรดาทั้งหมดเราได้ทำงานบนระบบเตือนภัยน้ำท่วม ในเรื่องนี้เราได้จัดเตรียมส่วนต่อประสานผู้ใช้ให้กับประชาชนทั่วไปเพื่อตรวจสอบระดับการไหลของน้ำในแม่น้ำในอนาคตและมีกลไกการแจ้งเตือนหากมีความเป็นไปได้ของน้ำท่วมเนื่องจากแม่น้ำใด ๆ ในอนาคตใกล้เคียง (12 เดือน) นอกเหนือจากนั้นผู้ใช้ยังสามารถเห็นแนวโน้มทางประวัติศาสตร์ของการไหลของแม่น้ำและสามารถมองเห็นรูปแบบปริมาณน้ำฝนในการแบ่งย่อย (พื้นที่) ดังนั้นด้วยข้อมูลมากมายล่วงหน้าและรู้ถึงโอกาสของน้ำท่วมในภูมิภาคใด ๆ เราสามารถเตรียมตัวเองและเตือนประชาชนในท้องถิ่นเพื่อให้การสูญเสียจะน้อยที่สุด
แผนภูมิเวิร์กโฟลว์

ขั้นตอนในกระบวนการ:->
การเชื่อมต่อกับ HTML:
- ผู้ใช้ออกคำขอสำหรับ URL รูทของโดเมน / เพื่อไปที่หน้าดัชนี
- main.py แมป URL / ไปยังฟังก์ชัน Python
- ฟังก์ชั่น Python ค้นหาเทมเพลตเว็บที่อาศัยอยู่ในเทมเพลต/ โฟลเดอร์
- เทมเพลตเว็บจะดูในโฟลเดอร์แบบคงที่/ สำหรับรูปภาพใด ๆ cssfiles ที่ต้องการตามที่แสดงถึง HTML
- การแสดงผล HTML จะถูกส่งกลับไปที่ Main.py
- Main.py ส่ง HTML กลับไปที่เบราว์เซอร์
URL ในเบราว์เซอร์และการเชื่อมต่อแบ็กเอนด์:
- อันดับแรก. เรานำเข้าคลาสขวดและเทมเพลตฟังก์ชั่นแสดงผล
- ต่อไปเราสร้างอินสแตนซ์ใหม่ของคลาส Flask
- จากนั้นเราแมป URL / กับดัชนีฟังก์ชัน () ตอนนี้เมื่อมีคนเยี่ยมชม URL นี้ดัชนีฟังก์ชัน () จะดำเนินการ
- ดัชนีฟังก์ชั่น () ใช้เทมเพลตฟังก์ชั่นการแสดงผล () เพื่อแสดงผลของเทมเพลต html ที่เราเพิ่งสร้างจากเทมเพลต/ โฟลเดอร์ไปยังเบราว์เซอร์
- ในที่สุดเราใช้ Run () เพื่อเรียกใช้แอพของเราบนเซิร์ฟเวอร์ท้องถิ่น
- เราจะตั้งค่าสถานะการดีบักเป็น TRUE เพื่อให้เราสามารถดูข้อความแสดงข้อผิดพลาดที่เกี่ยวข้องได้หากมีอะไรผิดปกติและเพื่อให้เซิร์ฟเวอร์ท้องถิ่นโหลดซ้ำโดยอัตโนมัติหลังจากที่เราทำการเปลี่ยนแปลงรหัส
- เมื่อเราไปที่ http://127.0.0.1:5000/, main.py มีรหัสอยู่ในนั้นซึ่งแมป URL/กับดัชนีฟังก์ชัน Python ()
- INDEX () พบ Web Template INDEX.html ในเทมเพลต/ โฟลเดอร์แสดงผลเป็น HTML และส่งกลับไปที่เบราว์เซอร์ให้หน้าจอด้านบน