الصفحة الرئيسية>كود المصدر JSP>فئات أخرى
تنزيل

رطبة - تجميع التنبؤ بالطقس.

عندما ننتقل إلى مدينة جديدة سواء لفترة قصيرة أو طويلة ، فإن أحد الشواغل الرئيسية في أذهاننا هو حالة الطقس في ذلك المكان مقارنة بمدينتنا. الظروف الجوية المتاحة على الفور على مواقع الويب والتطبيقات المختلفة ليست كافية بما يكفي للحصول على مقارنة جيدة بين المدن فيما يتعلق بمناخها.

نعتزم تطوير تطبيق ويب سيوفر معلومات تتعلق بالسمات البيئية المختلفة لمدينة معينة. نحاول إظهار هذه المعلومات بطريقة رسومية يمكن للمستخدم التفاعل بها.

إعداد المشروع وتشغيله

  1. استيراد المشروع إلى Eclipse
    • افتح Eclipse -> انقر فوق ملف -> انقر فوق استيراد -> انقر فوق عام -> انقر فوق المشاريع الحالية في مساحة العمل. اتبع تعليمات الشاشة.
    • تأكد من وجود جميع الجرار ومجموعات الفصل على مسار البناء للمشروع.
  2. تعيين مفاتيح API
    • الاشتراك في
      • يقوم Google Maps JavaScript API هنا
      • APE-OpenWeathermap مفتاح هنا
      • مفتاح 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. اختياريا تعيين الوكيل IE. http.proxyHost && http.proxyPort في الملفات:
    • wetterWebContentresourcesincludesapi.jsp ؛ الخط 24
  4. قم بتشغيل المشروع على خادم Apache Tomcat.

شاشات

الصفحة الرئيسية

index.png

الصفحة الرئيسية ، تظهر طبقات الخريطة المتاحة في القائمة المنسدلة

الأصول/index_autocplete.png

صفحة الخريطة ، التي تظهر تراكبات مختلفة لطبقة الطقس (temprature ، السحابة ، الرياح)

الأصول/map.png

الصفحة الرئيسية ، تُظهر ميزة الإكمال الذكي الذكي للبحث

الأصول/index_autocomplete_merge.png

صفحة الإحصائيات (للتمثيل فقط)

الأصول/الرطبة ___ STATS.JSP.PNG

صفحة الموقع الجغرافي ، تعرض توقعات مفصلة عن الطقس بناءً على تحديد الموقع الجغرافي للمستخدم (يحتاج إلى متصفح مدعوم) مع وحدات تلقائية (Celsius/Fahrenheit إلخ)

الأصول/الرطب ___ geo_loc.jsp.png

صفحة البحث ، تظهر توقعات الطقس التفصيلية لمصطلح البحث مع وحدات أوتوماتيكية (Celsius/Fahrenheit إلخ)

الأصول/الرطب ___ geo_lookup_miami.jsp.png
الأصول/Wetter ___ geo_lookup_mumbai.jsp.png
الأصول/Wetter ___ geo_lookup_bombay.jsp.png

تستخدم موارد الطرف الثالث

واجهات برمجة التطبيقات

  1. يقوم Google بتعيين JavaScript API
  2. الطقس api- openweathermap
  3. API السماء المظلمة

مكتبات جافا:

  • JSON في Java [Package org.json]
    مكتبة Java لتحليل JSON. تستخدم في أماكن متعددة داخل المشروع.
  • توقعات-ليب-جافا
    مكتبة Java لـ Darksky.net API (سابقًا التنبؤ .و). يستخدم الحد الأدنى من JSON لتحليل استجابة JSON API.

آخر:

  • شقة
    إطار التصميم (HTML/CSS3/LESS/JS). تعتمد Flat UI على bootstrap ، وهو إطار مريح وسريع الاستجابة وعملية يبسط تطوير مواقع الويب.

  • الخط رائع
    إطار الخط الأيقوني وإطار CSS. Font Awesome هو جناح كامل من 634 أيقونات التصويرية لرسومات ناقلات قابلة للتطوير سهلة على مواقع الويب ، التي تم إنشاؤها وصيانتها بواسطة Dave Gandy. ابق على اطلاع دائم بأحدث الإصدار والإعلانات على Twitter: fontawesome.

  • أيقونات الطقس
    222 أيقونات الطقس و CSS. Icons Weather هي الخط الرمز الوحيد و CSS مع 222 أيقونات الطقس ، وعلى استعداد لإسقاطها مباشرة في bootstrap ، أو أي مشروع يحتاج إلى أيقونات طقس عالي الجودة ، والبحرية ، والرصفة السفلية!

  • Skycons
    SkyCons عبارة عن مجموعة من عشرة حروف مروَّمة للطقس ، تم إنشاؤها من الناحية الإجرائية بواسطة JavaScript باستخدام علامة HTML5 Canvas. إنها سهلة الاستخدام وخفيفة الوزن للغاية ، لذلك لا ينبغي أن تمطر على موكبك.

  • jQuery
    مكتبة JavaScript عبر منصة مصممة لتبسيط البرمجة النصية من جانب العميل لـ HTML.

  • jQuery Geocoding وأماكن الإكمال التلقائي المكون الإضافي
    مكون إضافي JQuery متقدم يلف الجغرافية الجغرافية لـ Google Maps Maps ويضع خدمات الإكمال التلقائي. يمكنك ببساطة تقديم إدخال يتيح لك البحث عن مواقع مع منسدلة الإكمال التلقائي اللطيف. إضافة اختياريا حاوية لإظهار خريطة تفاعلية ونموذج سيتم ملؤه بتفاصيل العنوان.

  • Highcharts
    Highcharts JS هي مكتبة رسم JavaScript تعتمد على SVG ، مع عوامل معروفة مع VML و Canvas للمتصفحات القديمة.

  • شعار العلامة التجارية Gnome-Weather.png من "أيقونات الورق" من تأليف Sam Hewitt مرخصة بموجب CC-SA-4.0

المهام

  • تحسين خلاصات الأخبار واجهة المستخدم
  • أضف مقارنات عبر واجهات برمجة التطبيقات المختلفة للتوقعات الطقس (على سبيل المثال. OpenWeathermap مقابل Dark Sky)
  • أضف صفحة التسجيل للحصول على سهولة إعداد مفاتيح API
  • أضف صفحات خطأ مفصلة
  • تخلص من الاستخدام الصارخ للنصوص
  • استخدم Maven لبناء الأتمتة
  • تغطية اختبار الإعداد
  • ترحيل بعيدًا عن Cloud9 إلى منصات دائمًا

ملحوظة:

  1. تقدم Page map.jsp طلبات الحصول على خدمات API على المنفذ 8099. تأكد من عدم حظرها ، وإلا فلن ترى أي نتائج.
  2. قد لا تعمل بعض العناصر بسبب قاعدة البيانات المفقودة.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل