‫جامعة العلوم والتقانة‬

‫كلية علوم الحاسوب وتقانة المعلومات‬

‫قسم علوم الحاسوب‬

‫تطبيق لعرض سلع في متجر إلكتروني‬

‫بحث تكميلي لإليفاء بمطلوبات نيل درجة البكالريوس مرتبة الشرف في علوم الحاسوب‬

‫إعداد الطالب‪:‬‬

‫رقم ‪64‬‬ ‫مصطفى حسنين خليل إبراهيم‬

‫رقم ‪98‬‬ ‫أحمد الوسيلة خير هللا موسى‬

‫رقم ‪105‬‬ ‫سعيد يوسف مصطفى عبد اللطيف‬

‫رقم ‪24 s2‬‬ ‫الفاتح عبد هللا إبراهيم عثمان‬

‫إشراف‪:‬‬

‫أ‪ .‬سيد أحمد عبد الجليل‬

‫‪1442‬هـ ‪2021 -‬م‬

 ‫جامعة العلوم والتقانة‬

‫كلية علوم الحاسوب وتقانة المعلومات‬

‫قسم علوم الحاسوب‬

‫لجنة اإلشراف على مشاريع التخرج‬

‫للدفعة الثالثة والعشرون‬

‫الدرجة العلمية‪.........................................................................................:‬‬

‫إسم المشروع‪.........................................................................................:‬‬

‫إسم الطالب‪....................................................................................... -1 :‬‬

‫‪....................................................................................... -2‬‬

‫‪..................................................................................... -3‬‬

‫‪....................................................................................... -4‬‬

‫لقد أكمل الطالب إعداد البحث وأوافق على تقديمه‪.‬‬

‫التوقيع‪............................:‬‬ ‫إسم المشرف‪............................................:‬‬

‫التاريخ‪........................................... :‬‬
‫قال تعالى‪( :‬و قُل ربي زدني علما)‬
‫سورة طه االية (‪)114‬‬

‫صدق هللا العظيم‬

‫‪2‬‬
 ‫اإلهداء‬
‫إلى قدوتنا وسيدنا محمد صلى هللا عليه وسلم الذي أخرجنا من ظلمات‬
‫الجهل إلى نور العلم‬

‫وإلى امهاتنا الغوالي‪..‬‬

‫الذين أرضعونا رحيق الحياة وكانوا زهورا فواحة بالحب والحنان إليكم‬
‫أعظم وأغلى كلمات الفخر واإلعزاز إليكم يا من علمتمونا الفضيلة في‬
‫الحياء‬

‫وإلى آبائنا األعزاء‪..‬‬

‫الذين نحتم الصخور تحت الهجير وكنتم لنا شمعة وإنارة بارزة أضاءت‬
‫لنا الطريق‬

‫وإلى كل أخواننا وأخواتنا‬

‫وزمالءنا بجامعة العلوم والتقانة لقد كنا وما زلنا في رياض العلم‬
‫نسموا والى قادة العلم ورواد األجيال ‪..‬‬

‫أساتذتي االجالء‬

‫‪3‬‬
 ‫شكر وتقدير‬

‫الشكر هلل أوله وآخره‬

‫نشكر جامعة العلوم والتقانة ممثلة يف كلية علوم حاسوب ونخص‬
‫بالشكر األستاذ ‪ /‬سيدأحمد عبد الجليل ر‬
‫المشف عىل هذا العمل لما‬
‫قدمه لنا من عون وارشاد ‪.‬‬
‫ولكل من ساعدنا يف إنجاز هذا العمل‪.‬‬

‫‪4‬‬
 ‫المستخلص‬
‫ساعد الحاسوب في مجال التجارة عن طريق نشر السلع في كل مكان ‪ ,‬ويلعب دورا ّ‬
‫مهما ّ في المجاالت التجارية بشكل كبير‪.‬‬
‫تكمن المشكلة الحقيقية في األسعار الزائدة عن األسعار الحقيقة للمنتجات ‪ ,‬وصعوبة‬
‫إيجاد المنتجات في األسواق ‪ ,‬والمنتجات المتضررة والتالفة بسبب وضع المنتجات‬
‫في األسواق وتعرضها لتغيرات الطقس المختلفة ‪ .‬الهدف الرئيسى من هذا البحث‬
‫هو تصميم تطبيق يسهل للمواطن شراء المنتجات بشكل سريع وبدون التقيد بمكان‬
‫أو زمان محديين‪.‬‬
‫ولغات‬ ‫وهي ‪adobe xd ، ،android studio‬‬ ‫تم إستخدام عدة أدوات في إنشاء النظام‬
‫برمجة مثل ‪XML , JAVA‬‬

‫‪5‬‬
 ‫الفهرس‬
