홍수-낙하-운전자-예비-웨스 사이트
NTT-Codeforgood-Datascience-Hackathon (결선 진출 자)
홍수 및 강우에서 재난 구호 웹 사이트.
환영 페이지
접근 :->
재난 대응은 재난 관리주기의 두 번째 단계입니다. 예를 들어 경고, 대피, 수색 및 구조와 같은 여러 요소로 구성되어 즉각적인 지원을 제공하고 손상 평가, 지속적인 지원 및 즉각적인 복원을 제공합니다. 무엇보다도, 우리는 홍수에 대한 경고 시스템에서 일했습니다. 이에서, 우리는 미래에 강의 물 흐름 수준을 확인하기 위해 일반 대중에게 사용자 인터페이스를 제공했으며 근처의 미래 (12 개월)의 강으로 인해 홍수 가능성이있는 경우 알림 메커니즘을 제공했습니다. 그와 함께 사용자는 강의 역사적 트렌드를 볼 수 있으며 하위 부문 (영역)에서 강우 패턴을 시각화 할 수 있습니다. 따라서 많은 정보와 모든 지역의 홍수 가능성을 알면 우리는 자신을 준비하고 지역 대중에게 손실이 최소가되도록 경고 할 수 있습니다.
워크 플로트 차트
과정에서 수행 된 단계 :->
HTML에 대한 연결 :
- 사용자는 도메인의 루트 URL에 대한 요청을 발행하여 인덱스 페이지로 이동합니다.
- main.py는 URL /를 Python 함수에 맵핑합니다
- 파이썬 함수는 템플릿/ 폴더에있는 웹 템플릿을 찾습니다.
- 웹 템플릿은 모든 이미지에 대해 정적/ 폴더를 살펴 봅니다.
- 렌더링 된 HTML은 main.py로 다시 전송됩니다
- main.py는 HTML을 브라우저로 다시 보냅니다
브라우저 및 백엔드 연결의 URL :
- 첫 번째. 플라스크 클래스와 함수 렌더 템플릿을 가져 왔습니다.
- 다음으로, 우리는 플라스크 클래스의 새로운 인스턴스를 만들었습니다.
- 그런 다음 URL /를 함수 index ()에 매핑했습니다. 이제 누군가 가이 URL을 방문하면 함수 index ()가 실행됩니다.
- 함수 index ()는 플라스크 함수 렌더 템플릿 ()을 사용하여 방금 템플릿/ 폴더에서 브라우저까지 만든 index.html 템플릿을 렌더링합니다.
- 마지막으로 Run ()을 사용하여 로컬 서버에서 앱을 실행합니다.
- 디버그 플래그를 true로 설정하므로 문제가 잘못되면 해당 오류 메시지를 볼 수 있으며 코드를 변경 한 후 로컬 서버가 자동으로 다시로드되도록합니다.
- 우리가 http://127.0.1:5000/을 방문했을 때, main.py에는 코드가 있었는데, 이는 URL/를 Python function index ()에 매핑했습니다.
- index ()는 템플릿/ 폴더에서 Web Template Index.html을 찾아 HTML로 렌더링하여 브라우저로 다시 보냈으며 위의 화면을 제공합니다.
