أصبح إنشاء تطبيق موبايل اليوم أسهل بكثير من السابق، خاصة مع ظهور أدوات الذكاء الاصطناعي التي تستطيع تحويل الأفكار المكتوبة إلى تطبيقات عملية خلال وقت قصير. ومن الأدوات التي تقدم هذا النوع من التجربة منصة Whacka، والتي تسمح لك ببناء تطبيق من خلال وصف ما تريده بدلًا من كتابة الأكواد يدويًا.
من الفكرة إلى تطبيق حقيقي
الفكرة الأساسية في Whacka بسيطة: تكتب وصفًا للتطبيق الذي تريد إنشاءه، وتوضح الوظائف والصفحات التي تحتاج إليها، ثم يبدأ الذكاء الاصطناعي في بناء التطبيق اعتمادًا على هذه التعليمات.
في التجربة العملية التي شرحتها في الفيديو، قمت بإنشاء تطبيق باسم “سجل الصف” مخصص للمعلمين والمحاضرين، بهدف جمع المعلومات التي غالبًا ما تكون موزعة بين أوراق الحضور وملفات Excel وملاحظات الطلاب في مكان واحد.
التطبيق تضمن مجموعة من الأقسام مثل:
- تسجيل حضور الطلاب
- إدارة الدرجات
- عرض بيانات الطلاب
- متابعة ملخص الصف
- تنظيم المعلومات داخل واجهة بسيطة وسهلة الاستخدام
والميزة المهمة هنا أن عملية البناء لم تتطلب البدء بكتابة الأكواد من الصفر، بل تم الاعتماد على وصف التطبيق ومتطلباته للذكاء الاصطناعي.
تعديل التطبيق وتجربته
إنشاء النسخة الأولى ليس نهاية العملية. يمكنك مراجعة النتيجة وإضافة تعديلات أو وظائف جديدة حسب احتياجاتك.
خلال التجربة قمت باختبار صفحات التطبيق والانتقال بين أقسام الحضور والدرجات والطلاب، والتأكد من أن التصميم والوظائف تتناسب مع الهدف الأساسي للتطبيق.
وهذا يجعل أدوات مثل Whacka مناسبة ليس فقط للمبرمجين، بل أيضًا لأصحاب الأفكار الذين يريدون إنشاء نموذج أولي Prototype أو تطبيق بسيط دون الدخول مباشرة في تفاصيل البرمجة التقليدية.
تثبيت التطبيق كـ PWA
من النقاط المهمة أيضًا إمكانية استخدام التطبيق كـ PWA – Progressive Web App.
هذا يعني أنه يمكن للمستخدم فتح التطبيق من المتصفح ثم تثبيته على شاشة الهاتف ليعمل بطريقة قريبة من تطبيقات الموبايل العادية، دون الحاجة بالضرورة إلى نشره مباشرة على Google Play أو App Store.
أما إذا كنت تريد نشر التطبيق في متاجر التطبيقات، فهناك خطوات ومتطلبات إضافية، بالإضافة إلى حسابات المطور وسياسات المراجعة الخاصة بكل متجر.
هل Whacka مناسب لك؟
إذا كانت لديك فكرة لتطبيق وتريد تحويلها بسرعة إلى شيء يمكنك تجربته ومشاركته مع الآخرين، فإن أدوات بناء التطبيقات بالذكاء الاصطناعي مثل Whacka تستحق التجربة.
وفي الفيديو أشرح العملية خطوة بخطوة من إنشاء التطبيق وحتى تجربته وتثبيته على الهاتف، بالإضافة إلى توضيح خيارات النشر وتكاليف المتاجر، حتى تستطيع تقييم ما إذا كانت هذه الطريقة مناسبة لمشروعك أم لا.
شاهد الشرح خطوة بخطوة واستخدام Whacka لعمل تطبيق ونشره…
الأمر المستخدم في عمل تطبيق “سجل الصف”
المهمة
ابنِ تطبيق ويب باسم “سجل الصف” لمتابعة حضور ودرجات الطلاب، مع تقرير أسبوعي
يُصدَّر كملف PDF عربي مضبوط الاتجاه (RTL) ويُرسل لولي الأمر.
التقنيات المطلوبة
- الواجهة: React + Vite + TypeScript + Tailwind CSS، مع
dir="rtl"وخط Cairo أو Tajawal. - الخادم: FastAPI (Python) + SQLAlchemy + SQLite.
- توليد PDF: HTML → PDF عبر WeasyPrint أو Playwright فقط.
لا تستخدم ReportLab أو FPDF مباشرة لأن الحروف العربية تنفصل وتنعكس.
إن اضطررت لهما فمرّر النص عبر arabic-reshaper + python-bidi. - الإرسال: SMTP مع مرفق PDF، وزر بديل “مشاركة عبر واتساب” برابط wa.me يحوي رابط تحميل التقرير.
نموذج البيانات
- Teacher(name, email, school_name, logo_path)
- Classroom(name, subject, term)
- Student(full_name, classroom_id, guardian_name, guardian_phone, guardian_email)
- AttendanceRecord(student_id, date, status: present|absent|late|excused, note)
- Assessment(classroom_id, title, type: quiz|homework|exam|participation, max_score, weight, date)
- Grade(student_id, assessment_id, score)
- WeeklyReport(student_id, week_start, week_end, pdf_path, sent_at, channel)
الشاشات
- لوحة تحكم: عدد الطلاب، نسبة الحضور هذا الأسبوع، أقل 5 طلاب أداءً، تنبيه بالغياب المتكرر.
- إدارة الصفوف والطلاب مع استيراد من CSV/Excel.
- تسجيل الحضور اليومي: شبكة سريعة بنقرة واحدة لكل طالب، اختصارات لوحة مفاتيح، حفظ تلقائي.
- الدرجات: جدول قابل للتحرير شبيه بالإكسل، مع حساب المعدل الموزون تلقائيًا.
- التقارير: اختيار الأسبوع ← معاينة ← توليد PDF ← إرسال (لطالب واحد أو للصف كله دفعة واحدة).
- الإعدادات: بيانات المدرسة، الشعار، إعدادات SMTP، أيام الدوام، شكل الأرقام.
محتوى تقرير PDF الأسبوعي
- ترويسة: شعار المدرسة + اسمها + “التقرير الأسبوعي” + الفترة بالتاريخين الهجري والميلادي.
- بيانات الطالب والصف والمعلم.
- جدول حضور الأسبوع (الأحد–الخميس) برموز ملونة + نسبة الحضور.
- جدول درجات الأسبوع + المعدل التراكمي + مقارنة بمتوسط الصف.
- رسم بياني مضمّن كـ SVG لتطور الدرجات عبر الأسابيع.
- حقل حر لملاحظات المعلم.
- تذييل: مساحة لتوقيع ولي الأمر + رقم الصفحة.
متطلبات العربية (حرجة — لا تتجاوزها)
- في ملف الـ PDF:
<html dir="rtl" lang="ar">، وخط عربي مضمّن عبر@font-face
بملف .ttf محلي داخل المشروع (لا تعتمد على خطوط النظام أو الإنترنت). - الجداول تبدأ من اليمين، النصوص محاذاة يمين، الأرقام محاذاة وسط.
- استخدم
unicode-bidi: plaintextفي الحقول التي قد تخلط عربي/إنجليزي. - خيار في الإعدادات بين الأرقام العربية (١٢٣) واللاتينية (123).
- اختبر التوليد على: أسماء فيها همزة وتاء مربوطة ومدّ، ونص مختلط عربي/إنجليزي/أرقام،
وتأكد من عدم ظهور مربعات □ أو حروف مقطعة أو أرقام معكوسة الترتيب.
قواعد العمل
- الأسبوع الدراسي من الأحد إلى الخميس (قابل للتعديل من الإعدادات).
- الغياب بعذر (excused) لا يُخصم من نسبة الحضور.
- امنع تسجيل الحضور في أيام الإجازات.
- لا تُرسل تقريرًا لطالب بلا بريد أو رقم لولي الأمر، واعرض تنبيهًا بدل ذلك.
التسليم
- بنية مجلدات نظيفة، وملف README بالعربية فيه خطوات التشغيل.
- بيانات تجريبية: 3 صفوف و60 طالبًا بأسماء عربية واقعية ودرجات وحضور لأربعة أسابيع.
- أمر تشغيل واحد يشغّل الخادم والواجهة معًا.
- اختبار آلي يولّد تقرير PDF عينة ويتحقق من عدم وجود محارف مفقودة.
طريقة التنفيذ
اعرض عليّ خطة مختصرة أولًا، ثم نفّذ على أربع مراحل بهذا الترتيب:
(1) نموذج البيانات و API، (2) الواجهة، (3) مولّد الـ PDF، (4) الإرسال.
توقّف بعد كل مرحلة وأرِني النتيجة.