‫الصفحة‬ ‫الموضوع‬
‫اإلهداء‬
‫شكر وتقدير‬
‫الفصل األول ‪ /‬مقدمة البحث‬
‫‪11‬‬ ‫مقدمة البحث‬ ‫‪1.1‬‬
‫‪11‬‬ ‫مشكلة البحث‬ ‫‪2.1‬‬
‫‪11‬‬ ‫أهداف البحث‬ ‫‪3.1‬‬
‫‪1‬‬ ‫منهجية البحث‬ ‫‪4.1‬‬
‫‪11‬‬ ‫هيكلية البحث‬ ‫‪5.1‬‬
‫الفصل الثاني ‪ /‬التحليل‬
‫‪14‬‬ ‫مقدمة‬ ‫‪1.2‬‬
‫‪14‬‬ ‫البرامج المستخدمة‬ ‫‪2.2‬‬
‫‪14‬‬ ‫مستخدمي النظام‬ ‫‪3.2‬‬
‫‪15‬‬ ‫أوراق توصيف مجموعة مستخدمي النظام‬ ‫‪4.2‬‬
‫‪17‬‬ ‫مخطط حاالت اإلستخدام‬ ‫‪5.2‬‬
‫‪18‬‬ ‫أوراق توصيف حاالت اإلستخدام‬ ‫‪6.2‬‬
‫‪23‬‬ ‫مخطط الفئات‬ ‫‪7.2‬‬
‫الفصل الثالث ‪ /‬التصميم‬
‫‪25‬‬ ‫المقدمة‬ ‫‪1.3‬‬
‫‪25‬‬ ‫التقنيات المستخدمة‬ ‫‪2.3‬‬
‫‪25‬‬ ‫برنامج ‪Unified Modeling Language‬‬ ‫‪1.2.3‬‬
‫‪25‬‬ ‫برنامج ‪adobe xd‬‬ ‫‪2.2.3‬‬
‫‪27‬‬ ‫تصميم قاعدة البيانات‬ ‫‪3.3‬‬
‫‪27‬‬ ‫جداول قاعدة البيانات‬ ‫‪4.3‬‬
‫‪29‬‬ ‫تصميم الواجهات (تطبيق الموبايل)‬ ‫‪5.3‬‬

‫‪30‬‬ ‫الفصل الرابع ‪ /‬التطبيق‬

‫‪6‬‬
‫‪37‬‬ ‫مقدمة عن التطبيق‬ ‫‪1.4‬‬
‫‪37‬‬ ‫األدوات المستخدمة‬ ‫‪2.4‬‬
‫‪37‬‬ ‫‪android studio‬‬ ‫‪1.2.4‬‬
‫‪38‬‬ ‫واجهات التطبيق‬ ‫‪3.4‬‬
‫‪42‬‬ ‫قاعدة البيانات‬ ‫‪4.4‬‬
‫الفصل الخامس ‪ /‬الخالصة والتوصيات‬
‫‪45‬‬ ‫الخالصة‬ ‫‪1.5‬‬
‫‪45‬‬ ‫التوصيات‬ ‫‪2.5‬‬
‫‪46‬‬ ‫المراجع‬

‫‪7‬‬
 ‫قائمة األشكال‬

‫الصفحة‬ ‫إسم الشكل‬

‫‪17‬‬ ‫مخطط حاالت اإلستخدام‬ ‫‪1.2‬‬
‫‪23‬‬ ‫مخطط الفئات‬ ‫‪2.2‬‬
‫‪26‬‬ ‫مخطط الفئات والعالقات‬ ‫‪1.3‬‬
‫‪29‬‬ ‫تصميم شاشة تسجيل الدخول‬ ‫‪2.3‬‬
‫‪30‬‬ ‫تصميم شاشة إنشاء حساب‬ ‫‪3.3‬‬
‫‪31‬‬ ‫تصميم الواجهة الرئيسية‬ ‫‪4.3‬‬
‫‪32‬‬ ‫تصميم واجهة إحدى الفئات‬ ‫‪5.3‬‬
‫‪33‬‬ ‫تصميم واجهة المنتج‬ ‫‪6.3‬‬
‫‪34‬‬ ‫تصميم واجهة إضافة منتج‬ ‫‪7.3‬‬
‫‪35‬‬ ‫تصميم واجهة الملف الشخصي‬ ‫‪8.3‬‬
‫‪38‬‬ ‫شاشة تسجيل الدخول‬ ‫‪1.4‬‬
‫‪38‬‬ ‫شاشة تسجيل حساب جديد‬ ‫‪2.4‬‬
‫‪39‬‬ ‫الواجهة الرئيسية‬ ‫‪3.4‬‬
‫‪39‬‬ ‫واجهة إحدى الفئات‬ ‫‪4.4‬‬
‫‪40‬‬ ‫واجهة إضافة منتج‬ ‫‪5.4‬‬
‫‪40‬‬ ‫واجهة عرض المنتج‬ ‫‪6.4‬‬
‫‪41‬‬ ‫واجهة الملف الشخصي‬ ‫‪7.4‬‬
‫‪42‬‬ ‫بيانات المدير‬ ‫‪8.4‬‬
‫‪42‬‬ ‫بيانات المستخدمين‬ ‫‪9.4‬‬
‫‪43‬‬ ‫بيانات الفئة‬ ‫‪10.4‬‬
‫‪43‬‬ ‫بيانات السلعة‬ ‫‪11.4‬‬
‫‪43‬‬ ‫العالقة بين جدول السلعة و الفئة‬ ‫‪12.4‬‬

