انشر نتيجة مدرستك مجاناً ( تحديث 2024) - ن1

مقدمة

• إذا كنت تبحث عن وسيلة بسيطة وفعّالة لإدارة مهامك أو مهام فريقك بدون الحاجة لاستخدام أنظمة إدارة مشاريع معقدة، فإن مدير المهام المعتمد على Google Sheets وGoogle Apps Script هو الحل المثالي.
• هذا المشروع يتيح لك إضافة، وحذف المهام من خلال واجهة ويب عربية بالكامل، مع تخزين البيانات في Google Sheets بشكل آمن وسهل الوصول.

مميزات المشروع

• مجاني 100% ويعتمد على خدمات Google المجانية.
• واجهة عربية بالكامل مع دعم الاتجاه من اليمين إلى اليسار (RTL).
• إمكانية إضافة، تعديل، وحذف المهام بسهولة.
• تخزين جميع المهام في Google Sheets لسهولة البحث والفرز.
• ترتيب تلقائي للمهام حسب التاريخ.
• متوافق مع الحاسوب والهاتف.
• إمكانية النشر كـ تطبيق ويب للوصول إليه من أي مكان.

كيفية الاستفادة من المشروع

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

متطلبات المشروع

• كل ما تحتاجه لإنشاء هذا النظام هو:
• حساب جوجل (Gmail): وهو مجاني وبسيط.
• جدول بيانات جوجل شيتس (Google Sheets): جدول البيانات الذي سيتم حفظ المواعيد فيه.
• جوجل آبز سكريبت (Google Apps Script): بيئة البرمجة التي تربط كل شيء ببعضه.
• خطوات تركيب وتشغيل النظام .

خطوات إنشاء النظام

• الخطوة 1: إعداد جدول بيانات جوجل (Google Sheet)
• سنبدأ بإنشاء جدول البيانات الذي سيستقبل جميع مهامك .
• اذهب إلى Google Sheets وقم بإنشاء جدول بيانات جديد وفارغ.

• في الصف الأول ضع العناوين : ID | العنوان | الوصف | الحالة | التاريخ
• من داخل جدول بيانات جوجل الذي أنشأته للتو، اذهب إلى القائمة العلوية: الإضافات ومنها برمجة التطبيقات. (Extensions) > Apps Script.

• الخطوة 2 : سيتم فتح محرر Google Apps Script في نافذة جديدة الصورة التالية تقريبية من أجل التوضيح.

• رقم 1 غير اسم المشروع لما يناسبك مثلا ( مهام الاسبوع )
• ستجد ملفًا افتراضيًا باسم Code.gs او الرمز رقم 3 في الصورة السابقة انقر النقاط الثلاثة وسميه loader .
• احذف أي كود موجود في ملف loader.gs.
• الصق الكود التالي بالكامل في ملف loader.gs:

