إنشاء تطبيق بدون استخدام الرموز باستخدام قاعدة بيانات AppSheet الأصلية

1. قبل البدء

قاعدة بيانات AppSheet (ASDB) هي قاعدة بيانات أصلية تابعة للطرف الأول في AppSheet لتنظيم وإدارة البيانات التي تشغّل تطبيقات AppSheet. توفّر واجهته وأداؤه المحسّن تجربة أفضل لكل من منشئ التطبيق والمستخدم النهائي مقارنةً بمصادر البيانات الخارجية الأخرى الشائعة الاستخدام، مثل "جداول بيانات Google" وBigQuery وCloud SQL. تتوفّر قاعدة بيانات AppSheet كخيار تلقائي للبيانات في أي تطبيق من تطبيقات AppSheet.

ما ستتعلمه

  • كيفية إنشاء قاعدة بيانات AppSheet جديدة باستخدام بيانات نموذجية أو بيانات مستورَدة من "جدول بيانات Google"
  • كيفية تخصيص البيانات في "محرّر قاعدة بيانات AppSheet"
  • كيفية إنشاء تطبيق AppSheet من قاعدة بيانات AppSheet
  • كيفية تعديل قاعدة البيانات وإعادة إنشاء الجداول في AppSheet لتضمين تغييرات في بنية الجدول

ما ستنشئه

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

المتطلبات

  • الوصول إلى بيئة تطوير AppSheet ( appsheet.com)

2. إنشاء قاعدة بيانات جديدة في AppSheet وتخصيصها من البداية

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

  1. انتقِل إلى الصفحة الرئيسية في AppSheet ( appsheet.com)، ثم انقر على إنشاء > قاعدة بيانات > قاعدة بيانات جديدة.

قاعدة بيانات جديدة من البداية

  1. يتم إنشاء قاعدة بيانات نموذجية جديدة ويظهر محرر قاعدة بيانات AppSheet.

صورة لقاعدة بيانات نموذجية جديدة في محرِّر قواعد بيانات AppSheet

  1. خصِّص قاعدة البيانات عن طريق تغيير اسمها من قاعدة بيانات بدون عنوان إلى قاعدة بيانات المهام. (انقر مرّتين على العنوان التلقائي، قاعدة بيانات بلا عنوان، لتعديل اسم قاعدة البيانات).
  2. غيِّر اسم الجدول الجدول 1 إلى المهام. (انقر مرّتين على علامة التبويب لتعديلها).
  3. غيِّر العمود الأول من العنوان إلى المهمة.
  4. أضِف سجلاً جديدًا من خلال النقر على + في أعلى يمين الصفحة .

صورة توضّح كيفية إضافة سجلّ جديد من خلال النقر على علامة + في أعلى يمين الصفحة

  1. انقر مرّتين على عمود الحالة لمعرفة كيفية استخدام النوعين Enum Type وDropdown Item.

أداة تعديل الموقع لعمود "الحالة" يتم استخدام النوع: "Enum" ونوع العنصر: "قائمة منسدلة"

  1. اختياري: انقر على الأزرار بعد علامات = لتلوين كل خيار من خيارات القائمة المنسدلة.

تلوين خيارات القائمة المنسدلة باستخدام أداة اختيار الألوان

  1. اختياري: يمكنك تجربة المزيد من الخيارات في المحرّر من خلال إضافة خيارات جديدة إلى تعداد الحالة (انقر على إضافة خيار) بالإضافة إلى ألوان جديدة.
  2. اختياري: جرِّب أنواعًا مختلفة من الأعمدة، مثل اللون ومستوى التقدّم ونعم/لا والهاتف، ثم راقِب سلوكها.

قائمة السياق لجميع أنواع البيانات المتوافقة في ASDB

يمكنك تجربة المزيد من الخيارات في "محرّر قاعدة البيانات". في الخطوات التالية، ستنشئ قاعدة بيانات جديدة.

3- إنشاء قاعدة بيانات جديدة وتخصيصها من خلال الاستيراد من "جدول بيانات Google"

توضّح الخطوات التالية كيفية استيراد البيانات من جدول بيانات Google.

إنشاء قاعدة البيانات من جدول بيانات

  1. أولاً، أنشئ نسخة من جدول بيانات Google العلني هذا وأعِد تسميته باسم ASDB: IO Codelab.

يُرجى العِلم أنّها تحتوي على علامتَي التبويب المهام والمالكون.

  1. كما في السابق، انتقِل إلى صفحة AppSheet الرئيسية ( appsheet.com)، ثم انقر على إنشاء > قاعدة بيانات > استيراد من "جداول بيانات Google".

