https://github.com/kefahi/tashkeel

تلوين التشكيل والنقط في النصوص العربية على صفحات الشبكة العنكبوتية لتسهيل القراءة.
https://github.com/kefahi/tashkeel

Last synced: about 2 months ago
JSON representation

تلوين التشكيل والنقط في النصوص العربية على صفحات الشبكة العنكبوتية لتسهيل القراءة.

• Host: GitHub
• URL: https://github.com/kefahi/tashkeel
• Owner: kefahi
• Created: 2017-09-29T16:29:58.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-03T01:15:54.000Z (almost 7 years ago)
• Last Synced: 2024-08-01T14:02:41.859Z (4 months ago)
• Language: HTML
• Size: 621 KB
• Stars: 18
• Watchers: 3
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

• awesome-jordan - tashkeel - web-based coloring for Arabic language supplementary diacritics and consonant pointing. (Frontend)

README

        
بسم الله الرحمن الرحيم

 تلوين التشكيل والنقط

اللغة العربية مِن أكثر اللغات البشرية تطورًا. ورغم انضباط كتابتها إلا أننا نتثاقل في بعض الأحيان من رؤية التشكيل الزائد في الكلمات. بل إنّ القارئ العربي قادر على فهم النص الذي يخلو من التشكيل والنقط بشكلٍ مُثيرٍ للدهشة والإعجاب معًا.


هذا لا ينطبق، بالطبع، على كل شيء ولهذا وُجِدَت النقاط والتشكيل في الأساس. ولكنني وجدت أن قدرة الواحد منا على قراءة النص العربي تتحسن بشكل كبير إذا استطعنا أن نُظهر التشكيل والنقط بلونٍ مختلف يكون التركيز عليه أخف (لون باهت) بحيث تركز العين على قراءة النص وتركز في التشكيل والنقط عندما يستشكل النص فقط. كما أن التلوين يُضيف حيويًة للنص العربي مما يجعل قرائته أكثر إمتاعًا وربما تكون أنسبُ للأطفال مع الحرص على اختيار تشكيلة الألوان المناسبة.


أضع بين أيديكم نموذجًا أوليا لإثبات الفكرة (وهو صفحة "هتمل" مع نص جافاسكريب مع خط أندوريد نسخ مُعدّل) يتيح تلوين التشكيل والنقاط وإشارات الترقيم كلٌ بلونٍ مختلف عن لون الخط الأصلي.


البرنامج يقوم على حيلة رسم الكلام مرتين حتى يتمايز لون النقاط عن النص الأصلي. وواجهتني مشكلة عندما طبقته باستخدام الخطوط العربية لذلك اضطررتُ إلى تعديل بعض الأحرف واعتمدت خط أندرويد نسخ من غوغل وقمت بتطبيق التغيررات على ملف الخط مباشرة باستخدام برنامج تحرير الخطوط "فونت فورج". تجدون ملف الخط المُعدل في هذا المستودع.


وهذا مثال كيف يبدو النص بعد التلوين:




كما يمكنكم طبعا إخفاء النقط والتشكيل بشكل كامل إن أردتم.


ملاحظة هامّة: لم يُعر المتصفح غوغل كروم اهتماما كافيا بعرض النص العربي بالشكل الصحيح وقد تابعتُ الأمر معهم دون جدوى. ولكن في المقابل فإن متصفح موزلا "فايرفوكس" يدعم النصوص العربية بشكلٍ أفضل بكثير. ولذلك فإن هذا البرنامج لا يعمل بالشكل المطلوب إلا على فايرفوكس (على الأقل عند وقت إصدار هذا البرنامج).


لتجربة البرنامج بشكل مباشر اضغطوا هنا

(لا تنسوا أن تفتحوا الرابط مِن خلال المتصفح فايرفوكس)


----

مُلحق:

جدول تحويل الحروف المنقطة والمهموزة إلى نظيرها غير النقط ولا المهموز


  

    رمز الحرف المجرد

    رمزه

    اسم الحرف

  

  

    66E

    628

    ب

  

  

    66E

    62A

    ت

  

  

    66E

    62B

    ث

  

  

    62F

    630

    ذ

  

  

    631

    632

    ز

  

  

    62D

    62C

    ج

  

  

    62D

    62C

    خ

  

  

    633

    634

    ش

  

  

    635

    636

    ض

  

  

    637

    638

    ظ

  

  

    639

    63A

    غ

  

  

    66F

    642

    ق

  

  

    6A1

    641

    ف

  

  

    649

    64A

    ي

  

  

    647

    629

    ة

  

  

    6BA

    646

    ن

  

  

    627

    623

    إ

  

  

    627

    623

    أ

  

  

    627

    622

    آ

  

  

----

مُلحق:
 


قائمة الأحرف التي يلزم تعديلها على الخط ليعمل بالشكل المطلوب


هذه رموز المحارف المُوَحَّدَة "يونيكود" التي لزم تعديلها. والتعديل كان فقط في مطابقة الأحرف في قياس العرض مع الأحرف الأصلية.


  

    الترميز السداسي عشر

    شكل الحرف

    اسم الحرف

  

  

    FEF3

    يـ

    Arabic letter Yah initial form

  

  

    FEF4

    ـيـ

    Arabic letter Yah medial form

  

  

    FE91

    بـ

    Arabic letter Beh initial form

  

  

    FE92

    ـبـ

    Arabic letter Beh medial form

  

  

    FE90

    ـب

    Arabic letter Beh final form

  

  

    FE8F

    ب

    Arabic letter Beh isolated form

  

  

    FE97

    تـ

    Arabic letter Teh initial form

  

  

    FE98

    ـتـ

    Arabic letter Teh medial form

  

  

    FE96

    ـت

    Arabic letter Teh final form

  

  

    FE96

    ـت

    Arabic letter Teh final form

  

  

    FE95

    ت

    Arabic letter Teh isolated form

  

  

    FE9B

    ثـ

    Arabic letter Theh initial form

  

  

    FE9C

    ـثـ

    Arabic letter Theh medial form

  

  

    FE9A

    ـث

    Arabic letter Theh final form

  

  

    FE99

    ث

    Arabic letter Theh isolated form

  

  

    FE94

    ـة

    Arabic letter Teh marbuta final form

  

  

    FE93

    ة

    Arabic letter Teh marbuta isolated form

  

  

    FE83

    أ

    Arabic letter Alef with Hamza above isolated form

  

  

    FE87

    إ

    Arabic letter Alef with Hamza below isolated form

  

  

    FE84

    ـأ

    Arabic letter Alef with Hamza above final form

  

  

    FE82

    ـآ

    Arabic letter Alef with madda above final form

  

  

    FE81

    آ

    Arabic letter Alef with madda above isolated form