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

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



https://img210.imageshack.us/img210/897/introimg.jpg

1)مقدمه.
2)اللوازم المطلوبه .
3)البرامج وضبط الاعدادات
4)الاختبار
5) ملاحظات

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

المقدمه :

تعود تقنية تعدد اللمس الى عام 1982 وبالتحديد في جامعة Toronto والتي طورت أول شاشه متعددة اللمس , ومنذ ذلك الحين اخذت هذه التقنيه في التطور والتقدم ,
واول منتج يَستعمل هذه التقنيه كان في وقت لاحق وذلك في عام 1999 . تقنية تعدد اللمس وبالانجليزيه Multi-Touch تٌمكن المستخدم امكانية التحكم بالجهاز بواسطة اكثر من أصبع
خلافا للتقنيه العاديه التي تعتمد على أصبع واحد فقط . قامت الكثير من الشركات في تبني هذه التقنيه في تطوير منتجات او برامج لكي تُمكن المستخدم من استغلال واستعمال التقنيه .
أشهر هذه المنتجات جهاز ال IPHONE الجهاز النقال من شركة Apple والذي حقق نجاح كبيرا ومن الاسباب الرئيسيه التي ساعدته على تحقيق هذا النجاح هو استعماله تقنية تعدد اللمس .
توسع انتشار استعمال مثل هذه الشاشات حتى ان شركة ميكروسوفت قامت قبل عامين بأصدار Microsoft Surface والذي أبهر العالم لما يمكن عمله بواسطة اللمس لكن سعره الباهظ ( 12,500 دولار )
لم يدخله للسوق كجهاز شعبي او منتشر وأقتصر شراءه على الشركات او المؤسسات بالاضافت الى ذلك قامت الشركه ايضا في ادخال دعم كامل وكبير لهذه التقنيه في الويندوز 7 الجديد .


الطرق لبناء شاشه متعددة اللمس :


1)FTIR - Frustrated Total Internal Refection
2)RearDI - Difused Illumination - front and rear
3)LLT - Laser light planE
4)DSI - Difused Surface Illumination
5)LED-LP - LED Light Plane

سنقوم من خلال هذا الشرح بأستعمال واحده من الطرق المذكوره سابقا , الطريقه هي RearDI
وتم اخذ بالحسبان البحث عن بدائل رخيصه وسهل الحصول عليها .

أي طريقه يجب ان اختار ؟

لا يوجد جواب قطعي , كل واحد يختار الطريقه التي يراها مناسبه له ,كل طريقه لها حسناتها
وسيئاتها . قمت بأدراج جداول مقارنه في اخر الموضوع تعرض سيئات وحسنات كل طريقه

لنتعرف على طريقة RearDI :

لنشاهد هذه الصوره التي تشرح بشكل مبسط كيفية عمل هذه الطريقه :

https://img39.imageshack.us/img39/6701/reard.png

نشاهد مصابيح اشعه تحت الحمراء ترسل الاشعه الى الاعلى بأتجاه المسطح هذا المسطح يمكن ان يكون من الزجاج الشفاف أو من ال "plexiglass"* , بحيث في حال لمس المسطح تنعكس هذه
هذه الاشعه الى الاسفل وبالتحديد في النقطه التي لمستها . الكاميرا الموجوده في الاسفل تلتقط هذه النقط وتقوم بدورها بارسال هذه المعلومات الى الحاسوب .
الطبقه العليا المسمى "diffuser" هي طبقه موجوده فوق المسطح ووظيفتها العمل كلاقط صوره من الكشاف الضوئي "بروجيكتور" بحيث تنعكس الصوره المنبعثه من البروجيكتور الى هذه الطبقه.

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

اللوازم المطلوبه :

بعد شرح الطريقه التي تم اختيارها سنقوم في هذا القسم من عرض كل اللوازم المطلوبه
لاتمام المشروع مع شرح مفصل بالصوره لكل قطعه .

