wetter

Wetter - การรวมพยากรณ์อากาศ

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

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

การตั้งค่าโครงการและเรียกใช้

1. การนำเข้าโครงการไปยังคราส
   • เปิด Eclipse -> คลิก ไฟล์ -> คลิก นำเข้า -> คลิก ทั่วไป -> คลิก โครงการที่มีอยู่ในเวิร์กสเปซ ทำตามคำแนะนำบนหน้าจอ
   • ตรวจสอบให้แน่ใจว่าขวดทั้งหมดและโฟลเดอร์คลาสบนเส้นทางการสร้างมีอยู่สำหรับโครงการ
2. ตั้งคีย์ API
   • ลงทะเบียน
     • คีย์ Google Maps JavaScript API ที่นี่
     • Weather Api- OpenWeatherMap Key ที่นี่
     • คีย์ API Dark Sky ที่นี่
   • ตั้งค่าคีย์ด้านบนในไฟล์ wetterWebContentresourcesincludesapi.jsp ; บรรทัด 4,5,6

      String api_key_GoogleMapsJavaScript   = "INSERT_YOUR_KEY" ;
     String api_key_OpenWeatherMap         = "INSERT_YOUR_KEY" ;
     String api_key_DarkSky                = "INSERT_YOUR_KEY" ;

3. เลือกพร็อกซีเช่น http.proxyHost && http.proxyPort ในไฟล์:
   • wetterWebContentresourcesincludesapi.jsp ; บรรทัด 24
4. เรียกใช้โครงการบนเซิร์ฟเวอร์ Apache Tomcat

หน้าจอ

โฮมเพจ

โฮมเพจแสดงเลเยอร์แผนที่ที่มีอยู่ในแบบเลื่อนลง

หน้าแผนที่แสดงการซ้อนทับเลเยอร์สภาพอากาศที่หลากหลาย (อุณหภูมิ, เมฆ, ลม)

โฮมเพจแสดงสถานที่คุณสมบัติการเติมระบบอัตโนมัติอัจฉริยะสำหรับการค้นหา

หน้าสถิติ (สำหรับการเป็นตัวแทนเท่านั้น)

หน้าตำแหน่งทางภูมิศาสตร์แสดงการพยากรณ์อากาศโดยละเอียดตามตำแหน่งทางภูมิศาสตร์ของผู้ใช้ (ต้องการเบราว์เซอร์ที่รองรับ) ด้วยหน่วยอัตโนมัติ (Celsius/Fahrenheit ฯลฯ )

หน้าค้นหาแสดงการพยากรณ์อากาศโดยละเอียดสำหรับคำค้นหาด้วยหน่วยอัตโนมัติ (Celsius/Fahrenheit ฯลฯ )

ทรัพยากรของบุคคลที่สามที่ใช้

APIs

1. Google Maps JavaScript API
2. สภาพอากาศ api- openweathermap
3. API ท้องฟ้ามืด

ห้องสมุด Java:

• JSON ใน Java [Package org.json]
  ห้องสมุด Java สำหรับการแยกวิเคราะห์ JSON ใช้ในหลายสถานที่ภายในโครงการ
• การพยากรณ์ lib-java
  ห้องสมุด Java สำหรับ Darksky.net API (ก่อนหน้านี้คาดการณ์ไว้) ใช้ JSON น้อยที่สุด สำหรับการแยกวิเคราะห์การตอบสนอง JSON API

อื่น:

• แบน ui
  เฟรมเวิร์กการออกแบบ (HTML/CSS3/น้อยกว่า/JS) Flat UI ขึ้นอยู่กับ bootstrap กรอบการทำงานที่สะดวกสบายตอบสนองและใช้งานได้ซึ่งทำให้การพัฒนาเว็บไซต์ง่ายขึ้น

