حصري جدا اصنع بنفسك مُسطح متعدد اللمس Multi-touch شرح تفصيلي بالصور+فيديو ,سهل وخيالي

https://absba8.absba.org/teamwork10/bb.gif

إنشاء مُسطح متعدد اللمس وتوصيله للكمبيوتر

https://img4.imageshack.us/img4/276/introq.png

1) مقدمه
2)اللوازم وطريقة التركيب
3)البرامج وضبط الاعدادات
4)الاختبار
5) تلخيص

https://i44.tinypic.com/3507vrc.png

المقدمه :

تعود تقنية تعدد اللمس الى عام 1982 , ومنذ ذلك الحين اخذت هذه التقنيه في التطور والتقدم ,

واول منتج يَستعمل هذه التقنيه كان في وقت لاحق وذلك في عام 1999 .

تقنية تعدد اللمس وبالانجليزيه Multi-Touch تٌمكن المستخدم امكانية التحكم

بالجهاز بواسطة اكثر من أصبع خلافا للتقنيه العاديه التي تعتمد على أصبع واحد فقط .

قامت الكثير من الشركات في تبني هذه التقنيه في تطوير منتجات او برامج لكي تُمكن

المستخدم من استغلال واستعمال التقنيه .

أشهر هذه المنتجات جهاز ال IPHONE الجهاز النقال من شركة Apple والذي حقق نجاح

كبيرا ومن الاسباب الرئيسيه التي ساعدته على تحقيق هذا النجاح هو استعماله

تقنية تعدد اللمس .

توسع انتشار استعمال شاشات اللمس المتعدد حتى ان شركة ميكروسوفت قامت قبل عامين

بأصدار Microsoft Surface والذي أبهر العالم لما يمكن عمله بواسطة الاصابع

لكن سعره الباهظ ( 12,500 دولار ) لم يدخله للسوق كجهاز شعبي او منتشر وأقتصر

شراءه على الشركات او المؤسسات

بالاضافت الى ذلك قامت الشركه ايضا في ادخال دعم كامل وكبير لهذه التقنيه في الويندوز 7

والذي مقرر صدوره في نسخته النهائيه في نهاية السنه الحاليه .

سنقوم من خلال هذا الموضوع بتجربة هذه التقنيه بالطريقه الارخص والاسهل , الشرح سيكون

بسيط ومدعم بالصوه المفصله . هذا المسطح يكون موصول لجهاز الكمبيوتر (محمول او مكتبي)

ومن خلاله سيستقبل الكمبيوتر اشارات لموقع الاصابع ويقوم بترجمتها للبرامج التي تدعم هذه

التقنيه .

الطريقه تعتبر سهله نسبيا ورخيصه جدا قد تكلفك من صفر الى 20 دولار , وهذا خلافا ما كان

متوقع عند سماع عن تقنية تعدد اللمس .

https://i44.tinypic.com/3507vrc.png

اللوازم وطريقة التركيب:

مرحلة التركيب تتضمن اللوازم والادوات التي سنحتاجها لانشاء المسطح ونبدأ في عرض مُصور لكل واحد من هذه الادوات .




شريط لاصق وسكين يباني :

https://img25.imageshack.us/img25/1476/knifem.jpg

ورق أبيض :

*أستعمل ورق الطابعه

https://img5.imageshack.us/img5/9236/paperijs.jpg

صندوق :

*الصندوق المبين بالصوره من الكرتون ويمكن استعمال كل ماده تراها مناسبه لعمل صندوق , انا

اخترت الكرتون لانه متوفر في كل مكان

https://img4.imageshack.us/img4/727/cartoond.jpg

مسطح شفاف :

*يمكن ان يكون زجاج عادي او اكليريك Acrylic ,حجم المسطح غير محدود بقياس معين لكن يجب

ان يكون حجمه مماثل لحجم فتحة الصندوق ومحبذ ان يكون حجمه أكبر بقليل .

https://img17.imageshack.us/img17/5071/glassdoe.jpg

كاميرا أنترنت :