الطاوله\خزانه :
الوظيفه : احتواء كل القطع في داخله , والجزء العلوي يكون مسطح اللمس .
لا يوجد تقييد محدد , يمكن استعمال خزانه قديمه او ليست مستعمله , من جهه اخرى يمكن
بناء طاوله جديده بعد التخطيط لها , حجم الطاوله مرتبط بشكل مباشر مع حجم الشاشه
التي ننوي عملها .

https://img39.imageshack.us/img39/535/p1090393.jpg

كل ما كانت الشاشه اكبر كل ما كان حجم الطاوله اكبر , كمثال الطاوله الظاهره
بالصوره ارتفاعها 80 سم عرضها 60 وطولها 80 وحجم الشاشه 30 انش تقريبا .
مفضل عمل فتحه او باب من احد جهات الطاوله لنتكمن لاحقا من اجراء تغيرات او توصيل للقطع
الموجوده في الداخل . مهم جدا تخطيط مسبقا لفتحات تهوئه خصوصا ان البروجيكتور سيكون مسبب رئيسي لارتفاع حرارة الطاوله , واذا قررت ادخال الحاسوب الى داخل الطاوله يجب عمل
فتحات تهوئه اضافيه .

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

https://img34.imageshack.us/img34/18...00991204am.png

المسطح او الشاشه :

بما اننا اخترنا طريقه RearDI يكون المسطح من الزجاج الشفاف او من مادة ال"plexiglass"

https://img339.imageshack.us/img339/3631/p1090400i.jpg

في طرق اخرى مثل الFTIR يكون المسطح من ال plexiglass فقط .
سماكة المسطح تكون من 3 الى 5 سم . حجم المسطح يكون كحجم الشاشه التي اخترناها
نأخذ بالحسبان بضعة سم اضافيه اذا اردنا عمل اطار , وكلٌ حسب تخطيطه .




diffuser:

طبقه تكون في القسم العلوي\السفلي للمسطح كما ذكرنا مسبقا الوظيفه الرئيسيه لهذه الطبقه
العمل كلاقط للصوره المنبثقه من البروجيكتور , ايضا يمنع تأثير الاضاءه الخارجيه على الكاميرا .
هنالك الكثير من المواد التي يمكن استعمالها ك "diffuser" , قمت بأختيار النايلون الابيض بكونه ارخص هذه المواد والمتوفر عند الغالبيه , هذا النايلون يكون على شكل لفافه تستعمل كغطاء للطاولات .

https://img17.imageshack.us/img17/2810/p1090560c.jpg

حتى لو لم تتوفر يمكن شراءها بسعر رخيص .الجوده كافيه وليست ممتازه لمن يريد
عمل طاوله احترافيه يمكنه استعمال مواد اخرى والسعر بيدأ ب10 دولار للمتر ويصل للطبقات الاحترافيه ل1500 دولار للمتر ! . في هذاالرابط
يمكن مشاهدة *مقارنه ضخمه لاغلب انواع طبقات الdiffuser , يمكن مشاهدة فرق في جودة الصوره بين الانواع المختلفه .
قسم من الانواع من الصعب الحصول عليه في الاسواق المحليه لكن يمكن شراءها عبر مواقع العالميه .

البروجيكتور :

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

https://img228.imageshack.us/img228/161/projw.jpg

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

https://img686.imageshack.us/img686/716/dist.png


المراَه :
وظيفتها زيادة البعد بين المسطح والبرجوكتور , والهدف الوحيد هو "ربح" بضعة انشات اضافيه
لحجم الشاشه . لست مجبر على تركيب المراَه لكن كل ما كان حجم الشاشه اكبر كل ما البعد
المطلوب بين المسطح والبرجوكتور اكبر للحصول على الحجم المطلوب .
استعمال المراَه يقلل حجم الطاوله واحيانا بشكل كبير .في الطاوله الموجوده في الموضوع
قمت بأستعمال مراَه واحده .يمكن استعمال اكثر من مراَه واحده لكن يجب التخطيط جيدا
لمكان التركيب . المراَه التي استعملتها هي مراه عاديه بسيطه ورخيصه .

https://img37.imageshack.us/img37/7493/mirrorv.jpg

لكن هنالك نوع خاص يسمى ب"Front Surface Mirror" لتوضيح الفرق بين هذا النوع
والنوع العادي لنشاهد هذه الصوره التي توضح الفرق بينهم :

