Kobe - تطبيق ميزانية الهاتف المحمول (Fronnd)
وصف عام
التطبيق الذي يسمح بتجميع ميزانية شهريًا ، حيث يوجد 3 أنواع من الحركات: الدخل والنفقات والمدخرات. لكل نوع من أنواع الحركة ، يمكن تعريف ما يصل إلى 10 فئات. في شهر معين ، يمكن للمستخدم تحديد القيمة التي تتوقع تعيين كل فئة (ميزانية). بعد ذلك ، خلال الشهر ، سيقوم المستخدم بتسجيل تحركاته ومن هذه ، في علامة تبويب إحصائيات ، يمكنك أن ترى كيف يتم الوفاء بخطة الشهر.
رابط FIGMA
الصورة المرجعية:
بيئة التنمية
لإنشاء بيئة تطوير لتطبيق الويب مع رفرفة على الحدود و Express.js في الواجهة الخلفية ، لتثبيته يمكنك متابعة هذه الخطوات:
تكوين الحدود
- تثبيت الرفرفة - تطوير الهاتف المحمول.
- أولاً ، قم بتنزيل وتثبيت Flutter من صفحتها الرسمية: https://flutter.dev/docs/get-started/install. اتبع التعليمات المحددة لنظام التشغيل الخاص بك. أضف بعد ذلك المسار إلى متغيرات البيئة.
- تكوين Android Studio - محاكي Android Mobile لاختبار التطبيق.
- قم بتثبيت Android Studio من الموقع الرسمي لـ Android Studio: https://developer.android.com/studio.
- داخل Android Studio ، قم بتثبيت Android SDK وقم بتكوين محاكي على AVD Manager لمحاكاة جهاز محمول.
- Visual Studio Code - تكوين IDE لاستخدامه في المشروع.
- قم بتنزيل وتثبيت Visual Studio Code (VSCODE) من صفحتها الرسمية: https://code.visualstudio.com/.
- يمكن تثبيت المكونات الإضافية التالية لتسهيل الترميز في الرفرفة:
- Flutter: لدمج دعم VSCode وتضمين وظائف مثل تنفيذ التطبيق والتنقية.
- Dart: ضروري للعمل مع Flutter ، لأنه يوفر الدعم للغة برمجة DART.
- قصاصات رفرفة رهيبة: توفر قصاصات رمز مفيدة لتتطور بسرعة أكبر في الرفرفة.
- قصاصات أداة الرفرفة: مجموعة من المقتطفات للأغذية الأكثر استخدامًا في الرفرفة.
التكوين الخلفي
- تثبيت Node.js
- قم بتنزيل وتثبيت Node.js من صفحتها الرسمية: https://nodejs.org/. Node.js ضروري للعمل مع Express.js. أضف بعد ذلك المسار إلى متغيرات البيئة.
- إنشاء وتكوين مشروع Express.js
- افتح محطة واستخدم الأمر التالي لتثبيت مولد تطبيقات Express: NPM Install -G Express -generator
- قم بإنشاء مشروع Express جديد مع Command: Express Name-of-Tu-Project
- التنمية في Express.JS
- قم بتطوير تطبيق الواجهة الخلفية عن طريق تعديل الملفات في دليل المشروع. يمكن تثبيتها إضافية حسب الضرورة ، وتثبيتها باسم تثبيت NPM.
- يمكن استخدام أدوات مثل Postman أو الأرق لاختبار نقاط نهاية API لتطبيق express.js الخاص بك.
التنفيذ والاختبارات
- بالنسبة إلى الحدود ، Open VS Code ، انتقل إلى دليل مشروع Flutter وتنفيذ تطبيقك باستخدام المحاكي الذي تم تكوينه في Android Studio.
- بالنسبة للواجهة الخلفية ، في محطة تنقل إلى دليل مشروع Express الخاص بك وتنفيذ
npm start تشغيل الخادم.
متطلبات
المتطلبات الوظيفية
| |
|---|
| تحديد المتطلبات | RF1 |
| اسم المتطلبات | إنشاء حساب |
| صفات | يمكن للمستخدم إنشاء حساب ، وتحديد اسم المستخدم وكلمة المرور. |
| وصف المتطلبات | يمكن للمستخدم إنشاء حساب يعطي البيانات: البريد الإلكتروني ، اسم المستخدم ، الاسم الكامل وكلمة المرور |
| متطلبات غير وظيفية | RNF1 ، RNF2 ، RNF5 |
| أولوية المتطلبات | عالي |
| |
|---|
| تحديد المتطلبات | RF2 |
| اسم المتطلبات | مصادقة المستخدم |
| صفات | يجب على المستخدم تسجيل الدخول إدخال معلومات الحساب |
| وصف المتطلبات | يجب على المستخدم لتسجيل الدخول إدخال اسم المستخدم وكلمة المرور |
| متطلبات غير وظيفية | RNF1 ، RNF2 ، RNF5 |
| أولوية المتطلبات | متوسط |
| |
|---|
| تحديد المتطلبات | RF3 |
| اسم المتطلبات | إنشاء فئات |
| صفات | يمكن للمستخدم إنشاء فئات |
| وصف المتطلبات | سيتمكن المستخدم من إنشاء 10 فئات كحد أقصى لدخله ونفقاته ومدخراته. |
| متطلبات غير وظيفية | RNF1 ، RNF2 ، RNF6 |
| أولوية المتطلبات | متوسط |
| |
|---|
| تحديد المتطلبات | RF4 |
| اسم المتطلبات | إنشاء خطة الميزانية |
| صفات | سيتمكن المستخدم من إنشاء خطة ميزانية لكل فئة من فئات الدخل والنفقات والمدخرات. |
| وصف المتطلبات | سيتمكن المستخدم من إنشاء خطة ميزانية لكل فئة من فئات الدخل والنفقات والمدخرات. |
| متطلبات غير وظيفية | RNF1 ، RNF2 ، RNF6 ، RNF7 |
| أولوية المتطلبات | متوسط |
| |
|---|
| تحديد المتطلبات | RF5 |
| اسم المتطلبات | دخل الحركة |
| صفات | يجوز للمستخدم إدخال حركاته المالية وفقًا لكل فئة من الدخل والنفقات والمدخرات. |
| وصف المتطلبات | يجوز للمستخدم إدخال حركاته المالية وفقًا لكل فئة من الدخل والنفقات والمدخرات. |
| متطلبات غير وظيفية | RNF1 ، RNF2 ، RNF6 ، RNF7. |
| أولوية المتطلبات | عالي |
| |
|---|
| تحديد المتطلبات | RF6 |
| اسم المتطلبات | عرض الميزانية والحركات التاريخ |
| صفات | يمكن للمستخدم رؤية ميزانياته السابقة. |
| وصف المتطلبات | سيتمكن المستخدم من رؤية ميزانياتهم من الفترات السابقة (الشهر والسنة). |
| متطلبات غير وظيفية | RNF1 ، RNF2 ، RNF6 ، RNF7 |
| أولوية المتطلبات | متوسط |
| |
|---|
| تحديد المتطلبات | RF7 |
| اسم المتطلبات | تغيير كلمة المرور |
| صفات | يمكن للمستخدم طلب تغيير كلمة المرور. |
| وصف المتطلبات | يمكن للمستخدم طلب تغيير كلمة المرور لتوفير اسم المستخدم أو اسم البريد الإلكتروني. |
| متطلبات غير وظيفية | RNF1 ، RNF2 ، RNF6 ، RNF7 |
| أولوية المتطلبات | قليل |
المتطلبات غير الوظيفية
| |
|---|
| تحديد المتطلبات | RNF1 |
| اسم المتطلبات | أداء |
| صفات | الاستجابة الفورية وكفاءة المعالجة. |
| وصف المتطلبات | يجب أن يستجيب التطبيق بسرعة لمدخلات المستخدم والتعامل مع معالجة البيانات بشكل فعال. |
| أولوية المتطلبات | عالي |
| |
|---|
| تحديد المتطلبات | RNF2 |
| اسم المتطلبات | توافر |
| صفات | الوصول المستمر والحد الأدنى من وقت عدم النشاط. |
| وصف المتطلبات | يجب أن يكون التطبيق متاحًا للاستخدام أكبر عدد ممكن من الوقت ، مع الحد الأدنى من وقت عدم النشاط. |
| أولوية المتطلبات | عالي |
| |
|---|
| تحديد المتطلبات | RNF3 |
| اسم المتطلبات | قابلية الاستخدام |
| صفات | بديهية ويمكن الوصول إليها لجميع المستخدمين. |
| وصف المتطلبات | يجب أن تكون واجهة المستخدم بديهية وسهلة الاستخدام للأشخاص دون خبرة سابقة في التطبيق. |
| أولوية المتطلبات | متوسط |
| |
|---|
| تحديد المتطلبات | RNF4 |
| اسم المتطلبات | التوافق |
| صفات | إنه يعمل على أجهزة وأنظمة متعددة. |
| وصف المتطلبات | يجب أن يكون التطبيق متوافقًا مع إصدارات متعددة من أنظمة تشغيل الأجهزة المحمولة ، مثل Android و iOS ، والتكيف بشكل جيد مع أحجام الشاشة المختلفة والقرارات. |
| أولوية المتطلبات | عالي |
| |
|---|
| تحديد المتطلبات | RNF5 |
| اسم المتطلبات | حماية |
| صفات | حماية البيانات والتشفير. |
| وصف المتطلبات | يجب على التطبيق حماية المعلومات الحساسة للمستخدم ، مما يضمن تشفير جميع البيانات المرسلة وتخزينها. |
| أولوية المتطلبات | عالي |
| |
|---|
| تحديد المتطلبات | RNF6 |
| اسم المتطلبات | قابلية التوسع |
| صفات | نمو المستخدم الفعال وتحميل البيانات. |
| وصف المتطلبات | يجب أن يكون التطبيق قادرًا على التعامل مع زيادة عدد المستخدمين وفي تحميل معالجة البيانات دون أداء مهين بشكل كبير. |
| أولوية المتطلبات | متوسط |
| |
|---|
| تحديد المتطلبات | RNF7 |
| اسم المتطلبات | الصيانة |
| صفات | منظم وسهل تحديث الرمز. |
| وصف المتطلبات | يجب أن يكون رمز التطبيق منظمًا جيدًا وتوثيقه لتسهيل التحديثات والصيانة من قبل المطورين. |
| أولوية المتطلبات | قليل |
| |
|---|
| تحديد المتطلبات | RNF8 |
| اسم المتطلبات | استهلاك البطارية |
| صفات | كفاءة الطاقة والاستهلاك الأمثل. |
| وصف المتطلبات | يجب أن يكون التطبيق فعالًا من حيث استهلاك البطارية ، وتجنب الصرف المفرط عند استخدامه نشطًا أو في الخلفية. |
| أولوية المتطلبات | متوسط |
| |
|---|
| تحديد المتطلبات | RNF9 |
| اسم المتطلبات | مدير قاعدة البيانات |
| صفات | الموثوقية وقدرات إدارة البيانات المتقدمة مع postgresql. |
| وصف المتطلبات | سيستخدم التطبيق postgreSQL كنظام إدارة قاعدة البيانات. |
| أولوية المتطلبات | عالي |
| |
|---|
| تحديد المتطلبات | RNF10 |
| اسم المتطلبات | رمز التطوير |
| صفات | التطوير الموحد ومتعدد المنصب مع رفرفة. |
| وصف المتطلبات | سيستخدم التطبيق رفرفة كإطار رمز التطوير. |
| أولوية المتطلبات | عالي |
الرسوم البيانية
الرسم البياني العلائقي
أسطورة الجدول:
- النوع: يشير إلى الأنواع الثلاثة من المعاملات الموجودة: الدخل والنفقات والمدخرات.
- الفئة: يشير إلى طبيعة الدخل/المصاريف/المدخرات
- النوع: الدخل - الفئة: الراتب ، الفائدة ، الدفع مقابل الرسوم ...
- النوع: النفقات - الفئة: النقل ، الغذاء ، المرافق ، الصحة ، التعليم ، الترفيه ...
- النوع: التوفير - الفئة: البيت ، السيارة ، الرحلات ، ريادة الأعمال ...
- Explanation: على سبيل المثال ، في السجل يمكن أن يكون النوع هو الدخل ويمكن أن تكون الفئة راتب
- التقويم: سيتألف هذا الجدول من العديد من التواريخ وسيتم ربطه بجدول شهر. هذا هو تسهيل إنشاء مرشحات داخل تطبيق وتخصيص التواريخ للتسجيل في جدول التتبع.
- الشهر: جدول يحتوي على كل عام مع معرف مختلف. سيسهل هذا الجدول برمجة المرشح.
- السنة: جدول يحتوي على سنوات محتملة خلال فترة زمنية محددة. سيسهل هذا الجدول برمجة المرشح.
- الميزانية: إنها مبلغ الأموال المخطط لها لكل فئة وشهر (حيث يمكن أن تختلف بين أشهر). إنه هدف ، ولن يتحقق بالضرورة.
- التسجيل (التتبع): إنه الجدول الرئيسي ، حيث يتم تسجيل جميع الدخل أو النفقات أو المدخرات ، مع فئة كل منها وتاريخ تسجيلها وتاريخ التفاصيل.
- المستخدم: إنه الجدول الذي يتم فيه حفظ معلومات المستخدم ، وخاصة أسمائهم وألقائهم ، بالإضافة إلى بيانات الاعتماد الخاصة بهم لإدخال حساب التطبيق الخاص بهم (البريد الإلكتروني وكلمة المرور).
استخدام مخطط الحالة
مخطط النشر
