استعراض Draftbit: كيف بنيت تطبيق تتبع العادات بسرعة وسهولة

هل سبق لك أن لديك فكرة رائعة لتطبيق لكنك شعرت بالارتباك لأن بناءه يبدو معقدًا أو بطيئًا؟

استخدمت مؤخرًا Draftbit لإنشاء تطبيق تتبع عادات يومية كامل الوظيفة. ما أثار إعجابي أكثر هو السرعة التي انتقلت بها من الفكرة إلى النموذج العامل مع الحفاظ على السيطرة الكاملة على الكود.

في هذا الاستعراض لـ Draftbit، سأناقش Points الإيجابية والسلبيات، ما هو Draftbit، من هو أفضل لاستخدامه، وميزاته الرئيسية. ثم سأريك كيف استخدمته لإنشاء وتخصيص تطبيق تتبع عادات يومية.

سأنهي المقال بالمقارنة بين Draftbit وبدائلتي الأولى (Base44 و Softr). في النهاية، ستعرف ما إذا كان Draftbit مناسب لك!

الخلاصة

Draftbit هو منصة منخفضة الكود التي تبني تطبيقات أصلية لآي أو إس وأندرويد بسرعة، وتستورد كود رياكت ناتيف، وتستخدم مكونات قابلة للتخصيص مع مساعدة إيه آي وخيارات مساعدة خبيرة. إنه سريع ومرن للفرق والمطورين. ومع ذلك، قد يجد المبتدئون أنه معقد بسبب الميزات المعقدة.

ما هو Draftbit؟

Draftbit هو بناء تطبيقات الهاتف المحمول بدون كود الذي يصمم ويبني تطبيقات الهاتف المحمول لآي أو إس وأندرويد بدون كتابة كود. لديه واجهة سحب وإفلات لإنشاء تخطيطات التطبيقات بسرعة مع توليد تلقائي لكود رياكت ناتيف.

بدلاً من قضاء أسابيع في إعداد هيكل التوجيه الأساسي لتطبيق الهاتف المحمول، يخلق Draftbit نموذجًا أوليًا يعمل مع شاشات متعددة وتوجيه ووصلات واجهة برمجة التطبيقات في غضون ساعات.

أصول Draftbit وما يجعلها đặc biệt

تأسست في عام 2017 من قبل فريق من المطورين الذين شعروا بالضيق من مدة تطوير الهاتف المحمول، بدأت Draftbit كوسيلة لجسر الفجوة بين أدوات التصميم وكود.

لقد لاحظ المؤسسون أن معظم منصات بدون كود إما أن تنتج كودًا غير نظيف أو تقيدك بنظامها للأبد.

نهج Draftbit مختلف: يمكنك تصدير كود رياكت ناتيف وتنازله إلى فريق تطوير في أي وقت. هذا كبير للأعمال التي تقلق من الاعتماد على المنصة.

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

من هو Draftbit أفضل له؟

هؤلاء أنواع الأشخاص الذين يعتبر Draftbit مناسبًا لهم:

• مطورو تطبيقات الهاتف المحمول ورواد الأعمال يمكنهم استخدام Draftbit لإنشاء تطبيقات لآي أو إس وأندرويد.
• الفرق يمكنهم استخدام Draftbit لإنشاء تطبيقات معًا على منصة منخفضة الكود مع الحفاظ على السيطرة الكاملة على كود المصدر.
• المصممون يمكنهم استخدام Draftbit للعمل في واجهة سحب وإفلات تشبه فيجما.
• الوكالات والمنظمات يمكنهم استخدام Draftbit للتعاون في مساحات عمل مشتركة مع فرق وتكاملات واجهة برمجة التطبيقات.
• الأفراد ذوي الخلفية الفنية يمكنهم استخدام Draftbit للعمل مع جيسون وواجهات برمجة التطبيقات ومكونات رياكت ناتيف.
• المشاريع التي تحتاج إلى نماذج أولية سريعة يمكنهم استخدام Draftbit للانتقال بسرعة من الفكرة إلى الإطلاق مع النشر بضغطة زر.
• أولئك الذين يريدون امتلاك كود التطبيق بالكامل يمكنهم استخدام Draftbit لتصدير كود رياكت ناتيف للتخصيص أو تسليم المطور.