إنشاء قاعدة بيانات من استيراد جداول البيانات

  1. في "أداة اختيار الملفات" في Google Drive، اختَر نسختك من "جدول بيانات Google" ASDB: IO Codelab أو الاسم الذي اخترته.

يؤدي ذلك إلى إنشاء قاعدة بيانات جديدة في AppSheet من البيانات الموجودة في جدول البيانات.

لقطة شاشة لقاعدة بيانات AppSheet التي تم إنشاؤها من جدول بيانات، في محرِّر قاعدة البيانات

إضافة مرجع إلى جدول "مهام Google"

بعد ذلك، أضِف مرجعًا إلى جدول "المالكون" من جدول "المهام".

  1. في جدول "المهام" في قاعدة بيانات AppSheet، انقر مرّتين على عمود المالك لتعديل إعداداته.
  2. غيِّر النوع من نص إلى مراجع > مرجع.

اختيار نوع المرجع

  1. اضبط الجدول المرجعي على المالكون، ثم انقر على حفظ.

مربع حوار لضبط "النوع" على "مرجع" و"الجدول المرجعي" على "المالكون"

  1. يظهر تحذير بشأن تغيير نوع العمود. في هذه الحالة، تكون البيانات في هذا العمود متوافقة مع نوع العمود الجديد، لذا يمكنك النقر على نعم للمتابعة.

مربّع الحوار "تغيير نوع العمود" (نعم/لا)

  1. تحاول قاعدة بيانات AppSheet بعد ذلك مطابقة الصفوف المقابلة في جدول "المالكون" مع الأسماء في جدول "المهام". بما أنّ مجموعة البيانات هذه تتطابق، يجب أن تملأ قاعدة بيانات AppSheet عمود "المالك" بالمراجع الصحيحة لصفوف "المالكين".

جدول المهام في أداة تعديل ASDB يعرض قيمة عمود "المالك" الصحيحة.

  1. لاختبار المستند المرجعي، انقر على خلية "المالك" وعدِّلها إلى مالك آخر، مثل سارة.

اختيار مالك آخر من خلال نافذة منبثقة يوفّرها المرجع

بعد الاختيار، تظهر القيمة الجديدة (سارة) في خلية "المالك" (في جدول "المهام").

بعد اختيار "مالك" مختلف، يظهر اسم المالك، "سارة"، في عمود "المالك" في جدول "المهام".

تغيير عمود "التصنيف" في الجدول المرجعي

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

  1. لإجراء ذلك، غيِّر عمود التصنيف في جدول المالكين إلى البريد الإلكتروني من خلال تمرير مؤشر الماوس على الجانب الأيسر من عنوان عمود البريد الإلكتروني والنقر على علامة الحذف العمودية.

صورة تعرض علامة الحذف العمودية على الجانب الأيسر من عنوان العمود

يؤدي ذلك إلى استدعاء قائمة السياق الخاصة بالعمود.

قائمة السياقات الخاصة بالعمود مع تحديد الخيار "استخدام العمود كتصنيف"

  1. انقر على استخدام العمود كتصنيف في قائمة السياق لضبط تصنيف العمود على عمود البريد الإلكتروني.

عنوان عمود البريد الإلكتروني مع علامة تصنيف "عنوان العمود" في أعلى يمين العنوان

  1. للتأكّد من اختيار عمود "البريد الإلكتروني" كتصنيف العمود الذي يشير إلى جدول "المهام"، انقر على علامة تبويب جدول المهام ولاحظ أنّ عمود "المالك" يعرض الآن عناوين البريد الإلكتروني. قد تحتاج إلى إعادة تحميل المتصفّح للاطّلاع على عمود "المالك" المعدَّل.

عمود "المالك" في جدول "المهام" الذي يعرض عناوين البريد الإلكتروني بما أنّ عمود "البريد الإلكتروني" في جدول "المالكون" المشار إليه تم ضبطه كتصنيف للعمود

4. إنشاء تطبيق AppSheet من قاعدة بيانات AppSheet

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

  1. انقر على التطبيقات على يسار محرّر ASDB.

لقطة شاشة لأداة تعديل قاعدة بيانات AppSheet مع تمييز زر "التطبيقات" على اليسار

يؤدي ذلك إلى استدعاء قائمة الاختصارات السياقية على اليسار لإنشاء تطبيق جديد.

لقطة الشاشة نفسها كما في السابق، ولكن مع مربّع الحوار الذي يتضمّن الزر "تطبيق AppSheet جديد"

  1. انقر على تطبيق AppSheet جديد لإنشاء تطبيق جديد.

لقطة شاشة لتطبيق AppSheet الذي تم إنشاؤه

