اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو [ تم تجديـد الشرح ] ..~

تم تحميل الصفحة في 1,8051437 ثانية
اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو [ تم تجديـد الشرح ] ..~

Warrior

VIP DeveloPer
إنضم
29 مايو 2008
المشاركات
6,780
الإعجابات
410
النقاط
0




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






[ Multi-touch ]

-مقدمه

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

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

-الاختبار

- تلخيص









المقدمه :

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

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

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

قامت الكثير من الشركات في تبني هذه التقنيه في تطوير منتجات او برامج لكي تُمكن المستخدم من استغلال واستعمال التقنيه .


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

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



توسع انتشار استعمال شاشات اللمس المتعدد حتى ان شركة ميكروسوفت قامت قبل عامينبأصدار Microsoft Surface والذي أبهر العالم لما يمكن عمله بواسطة الاصابع ..

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


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

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

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

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

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


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









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

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





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




+










ورق أبيـض :

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












صندوق :

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

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












مسطح شفاف :

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

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












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














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





قم بعمل فتحه صغيره في زواية الصندوق بجب ان تكون في الاسفل كما هو مبين بالصوره :

الهدف من الفتحه هو لتمرير كابل الكاميرا لخارج الصندوق ..











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

كما هو مبين بالصوره









قم بألصاق الورقه فوق اللوحه الشفافه بحيث تغطيها بشكل كلي ,

انتبه الى ان تكون الورقه من الجهه العليا وليس العكس ,

وبعدها قم بوضع اللوحه الشفافه فوق الصندوق كما هو مبين بالصوره :















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





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


بعد ان أنتهينا من مرحلة تركيب المُسطح لنتابع المرحله الثانيه -

وهي مرحله تنصيب البرامج وضبط الاعدادات .

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

http://www.zshare.net/download/5850788021ada7aa/

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

1-tbeta

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

TUIOmouse-2

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

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

وعن طريقه نستطيع تحريك المؤشر حسب تحريك اصابعنا .

demos-3

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

media appv2-4

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

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




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









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

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


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

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

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

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

الموجوده حول الاصابع والتركيز على أطراف الاصابع ..


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

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


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



صوره بعد وضع الاصابع فوق المُسطح ما يهمنا الصوره في المربع الاسود

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

اي لونها ابيض ~







نلاحظ ان حجم الاصابع صغر لحجم طبيعي ودائري ,

انظر المستطيل الاخضر عن طريق

زياده للجهة اليمنى تختفي الشوائب , بعد ان انتهينا من ضبط اعدادات الاصابع نحفظ الاعدادات
بواسطة الضغط على المربع (أنظر رقم 5 )












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

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

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

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

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

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


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

ومعناه انه بنتظر منك الضغط على الزاويه الملائمه على المُسطح .

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

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

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



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











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









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

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





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


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

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







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


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

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

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

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

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

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

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

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

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

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


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






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


















...





ولمن يريد مشاهدة الاختبار بالفيديو كامل .. قم بتشغيل الفيديو التالـي :







تلخيص :

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

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

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


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

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

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

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

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

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

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

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



إنتهى الشرح .. اتمنى الفائـده للجميـع

..


:)
 

MajestiC

ExpErt DeveloPer
إنضم
14 أغسطس 2007
المشاركات
7,482
الإعجابات
320
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

أيدك من ذهب . .

:)
 
إنضم
5 ديسمبر 2008
المشاركات
6,629
الإعجابات
710
النقاط
113
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

ماشاءالله عليك يايزن ابداع حتى النخاع افدتنى كثير بهالموضوع الشيق والحصري :32:

..

جزاك الله الف خير على هالموضوع المميز :32:

..

تقبل مروري البسيط ياعزيزي :28:
 
إنضم
7 يناير 2008
المشاركات
6,982
الإعجابات
230
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

يآفنآآآآآن :6:

وربي موضوع رهيب وتم التقييم فديتك :6:
 
إنضم
24 أبريل 2009
المشاركات
110
الإعجابات
13
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

وعليكم السلام

موضوع اكثر من رائع سلمت يمينك عودتنا دائما على مواضيعك الجباره

وأن شاء الله سيتم التطبيق .. تقبل مروري

:)
 

Warrior

VIP DeveloPer
إنضم
29 مايو 2008
المشاركات
6,780
الإعجابات
410
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

ماشاءالله عليك يايزن ابداع حتى النخاع افدتنى كثير بهالموضوع الشيق والحصري :32:

..

جزاك الله الف خير على هالموضوع المميز :32:

..

تقبل مروري البسيط ياعزيزي :28:

إهـم شئ إنـك إستفدت من المـُوضـوع , حيــاك ربُي منـور محمـــود


:)
 

Warrior

VIP DeveloPer
إنضم
29 مايو 2008
المشاركات
6,780
الإعجابات
410
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

يآفنآآآآآن :6:

وربي موضوع رهيب وتم التقييم فديتك :6:
الله يحيــك مإتريكــس , ومشكـُور على التقييم فديتـك

:28:
 

Warrior

VIP DeveloPer
إنضم
29 مايو 2008
المشاركات
6,780
الإعجابات
410
النقاط
0

Warrior

VIP DeveloPer
إنضم
29 مايو 2008
المشاركات
6,780
الإعجابات
410
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

وعليكم السلام

موضوع اكثر من رائع سلمت يمينك عودتنا دائما على مواضيعك الجباره

وأن شاء الله سيتم التطبيق .. تقبل مروري

:)
تحُرجنـي دائمـاً بـ ذوقـك , حيــاك ثآئـر .. وإي استفسـآر انا جاهــز

:)
 
إنضم
5 مارس 2009
المشاركات
178
الإعجابات
25
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

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

لاكن كل شي متوفر عندي باستثناء المسطح الشفاف :28:

ان شاء الله لما اوفره راح اقوم بالتجربه

ويعطيك العافيه

:9: :9:
 
إنضم
18 مارس 2009
المشاركات
672
الإعجابات
52
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !


مشاء الله تبارك الله شرح واااااااافي

وموضوع خيال

الله يعطيك العافيه :9:
 

staaar

ExpErt DeveloPer
rankrankrankrankrankrank
إنضم
26 ديسمبر 2007
المشاركات
5,199
الإعجابات
114
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

رآئع يزن ..

موضوع من الطرآز الأول .. والعيآر الثقيل ..

وليس بغريب .. عندما يكون بجآنب الموآضيع المفيدة مسمّى يزن كمال :)

تقبل مروري

:9:
 

Warrior

VIP DeveloPer
إنضم
29 مايو 2008
المشاركات
6,780
الإعجابات
410
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

حيــآكم مشكورين لـ تواجــدكم العطـُر أحبتـــي , ستـار تسلم ع التقييـم يآذوق


:9:
 
إنضم
31 ديسمبر 2008
المشاركات
4,126
الإعجابات
426
النقاط
0
الإقامة
أ‡أ،أ‘أ­أ‡أ–
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

قمـة الآبدآع هي { يزن } :)

كفييت ووفييت :)

آحلىآ تقييم والتقييم قليل :9:

تقبل مروري :)
 
إنضم
23 مارس 2009
المشاركات
170
الإعجابات
13
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

الله يعطيك مليون عافيه موضوع جبار بمعنى الكلمه دائما مبدع باختيارك

احترامي :9:
 
إنضم
22 ديسمبر 2006
المشاركات
8,643
الإعجابات
333
النقاط
83
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

ماشاء الله ..

~

تفكير نضيف .

{ علم الانسـان مآلم يعلم } ..

مشكور حبيبي على الموضوع
 
إنضم
29 أبريل 2007
المشاركات
1,850
الإعجابات
30
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

:15:

روٍوٍوٍعه .. يآ يزن


مجهور ولآ اروع حبيبي .. وآصل ولآتحرمنآ :15:


وآحلى تقييم
 

NoBlE

DeveloPer Plus
rankrankrankrank
إنضم
26 مايو 2007
المشاركات
1,193
الإعجابات
31
النقاط
0
رد: اصنع بنفسك مُسطح متعدد اللمـس [ Multi-touch ] شرح تفصيلي بالصور + فيديـو !

يزن .. لم أكٌن اعٌلم انك مٌخترع .. مٌـبـدع بما تحتوية الكلمة ...

تستحق التقييم [ +++++]
:9::13:
 

الأعضاء النشطين حاليآ الذين يشاهدون هذا الموضوع (1 عضو و 0 ضيف)

خيارات الاستايل

نوع الخط
مودك
اخفاء السايدر بار OFF
توسيط المنتدى OFF
فصل الأقسام OFF
الأقسام الفرعية OFF
عرض المشاركات
حجم الخط
معلومات العضو OFF
إخفاء التوقيع OFF

إرجاع خيارات الإستايل