https://img514.imageshack.us/img514/9052/mvsm.jpg
من الجهه اليمنى مراَه عاديه واليسرى مراَه Front Surface

المراَه العاديه قد تسبب ظاهرة "Ghost" أي ظل للصوره , انا شخصيا لم اشاهد هذه الظاهره
في مشروعي مع اني استعملت المراَه العاديه , النوع الثاني افضل من النوع العادي وايضا سعره اغلى


مصابيح الاشعه تحت الحمراء :
وظيفتها ارسال اشعه تحت الحمراء باتجاه المسطح ,بحيث كل لمسه للمسطح تعكس الاشعه
للاسفل وتحديدا بالنقطه التي لمستها ,الاشعه المنعكسه تلتقطها الكاميرا وترسلها الى الحاسوب
بالصوره نشاهد 4 مصابيح بحيث كل مصباح به 48 LED .

https://img26.imageshack.us/img26/9315/68403468.jpg

شاشه بحجم 30 انش بحاجه الى 4 مصابيح وكل ما كانت الشاشه اكبر كل ما تتطلب الامر زياده بعدد المصابيح لان حجم المسطح اكبر .

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

الكاميرا :
وظيفتها التقاط الاشعه التحت الحمراء التي تنعكس عندما نضغط على المسطح وبعدها تنقل المعلومات الى الجهاز .
بعد التجربه لا انصح باستعمال كاميرا رخيصه لاني في البدايه قمت باستعمالها وواجهت مشاكل كانت سببها الكاميرا , مفضل استعمال كاميرا ذات جوده عاليه
التي تعطي عدد كبير من الصور في الثانيه (Frame Per second) بدقه (resulotion) عاليه
اكثر الكاميرات شعبيه والتي يستعملها قسم كبير من صانعي شاشات اللمس وهي
كاميرا سوني PS3Eye .

https://img268.imageshack.us/img268/1922/camtc.jpg

التي تعطي 60 صوره في الثانيه بدقه 640 على 480
للمقارنه , كاميرا رخيصه تعطي 15 صوره في الثانيه في احسن الاحوال .
سعرها بالانترنت 40 دولار تقريبا .
الكثيرين استعملوا كاميرات من شركات اخرى وكانت النتائج ممتازه (مثل كاميرا XBox)
في كل الاحوال ليس محبذ استعمال كاميرات رخيصه
لجودتها المنخفضه وهي لا تلائم مثل هذه المشاريع .كاميرا سوني PS3Eye غير مخصصه للتوصيل لجهاز الحاسوب لكن قام احدهم في كتابة تعريف "درايفر" لتشغيل هذه الكاميرا وامكانية توصيلها للحاسوب .
في الوضع الطبيعي كل كاميرا يكون لها "Filter" للاشعه تحت الحمراء لمنع هذه الاشعه من الوصول للمستشعر "Sensor" الموجود داخل الكاميرا .بما اننا نريد الوضع العكسي اي ان نلتقط
الاشعه تحت الحمراء يجب اخراج هذا ال"Filter" من داخل الكاميرا لنتتبع هذه الخطوات والتي
نُظهر بها عمليه لاستخراج ال"Filter" .


نخرج القطع البلاستيكيه التي تغطي البراغي بعدها نفك البراغي ...
https://img209.imageshack.us/img209/8475/p1090325o.jpg

https://img402.imageshack.us/img402/5584/p1090328.jpg


نشاهد القسم الامامي من الكاميرا , نفك العدسه

https://img194.imageshack.us/img194/59/p1090330v.jpg


نشاهد صوره للمستشعر OV07720 وهو مستشعر CMOS

https://img205.imageshack.us/img205/970/p1090333.jpg

نشاهد الجزء الداخلي للعدسه , ال"Filter" هو الزجاج(لونه مائل للون الاحمر)
الموجود في الوسط , قطعة الزجاج هذه تمنع من الاشعه تحت الحمراء من المرور للمستشعر
هذه القطعه التي يجب ان نخرجها .

https://img192.imageshack.us/img192/2378/p1090336.jpg