‫‪8‬‬
 ‫قائمة الجداول‬
‫الصفحة‬ ‫إسم الجدول‬
‫‪15‬‬ ‫ورقة توصيف المدير‬ ‫‪1.2‬‬
‫‪15‬‬ ‫ورقة توصيف البائع‬ ‫‪2.2‬‬
‫‪16‬‬ ‫ورقة توصيف المشتري‬ ‫‪3.2‬‬
‫‪16‬‬ ‫ورقة توصيف الزائر‬ ‫‪4.2‬‬
‫‪18‬‬ ‫حالة إستخدام تسجيل الدخول‬ ‫‪5.2‬‬
‫‪18‬‬ ‫حالة إستخدام حذف سلعة‬ ‫‪6.2‬‬
‫‪18‬‬ ‫حالة إستخدام تعديل على سلعة‬ ‫‪7.2‬‬
‫‪19‬‬ ‫حالة إستخدام إضافة سلعة‬ ‫‪8.2‬‬
‫‪19‬‬ ‫حالة إستخدام تسجيل الخروج‬ ‫‪9.2‬‬
‫‪20‬‬ ‫حالة إستخدام دخول الزائر‬ ‫‪10.2‬‬
‫‪20‬‬ ‫حالة إستخدام تصفح‬ ‫‪11.2‬‬
‫‪20‬‬ ‫حالة إستخدام إنشاء حساب‬ ‫‪12.2‬‬
‫‪21‬‬ ‫حالة إستخدام تسجيل الدخول‬ ‫‪13.2‬‬
‫‪21‬‬ ‫حالة إستخدام حذف المستخدم‬ ‫‪14.2‬‬
‫‪21‬‬ ‫حالة إستخدام تسجيل خروج‬ ‫‪15.2‬‬
‫‪22‬‬ ‫إستخدام تسجيل الدخول‬ ‫‪16.2‬‬
‫‪22‬‬ ‫إستخدام تسجيل خروج‬ ‫‪17.2‬‬
‫‪27‬‬ ‫بيانات المدير‬ ‫‪1.3‬‬
‫‪27‬‬ ‫بيانات المستخدمين‬ ‫‪2.3‬‬
‫‪28‬‬ ‫بيانات الفئات‬ ‫‪3.3‬‬
‫‪28‬‬ ‫بيانات السلعة‬ ‫‪4.3‬‬

‫‪9‬‬
‫الفصل األول‬
‫مقدمة البحث‬

‫‪10‬‬
 ‫‪ 1.1‬مقدمة البحث‬

‫تلعب التجارة دورا ً هاما في حياة المواطنين والمقيمين ومع تطور تقنية المعلومات ظهرت المتاجر‬
‫اإللكترونية بل تعاظم دورها من خالل إبتكار تطبيقات جديدة تتسم بالكفاءة والسرعة في األداء والسهولة‬
‫وتوفيرالوقت وسرعة اإلستجابة من الجهات المعنية والتي تؤدي بدورها إلى إنخفاض المعامالت التي تتم‬
‫داخل األسواق والمتاجر باألضافة إلى إمكانية شراء معظم المستلزمات من خالل الهواتف عبر شبكة‬
‫االنترنت والتي وفرت الوقت والجهد للمواطنين ‪.‬‬

‫‪ 2.1‬مشكلة البحث‬

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

‫‪ 3.1‬أهداف البحث‬

‫الهدف الرئيسى من هذا البحث هو تصميم تطبيق موبايل يسهل للمواطن شراء المنتجات بشكل سريع وبدون‬
‫التقيد بمكان أو زمان محديين ‪.‬‬

‫‪ 4.1‬منهجية البحث‬

‫‪ -‬تم إستخدام المنهج الوصفي كمنهجية مناسبة لموضوع البحث ‪ ,‬وذلك عن طريق دراسة الوضع الحالي لها‬
‫وما هي محاورها وعالقتها مع الظواهر األخرى ‪.‬‬

‫‪ -‬تم أستخدام مفاهيم التحليل الموجه بلغة النمذجة الموجهة لتحليل البيانات وتفسير النتائج التي تم الوصول‬
‫إليها تفسيرا ً كافيا ً‬

‫‪ -‬دراسة تقنيات برمجة األندرويد لتصميم التطبيق لمساعدة المواطن في شراء المنتجات ‪.‬‬

‫‪ -‬تم التعامل مع هذه الخدمات بربطها بنظام قواعد بيانات مركزية يتم التحكم بها بواسطة تطبيق ويب من‬
‫جهات اإلختصاص ‪.‬‬

‫‪-‬تم إستخدام عدة أدوات في إنشاء النظام والواجهات وهي ‪ adobe xd ، ،android studio‬ولغات‬
‫برمجة وهي ‪XML , JAVA‬‬

‫‪11‬‬
 ‫‪ 5.1‬هيكلية البحث‬