*أنا استعملت كاميرا بسيطه جدا ورخيصه وهي تكفي لمهمه .

https://img9.imageshack.us/img9/8407/webcamvdu.jpg




https://i44.tinypic.com/3507vrc.png

بعد عرض اللوازم التي سنحتاجها للاتمام المهمه لنبدأ بشرح تركيب المسطح , تابع الصور

قم بعمل فتحه صغيره في زواية الصندوق بجب ان تكون في الاسفل كما هو مبين بالصوره
الهدف من الفتحه هو لتمرير كابل الكاميرا لخارج الصندوق
https://img24.imageshack.us/img24/4857/installweb1.jpg




قم بتثبيت الكاميرا في وسط الصندوق بحيث تكون العدسه في اتجاهك أي للاعلى
كما هو مبين بالصوره
https://img210.imageshack.us/img210/...nstallweb2.jpg




قم بألصاق الورقه فوق اللوحه الشفافه بحيث تغطيها بشكل كلي , انتبه الى ان
تكون الورقه من الجهه العليا وليس العكس , وبعدها قم بوضع اللوحه الشفافه فوق الصندوق
كما هو مبين بالصوره
https://img26.imageshack.us/img26/2621/installglass.jpg


مرحلة التركيب إنتهت

البرامج وضبط الاعدادات:

بعد ان أنتهينا من مرحلة تركيب المُسطح لنتابع المرحله الثانيه وهي مرحله تنصيب البرامج وضبط

الاعدادات . قمت برفع كل الملفات التي سنحتاجها وهي موجوده بالرابط التالي :

تنزيل

بعد تنزيل الملف سيكون لديك 4 مجلدات

1)tbeta

البرنامج الرئيسي والذي من خلاله سنضبط الاعدادات ومن خلاله ستتم ترجمة حركات الاصابع "للغه" تفهمها البرامج .

TUIOmouse(2

برنامج الذي يمكننا من استعمال اللمس مكان الفأره العاديه , يمكن القيام بكل ما

يستطيع عمله الفأره العاديه وأكثر ! , وعن طريقه نستطيع تحريك المؤشر حسب تحريك اصابعنا .

demos(3

مجلد يحوي على برامج والعاب بسيطه وكلها تدعم اللمس المتعدد .

media appv2(4

برنامج اخر يدعم اللمس المتعدد , يمكن بواسطته مشاهدة صور وفديو بواسطة اللمس المتعدد .

كل البرامج المذكوره لا تحتاج لتنصيب ويتم تشغيلها بواسطة ملف EXE


أول خطوه قم بتشغيل البرنامج tbeta.exe الموجود في مجلد tbeta ستظهر لك هذه النافذه

https://img291.imageshack.us/img291/5623/mainapp.jpg

مهم جدا التأكد ان الصوره تظهر كما هو مبين بالصوره , عندها اضغط على المربع (أنظر رقم 3 )

لنتعرف على الخصائص الاساسيه للبرنامج

1) هذه النافذه تمثل الصوره الطبيعيه التي تلتقطها الكاميرا .

2) هذه النافذه تمثل الصوره التي يراها البرنامج لاصابعك , يجب ان تكون اطراف الاصابع لونها
ابيض ومضيء

3) اول خطوه نستعملها مباشره بعد تشغيل البرنامج .

4) تحريكها لجهة اليسرى تساعد على التخلص من "الشوائب" الموجوده حول الاصابع
والتركيز على أطراف الاصابع


5) نضغط عليها بعد الانتهاء من ضبط الاعدادات لحفظها

6) نضغط عليها فقط بعد الانتهاء من ضبط الصوره في النافذه الثانيه , لكي تمكننا من ضبط
نقاط اي الاصابع على السطح .

7) تأكد دائما ان تكون صفراء .

صوره بعد وضع الاصابع فوق المُسطح ما يهمنا الصوره في المربع الاسود نلاحظ ان
الاصابع تظهر كبيره ومع "شوائب" مهم جدا ان تكون الاصابع في الحجم الطبيعي وتكون مضيئه
اي لونها ابيض

