وقد استخدمت لغة HTML في بناء الصفحات الثابتة التي تظهر مباشرة على شاشة العرض للموقع. أما لغة ASP فقد استخدمت في كتابة الصفحات التي يتم استخراج بياناتها من قواعد البيانات بدلا من تخزين هذه البيانات على صفحات HTML. حيث تتميز صفحات ASP عن HTML بكونها صفحات غير ثابتة المعلومات؛ فالمعلومات بها تؤخذ من قواعد البيانات وتتغير في الصفحة بتغير المعلومات في قواعد البيانات ولذلك تسمي الصفحة التفاعلية، ومن أمثلة هذه الصفحات جدول أسماء طلاب الحفظ، والمتابعة. أما برنامج فرنت بيج فإنه يستخدم كمحرر لصفحات الموقع حيث أنه يسهل استخدامه في إضافة أو حذف الصور وملفات الصوت وربط حلقة التحفيظ بالمواقع الأخرى على شبكة الانترنت. كما انه يقوم بتوليد كود صفحات HTML. ويمكن من خلال هذا البرنامج عرض الصفحات وأكوادها وهذا يسهل عمليات التحكم والحذف والإضافة والتعديل. أما برنامج جافا سكربت فإنه يتميز بإنشاء صفحات أكثر ديناميكية وتفاعلية عن البرامج السابقة. ويوضح شكل2 النموذج التصميمي المحسن للنظام والذي يبين العلاقة بين المستويات البرمجية المتعددة التي تم بواسطتها بناء النظام.

شكل2 النموذج التصميمي المحسن للنظام المقترح.

ونعرض هنا أمثلة توضيحية لتطويع وبرمجة النظام المقترح و ومخرجات شاشات التشغيل التي تم بناؤها لأحد مدارس تحفيظ القرآن الكريم وهى مدرسة جبل النور لتحفيظ القرآن بمكة المكرمة. حيث يوضح شكل3 الشاشة الرئيسية التي سوف تظهر على موقع الانترنت فور تشغيل البرنامج. ويمكن من هذه الصفحة الوصول إلى نموذج تسجيل طالب وذلك عند اختيار الأمر"تسجيل".

شكل3 الشاشة الرئيسية التي تظهر على موقع الانترنت فور تشغيل البرنامج.