صفحات صغيرة

نظام معرفة بلا مزود (memex)

6 يوليو 2022

هذه أداة مختلفة في كونها برنامج يستخدم تقنيات الويب لكن بلا مزود، البرنامج عبارة عن صفحة HTML وCSS وتستخدم جافاسكربت، والغرض من الأداة هو عرض ملاحظات على شكل صفحة تفاعلية في المتصفح.

في البداية اتجه لصفحة مشروع memex ثم ابحث عن الزر Code الأخضر واضغط عليه ثم اضغط على خيار تنزيل البرنامج على شكل ملف مضغوط (Download Zip).

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

الملاحظات كلها محفوظة في مجلد فرعي (content) وفيه ستجد ملف data.ndtl وهو الملف الذي تكتب فيه الملاحظات، وهناك مجلد (media) الذي يحوي كل ملفات الصور، يمكنك حذف الصور إن أردت لكن أبقي المجلد.

ملف data.ndtl يحفظ الملاحظات بأسلوب محدد، يمكنك حذف محتويات الملف ثم كتابة ما يلي:

var DATABASE = `
 
`

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

الرسام جيمس بارد
  LINK : https://en.wikipedia.org/wiki/James_Bard
  TYPE : article
  TAGS : painting
  DATE : 12022-07-03
  DONE : false

لاحظ الكلمات التي تستخدم في الملاحظة، مثل LINK والتي تعني رابط بالطبع أو TAGS والتي تستخدم لوضع وسوم لتنظيم الملاحظات، هناك كلمات عدة يستخدمها البرنامج لملاحظات مختلفة:

• PERS: اختصار كلمة person أو شخص، تستخدم للإشارة لكاتب اقتباس مثلاً.
• SERC: اختصار كلمة source أو المصدر، مثلاً تشير إلى المصدر الذي وجدت منه الرابط أو الصورة
• LINK: الرابط وهذه كلمة واضحة لا تحتاج لشرح.
• TYPE: النوع، وبالتحديد نوع المحتوى الذي يشير له الرابط، هل هو مقال أو محاضرة أو كتاب أو شيء آخر.
• DATE: التاريخ، ويمكنك أن تكتبه بأي طريقة تريد، بالأرقام أو الكلمات
• DONE: هذه الكلمة تأخذ واحدة من قيمتين، إما true أو false، بمعنى هل أنجزت العمل المتعلق بالرابط أو الملاحظة أم لا.
• TAGS: وسوم لوصف المحتوى، وهي وسيلة لتنظيم الروابط والملاحظات بحسب وسومها
• QOTE: اختصار كلمة quote أو اقتباس، إن كانت الملاحظة عبارة عن اقتباس من كتاب أو مقال فاستخدم هذه الكلمة.
• REVI: لا أدري ماذا تعني هذه الكلمة، تقبل واحدة من قيمتي true أو false وقد جربت القيمتين ولم أعرف بعد ما الغرض من هذه الكلمة.
• NOTE: ملاحظة، إن كانت الملاحظة من أفكارك فاستخدم هذه الكلمة.
• PROG: اختصار كلمة Progress أو تقدم والمعنى هو مدى إنجاز مشروع ما، تستخدم هذه الكلمة لتكتب ملاحظة قصيرة مثل: قرأت الأجزاء الخمس الأولى من الكتاب، أو: أنجزت نصف اللعبة.
• PROJ: اختصار كلمة Project أو مشروع كلمة أخرى لتصنيف الملاحظات ووضعها في دائرة مشروع ما.
• TERM: تعني تعريف، إن كانت الملاحظة تعريف بمصطلح ما فاستخدم هذه الكلمة.
• FILE: ملف، لتضيف ملف صور استخدم هذه الكلمة، وضع الملف في مجلد media، الملف يمكن أن يكون ملف صورة أو ملف PDF وأخمن بأنه يمكن أن يكون ملف صوتي أو فيديو لكن لم أجرب ذلك بعد.
• WIDE: كلمة أخرى تقبل إحدى قيمتي true أو false ولا أدري ما الغرض منها.

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