ميزات Draftbit الرئيسية

هذه ميزات Draftbit الرئيسية:

• بناء التطبيقات المرئي: سحب وإفلات لتصميم تطبيقات آي أو إس وأندرويد بدون كود.
• تصدير كود المصدر: تحميل كود رياكت ناتيف نظيف لامتلاك كامل.
• معاينات فورية: اختبار تطبيقك على الأجهزة في الوقت الفعلي مع رمز QR.
• مكتبة المكونات: استخدام كتل واجهة المستخدم المسبقة والتوجيه والوضع الداكن والفضي.
• تكاملات واجهة برمجة التطبيقات: الاتصال بسهولة بواجهات برمجة التطبيقات وخدمات الطرف الثالث.
• كود مخصص: إضافة جافاسكريبت ومكونات JSX وحزم الطرف الثالث.
• التوجيه والactions: أساليب توجيه مدمجة ومحرضات.
• التعاون الفريق: العمل معًا في مساحات مشتركة وتصريحات.
• النماذج الأولية السريعة: بناء نماذج أولية في ساعات أو أيام.
• النشر بضغطة زر: النشر في متاجر التطبيقات أو الويب.
• مساعدة الإيه آي: الحصول على مساعدة من الإيه آي لتسريع التطوير.
• المنطق المتقدم: بناء سير العمل والactions متعددة الخطوات.
• تصميم مستجيب: تنسيق تخطيطات ت适응 لأي شاشة.

كيفية استخدام Draftbit

هذا كيف استخدمت Draftbit لإنشاء وتخصيص تطبيق تتبع عادات يومية:

1. إنشاء حساب
2. الحصول على مساعدة خبيرة (اختياري)
3. إنشاء مشروع
4. إضافة اسم ووصف
5. إضافة تفاصيل المشروع
6. اختيار نقطة البداية
7. اختيار أيقونة التطبيق
8. تخصيص المكونات
9. معاينة شاشات التطبيق
10. نفاذ المكونات
11. إضافة مكون
12. تحرير المكونات
13. تشغيل المشروع

الخطوة 1: إنشاء حساب

بدأت bằng الذهاب إلى draftbit.com واختيار “البدء” في أعلى اليمين.

الخطوة 2: الحصول على مساعدة خبيرة (اختياري)

بعد إنشاء حساب وتقديم تفاصيلي وأهدافي إلى Draftbit، سألوني إذا كنت أريد العمل مع خبير لتسريع مشروعي.

لم أره هذا من قبل في بناء تطبيقات الإيه آي، لذلك قمت بتقدير الخليط الفريد من ت автомати الإيه آي مع دعم بشري حقيقي (特别 للمستخدمين غير التقنيين). نقرت على “لا شكرًا”، ولكن إذا كنت تشعر أنك تحتاج إلى مساعدة خبيرة، استفد منها!

الخطوة 3: إنشاء مشروع

من هناك، تم نقل我 إلى لوحة تحكم Draftbit. كل شيء كان بسيطًا وواضحًا، مع التنقل على اليسار والمشاريع في الوسط والتحديثات الأخيرة على Draftbit أدناه مشاريعي.

اخترت “إنشاء مشروعك الأول”.

الخطوة 4: إضافة اسم ووصف

بعد ذلك، سألني Draftbit ما اسم تطبيقي وماهي وصفة المشروع. أعطيتها اسم “HabitForge” مع الوصف التالي:

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

يمكنك دائمًا تغيير اسم ووصف تطبيقك لاحقًا، لذلك لا تقلق كثيرًا بشأن ذلك. اخترت “التالي” لمواصلة.

الخطوة 5: إضافة تفاصيل المشروع

بعد ذلك، كان علي أن أخبر Draftbit المزيد عن مشروعي. وشمل ذلك تقديم المعلومات التالية:

