الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

أيوني التفاعل--روبوت-روبوت ذاتي التوازن

هذا هو المشروع الذي قمنا فيه ببناء تطبيق للجوال للتحكم في روبوت متوازن مخصص من خلال واجهة Bluetooth HC-08. يسمح المشروع بإرسال أوامر إلى وحدة التحكم Micro Arduino لأداء مهام مثل:

  1. الحركة في الاتجاهات الأربعة: إلى الأمام والخلف واليمين واليسار من خلال واجهة عصا التحكم.
  2. الحصول على جميع القياسات من مستشعرات الروبوت لتمثيل حالة الروبوت في الجداول والرسوم البيانية.
  3. قم بتغيير ثوابت أدوات التحكم في PID ، وسرعات الروبوتات القصوى.
  4. ارسم خريطة الروبوت في قماش بالنظر إلى القياسات.

مكدس محدد

كان الإطار المحدد هو إطار العمل الأيوني ، فهذه أداة لطيفة للغاية لبناء تطبيقات Android و iOS للهاتف المحمول باستخدام JavaScript و HTML و CSS. لكن لهذا بالذات ، اخترت ReactJS كمكتبة JavaScript مع قالب TypeScript. بالنسبة لإدارة الدولة ، تم اختيار Redux مع سد React.

نماذج الدولة والهندسة المعمارية 

 ////////////////////////// INTERFACES ////////////////////////
export interface IRobotState {
  linearVelocity : number ;
  angularVelocity : number ;
  incliAngle : number ;
  posX : number ;
  posY : number ;
  robotOrien : number ;
  battery ?: number ;
  startSampling ?: boolean ;
  sampleTime ?: number ;
  persistData ?: boolean ;
  records ?: Array < {
    linearVelocity : number ;
    angularVelocity : number ;
    incliAngle : number ;
    posX : number ;
    posY : number ;
    robotOrien : number ;
    battery : number ;
  } > ;
}
/////////////////////////////////////////////////////////////////

////////////////////////TYPES////////////////////////////////

export const SET_ROBOT_DYNAMIC_STATE = 'SET_ROBOT_DYNAMIC_STATE' ;
export const RESET_ROBOT_DYNAMIC_STATE = 'RESET_ROBOT_DYNAMIC_STATE' ;
export const PERSIST_ROBOT_DYNAMIC_STATE = 'PERSIST_ROBOT_DYNAMIC_STATE' ;

///////////////////////////////////////////////////////////

const initialState : IRobotState = {
  linearVelocity : 0.0 ,
  angularVelocity : 0.0 ,
  incliAngle : 0.0 ,
  posX : 0 ,
  posY : 0 ,
  robotOrien : 0.0 ,
  battery : 50 ,
  startSampling : false ,
  sampleTime : 150 ,
  persistData : false ,
  records : [ ] ,
} ;

مؤلفات علامات واجهة المستخدم

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

  1. سائق
  2. تلقائي
  3. ضبط وحدات التحكم
  4. المقاييس

العمل مع هذا المشروع

للتعاون أو ببساطة استخدام هذا المشروع ، يجب أن يكون لديك بيئة Android جاهزة.

1. قم بتنزيل وتثبيت Android Studio وتثبيت SDK

[https://developer.android.com/studio]

2. تكوين متغير بيئة Android_SDK_ROOT

إذا كنت مستخدمًا Linux ، فأنت ببساطة تنفذ هذا أو تضيفه إلى ملف التكوين الخاص بـ shell. مثال: bash_profile ، bashrc إلخ. 

 export ANDROID_SDK_ROOT= $HOME /Library/Android/sdk
export PATH= $PATH : $ANDROID_SDK_ROOT /emulator
export PATH= $PATH : $ANDROID_SDK_ROOT /platform-tools

3. انتقل إلى AVD Manager على Android Studio وإنشاء محاكاة

4. تثبيت العقدة

[https://nodejs.org/en/]

5. تثبيت Ionic CLI

[https://ionicframework.com/docs/intro/cli]

بمجرد تنزيل الريبو ، قم بتشغيل الأوامر التالية 

npm install
ionic serve

هذا يدير المشروع في متصفح الويب الخاص بك ولكن Pluggins الأصلية لن تعمل.

6. إنشاء مشروع Android 

ionic cap add android

لإنشاء مشروع iOS 

ionic cap add ios

افتح استوديو Android في المجلد Android وقم بتشغيل التطبيق في المحاكاة.

بالنسبة للوظائف الحية والعمل مباشرة على التطبيق المثبت على محاكاة هذا. 

npm run dev

انظر مستودع الروبوت

[https://github.com/josealejandro2928/self-balancing-arduino-robot-controller]

العرض التوضيحي للتطبيق

في جذر المشروع ، لديك عرض تجريبي للتطبيق ". 

SB_Controller.apk

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

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل