مقدمة عن مشروع تطبيق FounDr
تطبيق FoundDr لتيسير التواصل بين الأطباء والمرضى من خلال الفيديو والدردشة، وإرسال الوصفات الطبية والوسائط الرقمية، وإجراء معاملات الدفع الإلكتروني مقابل الاستشارة الطبية. من تطوير أبر مدك 2023.
تواصل بين الجمهور والأطباء
طلبت شركة نيوروفاونديشن لإدارة المستشفيات، أحد عملائنا منذ ٢٠٢١، تطوير تطبيق يُسهِّل التواصل بين الأطباء والمرضى عن بعد بكافة الطرق؛ الفيديو والصوت والدردشة المقروءة، مع توفير نظام مدفوعات إلكتروني للاستشارات المُقدَّمة للمرضى وتسهيل إرسال الوصفات الطبية والوسائط الرقمية من الأطباء إلى المرضى.
تطبيق منفصل للأطباء
كذلك طلب العميل أن يكون التطبيق تفاعلي يتمكن فيه الجمهور من إنشاء حساب على التطبيق وحجز موعد مع الأطباء لتقديم استشارة طبية، وأيضًا تسجيل الأطباء لبياناتهم مع توفير حماية قوية لبيانات المرضى والأطباء، وإنشاء نُسختين من التطبيق، نسخة للأطباء لتسجيل بياناتهم ونسخة أخرى للجمهور ليتمكنوا من التواصل مع الأطباء. وأكد العميل على ضرورة استخدام أفضل التقنيات للحفاظ على أمن بيانات المرضى والأطباء في التطبيق وضمان عدم تسربها أو فقدها.
بعد فهم متطلبات العميل حددنا الأدوات والتكنولوجيا التي سنستخدمها في كل مراحل العمل كالتالي:
- Pen & Paper: أداة تصميم رقمية ساعدتنا في تخطيط تصميم مبدئي لواجهة المستخدم لما يُتصوَّر أن تكون عليها وإجراء التعديلات اللازمة الانتقال إلى الخطوات التالية.
- Figma: أداة تصميم الواجهة التعاونية، وتُسهِّل مشاركة ملف التصميم مع أعضاء الفريق وإبداء أي ملاحظات لتعديل التصميم على الفور، وهي أول أداة تصميم تستخدم الويب، وهي تُساعِد المُصمّمين في العمل معًا في تصميم واجهة مُستخدم جذّابة.
- Google Forms: استخدمنا في أبر مدك هذه الأداة لعمل استطلاعات قبل التصميم، تستهدف المستخدمين المثاليين؛ لمعرفة ما يحتاجون إليه في التطبيق على وجه الدقة، وأهم المشكلات التي يواجهونها في التطبيقات؛ لإنشاء تطبيق مُلائم لهم وخلق تجربة مستخدم مميزة.
- Maze: برنامج بحث يُساعد فِرقنا على جمع وتحليل بيانات أبحاث مُستخدمِي تطبيق FoundDr، كما اختبرنا التطبيق وقابلية استخدامه من خلاله؛ للتعامل مع أي خلل واجه المُستخدمِين وتحسين تجربة المُستخدِم قبل إطلاق التطبيق.
- Illustrator: أداة تصميم الرسومات التي اعتمدنا عليها بإنشاء رسومات إبداعية جذّابة في التطبيق.
- Flutter: تكنولوجيا تصميم شاشة تطبيق FoundDr للعديد من المنصات بكود مُوحَّد.
- Laravel: إطار PHP مفتوح المصدر وفَّر الأدوات والموارد اللازمة لبناء التطبيق.
- HTML: لغة الترميز المستخدمة في إنشاء التطبيق، ومن خلالها أُنشئ هيكل وأقسام التطبيق.
- CSS: اللغة المستخدمة لإظهار التصميمات والمستندات داخل التطبيق.
- Javascript: تكنولوجيا لغة برمجية لإضافة تفاعلات ديناميكية داخل التطبيق؛ للسماح بتفاعل المستخدم، وتعمل بسلاسة إلى جانب HTML وCss في تنسيق عناصر HTML.
- Ajax: تكنولوجيا إنشاء هيكل ديناميكي للتطبيق وإدارته من خلال مراقبة المحتوى، وهي تساعد في جعل التطبيق أكثر استجابة مع المستخدمين.
خطوات العمل في مشروع تطبيق FounDr
مر تطوير تطبيق FounDr بستة مراحل تخللتها اجتماعات دورية مع العميل لعرض تطور العمل وتعديل مسار العمل حسب الاقتراحات ونتائج النقاشات.
1. تحليل المشروع
تحليل المشروع قبل إنشائه من الخطوات الرئيسية؛ لمعرفة الأهداف المُراد تحقيقها، ومدى تواجُد المنافسين وجودة مُنتجاتهم، إضافةً إلى معرفة رغبة الجمهور لتلبيتها من خلال التطبيق.
- تحليل الأهداف: الهدف من وراء التطبيق، هل هو ترويجي أم لتحقيق ربحٍ مادي أم لتقديم خدمات مُعيَّنة، فكُلّ هدفٍ يتطلَّب إنشاء التطبيق بطريقة تُلائمه.
- اجتماعات العميل: أجرينا اجتماعات متكررة مع العميل قبل البدء في الخطوات التالية لفهم تصوره، وما إذا كان العميل يرغب في إضافة تقنيات مُعيَّنة إلى التطبيق.
- تحليل المنافسين: وذلك من خلال معرفة ما إذا كان هناك منافسين أم لا ومدى الحاجة الفعلية إلى تطبيقك في السوق، فهذا مهم قبل إنفاق موارد كبيرة في بناء التطبيق وتسويقه.
- تحليل الجمهور: نُحلِّل الجمهور لإنشاء التطبيق الذي يُلبِّي رغباتهم بدقة، فإنّ التطبيق لو لم يتوافق مع حاجة الجمهور الفعلية، فلن يروج كثيرًا.
المريض |
الطبيب |
|
التحديات |
|
|
الأهداف |
|
|
2. تصميم تجربة المستخدم UX
تصميم تجربة المستخدم UX بما يُلبّي رغبات الجمهور ويجعل التطبيق يسير الاستخدام لتحقيق تجربة مستخدم جيدة، ومراجعة التصميم مع العميل قبل وضع التصميم النهائي.
- تصور لآلية استخدام التطبيق: وضعنا تصورًا لآلية استخدام التطبيق لتصميم تجربة مستخدم مناسبة وتُلبِّي رغبات الجمهور.
- رسم الشاشات الأساسية بشكل مبدئي: لإنشاء نماذج أولية قبل وضع التصميم النهائي للتطبيق.
- مراجعة الأفكار مع العميل: نُراجِع مع العميل الخصائص المطلوبة في التطبيق ونعرض عليه التصميم قبل استكمال التطبيق.
3. تصميم شاشات التطبيق UI
صمَّمت أبر مدك واجهات جذابة يسيرة الاستخدام تجعل المستخدمين يمرون بتجربة مميزة عند استخدام التطبيق، وكذلك صمّمت wireframe أولي لقياس ردود أفعال المستخدمين قبل إطلاق التطبيق.
- تصميم Wireframe: نُصمِّم هيكل الصفحة والتخطيط وبنية المعلومات وتدفُّق المستخدم، أو الصورة الأولية للتطبيق، وهي نقطة الانطلاق لتصميم التطبيق، كما تُسهِّل استقبال ردود أفعال المستخدمين، وهي الطريقة المُثلى لنا لقياس مدى تفاعل المُستخدِم مع الواجهة.
تصميم UI: نُصمِّم واجهات جذَّابة سهلة الاستخدام تُلبِّي حاجة المستخدمين، وتُمكِّنهم من الاستمتاع بتجربة التطبيق حيث نربط المُستخدمِين بعلامتك التجارية من خلال التصميم الجيد.
4. تصميم قاعدة البيانات
للاحتفاظ ببيانات المستخدمين ومصطلحات البحث والمعاملات وإجراء صيانة لقاعدة البيانات بما يتوافق مع تحديثات التطبيق.
- مراعاة التحديثات المستقبلية: راعينا في تصميم قاعدة البيانات التحديثات المُستقبلية، حيث نُضِيف جدول DbVersion إلى قاعدة البيانات، إضافةً إلى صيانة قاعدة البيانات لدعم نسخة التطبيق الجديدة.
- ربط المميزات ببعضها بسلاسة: تُخزَّن المعلومات في قاعدة البيانات، ويتم الاحتفاظ بمصطلحات البحث الخاصة بالمستخدم حتى يتمكّن من العودة إليها إذا لزم الأمر، كما تُسجَّل تفاعلات المستخدم مع التطبيق وكذلك المعاملات.
5. التطوير التقني للتطبيق
مرحلة التنفيذ التقني للمشروع وبناء الكود البرمجي والربط بين الواجهة الأمامية المبنية بتكنولوجيا Flutter ونظام الدعم ولوحة التحكم المبنية بنطاق Laravel، مع عمل اختبارات متكررة لجودة الكود البرمجي أثناء العمل. وتعمل فرق التطوير وكتابة المحتوى والتصميم في أبر مدك بالتوازي في إنشاء التطبيق، ويُعرَض تطور العمل على العميل دوريًا حتى موعد إطلاقه.
6. إطلاق التطبيق
بعد الانتهاء من عملية التطوير والاختبار نشرت أبر مدك تطبيق فاوندر للجمهور وتطبيق فاوندر للأطباء في المتاجر الإلكترونية ليتمكن الجميع من تنزيلها والبدء في استخدامها.
تحميل تطبيق فاوندر للجمهور:
تحميل تطبيق فاوندر للأطباء:
تحقيق أهداف العميل في تطبيق FounDr
حققت أبر مدك أهداف العميل في التطبيق من خلال:
- تجربة مستخدم جيدة: بإنشاء واجهة جذّابة للتطبيق مع تمتّعه بسلاسة في الأداء وسهولة الانتقال بين الشاشات.
- استخدام APIs تطبيق زوم: لجعل التواصل المرئي والمسموع بين الأطباء والمرضى بأفضل جودة ممكنة.
- تحديد الصيغة التقنية لإرسال الوسائط الرقمية: حتى يتسنّى للأطباء والمرضى تبادُل الوسائط الرقمية المختلفة (مثل PDF,PNG).
- إضافة نظام دفع إلكتروني: من خلال Paymob، وإمكانية سحب الرصيد من البطاقة الائتمانية أو المحفظة الإلكترونية إلى التطبيق.
- خوادم استضافة قوية: حرصًا على أمن البيانات، استخدمت أبر مدك خوادم استضافة IBM مع حفظ نسخة احتياطية في خوادم OVH الفرنسية.
- إطلاق تطبيق منفصل للأطباء: بدلًا من إطلاق تطبيق واحد للجمهور والأطباء أطلقنا تطبيقًا منفصلًا للأطباء لتمكينهم من استخدام كافة المميزات بسلاسة وبواجهة مخصصة لهم.
إطلاق حملة صحفية للترويج للتطبيق
بعد إطلاق التطبيق تواصلنا مع الصحفيين لنشر الأخبار عن التطبيق في الصحف، تمهيدًا لمرحلة التسويق للتطبيق ونشره بين الجمهور والأطباء في الوقت الذي يحدده العميل.
- جريدة البورصة: «نيورو فاونديشن» تطلق تطبيق «فاوندر» للكشف الطبى إلكترونيًا
- جريدة كابيتال نيوز: “نيوروفاونديشن” تطلق تطبيق FounDr للعلاج عن بعد
- جريدة الميزان:“نيوروفاونديشن” تطلق تطبيق فاونديشن
- بوابة جديد المشاريع: تطبيق FounDr يسهل حجز المواعيد مع الأطباء أونلاين بالفيديو والدردشة
فريق تطوير تطبيقات الجوال في أبر مدك
م. طاهر ناصر(Backend developer): المسؤول عن تطوير خلفية تطبيق الويب، وهي المعنية بالتعامل مع تخزين البيانات ومعالجتها، وذلك باستخدام لغات البرمجة المناسبة، حيث يتعامل مع الأمور غير المرئية لمستخدمي التطبيق، لكنّها الأساسية لعمل التطبيق بكفاءة.
م. عبد الرحمن محمد (UI/UX designer): المسؤول عن تصميم واجهة المستخدم وتحقيق تجربة مستخدم جيدة من خلال العناصر المرئية المناسبة التي يتفاعل معها المستخدمون مباشرة، مثل الأزرار والقوائم والأيقونات، وبالتصميم الجمالي الذي يجذب المستخدمين.
د. أحمد علي حسين (Operations Manager): المُشرف على مختلف جوانب عملية إنشاء التطبيق والجدولة الزمنية لإطلاقه، وتنفيذ الاستراتيجيات التي تزيد كفاءة العمل، والأهم توجيه فريق العمل خلال رحلة تطوير التطبيق، والبحث عن أفضل الطرق لزيادة جودة التطبيق المُقدَّم للعميل.
م. أحمد ناصر (Mobile Developer): المسؤول عن تطوير وتصميم تطبيقات الهاتف المحمول، وجعل هذه التطبيقات ملائمة لمنصات الهاتف الذكي، مثل الأندرويد وأبل iOS، كما يحرص على أن يعمل التطبيق تقنيًا بشكل صحيح.
م. وليد الصيفي (DevOps Engineer): متخصص تكنولوجيا المعلومات، الذي يقوم بصيانة التطبيقات، كما يُجرِي اختبارات مباشرة للتحقق من التطبيق ومراقبة أدائه بعد الإطلاق.