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

‫ًعمل على الوًب والهواتف الذكًة‬

 ‫المحتوى‬

‫‪.1‬عرض تطوٌر تطبٌك الكترونى‪...................................................................................‬‬

‫‪.3‬ممدمة ‪..............................................................................................................‬‬

‫‪.4‬مواصفات التطبٌك ‪................................................................................................‬‬

‫‪.4‬المكونات االساسٌة للتطبٌك ‪.......................................................................................‬‬

‫‪.4‬الوظائف االساسٌة (تطبٌك العمٌل) ‪..............................................................................‬‬

‫‪.4‬شاشة التسجٌل ‪....................................................................................................‬‬

‫‪.4‬شاشة عرض المنتجات ‪...........................................................................................‬‬

‫‪.5‬سلة المشترٌات ‪....................................................................................................‬‬

‫‪.5‬أمر الشراء ‪........................................................................................................‬‬

‫‪.6‬طرٌمة الدفع ‪.......................................................................................................‬‬

‫‪.6‬التنبٌهات ‪..........................................................................................................‬‬

‫‪.6‬لائمة الشاشات االضافٌة (للمستخدم) ‪............................................................................‬‬

‫‪.7‬تطبٌك االدارة ‪....................................................................................................‬‬

‫‪.7‬صفحة ملخص للعملٌات الحالٌة ( ‪.......................................................... )Dashboard‬‬

‫‪.8‬صفحة االعدادات ‪...............................................................................................‬‬

‫‪.8‬صفحة العمالء ‪..................................................................... .............................‬‬

‫‪.9‬صفحة الموردٌن ‪................................................................................................‬‬

 ‫‪.9‬صفحة المنتجات ‪................................................................................................‬‬

‫‪.10‬صفحة العروض ‪.................................................................................................‬‬

‫‪.10‬التكامل مع األنظمة األخري ‪.......................................................................................‬‬

‫‪.10‬التمارٌر ‪..........................................................................................................‬‬

‫‪.11‬االدوات المستخدمة ‪.............................................................................................‬‬

‫‪.12‬مراحل تسلٌم المشروع ‪.........................................................................................‬‬

‫‪.12‬العرض المالً ‪..................................................................................................‬‬

‫‪.12‬شروط الدفع والتعالد ‪...........................................................................................‬‬

‫‪.13‬تفاصٌل العرض المالً ‪........................................................................................‬‬

‫مقدمـــة ‪:‬‬

‫لتطوًر تطبًق ًعمل على اجهزه الحاسوب و الهواتف‬ ‫هذا العرض مقدم إلى شركة‪/‬‬

‫الذكًة لعرض منتجات الجواالت ‪ً ،‬ستطًع العمالء أن ًقومالوا بالتسالجًل علالى التطبًالق والبالد بعمالل طلبالات شالرا‬

‫للمنتجالات المعروةالالة مالالن ءلال ‪ ،‬وتحدًالالد طالالرد الالالدفع ‪ ،‬وكالذل متابعالالة عملًالالة التو الًل ‪ ،‬ومعرفالالة المنالالدوب الالالذى‬

‫سًقوم بعملًة التو ًل عن طرًق الدمج مع شرك الشحن‪.‬‬

‫التطبًق سوف ًكون باللغتًن العربًة واإلنجلًزًة ‪ ،‬والتي سًتم تطبًق اللغة ب الور تلقايًالة مالن الءل معرفالة لغالة‬

‫النظام في هاتف المست دم عند أول تحمًل للتطبًق ‪ ،‬والمست دم ًستطًع التبدًل بًن اللغتًن متى شا ‪.‬‬

‫الر عالن‬ ‫الح ول علالى المعلومالات التالي تحتاجهالا والةالرورًة لكالل منالتج‪ ،‬وًمكنال أًةتالا مقارنتهالا بمنالتج‬
‫طرًق مقارنة المنتجات ‪.‬‬

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

‫المكونات االساسٌة للتطبٌك‬

‫‪ .1‬واجهة التطبٌك على الوٌب و الجوال ( ‪) Android – iOS‬‬

‫‪ .2‬تطبٌك الخدمة أو الواجهة البرمجٌة التً تربط بٌن التطبٌك على الهواتف والتطبٌك الخااص‬
‫باإلدارة على الوٌب( ‪)API‬‬

‫‪ .3‬تطبٌك الواجهة الخااص ب االدارة علاى الوٌاب (مادٌر النظاام)( ‪System Dashboard ,‬‬

‫‪) and administration‬‬

‫شاشة التسجًل ‪:‬‬

‫‪ٌ ‬حدد العمٌل المنطمة التً ٌتواجد بها ‪ ،‬أو ٌطلب توصٌل الطلبات علٌها ‪ ،‬عن طرٌك خرائط‬
‫جوجل ‪ ،‬ثم ٌدخل اسم المستخدم وكلمة المرور ‪ ،‬مع إدخال رلم الهاتف‪.‬‬

‫‪ ‬إدخال كود التفعٌل ‪ OTP‬المرسل على الهاتف لتأكٌد رلم التلٌفون و االٌمٌل الذى تم إدخالا‬

‫خالل عملٌة التسجٌل‪ ،‬بعدها ٌكون العمٌل تم تفعٌل حساب على التطبٌك‪.‬‬

‫شاشة عرض المنتجات ‪:‬‬

‫وهى الشاشة الرئٌسٌة للتطبٌاك ‪ ،‬وٌاتم فٌهاا عارض المنتجاات التاً تام إضاافتها عان طرٌاك‬
‫شاشاة مادٌر النظااام ‪ ،‬ممسامة حسااب األصاناف المعرفااة فاً النظااام ادارة المنتجاات تحتهااا ‪،‬‬
‫بترتٌب االحدث إضافة ‪ ،‬وٌستطٌع المستخدم فً شاشة المنتجات عمل التالً‪:‬‬
 ‫‪ ‬االستمرار فً عرض المنتجات عن طرٌك سحب الشاشة ألعلى‪.‬‬
‫‪ ‬استعراض المنتجات بناءا على التصنٌف التاً تماع تحتا عان طرٌاك الضاىط علاى‬
‫التصنٌف فى أعلى الشاشة‪.‬‬
‫‪ ‬اسااتعراض تفاصااٌل المنااتت المهااتم ب ا ‪ ،‬عاان طرٌااك الضااىط علااى صااورة أو اساام‬
‫المنتت المعروض ‪.‬‬
‫‪ ‬إضافة المنتت إلى السلة عن طرٌك الضىط على زر إضافة (‪ )+‬والذى ٌكون كعداد‬
‫لزٌادة الكمٌة المطلوبة مان المناتت أو إدخاال الارلم مباشارة للكمٌاة المطلوباة‪ ،‬كاذلن‬
‫ٌستطٌع المستخدم إنماص الكمٌة بالضىط على رمز (‪. )-‬‬
‫‪ ‬إمكانٌااة أن ٌمااوم المسااتخدم بالبحااث عاان منااتت معااٌن ‪ ،‬أو منتجااات تمااع تحاات نف ا‬
‫التصنٌف أو الخصائص‪.‬‬
‫‪ ‬ممارنة المنتجات عن طرٌك اختٌار اضاف الً الممارنة‬

‫سلة المشترٌات ‪:‬‬

‫‪ٌ ‬ستطٌع المستخدم بعد تحدٌد أنواع وكمٌات المنتجات التً ٌرٌد طلب شرائها أن ٌاذهب إلاى‬
‫السلة عن طرٌك الضىط على سلة الشراء فاً أعلاى الشاشاة ‪ ،‬فٌاتم عارض الئحاة الطلباات‬
‫التااً تاام إضااافتها للساالة وأمامهااا الكمٌااات المطلوبااة ‪ ،‬وٌسااتطٌع المسااتخدم ماان هااذ الشاشااة‬
‫إضافة أو خصم من الكمٌات المحددة فً السلة ‪ ،‬كما أن المستخدم ٌساتطٌع حاذف المنتجاات‬
‫بالكامل من لائمة الشراء‪.‬‬
‫‪ٌ ‬ستطٌع المستخدم أن ٌموم بعمل سلة شهرٌة أو أسبوعٌة ٌضٌف لها المنتجات التً ٌحتاجهاا‬
‫بصفة دورٌة ‪ ،‬و ٌموم بحفظها ‪ ،‬وعنادما ٌرٌاد الشاراء ٌماوم فماط بتحدٌاد سالة الشاراء المعادة‬
‫مساابما ‪ ،‬لٌااتم عرضااها أمام ا ‪ ،‬وٌسااتطٌع أن ٌعاادل فٌهااا وٌمااوم بعملٌااة الشااراء أو تعاادٌلها‬
‫وحفظها لعملٌات شراء مستمبلٌة‪.‬‬
 ‫أمر الشراء ‪:‬‬