‫يقسم البحث إلى ستة فصول ‪ ،‬يحتوي الفصل الثاني على المجال المعرفي للبحث والتحليل من متطلبات‬
‫النظام ومعرفة المشكلة وتحديد األهداف ‪ ،‬الفصل الثالث يحتوي على تصميم عمليات النظام وتصميم قاعدة‬
‫البيانات ‪ ،‬الفصل الرابع يحتوي على عرض التطبيق واختبار التطبيق والفصل الخامس يحتوي على‬

‫الخالصة والتوصيات والفصل السادس يحتوي على المراجع‪.‬‬

‫‪12‬‬
‫الفصل الثاني‬
‫التحليل‬

‫‪13‬‬
 ‫‪ 1.2‬مقدمة‬

‫مرحلة تحليل نظم المعلومات هي دراسة احتياجات المستخدمين من المعلومات بهدف وضع‬
‫المواصفات للنظام بحيث يلبي هذه ‪ ،‬ويتم خالل هذه المرحلة عمل مقابالت عدة مع مستخدمين‬
‫بهدف تحديد احتياجاتهم ‪ ,‬ا لنظام الحالي يواجه صعوبة في إ يجاد المنتجات التي يرغب بها‬
‫ويجعل المواطن يبذل جهد في الذهاب إلى األسواق ‪.‬‬

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

‫‪ 2.2‬البرامج المستخدمة‬

‫تستخدم البرامج في بناء و التطوير التطبيقات ‪ ،‬لنمذجة االنظمة والتطبيقات مثل ‪ U M L‬الذي‬
‫يعتمد على البرمجة الكائنية ‪ ،‬و يستخدم لعمل نموذج مبدئي للبرنامج سهل الفهم و تحديد هيكل‬
‫و سلوك النظام بحيث تصبح سهلة الفهم و مقروءة‪.‬‬

‫‪ 3.2‬مستخدمي النظام‬

‫مدير النظام‬ ‫•‬

‫هو الشخص المسؤول عن إدارة النظام و يمتلك صالحية حذف المستخدمين‬
‫البائع‬ ‫•‬
‫هو الشخص الذي يقوم بعرض السلعة و وصفها‬
‫المشتري‬ ‫•‬
‫هو الشخص الذي يقوم بعملية الشراء من البائع‬
‫الزائر‬ ‫•‬
‫هو الشخص الذي لم يقم بالتسجيل و يقوم بالتصفح فقط‬

‫‪14‬‬
 ‫‪ 4.2‬أوراق توصيف مجموعة مستخدمي النظام‬
‫جدول (‪ )1.2‬يصف ورقة توصيف المدير‬
‫مدير النظام‬ ‫اسم المجموعة‬
‫يقوم بجميع العمليات داخل النظام و حذف المستخدمين‬ ‫الوصف‬
‫االسم‬ ‫ملف البيانات‬
‫العنوان‬
‫رقم الهاتف‬
‫تسجيل الدخول‬ ‫حاالت االستخدام‬
‫عرض المشتريات‬
‫حذف المستخدمين‬
‫تسجيل الخروج‬
‫الملفات المسموحه للقراءة جميع ملفات النظام‬
‫الملفات المسموحه للكتابة جميع ملفات النظام‬

‫جدول (‪ ) 2.2‬يصف ورقة توصيف البائع‬

‫البائع‬ ‫اسم المجموعة‬
‫هو مستخدم يقوم بإنشاء حساب خاص به في النظام لعرض السلعة‬ ‫الوصف‬
‫االسم‬ ‫ملف البيانات‬
‫العنوان‬
‫رقم الهاتف‬
‫البريد االلكتروني‬
‫إنشاء حساب‬ ‫حاالت االستخدام‬
‫تسجيل الدخول‬
‫إضافة السلعة‬
‫حذف السلعة‬
‫تعديل على السلعة‬
‫تسجيل الخروج‬
‫ال ملفات المسموحه للقراءة ملفات المعروضة من ق بل مستخدم آخر‬
‫ال ملفات المسموحة بالكتابة الملف الشخصي‬
‫ملف السلع‬

‫‪15‬‬
 ‫جدول (‪ )3.2‬يصف ورقة توصيف المشتري‬
‫المشتري‬ ‫اسم المجموعة‬
‫هو المستخدم مسموح له ب رؤية السلعة و يقوم بعملية الشراء‬ ‫الوصف‬
‫االسم‬ ‫ملف البيانات‬
‫العنوان‬
‫رقم الهاتف‬
‫البريد االلكتروني‬
‫إنشاء حساب‬ ‫حاالت االستخدام‬
‫تسجيل الدخول‬
‫عملية الدفع‬
‫تسجيل الخروج‬
‫ملف المستخدم‬ ‫ملفات المسموحة للقراءة‬
‫الملف الشخصي‬ ‫ملفات المسموحة للكتابة‬

‫جدول (‪ )4.2‬يصف ورقة توصيف الزائر‬

‫الزائر‬ ‫اسم المجموعة‬
‫هو الشخص الذي لم يقم بالتسجيل ويقوم‬ ‫الوصف‬
‫بالتصفح فقط‬
‫اليوجد‬ ‫ملف البيانات‬
‫تصفح السلعة‬ ‫حاالت االستخدام‬
‫إنشاء حساب‬
‫السلعة المعروضة‬ ‫الملفات المسموحة للقراءة‬
‫غير مسموح له‬ ‫الملفات المسموحة للكتابة‬

