تطبيق للمساعدة في حل مشكلة النفايات في ليبيا بإستخدام Flutter و Vue و Node

مشاركة في مسابقة هاثاكون ليبيا بتاريخ 18 - 1- 2020

قمنا بتطوير مشروع (تطبيق موبايل - تطبيق ويب) بإسم خطوط التدوير خاص بمساعدة اصحاب مراكز تجميع النفايات القابلة للإستخدام ومساعدة الناس في معرفة اقرب الأماكن لوضع نفاياتهم القابلة للتدوير بها.

يمكن لأي مستخدم الدخول على التطبيق أو الموقع بدون عملية تسجيل الدخول وتضهر له خريطة تحوي على كل الأماكن الخاصة بجمع النفايات وأماكن البلديات وأماكن مصانع النفايات.

إذا قام المستخدم بتسجيل حساب في التطبيق وعمل تسجيل دخول لحسابه يمكنه إضافة علامة على الخريطة وتحديد ماذا تحوي هذه العلامة .

على سبيل المثال :

شخص يملك مصنع لتدوير مخلفات البلاستيك وتحويلها إلى منتج قابل للبيع يمكنه تنزل التطبيق ومن ثم تسجيل حساب خاص به ومن ثم النقر على زر اضافة تضهر له خريطة ونموذج فوق الخريطة يقوم بملئ البيانات على اسم المكان الخاص به ووصف يحتوي على رقم هاتفه وهل النفايات التي يستلمها مجانا أو يدفع لمن يقدم له النفايات , ومن ثم يحدد نوع المكان الخاص به والتصنيف , بعد ذلك يقوم بالنقر على اي مكان في الخريطة ليقوم بتحديد مكان المقر الخاص به ثم ينقر على زر إرسال , ليتم إضافة موقعه داخل التطبيق وهنا أي شخص يقوم بالدخول على التطبيق سيضهر له هذا الموقع من ضمن المواقع الموجودة داخل التطبيق.

ملخص الفكرة هو تطبيق يساعد الناس التي ترغب في المساعدة في التخلص من النفايات القابلة للتدوير في إضافة عناوين الأماكن الخاصة بهم .

مثلا لو منظمة خاصة بالمحافظة على البيئية قامت بعمل نقطة تجميع لمخلفات المعادن وتريد ان يعلم الناس عن وجود نقطة التجميع هذه فتقوم بالتسجيل في التطبيق واضافة هذه النقطة على الخريطة.

بالمقابل لو يوجد مواطن يرغب في فرز نفاياته حفاظا على البيئية ومن ثم يرغب في معرفة أماكن وضع نفاياته المفروزة فيقوم بالدخول على التطبيق تضهر له خريطة على المنطقة المحيطة به وأماكن التجميع الموجودة فهنا يعلم أين يمكن يمكنه وضع كل نوع من النفايات المفروزة .

تطوير إضافي نعمل عليه.

الأحداث والنشاطات / يمكن لأي منظمة أو مستخدم عمل حدث مثلا لتنظيف منطقة محددة , على سبيل المثال ترغب مدرسة في عمل حملة نظافة للشارع المقابل لها فيقوم احد موظفي المدرسة بالدخول على التطبيق وتسجيل حساب خاص به ثم يقوم بالنقر على زر إضافة نشاط ثم يقوم بكتابة البيانات مثل تاريخ هذا النشاط وتحديد موقع النشاط على الخريطة ثم ينقر على زر إرسال .

عندما يقوم اي مستخدم بالدخول على صفحة النشاطات في التطبيق تضهر له كل الحملات الموجودة وعند النقر على احدى هذه النشاطات على الخريطة تضهر له بيانات عنها مثل موعد هذه الحملة ونبذة عنها.

هذا يساعد الناس التي ترغب في التطوع في حملات النظافة في المنطقة المحيطة بها بأن تعلم بوجودها .

فريق عمل المشروع :

1- أحمد الفيتوري : المسؤول على تطوير قاعدة بيانات التطبيق وAPI التي تم ربط التطبيق بها .

2- علاء الدين السني : المسؤول على تطوير تطبيق ويب وهو عبارة عن موقع يقدم نفس الخدمات الموجودة في التطبيق رابط الموقع للتجربة https://recycle-lines.fir... .

3- عبدالسميع العاشق : المسؤول على تطوير تطبيق الهاتف لنظامي Android , IOS.

مدة المشروع

تم بناء المشروع كامل في فترة قياسية وهي 24 ساعة أثناء المسابقة .

التقنيات المستخدمة في بناء المشروع.

1- تقنيات بناء تطبيق الويب أو الموقع Web FrontEnd.

ثم إستخدام VueJS في بناء موقع الويب.

ثم إستخدام خرائط قوقل كخريطة داخل موقع الويب.

ثم إستخدام Vuex للتحكم في البيانات داخل التطبيق.

ثم إستخدام Bootstrap 4 لتصميم الواجهات.

ثم إستخدام HTTP للتعامل مع قاعدة البيانات الموجودة على الإنترنت ولجب البيانات وارسالها إليها .

2 - تقنيات بناء تطبيق الهواتف الذكية Mobile FrontEnd.

تم إستخدام Flutter في تطوير التطبيق ليعمل على نظامي Android ,IOS

تم إستخدام خرائطة MapBox داخل التطبيق .

ثم إستخدام geolocator لتحديد موقع مستخدم التطبيق على الخريطة.

ثم إستخدام Provider لإدارة التطبيق والتحكم في بيانات التطبيق.

ثم إستخدام HTTP للتعامل مع قاعدة البيانات الموجودة على الإنترنت ولجب البيانات وارسالها إليها .

3 قاعدة بيانات التطبيق وAPI and BackEnd.

ثم إستخدام قاعدة بيانات Mongodb .

ثم إستخدام Node.js و express js في بناء API.