‫‪ ‬بمجرد أن ٌضىط المستخدم على إتمام عملٌة الشراء فً شاشة سالة المشاترٌات ‪ٌ ،‬خاره لا‬
‫أمر(فاتورة)الشراء ٌعرض فٌ كل المنتجات التً تم تحدٌدها وسعرها وكمٌاتها فً إجماالً‬
‫فاتورة الشراء ‪ ،‬لٌتم التأكٌد علٌها ‪ ،‬وٌكاون هناان إمكانٌاة إدخاال كاود خصام ‪ ،‬لٌاتم تحادٌث‬
‫المبلغ الكلى للفاتورة بناءا على الخصم المطبك على هذا الكود‪ ،‬وبمجرد التأكٌد علاى عملٌاة‬
‫الشراء ٌنتمل التطبٌك إلى مكان التوصٌل ثم طرٌمة الدفع‪.‬‬

‫طرًقة الدفع ‪:‬‬

‫‪ٌ ‬تح التطبٌك بتحدٌد طرٌمة الدفع التً حددها المستخدم مسبما من خالل ملف الشخصً داخل‬
‫التطبٌك وٌتاح لا تحدٌاد أي خٌاارات أخارى مان التاً ٌاتم إضاافتها مان خاالل مادٌر النظاام‬
‫المتاح للعمالء ‪.‬‬
‫‪ ‬بمجرد الدفع ٌستلم المساتخدم شاشاة بهاا نجااح عملٌاة الادفع فاً حالاة الادفع اإللكتروناى ماع‬
‫إٌصال العملٌة ‪ ،‬فً حالة تحدٌد الدفع عند التوصٌل ‪ٌ ،‬تم إشعار المساتخدم باأن أمار الشاراء‬
‫تم بنجاح وجارى إسناد لمندوب التوصٌل‪.‬‬
‫‪ ‬بمجرد أن ٌتم إسناد أمر الشراء لمندوب توصٌل داخل التطبٌاك ‪ٌ ،‬اتم إشاعار المساتخدم باأن‬
‫أمر الشراء تم إسناد إلى مندوب توصٌل وٌذكر اسم ‪ ،‬وأن سٌتم االٌصاال فاً خاالل مادة‬
‫ٌحددها مدٌر النظام بطرٌمة آلٌة بناءا على بعد المكان ‪،‬أو ٌمكن تعدٌلها‪.‬‬
‫‪ ‬بمجرد استالم أمر الشراء ‪ٌ ،‬ماوم منادوب التوصاٌل عان طرٌاك تطبٌاك خااص با بالضاىط‬
‫على تم االستالم ‪ ،‬فٌظهر للمستخدم رسالة شكر على أمر التورٌد ‪ ،‬وإمكانٌة تمٌٌم الخدمة‪.‬‬

‫التنبًهات ‪:‬‬