‫‪16‬‬
 ‫‪ 5.2‬مخطط حاالت اإلستخدام‬

‫مخطط (‪ ) 1.2‬يوضح حاالت مستخدمي النظام‬

‫‪17‬‬
 ‫‪ 6.2‬أوراق توصيف حاالت اإلستخدام‬
‫‪ 1.6.2‬البائع‬
‫جدول (‪ )5.2‬يوضح حالة إستخدام تسجيل الدخول‬

‫تسجيل الدخول‬ ‫االسم‬

‫دخول الى حساب المستخدم‬ ‫الوصف‬
‫إنشاء حساب‬ ‫الشرط السابق‬
‫إضافة سلعة‬ ‫الشرط اآلحق‬
‫شراء سلعة‬
‫• إدخال إسم المستخدم‬ ‫تسلسل العملية‬
‫• ادخال كلمة السر‬

‫جدول (‪ )6.2‬يوضح حالة إستخدام حذف سلعة‬

‫حذف سلعه‬ ‫االسم‬

‫إزالة السلعه الغير مرغوب فيها‬ ‫الوصف‬
‫إضافة سلعة‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط الالحق‬
‫• اختيار السلعه‬ ‫تسلسل العملية‬
‫• تاكيد عملية الحذف‬

‫جدول (‪ )7.2‬يوضح حالة إستخدام تعديل على سلعة‬

‫تعديل على السلعه‬ ‫االسم‬

‫التغير في كمية السلعه و سعرها‬ ‫الوصف‬
‫إضافة سلعة‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط الالحق‬
‫• اختيار السلعه‬ ‫تسلسل العملية‬
‫• تحديد عملية التعديل(تعديل السعر‪-‬تغير الصورة‪-‬تعديل الكمية)‬

‫‪18‬‬
 ‫جدول (‪ )8.2‬يوضح حالة إستخدام إضافة سلعة‬

‫إضافة سلعه‬ ‫االسم‬

‫عرض السلعه للمشتري مع توضيح سعر السلعه و الكميه‬ ‫الوصف‬
‫تسجيل الدخول‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط الالحق‬
‫• تسجيل الدخول‬ ‫تسلسل العميلة‬
‫• إضافة صورة‬
‫• أسم السلعه‬
‫• نوع السلعه‬
‫• كمية السلعه‬

‫جدول (‪ )9.2‬يوضح حالة إستخدام تسجيل الخروج‬

‫تسجيل خروج‬ ‫االسم‬

‫خروج من حساب المستخدم‬ ‫الوصف‬
‫تسجيل الدخول‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط اآلحق‬
‫تسجيل دخول‬ ‫تسلسل العميلة‬

‫‪19‬‬
 ‫‪ 2.6.2‬الزائر‬
‫جدول (‪ ) 10.2‬يوضح حالة إستخدام دخول الزائر‬

‫دخول التطبيق‬ ‫االسم‬

‫هي عملية يتم فيها الدخول الي التطبيق‬ ‫الوصف‬
‫تنزيل التطبيق‬ ‫الشرط السابق‬

‫عرض سلعة‬ ‫الشرط الالحق‬

‫إضافة سلعة‬
‫شراء سلعة‬
‫تصفح‬ ‫تسلسل العملية‬
‫إنشاء حساب‬

‫جدول (‪ ) 11.2‬يوضح حالة إستخدام تصفح‬

‫تصفح السلع‬ ‫االسم‬

‫هي تصفح بشكل عام للمنتجات ومعرفتها‬ ‫الوصف‬
‫اليوجد‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط الالحق‬
‫اليوجد‬ ‫تسلسل العملية‬

‫جدول (‪ )12.2‬يوضح حالة إستخدام إنشاء حساب‬

‫انشاء حساب‬ ‫االسم‬

‫يسمح للزائر بأنشاء حساب في التطبيق‬ ‫الوصف‬
‫الضغط على إنشاء حساب‬ ‫الشرط السابق‬
‫ال يوجد‬ ‫الشرط الالحق‬
‫• االسم‬ ‫تسلسل العملية‬
‫• العنوان‬
‫• رقم الهاتف‬
‫• البريد األلكتروني‬
‫• نوع الجنس‬
‫• تاريخ الميالد‬
‫• تحديد نوع العميل(بائع‪-‬مشتري)‬

‫‪20‬‬
 ‫‪ 3.6.2‬المدير‬
‫جدول (‪ ) 13.2‬يوضح حالة إستخدام تسجيل الدخول‬

‫تسجيل دخول‬ ‫االسم‬

‫هي عمليه تسجيل دخول للموقع‬ ‫الوصف‬
‫إنشاء حساب‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط االحق‬

‫• البريد اإللكتروني‬ ‫تسلسل العملية‬

‫• الرمز السري‬

‫جدول (‪ ) 14.2‬يوضح حالة إستخدام حذف المستخدم‬

‫حذف مستخدم‬ ‫االسم‬