• ตัวอักษรที่ยอดเยี่ยม
  กรอบตัวอักษรและ CSS ที่เป็นสัญลักษณ์ Font Awesome เป็นชุดเต็มของไอคอนภาพ 634 ภาพสำหรับกราฟิกเวกเตอร์ที่ปรับขนาดได้ง่ายบนเว็บไซต์สร้างและบำรุงรักษาโดย Dave Gandy ติดตามข่าวสารล่าสุดและประกาศล่าสุดบน Twitter: @fontawesome

• ไอคอนสภาพอากาศ
  222 ไอคอนธีมสภาพอากาศและ CSS ไอคอนสภาพอากาศเป็นแบบอักษรไอคอนและ CSS เดียวที่มีไอคอนธีมสภาพอากาศ 222 ไอคอนพร้อมที่จะทิ้งลงใน bootstrap หรือโครงการใด ๆ ที่ต้องการสภาพอากาศที่มีคุณภาพสูงการเดินเรือและไอคอนทางอุตุนิยมวิทยา!

• สาด
  Skycons เป็นชุดร่องรอยสภาพอากาศแบบแอนิเมชั่นสิบชุดซึ่งสร้างขึ้นโดย JavaScript โดยใช้แท็ก HTML5 Canvas พวกเขาใช้งานง่ายและมีน้ำหนักเบาสวยดังนั้นพวกเขาจึงไม่ควรฝนตกในขบวนพาเหรดของคุณ

• jQuery
  ไลบรารี JavaScript ข้ามแพลตฟอร์มที่ออกแบบมาเพื่อลดความซับซ้อนของการเขียนสคริปต์ฝั่งไคลเอ็นต์ของ HTML

• jQuery geocoding และวางปลั๊กอินเติมข้อความอัตโนมัติ
  ปลั๊กอิน jQuery ขั้นสูงที่ห่อหุ้ม geocoding geocoding ของ Google API และให้บริการเติมเงินอัตโนมัติ คุณเพียงแค่ให้อินพุตที่ให้คุณค้นหาสถานที่ที่มีการเลื่อนออกอัตโนมัติแบบอัตโนมัติที่ดี เลือกเพิ่มคอนเทนเนอร์เพื่อแสดงแผนที่แบบโต้ตอบและแบบฟอร์มที่จะมีรายละเอียดที่อยู่

• Highcharts
  Highcharts JS เป็นห้องสมุดจาวาสคริปต์ที่ใช้ SVG โดยมีทางเลือกที่จะใช้ VML และ Canvas สำหรับเบราว์เซอร์เก่า

• โลโก้แบรนด์ gnome-weather.png จาก "ไอคอนกระดาษ" โดย Sam Hewitt ได้รับใบอนุญาตภายใต้ CC-SA-4.0

สิ่งที่ต้องทำ

• ปรับปรุงฟีดข่าว UI
• เพิ่มการเปรียบเทียบใน APIs พยากรณ์อากาศที่แตกต่างกัน (เช่น OpenWeatherMap กับท้องฟ้ามืด)
• เพิ่มหน้าลงทะเบียนเพื่อการตั้งค่าคีย์ API ที่ง่าย
• เพิ่มหน้าข้อผิดพลาดโดยละเอียด
• กำจัดการใช้สคริปต์ที่โจ่งแจ้ง
• ใช้ maven สำหรับสร้างระบบอัตโนมัติ
• ความครอบคลุมการทดสอบการตั้งค่า
• โยกย้ายไปจากแพลตฟอร์ม Cloud9 ไปยังแพลตฟอร์มตลอดเวลา

---

บันทึก:

1. หน้า map.jsp ทำให้รับคำขอไปยังบริการ API บนพอร์ต 8099 ตรวจสอบให้แน่ใจว่ามันไม่ได้ถูกบล็อกมิฉะนั้นคุณจะไม่เห็นผลลัพธ์ใด ๆ
2. องค์ประกอบบางอย่างอาจไม่ทำงานเนื่องจากฐานข้อมูลที่ขาดหายไป