• الخلفية التي سأستخدمها لمشروعي (Xano، Bubble، Supabase، إلخ.)
• نوع التطبيق (صوت، أعمال، عملات مشفرة، إلخ.)
• كيف كنت أخطط لنشر تطبيقي (متاجر التطبيقات، الويب، PWA، إلخ.)

أخذت في الاعتبار أنني أريد إنشاء تطبيق تتبع العادات، اخترت “اللياقة البدنية والصحة” كنوع التطبيق الذي سأخلق. لم أكن متأكدًا من الخلفية أو كيف سأنشر التطبيق، لذلك قلت إنني لست متأكدًا.

الخطوة 6: اختيار نقطة البداية

من هناك، سألني Draftbit كيف أريد开始 بناء تطبيقي. قدم لي قوالب تتراوح من تطبيقات المواعدة إلى تطبيقات اللياقة البدنية.

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

الخطوة 7: اختيار أيقونة التطبيق

بعد ذلك، سألني Draftbit أن أختار أيقونة تطبيق وألون (يمكن تغييرها لاحقًا). أعجبتني مزيج الشارة السوداء والخلفية الصفراء.

الخطوة 8: تخصيص المكونات

بعد بضع دقائق، تم إنشاء تطبيقي!

لبدء، نقرت على مكونات مختلفة في المعاينة لتعديلها بأسلوب في اللوحة اليمنى.

الخطوة 9: معاينة شاشات التطبيق

في اللوحة اليسرى، اخترت “الشاشات”. يمكنني النقر خلال جميع شاشات تطبيقي لتعديلها.

الخطوة 10: نفاذ المكونات

Draftbit يأتي مع مكونات مسبقة التي تبدو جيدة من الصندوق. نتحدث عن أزرار، بطاقات، قوائم، نماذج (كل الأشياء التي تقضي عليها عادةً أيام لتخصيصها).

لنفاذ هذه المكونات، ذهبت إلى “الكتلة” (تحت “الشاشات”) في أعلى اليسار وضغطت على “+”.

عندما اخترت “+،” كان لدي خيار إضافة كتلة فارغة أو نفاذ معرض الكتلة. اخترت معرض الكتلة.

الخطوة 11: إضافة مكون

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

عندما تم استيرادها، تمت إضافة المكون الذي اخترته إلى مكتبتي من الكتل!

لإضافة الكتلة إلى تطبيقي، ذهبت إلى الصفحة التي أريد إضافتها فيها واخترت رمز “+” في لوحة المكونات. فتحت نافذة جديدة حيث يمكنني إضافة “Bits” (عناصر صغيرة، مثل الأيقونات والأزرار) أو “Blocks” (حيث كانت بطاقتي الصورية).

تابعت على بطاقتي الصورية وضمتها إلى تطبيقي.

الخطوة 12: تحرير المكونات

تمت إضافة بطاقتي الصورية! يمكنني الآن اختيارها وتحريرها كما أريد.

الخطوة 13: تشغيل المشروع

عندما كنت راضيًا عن كيفية مظهر كل شيء، ذهبت إلى “تشغيل المشروع” في أعلى اليمين.

هذه هي الأساسيات حول كيفية استخدام Draftbit لإنشاء تطبيق مع وصف بسيط وكيف يمكنك البدء في تخصيصه. Draftbit أكثر تقنية من معظم مولدات التطبيقات الإيه آي، لذلك إذا كنت بحاجة إلى مساعدة، استأجر خبير Draftbit.

بشكل عام، جعل Draftbit من السهل تحويل فكرتى إلى تطبيق يعمل مع تدفق واضح ومباشر. أعجبتني مزيج الت автомати الإيه آي مع خيار الدعم البشري، مما جعل العملية كلها مرنة وقابلة للوصول.

أفضل 3 بدائل ل Draftbit

هذه أفضل بدائل Draftbit:

Base44

