المساعد الشخصي الرقمي

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


tazko
16-04-2009, 11:34 AM
http://absba8.absba.org/teamwork10/bb.gif







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


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






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




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



المقدمه :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

التقنيه .

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

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



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



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

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




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


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




ورق أبيض :

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


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






صندوق :

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

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

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








مسطح شفاف :

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

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


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





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

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


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




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


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




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




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




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


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





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

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

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

تنزيل (http://www.zshare.net/download/5850788021ada7aa/)

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

1)tbeta

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

TUIOmouse(2

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

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

demos(3

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

media appv2(4

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

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


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

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



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

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

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

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

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

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


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

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

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


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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

http://img291.imageshack.us/img291/268/calibration2.jpg

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

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

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


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


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

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


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


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

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

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

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

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

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

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

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

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

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

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

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





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

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


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


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

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


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

لتحميل مقطع الفيديو (http://www.zshare.net/video/58716270ce2a125c/)



تلخيص :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الهترك
16-04-2009, 11:49 AM
كعادتك
مفاجآت
لا يمكن أبدا توقع ماذا تخفي في يدك للمرة القادمة...............

جميل جدا جدا جدا جدا جدا
و جديد
و بسيط ..

محمد غريب ®
16-04-2009, 12:15 PM
كعادتك
مفاجآت
لا يمكن أبدا توقع ماذا تخفي في يدك للمرة القادمة...............

جميل جدا جدا جدا جدا جدا
و جديد
و بسيط ..

السلام عليكم ورحمة الله
دائما ما يقف الكلام عاجزا عن التعبير امام مواضيعك
ففى كل مرة تبدع اكثر من المرة الماضية
وصراحة اذا حسبنا تكلفة الموضوع
فسنجدة تقربيا 60 جنية مصرى
كاميرا ب 30 جنية وباقى اللاوزم 30 جنية

بارك الله فيك وجزاك كل خير يارب

heno1984
16-04-2009, 12:48 PM
والله يا اخ تازكو انت رهيب شكرا كتير على الموضوع الاكثر من رائع

alfatih3
16-04-2009, 01:44 PM
السلام عليكم ورحمة الله
دائما ما يقف الكلام عاجزا عن التعبير امام مواضيعك
ففى كل مرة تبدع اكثر من المرة الماضية
وصراحة اذا حسبنا تكلفة الموضوع
فسنجدة تقربيا 60 جنية مصرى
كاميرا ب 30 جنية وباقى اللاوزم 30 جنية

بارك الله فيك وجزاك كل خير يارب
ولا أروع من كده

deferentman
16-04-2009, 02:02 PM
الله الله الله

موضع رائع من عضو أروع

ان شاء الله رح أجرب الطريقة وأردلك خبر

5/5

جزاك الله خيرا

صديق اللبدى
16-04-2009, 04:16 PM
ممتاز

ريم الفلا
16-04-2009, 06:10 PM
ماشاء الله عليك فعلا ابعدت الله يوفقك و يحميك.
و ان شاء الله حاول اطبقها

tazko
17-04-2009, 05:50 AM
السلام عليكم

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

منورين الموضوع

وكلامكم يشجعني على المزيد .

احمد شخشير
17-04-2009, 07:04 AM
كعادتك
مفاجآت
لا يمكن أبدا توقع ماذا تخفي في يدك للمرة القادمة...............

جميل جدا جدا جدا جدا جدا
و جديد
و بسيط ..

مبدع ورائع اخي الكريم ..5\5

abotanton
17-04-2009, 10:06 AM
ما شاء الله
رائع جداً
الله يوفقك

omar ayash
17-04-2009, 11:05 AM
السلام عليكم

بصراحه اعجز عن وصف ابداعاتك

ما شاء الله عليك

الله يحميك

Pheonix Warrior
17-04-2009, 01:12 PM
ما شاء الله
اتحفتنا بالمعلومات يا اخ تازكو
بارك الله فيك

HAMMER MAN
17-04-2009, 02:27 PM
مشكور
موضوع رائع اخى الكريم

elmohandes_net
17-04-2009, 05:46 PM
موضوع جميل ولكن البرامج لو تنزلها على اكثر من موقع لانى مش عارف انزلها وشكرا

tazko
18-04-2009, 07:32 AM
بارك الله فيكم اخواني

سيتم الرفع من جديد للملفات والفيديو

hamamo
18-04-2009, 12:10 PM
مبدع بشكل رائع
قرات عن الطريقه من قبل و لكن لم اجربها
و احب ان اضيف يمكن ايضا كما ذكرت استعمال نفس المبدأ لعمل سبوره(لوح طباشير) ذكي و بتكلفه قليله جدا مقارنه مع اسعار الالواح الذكيه
مشكور على المشاركه

tazko
18-04-2009, 01:57 PM
مشكورين الجميع على التشريف والرد

وهذا رابط جديد للبرامج http://ifile.it/04mqxgd

مشكور اخ hamamo على مرورك , كلامك صحيح التكلفه أقل بكثير من السعر العادي

katkot123
18-04-2009, 02:05 PM
هذا ليس مجرد موضوع و لكنه ابداع

hitman_844
18-04-2009, 07:14 PM
ماشاء الله لاقوه الابالله والله انت عبقري الله يحفظك ويحميك واحلى اهداء الك من شباب العراق/الموصل

matrex_88
18-04-2009, 08:11 PM
يا اخي حيرتني ... ماذا اقول
موضوع رائع رائع رائع
وقمة بالابداع
سلمت يداك

slilo
19-04-2009, 05:00 PM
ماشاء الله شرح رائع ومتعوب عليه جزاك الله خيراً وجعلها في ميزان حسناتك
تقبل تحيات أخوك أحمد

lek_fouad
19-04-2009, 05:35 PM
بارك الله فيك وجزاك خير الجزاء

بايذاوي
19-04-2009, 08:59 PM
ما شااااااااااااااااااااء الله

جهد جبار ومشكوووووووور عليه

وننتظر جديديك

™ JoLaN
22-04-2009, 11:49 PM
كعادتك
مفاجآت
لا يمكن أبدا توقع ماذا تخفي في يدك للمرة القادمة...............

جميل جدا جدا جدا جدا جدا
و جديد
و بسيط ..

farnawany
23-04-2009, 12:35 AM
مبدع ومتجدد دائما اخي tazko
5/5

tool_1111
24-04-2009, 02:51 PM
السلام عليكم
احسنت و ابليت استادي الكريم جزاك الله علينا و على هدا المنتدى بألف خير

abu omar mustaf
24-04-2009, 05:33 PM
wonderfuuuuuul man , it is realy very nice, many thanks to you

3abdo_13
24-04-2009, 06:17 PM
والله اخى تازكو إنت فعلا محير . :eek:

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

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

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

أتقدم إليك بجزيل الشكر ، داعيا الله أنا يرزقك التوفيق فيما يحبه ويرضاه .

دمت بكل الود ، :) والله الموفق .

The.Dragon
24-04-2009, 06:33 PM
فكره رائعه و شرح من اروع ما يكون
مبدع دائما
و في انتظار كل جديد من تازكو

3abdo_13
28-04-2009, 06:54 PM
يرفع للفائدة

zezonasr
01-12-2009, 01:34 AM
أخى tazko
حقاً لا أعرف ما يصينى عندما أتصفح مواضيعك
أشعر بأنى عاجز عن إيجاد كلام لاشكرك به
لانى مهما قلت فلن أوفيك حقك
موضوع فى منتهى الجمال
و أشتاق كثيراً للتجربه
تسلم إيدك
5/5

عصر القوة
01-12-2009, 01:43 AM
موضوع غاية في الروعة
وعذرا اني لم اطلع عليه الا الان

khaled aladwar
01-12-2009, 02:15 AM
مبدع مبدع مبدع

بــــــارك الله فــــيــــــــك

1000/1000

khaled aladwar
01-12-2009, 02:21 AM
ارجو التثبيت

fox1000
02-12-2009, 11:12 AM
روووووعة اخ تازكو

جزاك الله خيرا

بس فيه سوال الصندوق اللى فى الشرح صندوق علب ايش ؟؟؟ هع هع هع

tazko
02-12-2009, 01:40 PM
السلام عليكم

أشكر الجميع على المرور والمشاركه بارك الله فيكم

ردودكم تشجعني على تقديم المزيد دائما

ألف شكر للجميع مره اخرى

coolsky mAn
02-12-2009, 03:59 PM
ما شاء الله

ابداعاتك المتواصلة تتحفنا دائماً

الغريب.
02-12-2009, 04:18 PM
جزاك الله خيرا

tazko
02-12-2009, 04:22 PM
على العلم ان هذا الموضوع كان البدايه في الدخول الى عالم التاتش

وكان حلمي ان اعمل شاشه وليس مُسطح والحمد الله تحقق :D

coolsky mAn
02-12-2009, 05:48 PM
على العلم ان هذا الموضوع كان البدايه في الدخول الى عالم التاتش

وكان حلمي ان اعمل شاشه وليس مُسطح والحمد الله تحقق :D

يلا الحمد لله تحقق حلمك

وعقبال تصنع آلة حساسات للحركة على الهواء بدون مسطح :D:):rolleyes:

الغريب.
02-12-2009, 06:56 PM
على العلم ان هذا الموضوع كان البدايه في الدخول الى عالم التاتش

وكان حلمي ان اعمل شاشه وليس مُسطح والحمد الله تحقق :D
توكل على الله
ولا تخاف
نريد منك المزيد من الاختراعات
لاني انا اصبحت بالنسبه لي كالوجبه اليوميه :Dوادمنت على قراة مواضيعك:cool: فأرجوا ان ارى المزيد مع انه كلمه المزيد لاتكفي للتعبير عن شغفي :)

tazko
02-12-2009, 10:32 PM
الحمد لله انها مواضيعي تفيد
وانا سعيد جدا انها تعجبك
وان شاء الله راح تكون تطبيق للاختراعات في المستقبل :rolleyes:

fatosha
16-03-2011, 06:00 PM
ما شاء الله بجد بجد مبدعkise: و يارب الفكرة تنجح معايا , بس الروابط مفيهاش ملف ممكن ترفعها على رابط جديد و لو هينفع على ميديا فير:)

ihape
22-09-2011, 04:04 AM
ارجوا رفع الروابط مره اخى على سيرفرات اخرى واكون شاكر جدا