‫وفٌها لائمة بالتنبٌهاات الخاصاة باأوامر الشاراء مثال أنا تام إساناد أمار الشاراء إلاى منادوب‬
‫التوصٌل ‪ ،‬أو من أن وجبت جااهزة لالساتالم ‪ ،‬وتنبٌا أن االساتالم تام‪ ، .‬وٌكاون متااح مان‬
‫فً أعلى الشاشة وب عداد لعدد التنبٌهات الحالٌة والتً لم ٌتم فتحها‪.‬‬ ‫رمز مثل الجر‬
 ‫قايمة الشاشات االةافًة (للمست دم(‪:‬‬

‫لائمة التطبٌك بها لائمة باختصارات الشاشات اإلضافٌة بالتطبٌك مثل التالً‪:‬‬

‫‪ ‬اختصار لشاشة إعدادات المستخدم الشخصٌة‪:‬‬

‫ومنها ٌستطٌع عمل التالً‪:‬‬

‫‪ .1‬تىٌٌر كلمة المرور‪.‬‬

‫‪ .2‬تحدٌث البٌانات وفى حالة تىٌٌر رلام التلٌفاون ٌاتم التحماك منا مارة أخارى‬

‫بكود تفعٌل‪.‬‬

‫‪ .3‬تعدٌل العنوان أو إضافة عناوٌن‪.‬‬

‫‪ .4‬تعدٌل أو إضافة طرق الدفع المفضلة‪.‬‬

‫‪ ‬طلباتً (أوامر الشراء ) ٌتم فٌها عرض الئحاة باأوامر الشاراء الساابمة ‪ ،‬وٌساتطٌع‬

‫المستخدم فتح أمر شراء بالضىط علٌ لعرض تفاصٌل ‪.‬‬

‫‪ ‬العروض (وهو اختصار ٌذهب بالمستخدم لشاشة العروض الحالٌة من المتجر) ‪.‬‬

‫‪ ‬اختصار لشاشة اشتراطات الخدمة‪.‬‬

‫‪ ‬اختصار لشاشة االتصال بنا ‪.‬‬

‫‪ ‬اختصار لشاشة األسئلة الشائعة‪.‬‬

‫‪ ‬اختصار لمشاركة التطبٌك‪.‬‬

 ‫تطبًق االدار ‪:‬‬

‫هو تطبٌك ٌفتح من خالل صفحة وٌب وٌتكون من الشاشات التالٌة‪:‬‬

‫صفحة ملخص للعملٌات الحالٌة ( ‪:) Dashboard‬‬

‫‪ ‬وفٌها ٌتم عرض ملخص لطلبات العمالء الجدٌدة ‪ ،‬وما تم الٌوم‪.‬‬

‫‪ ‬لٌض التوصٌل (عدد ما هو لٌض التوصٌل االن) ‪ ،‬وكذلن ما تم توصٌل الٌوم‪.‬‬
‫‪ ‬عدد عمال التوصٌل الموجودٌن على النظام‪.‬‬
‫‪ ‬رسائل مندوبً التوصٌل‪.‬‬
‫‪ ‬رسائل العمالء‪.‬‬
‫‪ ‬مجموع الطلبات الحالٌة‪.‬‬
‫‪ ‬أي اختصااارات أو تمااارٌر لحظٌااة ماان النظااام تفٌااد االدارة ‪ٌ ،‬ااتم جمعهااا فااً مرحلااة تحلٌاال‬
‫النظام‪.‬‬

‫صفحة االعدادات ‪:‬‬

‫وٌكون بها التالً‪:‬‬

‫‪ ‬إعادادات خاادم إرساال رساائل ‪ SMS‬والتاً ٌاتم بهاا إرساال أكاواد التحماك مان رلام‬
‫الهاتف المسجل‪.‬‬
‫‪ ‬عدادات المستخدمٌن ‪ ،‬وٌتم فٌها إضافة مستخدمً النظام وتحدٌد صالحٌاتهم‪.‬‬
‫‪ ‬إضافة وتفعٌل عمال التوصٌل ‪ ،‬وحذفهم من على النظام‪.‬‬
‫‪ ‬كتاباااة بٌاناااات الشاااركة ‪ ،‬وعااان التطبٌاااك ‪ ،‬واتصااال بناااا ‪ ،‬وإضاااافة رواباااط وساااائل‬
‫االتصال اإللكترونٌة وتحرٌرها (صفحات المعلومات على التطبٌك)‪.‬‬
‫‪ ‬تفعٌل أو إلىاء طرق الدفع المتاحة‪.‬‬
‫‪ ‬إضافة مناطك لطلبات الشراء ‪ ،‬وٌمكان إضاافة منادوبً التوصاٌل لهاا بحٌاث ٌساهل‬
‫توزٌع أوامر الشراء بناءا علاى المنطماة الموجاود فٌهاا منادوب التساوٌك أو مسائول‬
‫عنها‪.‬‬

‫صفحة العمالء ‪:‬‬

‫‪ ‬وبها لائمة بالعمالء المسجلٌن على النظام باستخدام تطبٌك الهاتف ‪ ،‬وإمكانٌاة تولٌاف عمٌال‬
‫فً حالة أن العمٌل كثٌر االلىاء ألوامر التورٌد أو ألً تصرف ٌضر مصلحة االدارة‪.‬‬
‫‪ ‬إمكانٌة تحدٌد عمٌل معٌن وإرسال رسالة ل ‪ .‬أو تحدٌد الجمٌع وإرسال رساالة تروٌجٌاة أو‬
‫تنبٌ ‪.‬‬
‫‪ ‬تصنٌفات العمالء ‪ ،‬وبها ٌتم إنشاء تصانٌف للعماالء وإضاافة نسابة خصام مساموح بهاا لكال‬
‫تصنٌف ‪ ،‬وٌاتم تولٌعا بصاورة تلمائٌاة للعماالء التاً ٌاتم إضاافتهم لهاذا التصانٌف ‪ ،‬وهناان‬
‫إمكانٌة لتعطٌل الخصم لعمٌل معٌن‪.‬‬

‫صفحة الموردٌن‪:‬‬

‫‪ ‬سوف ٌكون للمورد بعاض الصاالحٌات للاتحكم فاى اضاافة المنتجاات والمبٌعاات ولكان اوال‬
‫ٌجب علٌ تسجٌل حساب جدٌد لدٌنا عن طرٌك شاشة انشاء الحساب واستفٌاء كافة البٌانات‬
‫التااى ساانكون فااى حاجااة الٌهااا علااى ساابٌل المثااال ( االساام – ورلاام الهوٌااة – والهاااتف –‬
‫والعنوان – والسجل الضرٌبى – واسم البراناد الخااص با ‪ .... -‬الا ) ثام ساٌنتظر مناا رد‬
‫علً حساب سواء بالمبول او الرفض‬
‫‪ ‬فااى حالااة المبااول سااوف ٌكااون لدٌ ا الحااك فااى تسااجٌل الاادخول واسااتخدام هااذ الشاشااات (‬
‫الصفحة الرئٌسٌة ‪.‬‬
‫‪ ‬اضافة المنتجات وسوف تحتوى على جمٌع االصناف االساسٌة والفرعٌاة وبعاد ذلان ساوف‬
‫ٌموم بادراه منتجات تحت كل صنف وعند رفع هذ المنتجات سوف ٌنتظر منها رد بالمبول‬
‫على هذ المنتجات او الرفض اذا كان بها بعض الخلل ‪.‬‬
‫‪ ‬العروض وهى سوف تكون شاشة الضاافة عارض او اعاالن داخال التطبٌاك وساوف تكاون‬
‫بممابل مادى وسوف ٌنتظر منا أٌضا ردا سواء بالمبول او الرفض ‪.‬‬
‫‪ ‬المبٌعااات ‪ :‬وهااى شاشااة سااوف تعاارض جمٌااع المنتجااات التااى تاام بٌعهااا ماان خااالل التطبٌااك‬
‫وسعر المنتت ونسبة الخصم وصافى الربح منها ) ‪.‬‬

‫صفحة المنتجات ‪:‬‬

‫‪ ‬بها ٌتم إضافة المنتت (صور ‪ ،‬واسم ‪ ،‬وسعر وتوصٌف )‪.‬‬

‫‪ ‬امكانٌة تعدٌل أي من بٌانات منتت موجودة‪.‬‬
‫‪ ‬حذف منتجات‬
‫‪ ‬إمكانٌة إضافة‬
‫‪ ‬إضافة تصنٌف المنتجات‪.‬‬

‫صفحة العروض ‪:‬‬

‫‪ ‬وبها ٌتم إنشاء العروض على منتجات معٌنة‪.‬‬

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

‫التكامل مع األنظمة اال رى ‪:‬‬

‫‪ ‬امكانٌة التكامل مع األنظمة الموجودة ‪Payment Getaway.‬‬

 ‫‪ ‬امكانٌة التكامل مع األنظمة الموجودة ‪Shipment Getaway.‬‬
‫‪ ‬التكامل مع أنظمة البرٌد اإللكترونى ‪ ،‬وكذلن بوابات الرسائل النصٌة ) ‪(gateway SMS‬‬
‫‪ ‬امكانٌة التكامل مع األنظمة الموجودة ‪Google Analytic.‬‬
‫‪ ‬امكانٌة التكامل مع األنظمة الموجودة ‪Facebook Pixel.‬‬
‫‪ ‬امكانٌة التكامل مع األنظمة الموجودة ‪Google Tag.‬‬

‫التقارًـــــــر ‪:‬‬

‫ٌتم تنفٌذ كل التمارٌر المطلوبة لإلدارة ‪ ،‬فً حدود البٌانات المتاحاة علاى النظاام ساواء علاى‬
‫المنتجااات ‪ ،‬المبٌعااات ‪ ،‬التوصااٌل وعمااالء التوصااٌل ‪،‬المااوردٌن وكااذلن العااروض وماادى‬
‫التفاعل معها‪.‬‬
 ‫توقع مراحل تسلًم المشروع ‪:‬‬

‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫أسبوع‬ ‫المرحلة‬ ‫م‬
‫‪10‬‬ ‫‪9‬‬ ‫‪8‬‬ ‫‪7‬‬ ‫‪7‬‬ ‫‪5‬‬ ‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬

‫تحلٌل النظام‬ ‫‪1‬‬

‫التصمٌم‬ ‫‪2‬‬
‫التطوٌــر‬ ‫‪3‬‬
‫اختبار النظام‬ ‫‪4‬‬

‫العرض المالي ‪:‬‬