https://img291.imageshack.us/img291/2791/tracking.jpg



نلاحظ ان حجم الاصابع صغر لحجم طبيعي ودائري , انظر المستطيل الاخضر عن طريق
زياده للجهة اليمنى تختفي الشوائب , بعد ان انتهينا من ضبط اعدادات الاصابع نحفظ الاعدادات
بواسطة الضغط على المربع (أنظر رقم 5 )
https://img261.imageshack.us/img261/8272/tracking2.jpg

الان ننتقل للمرحله الاخير من الاعدادات وهي مرحلة ضبط حجم المسطح Calibration

للانتقال لهذه المرحله يجب ان نضغط على Enter Calibration (أنظر رقم 6 )

بعد الضغط عليها ستنتقل الى شاشة سوداء وظيفة هذه الشاشه هي ضبط حدود المُسطح لكي

تتم ترجمة حركة الاصابع بالصوره الصحيحه في البدايه ستظهر هذه الصوره , نشاهد في كل زاويه

يوجد الاشاره + , يجب ان يكون المربع الابيض الذي يحيط الاشارات ظاهر لك

اذا كان المربع ظاهر يمكن البدأ في التكييل (Calibration) يجب الضغط على الحرف C وبعدها تبدأ

عملية التكييل في البدايه ستجد ان ال + الاول محاط بدائره حمراء ومعناه انه بنتظر منك الضغط

على الزاويه الملائمه على المُسطح .

مثال : الدائره الحمراء من الجهه اليسرى تضغط على الزاويه اليسرى للمُسطح .

اذا تًعرف على النقطه ينتقل بشكل تلقائي للنقطه التاليه حتى الانتهاء من كل النقاط

وبعدها نكون اتممنا اهم عمليه .للخروج من شاشه التكييل بجب الضغط على الحرف X .

صوره لشاشة التكييل قبل البدأ بالعمليه

https://img8.imageshack.us/img8/7738/calibration1.jpg


صوره لشاشة التكييل بعد البدأ بالعمليه ونلاحظ دائره حمراء من الجهه اليمنى

https://img291.imageshack.us/img291/...libration2.jpg

لتوضيح الخطوه بشكل افضل هذه الصوره توضح علاقة المُسطح لخطوة التكييل , نضغط على

المُسطح حسب موقع الدائره الحمراء الموجوده في شاشة التكييل .

https://img24.imageshack.us/img24/5483/calibration3.jpg


ملاحظه : يمكن ان تكون الزوايا ليست على طرف المسطح لان الكاميرا ممكن ان تكون محدوده في مربع اصغر من الاطراف .


يجب ابقاء البرنامج Tbeta مفتوح وان يعمل طوال الوقت لان البرنامج بدوره يقوم بتجرمة حركة

الاصابع وتحويله للغه تفهمها البرامج التي تدعم هذه اللغه.


الاختبار والنتائج :

نقطه مهمه يجب ذكرها , الغرفه يجب ان تكون مضاءه ولن تنفع الطريقه في غرفه مظلمه

ارتفاع الصندوق له علاقه بحدود التصوير للكاميرا , كل ما كان اقل كل ما كان مربع التصور أصغر(17.4.09)

بعد الانتهاء من ضبط الاعدادات ننتقل لاكثر المراحل اثاره , وهي المرحله التي نختبر ما قمنا به

في البدايه وقبل تشغيل البرامج , يجب تشغيل برنامج موجود في مجلد demos أسمه

FLOSAC Gateway بعد تشغيل نضغط على start بعدها يمكن تشغيل اي برنامج او ملف فلاش

يدعم تعدد اللمس هذا البرنامج يُمثل الوسيط بين برامج الفلاش وبين البرنامج الذي يترجم حركة

الاصابع (أي ان يكون برنامجين يعملان طوال الوقت عند تشغيل اي برنامج في مجلد الdemos

برنامج tbeta وبرنامج FLOSAC Gateway ).

من خلال المجلد demos هنالك العديد من البرامج او من ملفات الفلاش التي تدعم تعدد اللمس