نشاهد في هذه الصوره , العدسه وال"Filter" , بعد استخراج ال"Filter" لا يمكن تركيبه من جديد

https://img6.imageshack.us/img6/5751/p1090337b.jpg


بعد فك ال"Filter" وصلنا للمرحله الاخيره قبل تركيب الكاميرا من جديد , وضع قطعه هدفها منع
الاضاءه العاديه من المرور الى المستشعر وبهذا تحولت الكاميرا من كاميرا عاديه الى كاميرا تلتقط
الاشعه تحت حمراء فقط !! هذه القطعه يمكن ان تكون من شريط "نيجاتيف" الاشرطه التي نأخذها
بعد تحميض الصور أو قص قطعه من القرص المرن (القرص الاسود الموجود داخل القرص).
بعد هذه المرحله نركب الكاميرا من جديد .


https://img40.imageshack.us/img40/7574/p1090339j.jpg

عاكس :
https://img341.imageshack.us/img341/533/reflect.jpg

وظيفته تحسين انعكاس الاشعه داخل الطاوله المواد التي استخدمتها هي عاكس ضوء الشمس
الذي يستخدم للزجاج السياره الامامي ,يتم تركيبه على جوانب الطاوله , ليس اجباري استعماله .




صوره لكل القطع المشروحه سابقا :
https://img228.imageshack.us/img228/7515/alldc.jpg

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

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

وصلنا للجزء الذي يربط الحاسوب مع الطاوله , قمت برفع البرامج الرئيسيه التي ستحتاجها
الى موقعين :

رابط 1

رابط 2

يحوي الملف على 3 مجلدات

MultiTouchVista - second release - 2

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


Flashs
مجلد يحوي العديد من برامج اللمس والتي عن طريقها تختبر الشاشه .


CCV-1.2-win-bin

البرنامج الرئيسي الذي يربط الحاسوب بالطاوله (عن طريق الكاميرا), يستقبل المعلومات من الكاميرا وعن طريق فلاتر خاصه تقوم بتحليل الصور وتحديد مكان اللمس .
البرنامج يتطلب جهاز قوي لان البرنامج يعمل بشكل فوري (Real Time) , يستقبل معلومات يعلاجها عن طريق فلاتر ومن ثم تحديد مكان اللمس وبعدها ارسال المعلومات للبرامج التي تدعم اللمس .

تعريف كاميرا سوني لتعمل في بيئة الويندوز

لتفاصيل عن كيفية تركيب الكاميرا تابع هذا الرابط



1)هذه النافذه تعرض لنا ما تشاهده الكاميرا (بدون اية "فلتره" او تغير).

2)نفس الصوره من النافذه الاولى لكن بعد مرور الصوره لعدة فلاتر , يجب التأكد ان كل
لمسه بالاصبع يجب ان تظهر نقطه بيضاء تسمى (Blob) وعدم وجود شوائب محيطه بالنقطه
البيضاء

https://resources.iopanel.net/review...reen/tbl20.jpg


3)مباشره بعد تشغيل البرنامج يجب الضغط عليها مره واحده بدون لمس الشاشه
, وبهذا "نصفر" الشاشه قبل البدأ في عملية "الفلتره"

4)Max Blobs Size و Min Blobs Size تحديد حجم النقطه البيضاء (المكان التي تلمسه)
مهم جدا ان تكون الارقام معقوله بحيث ان يستطيع البرنامج التعرف على وجود نقاط لمس

5)تكييل النقاط , وهي عملية تحديد نقاط ال X,Y على الشاشه , الاعدادت تحفظ في ملف خاص

6)تحديد تقنية الاتصال مع البرامج
TUIO TCP = مخصص للبرامج التي تم برمجتها بتقنية الفلاش الخاصه باللمس
TUIO OSC = نختارها في حال تشغيل أي برنامج لم يكتب بالفلاش (عند نريد تحويل التحكم
بالويندوز عن طريق اللمس نختار هذا النوع

7)المرحله النهائيه , حفظ الاعدادات لملف , بالمره المقبله التي نشغل بها البرنامج يقوم بضبط الاعدادات من الملف