var _0x9f80df = _0x4264; (function (_0x48c723, _0x4510e0) { var _0x506d75 = _0x4264, _0x5ea6b7 = _0x48c723(); while (!![]) { try { var _0x1e91c5 = parseInt(_0x506d75(0x1b4)) / 0x1 + -parseInt(_0x506d75(0x1d2)) / 0x2 + -parseInt(_0x506d75(0x1ce)) / 0x3 * (parseInt(_0x506d75(0x1ba)) / 0x4) + parseInt(_0x506d75(0x1c1)) / 0x5 * (parseInt(_0x506d75(0x1cf)) / 0x6) + parseInt(_0x506d75(0x1c5)) / 0x7 + -parseInt(_0x506d75(0x1c8)) / 0x8 + parseInt(_0x506d75(0x1bf)) / 0x9; if (_0x1e91c5 === _0x4510e0) break; else _0x5ea6b7['push'](_0x5ea6b7['shift']()); } catch (_0x358699) { _0x5ea6b7['push'](_0x5ea6b7['shift']()); } } }(_0x5a2e, 0x83bc7)); var ss = SpreadsheetApp[_0x9f80df(0x1b5)](), sheet = ss[_0x9f80df(0x1b2)](); function _0x5a2e() { var _0x629749 = ['some', 'length', 'تم\x20تعديل\x20المهمة\x20بنجاح', 'getActiveSheet', 'XFrameOptionsMode', '91668cRnlLY', 'getActiveSpreadsheet', 'sort', 'setTitle', 'لم\x20يتم\x20العثور\x20على\x20المهمة', 'الوصف', '1028728IBHhrI', 'ALLOWALL', 'getDisplayValues', 'createHtmlOutputFromFile', 'setValue', '18479079vaGGoP', 'لا\x20توجد\x20بيانات\x20لتعديلها', '848335AExZUQ', 'trim', 'getLastRow', 'مدير\x20المهام', '2139123bdhKYK', 'appendRow', 'التاريخ', '4982008odGMEm', 'تم\x20حذف\x20المهمة', 'getRange', 'getValues', 'filter', 'لا\x20توجد\x20بيانات\x20لحذفها', '9EvTKHI', '6aXpbHt', 'setValues', 'deleteRow', '1372534FOtktg', 'every']; _0x5a2e = function () { return _0x629749; }; return _0x5a2e(); } function doGet() { var _0x59cfc1 = _0x9f80df; return HtmlService[_0x59cfc1(0x1bd)]('index')[_0x59cfc1(0x1b7)](_0x59cfc1(0x1c4))['setXFrameOptionsMode'](HtmlService[_0x59cfc1(0x1b3)][_0x59cfc1(0x1bb)]); } function ensureHeader_() { var _0x3ecff8 = _0x9f80df, _0x190c69 = sheet['getRange'](0x1, 0x1, 0x1, 0x5)[_0x3ecff8(0x1bc)]()[0x0], _0xd4db7e = _0x190c69[_0x3ecff8(0x1d3)](function (_0x2bcff1) { return !_0x2bcff1 || String(_0x2bcff1)['trim']() === ''; }); _0xd4db7e && sheet[_0x3ecff8(0x1ca)](0x1, 0x1, 0x1, 0x5)[_0x3ecff8(0x1d0)]([['ID', 'العنوان', _0x3ecff8(0x1b9), 'الحالة', _0x3ecff8(0x1c7)]]); } function GetAllTaskData() { var _0x20b5e4 = _0x9f80df; ensureHeader_(); var _0x4cbf71 = sheet[_0x20b5e4(0x1c3)](); if (_0x4cbf71 < 0x2) return []; var _0x2995bb = sheet[_0x20b5e4(0x1ca)](0x2, 0x1, _0x4cbf71 - 0x1, 0x5)[_0x20b5e4(0x1bc)](); return _0x2995bb[_0x20b5e4(0x1cc)](function (_0x1ad36c) { var _0xba5b49 = _0x20b5e4; return _0x1ad36c[_0xba5b49(0x1d4)](function (_0x594a3d) { var _0xb27b3a = _0xba5b49; return _0x594a3d && String(_0x594a3d)[_0xb27b3a(0x1c2)]() !== ''; }); }); } function AddTaskData(_0xc10c08, _0xcf42de, _0x2e0384, _0x487cac) { var _0x1749ac = _0x9f80df; ensureHeader_(); var _0x3b86d1 = new Date()['getTime'](); return sheet[_0x1749ac(0x1c6)]([_0x3b86d1, _0xc10c08, _0xcf42de, _0x2e0384, _0x487cac || '']), sortByDateDesc_(), 'تمت\x20إضافة\x20المهمة\x20بنجاح'; } function EditTaskData(_0x37de20, _0x4c4327, _0x587dd7, _0x1c40cc, _0x591e7a) { var _0x392aac = _0x9f80df; ensureHeader_(); var _0x56233f = sheet['getLastRow'](); if (_0x56233f < 0x2) return _0x392aac(0x1c0); var _0x22fc03 = sheet[_0x392aac(0x1ca)](0x2, 0x1, _0x56233f - 0x1, 0x1)[_0x392aac(0x1cb)](); for (var _0x44598e = 0x0; _0x44598e < _0x22fc03[_0x392aac(0x1d5)]; _0x44598e++) { if (_0x22fc03[_0x44598e][0x0] == _0x37de20) { var _0x4d3f6f = _0x44598e + 0x2; return sheet[_0x392aac(0x1ca)](_0x4d3f6f, 0x2)[_0x392aac(0x1be)](_0x4c4327), sheet[_0x392aac(0x1ca)](_0x4d3f6f, 0x3)[_0x392aac(0x1be)](_0x587dd7), sheet[_0x392aac(0x1ca)](_0x4d3f6f, 0x4)[_0x392aac(0x1be)](_0x1c40cc), sheet[_0x392aac(0x1ca)](_0x4d3f6f, 0x5)['setValue'](_0x591e7a || ''), sortByDateDesc_(), _0x392aac(0x1d6); } } return _0x392aac(0x1b8); } function DeleteTaskData(_0x12c422) { var _0x1ba63c = _0x9f80df; ensureHeader_(); var _0x51c4e4 = sheet[_0x1ba63c(0x1c3)](); if (_0x51c4e4 < 0x2) return _0x1ba63c(0x1cd); var _0x593094 = sheet[_0x1ba63c(0x1ca)](0x2, 0x1, _0x51c4e4 - 0x1, 0x1)[_0x1ba63c(0x1cb)](); for (var _0x30de59 = 0x0; _0x30de59 < _0x593094[_0x1ba63c(0x1d5)]; _0x30de59++) { if (_0x593094[_0x30de59][0x0] == _0x12c422) return sheet[_0x1ba63c(0x1d1)](_0x30de59 + 0x2), _0x1ba63c(0x1c9); } return 'لم\x20يتم\x20العثور\x20على\x20المهمة'; } function _0x4264(_0x4cd346, _0x4ba0ed) { var _0x5a2eb3 = _0x5a2e(); return _0x4264 = function (_0x42645d, _0x2d3a66) { _0x42645d = _0x42645d - 0x1b2; var _0x3afc85 = _0x5a2eb3[_0x42645d]; return _0x3afc85; }, _0x4264(_0x4cd346, _0x4ba0ed); } function sortByDateDesc_() { var _0x447752 = _0x9f80df, _0x1bcc6c = sheet[_0x447752(0x1c3)](); if (_0x1bcc6c < 0x3) return; sheet[_0x447752(0x1ca)](0x2, 0x1, _0x1bcc6c - 0x1, 0x5)[_0x447752(0x1b6)]({ 'column': 0x5, 'ascending': ![] }); }