ويمكن تجربتها عن طريق تشغيل اي برنامج تريد , .طبعا يوجد المزيد من التطبيقات التي

تستخدم تقنية اللمس وغير موجوده في المجلد .

وهذه قسم من الاختبار عرضته على شكل صور متحركه

هذه الامثله تعرض الامكانيات وتبين لك اذا كانت الطريقه قد نجحت ويمكن مشاهدة كيف يمكن للمس ان يحل مكان الفأره .

https://img14.imageshack.us/img14/7290/earthwmt.gif


https://img14.imageshack.us/img14/5074/fireesw.gif


https://img13.imageshack.us/img13/7704/photox.gif

https://img12.imageshack.us/img12/6645/waterv.gif

ولمن يريد مشاهدة الاختبار بالفيديو كامل رفعت مقطع الفيديو على موقع zshare

لتحميل مقطع الفيديو



تلخيص :

يمكن تلخيص تقنية اللمس المتعدد التي استعملنها في الموضوع بأن الكاميرا وظيفتها ارسال

الصوره للجهاز , البرنامج tbeta يقوم بدوره بأخذ هذه الصور "وتمريرها" عن طريق فلاتر (filters)

هذه الفلاتر ترصد تحرك الاصابع وتغيير مكانها من مكان الى اخر , بما ان البرنامج يحفظ اعدادات

التكييل عندها يعرف اين تحركة الاصابع على المُسطح .

هنالك العديد من الطرق لهذه التقنيه وهذه الطريقه تُعد الابسط والاسهل من بين كل الطرق .

ومنا من يسأل اذا كانت طريقه ما لعمل شاشة متعددة اللمس وليس مُسطح . يمكن ذلك لكن

بطريقة مختلفه وتعتبر مكلفه بعض الشيء هي بأستعمال (projector) واضاءه اشعه infra red

وقد تصل التكلفه الى 500 دولار وفوق .

لتطبيق الطريقه مُفضل ان يكون جهاز قوي نسبيا (ثنائي نواه), لان البرنامج ثقيل بعض الشيء ,

لاني قمت في البدايه بتطبيق الطريقه على جهاز محمول والجهاز يعتبر قديم نسبيا

وبعد الانتهاء من الاعدادات قمت بتشغيل البرامج التي تدعم اللمس المتعدد وشعرت عندها في

بطأ في الرد على حركة الاصابع , وشاهدت عن طريق مدير المهام ان البرنامج رصد الحركه ثقيل

من ناحية وقت المعالج .يمكن القول ان تشغيلها على جهاز قوي نسبيا لن تشعر في بطأ أثناء

التطبيق والتجربه .

انتهى والحمد لله

:rolleyes:

فنان ومواضيع جباره اخوي tazko

قواك الله حبيبي

;)

الأخ tazko انت مبدع وموضوعك مميز ولا شبيه له في منتديات التقنية العربية

بارك الله فيك استمر وفقك الله .

تسلم تازوكو

والله من زمان شفت هالمقطع على اليوتيوب وكان ودي اسوي الحركه

https://www.youtube.com/watch?v=pQpr...c-HM-fresh+div

فكر جميله جـداً ومميزه :")
تشكر على تجربه

يا سلامممممممممممم
أنت أكثر من مبدع
أنشاء الله أعمله :)

السلام عليكم

رائع اخى طريقة جميلة وذكية جارى تجربة

ماشاء الله

شرح جدا رائع وجميل

جاري التجربة ^_^

السلام عليكم اخى...
موضوع ممتاز جدا جدا مثلك...
و فكرة عجبية فعلا
و تم التقيم
*****

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

موضوع ولا اروع ...من شخص ولا احلي.... جزاك الله كل خير...

بارك الله فيك

الف شكر اخي العزيز .. بارك الله فيك
تم التقييم 5 نجوم :)

الف شكر
موضوع رائع جدا

دائما ً ياتازكو مميز الله يعطيك الف عافيه تقبل مروري البسيط.