‫هي عملية حذف مستخدم من النظام‬ ‫الوصف‬
‫إضافة مستخدم‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط االحق‬
‫• تحديد المستخدم‬ ‫تسلسل العملية‬

‫جدول (‪ ) 15.2‬يوضح حالة إستخدام تسجيل خروج‬

‫تسجيل خروج‬ ‫االسم‬

‫الخروج من حساب المستخدم‬ ‫الوصف‬
‫تسجيل الدخول‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط اآلحق‬

‫‪21‬‬
 ‫‪ 4.6.2‬المشتري‬
‫جدول (‪ ) 16.2‬يوضح حالة إستخدام تسجيل الدخول‬

‫تسجيل الدخول‬ ‫االسم‬

‫هي عملية الدخول للنظام وإعطائه الصالحيات المطلوبة والعمليات‬ ‫الوصف‬
‫الالزمة‬
‫إنشاء حساب‬ ‫الشرط السابق‬
‫ال يوجد‬ ‫الشرط الالحق‬
‫• اسم المستخدم‬ ‫تسلسل العملية‬
‫• الرمز السري‬

‫جدول (‪ ) 17.2‬يوضح حالة إستخدام تسجيل خروج‬

‫تسجيل خروج‬ ‫االسم‬

‫الخروج من حساب المستخدم‬ ‫الوصف‬
‫تسجيل الدخول‬ ‫الشرط السابق‬
‫اليوجد‬ ‫الشرط اآلحق‬

‫‪22‬‬
 ‫‪ 7.2‬مخطط الفئات‬

‫الشكل(‪ )2.2‬يوضح مخطط الفئات‬

‫‪23‬‬
‫الفصل الثالث‬
‫التصميم‬

‫‪24‬‬
 ‫‪ 1.3‬المقدمة‬

‫في هذا الفصل تأتي مرحلة التصميم التي تلي مرحلة التحليل ‪ ،‬وفي هذه المرحلة يتم وضع خطة لترتيب‬
‫أجزاء النظام في شكل متكامل يفي باألهداف المطلوب تحقيقها ‪ ،‬وأيضا القيام بتحديد مواصفات عناصر‬
‫النظام من مدخالت البيانات وقاعدة البيانات‪.‬‬

‫‪ 2.3‬التقنيات المستخدمة‬

‫‪ 1.2.3‬برنامج ‪Unified Modeling Language‬‬

‫هي اللغة المعتمدة لترميز العمليات البرمجية وتقدم وسيلة رموزية بسيطه للتعبير عن مختلف نمازج العمل‬
‫البرمجي تسهل على ذوي العالقة من المحليلن والمصميين والمبرمجيين بل وحتى المستفيدين التخاطب فيما‬
‫بينهم وتمرير المعلومات في صيغة نمطية موحده وموجزة تغنيهم عن الوصف اللغوي المعتاد‪ .‬تم إستخدامها‬
‫في تحليل النظام وتفسير مدخالت ومخرجات ومتطلبات النظام ‪ ،‬ومن ثم وضع جميع االحتماالت الممكن‬
‫وقوعها قبل البدء في البرمجة‪.‬‬

‫‪ 2.2.3‬برنامج ‪adobe xd‬‬

‫هو إحدى البرامج من شركة ‪ adobe‬ويقدم وسيلة رسومية لتصميم واجهات التطبيقات ‪ .‬تم إستخدام‬
‫البرنامج في تصميم الواجهات بالشكل المطلوب حسب الحوجة المطلوبة وتنسيقها‪.‬‬

‫‪25‬‬
 ‫‪ 3.3‬مخطط الفئات والعالقات‬

‫الشكل (‪ )1.3‬يوضح مخطط الفئات والعالقات‬

‫‪26‬‬
 ‫‪ 3.5‬تصميم قاعدة البيانات‬
‫قاعدة البيانات أو قواعد المعطيات من عناصر البيانات المنطقية والمرتبطة مع بعضها البعض بعالقة‬
‫رياضية وتتكون قاعدة البيانات من جدول أو أكثر ويتكون الجدول من سجل أو أكثر ويتكون السجل من‬
‫حقل أو أكثر‪ ،‬تخزن هذه البيانات في جهاز الحاسوب ‪.‬‬

‫‪ 4.5‬جداول قاعدة البيانات‬

‫جدول (‪ )1.3‬يوضح بيانات المدير‬

‫القيود‬ ‫الحجم‬ ‫النوع‬ ‫االسم البرمجي‬ ‫اسم الحقل‬
‫مفتاح اساسي‬ ‫‪50‬‬ ‫‪int‬‬ ‫‪AdminID‬‬ ‫الرقم‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪AdminName‬‬ ‫اسم المستخدم‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪AdminPass‬‬ ‫كلمة السر‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪Address‬‬ ‫العنوان‬
‫‪50‬‬ ‫‪Int‬‬ ‫‪Phone‬‬ ‫رقم الهاتف‬

‫جدول (‪ )2.3‬يوضح بيانات المستخدمين‬