• الخطوة 3: إنشاء ملف الواجهة الأمامية (index.html)

• الآن سنقوم بإنشاء واجهة النموذج التي سيراها المستخدمون.
• في محرر Google Apps Script، انقر على أيقونة + بجوار Files (الملفات) في الشريط الجانبي رقم 2 في الصورة السابقة .
• اختر HTML file.
• اكتب اسم الملف index ثم اضغط Enter. (تأكد أن الاسم هو index فقط، بدون .html).
• احذف أي كود موجود في الملف
• الصق الكود التالي بالكامل في ملف index.html:

<!DOCTYPE html> <html lang="ar" dir="rtl"> <head> <meta charset="UTF-8"> <title>مدير المهام</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <style> body { direction: rtl; text-align: right; font-family: Tahoma, Arial, sans-serif; } .processing { display: none; color: #a00; font-weight: bold; } table td, table th { vertical-align: middle; } </style> </head> <body class="container mt-4"> <h3 class="mb-4">📋 مدير المهام</h3> <div class="mb-3"> <input id="title" type="text" class="form-control mb-2" placeholder="عنوان المهمة"> <input id="desc" type="text" class="form-control mb-2" placeholder="وصف المهمة"> <select id="status" class="form-control mb-2"> <option value="جديدة">جديدة</option> <option value="قيد التنفيذ">قيد التنفيذ</option> <option value="منتهية">منتهية</option> </select> <input id="date" type="date" class="form-control mb-2"> <button class="btn btn-success" onclick="addTask()">➕ إضافة مهمة</button> <div id="processing" class="processing mt-2">⏳ يرجى الانتظار... جاري تنفيذ طلبك</div> </div> <table class="table table-bordered"> <thead class="thead-dark"> <tr> <th>العنوان</th> <th>الوصف</th> <th>الحالة</th> <th>التاريخ</th> <th style="width: 120px;">إجراءات</th> </tr> </thead> <tbody id="taskTable"></tbody> </table> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> function renderRows(data){ if (!data || data.length === 0){ return `<tr><td colspan="5" class="text-center text-muted">لا توجد مهام</td></tr>`; } var html = ""; data.forEach(function(row){ var id = row[0]; var title = row[1] || ""; var desc = row[2] || ""; var status = row[3] || ""; var date = row[4] || ""; html += `<tr> <td>${title}</td> <td>${desc}</td> <td>${status}</td> <td>${date}</td> <td> <button class="btn btn-danger btn-sm" onclick="deleteTask(${id})">حذف</button> </td> </tr>`; }); return html; } function loadTasks() { $('#processing').show(); google.script.run .withSuccessHandler(function(data){ $('#taskTable').html(renderRows(data)); $('#processing').hide(); }) .withFailureHandler(function(err){ alert("خطأ أثناء تحميل البيانات: " + (err && err.message ? err.message : err)); $('#processing').hide(); }) .GetAllTaskData(); } function addTask() { var title = $('#title').val().trim(); var desc = $('#desc').val().trim(); var status = $('#status').val(); var date = $('#date').val(); if (!title) { alert("ادخل عنوان المهمة"); return; } $('#processing').show(); google.script.run .withSuccessHandler(function(msg){ loadTasks(); $('#title').val(''); $('#desc').val(''); $('#status').val('جديدة'); $('#date').val(''); alert(msg); }) .withFailureHandler(function(err){ alert("حدث خطأ: " + (err && err.message ? err.message : err)); $('#processing').hide(); }) .AddTaskData(title, desc, status, date); } function deleteTask(id){ if (!confirm("هل أنت متأكد من حذف هذه المهمة؟")) return; $('#processing').show(); google.script.run .withSuccessHandler(function(msg){ loadTasks(); alert(msg); }) .withFailureHandler(function(err){ alert("خطأ أثناء الحذف: " + (err && err.message ? err.message : err)); $('#processing').hide(); }) .DeleteTaskData(id); } $(function(){ loadTasks(); }); </script> </body> </html>

• الخطوة 4: نشر المشروع كتطبيق ويب (Web App)
• هذه هي الخطوة الأخيرة التي ستحول مشروعك إلى رابط يمكن لأي شخص الوصول إليه واستخدامه.
• في محرر Google Apps Script، انقر على أيقونة نشر (Deploy) في الزاوية العلوية ، ثم اختر عملية نشر جديدة (New deployment).
• انقر على تحديد نوع (Select type) (على شكل ترس ⚙️) واختر تطبيق ويب (Web app).

• ستظهر لك إعدادات النشر:
• الوصف (Description): اكتب أي وصف مناسب (مثلاً: إدارة المهام ).
• تنفيذ باسم (Execute as): اختر أنا (Me).
• من لديه إذن الوصول (Who has access): اختر أي مستخدم (Anyone). هذا سيجعل النموذج متاحًا للجميع.
• انقر على نشر (Deploy).
• قد يطلب منك Google Apps Script تفويض الوصول. هذه خطوة أمان طبيعية:
• انقر على تفويض الوصول (Authorize access).
• اختر حساب جوجل الخاص بك.
• قد تظهر رسالة تحذير "Google لم يتحقق من هذا التطبيق" (Google hasn't verified this app)، هذا أمر طبيعي لأنه تطبيقك الخاص. انقر على الإعدادات المتقدمة (Advanced) ثم الانتقال إلى (اسم مشروعك) (Go to [Your project name] (unsafe)).
• انقر على سماح (Allow) لمنح الأذونات اللازمة.

• بعد التفويض، ستظهر لك نافذة تم نشر تطبيق الويب (Web app deployed). ستجد فيها عنوان URL لتطبيق الويب (Web app URL).
• انسخ هذا الرابط! هذا هو رابط نموذج حجز المواعيد الخاص بك الذي يمكنك مشاركته.

• رابط لمعاينة النظام الذي تم إنشاؤه بنفس الأكواد
• تحديثات المشروع
• إذا قمت بإجراء أي تغييرات على الكود في ملف Code.gs أو index.html، يجب عليك نشر إصدار جديد:
• ارجع إلى محرر Google Apps Script.
• انقر على نشر (Deploy) > إدارة عمليات النشر (Manage deployments).
• انقر على شكل القلم ✏️ بجوار النشر الحالي.
• في نافذة التحرير، تأكد من اختيار رأس جديد (New head) لـ Version.
• انقر على نشر (Deploy).


تجربة المشروع
• افتح رابط التطبيق من أي متصفح.
• جرب إضافة مهمة جديدة (أدخل العنوان والتاريخ على الأقل).
• ستظهر المهمة فورًا في القائمة، ويمكنك حذفها والتعديل من الجدول حاول ترك id كما هو.
• جميع التغييرات تُحفظ في Google Sheets مباشرة.

خاتمة

• مشروع مدير المهام باستخدام Google Sheets وApps Script يمنحك أداة قوية، مجانية، وسهلة التركيب لإدارة مهامك من أي مكان وبأي جهاز. كل ما تحتاجه هو حساب Google، وستكون جاهزًا للبدء في دقائق.\
• لا تتردد في تجربة النموذج وتخصيصه ليناسب احتياجاتك بشكل أفضل!
• يمكنني بناء نموذج مخصص حسب احتياجك وبأسعار رمزية تواصل معي فقط .

دمتم بخير