BashmailOmar / control-interface-WEBSITE-v2

تمت اضافة لوحة تحكم باتجاه الروبوت

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

control-interface-WEBSITE-v2

هذا العمل متطلب لدى شركة الأساليب الذكية

-- طريقة الإستخدام --

1- وضع القيم لكل محرك.

2- ثم الضغط على كلمة SAVE.

3- يتم ارسال القيم لقاعدة البيانات.

4- يتم تخزين القيم في قاعدة البيانات.

5- يتم ارسال القيم من قاعدة البيانات لصفحة الـ valuesView.

6- وعند الضغط على زر START يتم تغيير الحالة من ( 0 الى 1) او ( 1 الى 0 ).

7- عند الضغط على اي رز ( Left,Right,Forward,Back,Stop ) يتم تخزين القيمة في قاعدة البيانات وعرضها في صفحة directionView.

8- اخيرا يمكنك عرض الصفحة على اجهزة الجوال بشكل مناسب كم يتضح في الصورة

mobile web view

WhatsApp Image 2021-06-23 at 7 58 48 AM

وايضا من خلال الرابط التالي ( https://bashmailomar.github.io/control-interface-WEBSITE-v2/ )

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

Desktop 2021 06 23 - 22 28 32 02

-- شرح محتويات الملفات --

1- index.php و index.html ( تحتوي على هيكل واجهة التحكم. )

2- style.css ( يحتوي على تصميم واجهة التحكم ويجعلها قابلة للإستخدام. )

3- main.js و plg.js ( يجعل الصفحة تفاعلية مع المستخدم. )

4- jquery-3.6.0.min.js ( استدعاك مكتبة JQUERY. )

5- conn.php ( يتم الاتصال بقاعدة البيانات وتحديث قيم في قاعدة البيانات. )

6- valuesView.php و directionView.php ( يتم جلب القيم والاتجاه من قاعدة البيانات. )

About

تمت اضافة لوحة تحكم باتجاه الروبوت


Languages

Language:PHP 41.9%Language:CSS 27.3%Language:HTML 18.4%Language:JavaScript 12.4%