‫القيود‬ ‫الحجم‬ ‫النوع‬ ‫االسم البرمجي‬ ‫اسم الحقل‬
‫مفتاح اساسي‬ ‫‪50‬‬ ‫‪Int‬‬ ‫‪UserID‬‬ ‫الرقم‬
‫‪50‬‬ ‫‪Int‬‬ ‫‪UserType‬‬ ‫نوع المستخدم‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪UserName‬‬ ‫اسم المستخدم‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪UserPass‬‬ ‫كلمة السر‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪UserAddress‬‬ ‫عنوان المستخدم‬
‫‪50‬‬ ‫‪Int‬‬ ‫‪UserPhone‬‬ ‫رقم الهاتف‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪Email‬‬ ‫البريد االلكتروني‬

‫‪27‬‬
 ‫جدول (‪ )3.3‬يوضح بيانات الفئات‬
‫القيود‬ ‫الحجم‬ ‫النوع‬ ‫االسم البرمجي‬ ‫اسم الحقل‬
‫مفتاج اساسي‬ ‫‪50‬‬ ‫‪Int‬‬ ‫‪CatID‬‬ ‫الرقم‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪CatName‬‬ ‫اسم الفئة‬

‫جدول (‪ )4.3‬يوضح بيانات السلعة‬

‫القيود‬ ‫الحجم‬ ‫النوع‬ ‫االسم البرمجي‬ ‫اسم الحقل‬
‫مفتاح اساسي‬ ‫‪50‬‬ ‫‪Int‬‬ ‫‪ItemID‬‬ ‫رقم السلعة‬
‫مفتاح اجنبي‬ ‫‪50‬‬ ‫‪Int‬‬ ‫‪CatID‬‬ ‫رقم الفئة‬
‫‪50‬‬ ‫‪Varchar‬‬ ‫‪ItemName‬‬ ‫اسم السلعة‬
‫‪50‬‬ ‫)‪Decimal(18,2‬‬ ‫‪Price‬‬ ‫سعر السلعة‬
‫‪50‬‬ ‫‪Int‬‬ ‫‪Qynt‬‬ ‫كمية السلعة‬
‫‪50‬‬ ‫‪Image‬‬ ‫‪ItemPic‬‬ ‫صورة السلعة‬

‫‪28‬‬
 ‫‪ 5.5‬تصميم الواجهات (تطبيق الموبايل)‬

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

‫‪Welcome‬‬

‫__________________ ‪User Name :‬‬

‫__________________ ‪Password :‬‬

‫‪LOG IN‬‬

‫‪You are not a member? Register‬‬

‫الشكل (‪ )2.3‬يوضح تصميم واجهة تسجيل الدخول‬

‫شاشة تسجيل الدخول هي الشاشة التي تمكن المستخدم من الدخول للتطبيق والتفاعل معه ‪.‬‬

‫‪29‬‬
 Welcome
User Name : __________________

Address : __________________

E-mail: __________________

Phone number :__________________

Password : __________________

Buyer salesman

By Clicking Register i am agreeing to the Terms And Conditions

Register

‫) يوضح تصميم شاشة إنشاء حساب‬3.3( ‫الشكل‬

. ‫شاشة إنشاء حساب هي الشاشة التي تمكن المستخدم من إنشاء حساب في النظام‬

30
 ‫أسم المنتج‬ ‫أسم المنتج‬

‫صورة للمنتج‬ ‫صورة للمنتج‬

‫وصف المنتج‬ ‫وصف المنتج‬

‫أسم المنتج‬ ‫أسم المنتج‬

‫صورة للمنتج‬ ‫صورة للمنتج‬

‫وصف المنتج‬ ‫وصف المنتج‬

‫الشكل(‪ )4.3‬يوضح تصميم الواجهة الرئيسية‬

‫شاشة الواجهة الرئيسية هي الشاشة التي تعرض فيها المنتجات ‪.‬‬

‫‪31‬‬
 ‫أسم المنتج‬ ‫أسم المنتج‬

‫صورة للمنتج‬ ‫صورة للمنتج‬

‫وصف المنتج‬ ‫وصف المنتج‬

‫أسم المنتج‬ ‫أسم المنتج‬

‫صورة للمنتج‬ ‫صورة للمنتج‬

‫وصف المنتج‬ ‫وصف المنتج‬

‫الشكل (‪ )5.3‬يوضح تصميم واجهة إحدى الفئات‬

‫شاشة واجهة إحدى الفئات هي الشاشة التي تعرض المنتجات التي تنتمي إلي فئة ‪.‬‬

‫‪32‬‬
 ‫أسم المنتج‬

‫صورة للمنتج‬

‫وصف المنتج‬

‫‪Buy‬‬

‫الشكل(‪ )6.3‬يوضح تصميم واجهة المنتج‬

‫شاشة واجهة المنتج هي الشاشة التي تعرض المنتج والتفاصيل الخاصة به‬

‫‪33‬‬
 ‫‪Product picture‬‬

‫________________‪Product name :‬‬

‫‪Gategory‬‬ ‫________________‪:‬‬

‫‪Price‬‬ ‫________________‪:‬‬

‫‪Product name‬‬ ‫________________‪:‬‬

‫‪Description‬‬ ‫________________‪:‬‬

‫‪Add‬‬

‫الشكل (‪ )7.3‬يوضح تصميم واجهة إضافة منتج‬

‫شاشة واجهة إضافة منتج هي التي تمكن البائع من إضافة منتجه إلى النظام‬

‫‪34‬‬
 ‫‪User name‬‬

‫‪Change profile photo‬‬

‫‪Change user name‬‬

‫‪Change user‬‬

‫الشكل (‪)8.3‬يوضح تصميم واجهة الملف الشخصي‬

‫شاشة واجهة الملف الشخصي هي التي تعرض الملف الشخصي لمستخدم النظام‬

‫‪35‬‬
‫الفصل الرابع‬
‫التطبيق‬

‫‪36‬‬
 ‫‪ 1.4‬مقدمة عن التطبيق‬

‫هو تطبيق للهاتف الجوال يقدم خدمات البيع والشراء بطريقة آمنة ‪ ،‬ويقدم منتجات متعددة الجودة‪.‬‬

‫وأيضا يساعد البائعين في نشر وتسويق منتجاتهم في قنوات المحتوى المكتوب والمرئي ‪ ،‬ويتيح للمشتري‬
‫معرفة جميع تفاصيل المنتج وتكلفته ‪.‬‬

‫‪ 2.4‬األدوات المستخدمة‬

‫‪Android Studio 1.2.4‬‬

‫يعتبر منصة لكتابة التطبيقات تسهل على المطورين كتابة الشيفرة المصدرية لتطبيقات األندرويد ‪ ،‬كما‬
‫تسمح للمطور بمعاينة هيئة تطبيقية على مختلف قياسات الشاشات بشكل فوري أثناء التطوير‪.‬‬

‫‪37‬‬
 ‫‪ 3.4‬واجهات التطبيق‬

‫الشكل (‪ )1.4‬يوضح شاشة تسجيل الدخول‬

‫الشكل(‪ )2.4‬يوضح واجهة تسجيل حساب جديد‬

‫‪38‬‬
 ‫الشكل(‪ )3.4‬يوضح الواجهة الرئيسية‬

‫الشكل (‪ )4.4‬يوضح واجهة إحدى الفئات‬

‫‪39‬‬
‫الشكل (‪ )5.4‬يوضح واجهة إضافة منتج‬

‫الشكل(‪ )6.4‬يوضح واجهة عرض المنتج‬

‫‪40‬‬
‫الشكل(‪ )7.4‬يوضح واجهة الملف الشخصي‬

‫‪41‬‬
 ‫‪ 4.4‬قاعدة البيانات‬

‫شكل (‪ )8.4‬بيانات المدير‬

‫شكل (‪ )9.4‬بيانات المستخدمين‬

‫‪42‬‬
 ‫شكل (‪ )10.4‬بيانات الفئة‬

‫شكل (‪ )11.4‬بيانات السلعة‬

‫شكل (‪ )12.4‬العالقة بين جدول السلعة و الفئة‬

‫‪43‬‬
‫الفصل الخامس‬
‫الخالصة والتوصيات‬

‫‪44‬‬
 ‫‪ 1.5‬الخالصة‬
‫ساهم الباحثون في بناء تطبيق يعمل على نظام االندرويد يمكن المستخدم من إجراء خدمات البيع والشراء‬
‫بصوره سريعه وسهله وعدم التقيد بمكان أو زمان محددين وذلك باستخدام التطبيق لطلب خدمة البيع‬
‫والشراء المرغوبة‪.‬‬

‫يقدم التطبيق خدمات مثل شراء سلعه معينه او االستعالم عنها او بيع سلعه معينه او معرفة أسعار السلع‬
‫المعروضه وغيرها من الخدمات التي يقدمها التطبيق‪ ،‬وتم اختبار التطبيق وإجراء بعض العمليات ‪ ،‬وتم‬
‫تحقيق األهداف والحصول على النتائج المطلوبة‪.‬‬

‫‪ 2.5‬التوصيات‬
‫بعد اكتمال البحث يوصي الباحثون االتي‬

‫‪ -1‬تحويل هيكلية المخدم الي مخدم خاص لضمان وثوقية البيانات‪.‬‬

‫‪ -2‬تحسين خدمات والشراء‪.‬‬

‫‪ -3‬ارسال تحديث الى المستخدم اذا توفرت نسخة جديدة‪.‬‬

‫‪ .-4‬إضافة خاصية التوصيل للمشتري‪.‬‬

‫‪ -5‬تطوير نظام الحماية‪.‬‬

‫‪45‬‬
 ‫المراجع‬

U nified M odeling Language U ser G uide,The (2 ed.). .

A ddisonW esley.2005.p.496.ISB N 0321267974.

Satish M ishra (1997)."VisualM odeling & U nified M odeling .

Language (U M L):Introduction to U M L".R ationalSoftw are .
.C orporation.A ccessed 9 N ovem ber 2008

http://instructor.sdu.edu.kz/~andrey/C SS216% 20M obile% 20 .

Progra
m m ing/The_B usy_C oder_G uide_to_A ndroid_D evelopm ent_v
6.4_ 2.pdf

46