البدائل الأولى التي أوصي بها ل Draftbit هي Base44. إنه منصة منخفضة الكود التي تبني تطبيقات وظيفية عن طريق وصف فكرتك. يبني الواجهة الأمامية والخلفية والقاعدة بيانات والسير العمل تلقائيًا. يتم إجراء التعديلات من خلال محادثة الإيه آي أو محرر مرئي بدون مهارات متقدمة.

يستخدم Base44 الإيه آي لت автомати الإعداد الخلفي والأمامي مع استضافة مدمجة. هذا يجعل Base44 رائعًا لتطبيقات الويب وسريعة النموذج الأولي.

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

اختر Draftbit لإنشاء تطبيقات الهاتف المحمول مع سيطرة دقيقة على التصميم وتصدير الكود ونشر التطبيق. خلاف ذلك، اختر Base44 لإنشاء تطبيقات الويب الكاملة بسرعة مع تلميحات الإيه آي وخدمات الخلفية والاستضافة.

اقرأ استعراضي ل Base44 أو زور Base44!

Softr

البدائل الثانية التي أوصي بها ل Draftbit هي Softr. إنه منصة بدون كود لإنشاء تطبيقات الويب وأدوات داخلية وبوابات العملاء من بيانات موجودة.

من ناحية، يمتاز Softr ببناء تطبيقات الويب والبوابات بسهولة دمج قاعدة البيانات وواجهة مستخدم友ية. كما يحتوي على إدارة عضوية مستخدم مدمجة وأسهل في الإعداد من Draftbit.

في غضون ذلك، يركز Draftbit على توليد تطبيقات الهاتف المحمول مع تصدير كود رياكت ناتيف وتصميم مرئي وتنازله للطور.

اختر Draftbit لإنشاء تطبيقات الهاتف المحمول التي يمكن تخصيصها وتصديرها وتنازلها للطور. خلاف ذلك، اختر Softr لإنشاء تطبيقات الويب وأدوات داخلية بسهولة دمج البيانات وإدارة المستخدم.

اقرأ استعراضي ل Softr أو زور Softr!

استعراض Draftbit: هل هو الأداة المناسبة لك؟

بشكل عام، جعل Draftbit من السهل تحويل فكرتى إلى تطبيق هاتف محمول كامل الوظيفة. أعجبتني التدفق الواضح والمباشر ومزيج الت автомати الإيه آي مع خيار الدعم البشري.

لأي شخص يبحث عن السيطرة الكاملة على تصميم وتصدير كود تطبيقه مع تسريع التطوير، Draftbit هو خيار ممتاز. خلاف ذلك، قد تريد النظر في هذه البدائل:

• Base44 هو الأفضل لإنشاء تطبيقات الويب الكاملة بسرعة مع تلميحات الإيه آي وخدمات الخلفية والاستضافة.
• Softr هو الأفضل لإنشاء تطبيقات الويب وأدوات داخلية وبوابات العملاء بسهولة دمج البيانات وإدارة المستخدم.

شكرًا لقراءة استعراضي ل Draftbit! آمل أن أكون وجدته مفيدًا.

Draftbit يقدم خطة مجانية تأتي مع كل ما تحتاجه لبدء بناء تطبيقك. جربها بنفسك وشاهد كيف يعجبك!

الأسئلة الشائعة

هل Draftbit مجاني؟

Draftbit يقدم خطة مجانية لبدء بناء تطبيقاتك. تشمل الخطة المجانية الوصول إلى جميع ميزات البناء الأساسية، ودعم حتى 5 شاشات لكل مشروع، ومشاريع مسودة غير محدودة، وصور توليدت بواسطة الإيه آي، ولكنها تحتوي على قيود على النشر.

هل Draftbit جيد؟

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

أين يقع مقر Draftbit؟

مقر Draftbit يقع في شيكاغو، إلينوي، الولايات المتحدة الأمريكية.

هل Draftbit بدون كود؟

نعم، Draftbit هو منصة بدون كود لإنشاء تطبيقات الهاتف المحمول مع واجهة سحب وإفلات مرئية.