صوره توضح معنى الشوائب التي قد تظهر , الجهه اليمنى مع شوائب واليسرى بدون :

https://img163.imageshack.us/img163/3299/filters.th.png


ونجمل كل المراحل حسب الترتيب بالتالي :


1)نقرر اي طريقه نستعمل , نقرر حجم الشاشه وبعدها نبدأ بتخطيط الطاوله.
2)نشتري الحاجات الناقصه لاتمام المشروع(نايلون,كاميرا,زجاج...)
3)تركيب كل القطع وتوصيلها .
4)تركيب البرنامج الرئيسي والبرامج التي بواسطتها سنختبر الطاوله
5)تكييل الشاشه ضبط الاعدادات ومن ثم حفظها .
6)اختبار الطاوله عن طريق البرامج الداعمه للمس

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

4)نتائج الاختبار :

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

قد اخترت لكم 3 مقاطع فيديو

المقطع الاول :

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

الفيديو الاول


المقطع الثاني:

وهو اختبار لحزمة اللمس الموجوده في ويندوز 7 .

الفيديو الثاني


المقطع الثالث:

وهو عرض عام للمشروع مع العديد من برامج اللمس

الفيديو الثالث

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

5)ملاحظات :

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

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

99% من الصور المعروضه قمت بتصوريها خصيصا للموضوع .

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

الشاشه الموجوده في الشرح عاموديه لكن ليس بالضروره ان تكون كذلك , شاهدت مشاريع
كانت الشاشه اشبه لحائط أو حتى طاوله للصالون .

روابط مفيده :

https://wiki.nuigroup.com/Main_Page
https://nuigroup.com/forums/

روابط لجداول المقارنه بين الطرق المختلفه :


الجدول الاول

الجدول الثاني


أنتهى والحمد لله :)

جاري القراءة...

تم تقييم الموضوع مقدماً :)

بارك الله فيك

تحياتي

ما شاء الله
شغل ممتاز ورائع
موضوع مميز
تم التقييم


:ah4::ah4::ah4:

الف شكر ليك اخى الحبيب البروفيسور تازكو

كنت ناوى اعمل هذا المشروع

لكن فى مشكله كبيره قابلتنى هى

مصابيح الاشعه تحت الحمراء :

لم اجدها و بصراحه صعب ايجادها فى مصر

ممكن المصباح يوصل تمنه 1000 جنيه مثلا طبعا ما ادراك الجمارك و الشحن:ah32::ah5: نار يا حبيبى نار

موفق بالطبع استاذى الحبيب

و كل عام وانت بخير

و عساكم من عواده

تم التقييم

الابداع.. كلمة قليله في حقك والله
وجزاك الله خير على هذا التقرير الرائع :)

وكل عام وانت بخير

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

وبارك الله فيكم واعدكم بالمزيد

==========

استاذنا احمد زامل : وانا ايضا لم اجد هذه المصابيح لكن بالتالي وجدتها في محل واحد ثمنها اكثر من 100 دولار

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

انا لم ادفع جمارك

اقتباس:

---

المشاركة الأصلية كتبت بواسطة tazko

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

وبارك الله فيكم واعدكم بالمزيد

==========

استاذنا احمد زامل : وانا ايضا لم اجد هذه المصابيح لكن بالتالي وجدتها في محل واحد ثمنها اكثر من 100 دولار

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

انا لم ادفع جمارك

---

يا عم كريم و الله انت راجل محترم

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

ها تدفع يعنى ها تدفع و ممكن افع جارك عليعم اكثر من تمنهم مرتين تلاته

السلام عليكم

والله شيء :ah34: أستاذ أحمد

ربنا يسهل ...

الموضوع يستاهل التثبيت

وارجوا ان يتنبه المشرفون الى ذلك

تحياتي

[QUOTE=Max-S;1156710]جاري القراءة...

تم تقييم الموضوع مقدماً :)

بارك الله فيك

تحياتي
[/QUOTE بارك الله فيك]

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

السّلام عليكم...
لا تعليق أخي الكريم , و تمّ التّقييم للموضوع و صاحيه .
مع فائق الاحترام...

merci merci merci