أثناء إنشاء التطبيق، لاحظ أنّ التطبيق يتضمّن تحذيرًا:

Column "Owner" in Tasks_Schema has a reference to an unknown table or slice "Owners". Open the column definition to select a source table.

ويرجع ذلك إلى أنّ التطبيق الذي تم إنشاؤه يحتوي على جدول "المهام" فقط، ويحتوي عمود "المالك" على مرجع إلى جدول غير معروف، وهو "المالكون".

لحلّ هذه المشكلة، أضِف جدول "المالكون" إلى تطبيق AppSheet.

  1. في صفحة البيانات ضمن محرر AppSheet، انقر على +.

صفحة بيانات مع تمييز الرمز "+"

  1. في القائمة السياقية إضافة بيانات، اختَر قاعدة بيانات AppSheet كمصدر البيانات.

قائمة السياق الخاصة بإضافة البيانات

  1. بعد ذلك، اختَر قاعدة بيانات ASDB: IO Codelab (أو أي اسم اخترته لقاعدة البيانات في الخطوات السابقة).

اختَر خيار قائمة قاعدة البيانات.

  1. في مربّع الحوار التالي، ضَع علامة في مربّع الاختيار التلقائي اختيار الكل، ثم انقر على إضافة إلى التطبيق.

مربع حوار لاختيار جدول "المالكون" لإضافته إلى تطبيق AppSheet

بعد إضافة جدول "المالكون" إلى التطبيق، لن يظهر الخطأ Reference.

لقطة شاشة لتطبيق AppSheet بدون أخطاء مرجعية

  1. بعد إضافة جدول المالكين الجديد في AppSheet، يمكنك إنشاء "طريقة عرض" جديدة لعرض هذه البيانات من خلال النقر على صفحة طرق العرض في AppSheet والنقر على + بجانب شريط التنقّل الأساسي.

صفحة "طرق العرض" مع تمييز الرمز "+"

  1. في مربّع الحوار إضافة طريقة عرض جديدة، انقر على إنشاء طريقة عرض جديدة.

مربع الحوار "إضافة عرض جديد"

  1. عند إنشاء طريقة العرض الجديدة، اضبط الخيارات التالية:

اسم العرض: المالكون لهذه البيانات: المالكون نوع العرض: بطاقة

عرض صفحة التعديل في "طريقة عرض المالكين"

تهانينا، اكتمل تطبيقك الآن.

  1. لاختبار المرجع بين "المهام" و"المالكين"، انقر على طريقة عرض المالكين أو طريقة عرض المهام في المعاينة على الجهاز الجوّال، ثم اختَر سجلاً للاطّلاع على السجلات ذات الصلة (المشار إليها).

لقطة شاشة لتطبيق AppSheet مع تمييز المعاينة على الجهاز الجوّال على اليسار

على سبيل المثال، يمكنك النقر على طريقة العرض المالكون، ثم النقر على سجلّ للتوغّل والاطّلاع على سجلّات المهام ذات الصلة.

صورة تعرض اختيار "مالك" والتوغّل للاطّلاع على "مهمة" ذات صلة

5- تعديل قاعدة البيانات وإعادة إنشاء جدول "المهام"

بعد إنشاء قاعدة بيانات AppSheet وإنشاء تطبيق جديد منها، جرِّب تعديل جدول في قاعدة البيانات. غيِّر نوع بيانات عمود ولاحظ ما يحدث في تطبيق AppSheet المرتبط.

  1. في جدول المهام في قاعدة البيانات، غيِّر نوع عمود تاريخ التسليم إلى التاريخ والوقت > التاريخ.

تغيير نوع عمود "تاريخ التسليم" في جدول "المهام" إلى "تاريخ" في "محرّر ASDB"

عند الرجوع إلى تطبيق AppSheet، ستلاحظ أنّه تم تعديل قاعدة البيانات مع ظهور تحذير:

App Schema for table 'Tasks' is out of sync with the schema in AppSheet database. Please regenerate the table structure

محرِّر AppSheet يرصد تغييرًا في المخطط في قاعدة البيانات ويقدّم تحذيرًا.

  1. لإعادة إنشاء الرد، انقر على رمز إعادة الإنشاء d1a956498c05d75f.png في أعلى يسار الصفحة.
  2. سيؤدي ذلك إلى ظهور مربّع حوار تحذيري:

مربّع حوار تحذيري بشأن إعادة الإنشاء

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

نموذج تعديل تطبيق AppSheet يعرض عنصر إدخال DatePicker.

6. تهانينا

لقد أكملت الدرس التطبيقي حول الترميز لقاعدة بيانات AppSheet (ASDB).

Further reading