গুগল ম্যাপের মাধ্যমে পরিবহন ডেটা ভিজুয়ালাইজেশন: 6 টি ধাপ

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 08:01

আমরা সাধারণত বাইক চালানোর সময় বিভিন্ন ডেটা রেকর্ড করতে চাই, এবার আমরা তাদের ট্র্যাক করার জন্য নতুন Wio LTE ব্যবহার করেছি।

ধাপ 1: এই প্রকল্পে ব্যবহৃত জিনিসগুলি

Hareware উপাদান

• Wio LTE EU সংস্করণ v1.3- 4G, Cat.1, GNSS, Espruino সামঞ্জস্যপূর্ণ
• গ্রোভ - ইয়ার -ক্লিপ হার্ট রেট সেন্সর
• গ্রোভ - 16 x 2 এলসিডি (হলুদে কালো)

সফটওয়্যার অ্যাপ এবং অনলাইন সেবা

• Arduino IDE
• PubNub পাবলিশ/সাবস্ক্রাইব API
• গুগল মানচিত্র

ধাপ 2: গল্প

ধাপ 3: হার্ডওয়্যার সংযোগ

ওয়াইও এলটিইতে জিপিএস এবং এলটিই অ্যান্টেনা ইনস্টল করুন এবং এতে আপনার সিম কার্ডটি সংযুক্ত করুন। ইয়ার-ক্লিপ হার্ট রেট সেন্সর এবং 16x2 LCD কে Wio LTE এর D20 এবং I2C পোর্টে সংযুক্ত করুন।

আপনি ইয়ার-ক্লিপ হার্ট রেট সেন্সরকে আপনার পছন্দ মতো অন্যান্য সেন্সরে পরিবর্তন করতে পারেন। অনুগ্রহ করে এই নিবন্ধের শেষ দেখুন।

ধাপ 4: ওয়েব কনফিগারেশন

পর্ব 1: PubNub

এখানে ক্লিক করুন লগইন করুন বা একটি PubNub অ্যাকাউন্ট নিবন্ধন করুন, PubNub ম্যাপে রিয়েল-টাইম ডেটা প্রেরণ করতে ব্যবহৃত হয়।

পাবনুব অ্যাডমিন পোর্টালে ডেমো প্রকল্প খুলুন, আপনি একটি পাবলিশ কী এবং একটি সাবস্ক্রাইব কী দেখতে পাবেন, সফটওয়্যার প্রোগ্রামিংয়ের জন্য সেগুলি মনে রাখবেন।

পার্ট 2: গুগল ম্যাপ

গুগল ম্যাপ এপিআই কী পেতে দয়া করে এখানে অনুসরণ করুন, এটি সফটওয়্যার প্রোগ্রামিংয়েও ব্যবহার করা হবে।

ধাপ 5: সফটওয়্যার প্রোগ্রামিং

পার্ট 1: Wio LTE

যেহেতু Wio LTE এর জন্য কোন PubNub লাইব্রেরি নেই, আমরা HTTP রিকোয়েস্ট থেকে আমাদের ডেটা পাঠাতে পারি, PubNub REST API Document দেখুন।

Wio LTE তে আপনার সিম কার্ডের মাধ্যমে একটি HTTP সংযোগ তৈরি করতে, আপনাকে প্রথমে আপনার APN সেট করতে হবে, যদি আপনি এটি না জানেন, তাহলে আপনার মোবাইল অপারেটরদের সাথে যোগাযোগ করুন।

এবং তারপরে, আপনার PubNub পাবলিশ কী, সাবস্ক্রাইব কী এবং চ্যানেল সেট করুন। এখানে চ্যানেল, প্রকাশক এবং গ্রাহকদের পার্থক্য করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, আমরা এখানে চ্যানেল বাইক ব্যবহার করি, চ্যানেল বাইকের সকল সাবস্ক্রাইবার আমাদের প্রকাশিত বার্তা পাবেন।

উপরের সেটিংস, আমরা ক্লাসে প্যাক করা হয়নি, যাতে আপনি সেগুলো বাইক.ইনোতে সহজেই পরিবর্তন করতে পারেন, আপনি এই নিবন্ধটির শেষ থেকে এই কোডগুলি ডাউনলোড করতে পারেন।

পার্ট 2: PubNub

Wio LTE তে Boot0 কী টিপুন এবং ধরে রাখুন, এটি একটি USB তারের মাধ্যমে আপনার কম্পিউটারের সাথে সংযুক্ত করুন, Arduino IDE এ প্রোগ্রামটি আপলোড করুন, Wio LTE তে রিসেট কী টিপুন।

তারপরে পাবনুবের দিকে যান, ডেমো প্রজেক্টে ডিবাগ কনসোল ক্লিক করুন, ডিফল্ট চ্যানেলে আপনার চ্যানেলের নাম পূরণ করুন, ক্লায়েন্ট যোগ করুন ক্লিক করুন।

যখন আপনি কনসোলে [1, "সাবস্ক্রাইব", "বাইক"] দেখতে পান, তখন সাবস্ক্রাইবার সফলভাবে যোগ করা হয়েছে। কিছুক্ষণ অপেক্ষা করুন, আপনি কনসোলে Wio LTE ডেটা দেখতে পাবেন।

পার্ট 3: গুগল ম্যাপ

ENO মানচিত্র হল PubNub এবং MapBox এর সাথে রিয়েল-টাইম মানচিত্র, এটি PubNub এবং Google মানচিত্রের জন্যও ব্যবহার করা যেতে পারে, আপনি এটি GitHub থেকে ডাউনলোড করতে পারেন।

আপনি কেবল উদাহরণ ফোল্ডারে google-draw-line.html নামে একটি উদাহরণ ব্যবহার করতে পারেন, শুধু পাবলিশ কী, সাবস্ক্রাইব কী, চ্যানেল এবং গুগল কী 29, 30, 33 এবং 47 লাইনে পরিবর্তন করুন।

বিজ্ঞপ্তি: অনুগ্রহ করে লাইন 42 মন্তব্য করুন, অথবা এটি আপনার PubNub- এ সিমুলেশন ডেটা পাঠাবে।

যদি আপনি নীচের ডান কোনে হার্ট রেট চার্ট প্রদর্শন করতে চান, তাহলে আপনি Chart.js ব্যবহার করতে পারেন, এটি এর ওয়েবসাইট থেকে ডাউনলোড করা যায়, এটি ENO ম্যাপের রুট ফোল্ডারে রাখুন এবং এটি google-draw-line.html এর মাথায় অন্তর্ভুক্ত করুন। ।

এবং চার্ট প্রদর্শন করতে একটি ডিভিতে একটি ক্যানভাস যুক্ত করুন:

তারপর চার্ট ডেটা রাখার জন্য দুটি অ্যারে তৈরি করুন

//… var chartLabels = নতুন অ্যারে (); var chartData = নতুন অ্যারে (); //…

তাদের মধ্যে, চার্ট লেবেলগুলি লোকেশন ডেটা রাখার জন্য ব্যবহৃত হয়, হার্ট রেট ডেটা রাখার জন্য চার্ট ডেটা ব্যবহার করা হয়। যখন বার্তা আসে, তাদের কাছে নতুন ডেটা চাপান এবং চার্ট রিফ্রেশ করুন।

//… var map = eon.map ({message: function (message, timetoken, channel) {//… chartLabels.push (obj2string (message [0].latlng)); chartData.push (message [0].data var; হার্ট রেট ", ডেটা: চার্টডাটা]}}); //…}});

সব শেষ. পরের বার বাইক চালানোর সাথে এটি নেওয়ার চেষ্টা করুন।

ধাপ 6: অন্যান্য সেন্সর গ্রোভের সাথে কীভাবে কাজ করবেন?

Wio LTE এর প্রোগ্রামে, আপনি চার্টে প্রদর্শনের জন্য বা আরও কিছু করতে একটি এবং একাধিক কাস্টম ডেটা নিতে পারেন। নিম্নলিখিত নিবন্ধটি দেখায় যে প্রোগ্রামটি কীভাবে অর্জন করতে হয় তা পরিবর্তন করতে হয়।

আপনার প্রথম যে জিনিসটি জানা দরকার তা হল, আপনি যে জসনটি PubNub এ প্রকাশ করতে চান তা url-encoded হওয়া উচিত। এনকোডেড json বাইকট্র্যাকার ক্লাসে হার্ড-কোডেড, এটি দেখতে এরকম:

%% 5b %% 7b %% 22latlng %% 22 %% 3a %% 5b%f %% 2c%f %% 5d %% 2c %% 22data %% 22 %% 3a%d %% 7d %% 5d

সুতরাং একটি কাস্টম ডেটা নেওয়া সহজ, অথবা আপনি আপনার নিজের এনকোডেড json তৈরি করতে url-encode টুলস ব্যবহার করতে পারেন আরও ডেটা নিতে।

এবার আমরা হার্ট রেট গ্রোভকে প্রতিস্থাপন করতে I2C High Accracy Temp & Humi Grove ব্যবহার করার চেষ্টা করি। যেহেতু LCD Grove I2C ব্যবহার করে, তাই আমরা একটি I2C Hub ব্যবহার করে Temp & Humi Grove এবং LCD Grove কে Wio LTE এর সাথে সংযুক্ত করি।

তারপর BickTracker.h- এ হেড ফাইল অন্তর্ভুক্ত করুন এবং তাপমাত্রা সংরক্ষণ এবং পরিমাপ করার জন্য BikeTracker ক্লাসে একটি পরিবর্তনশীল এবং একটি পদ্ধতি যোগ করুন।

/// BikeTracker.h

//… #অন্তর্ভুক্ত "Seeed_SHT35.h" শ্রেণীর অ্যাপ্লিকেশন:: বাইকট্র্যাকার: অ্যাপ্লিকেশন:: ইন্টারফেস:: আইঅ্যাপ্লিকেশন {//… সুরক্ষিত: //… SHT35 _sht35; ভাসা _ তাপমাত্রা; //… অকার্যকর পরিমাপ তাপমাত্রা (অকার্যকর); } /// বাইকট্র্যাকার। অকার্যকর:: ইথারনেট (ইথারনেট ()), _gnss (GNSS ()), _sht35 (SHT35 (21)) {} //… অকার্যকর বাইকট্র্যাকার:: পরিমাপ তাপমাত্রা (শূন্য) {ভাসমান তাপমাত্রা, আর্দ্রতা; যদি (_sht35.read_meas_data_single_shot (HIGH_REP_WITH_STRCH, & temperature, & humidity) == NO_ERROR) {_temperature = temperature; }} //…

আপনি যদি চান, আপনি LCD এর ডিসপ্লে লুপ () পদ্ধতিতে পরিবর্তন করতে পারেন:

// sprintf (লাইন 2, "হার্ট রেট: %d", _heartRate);

পরিমাপ তাপমাত্রা (); sprintf (line2, "Temp: %f", _temperature);

কিন্তু কিভাবে PubNub এ প্রকাশ করবেন? PublishToPubNub () পদ্ধতিতে আপনাকে এনকোডেড json এবং sprintf () ফাংশনের প্যারামিটার পরিবর্তন করতে হবে, এটি দেখতে এরকম দেখা যাক:

// sprintf (cmd, "GET/প্রকাশ/%s/%s/0/%s/0/%% 5b %% 7b %% 22latlng %% 22 %% 3a %% 5b%f %% 2c%f% %5d %% 2c %% 22data %% 22 %% 3a%d %% 7d %% 5d? Store = 0 HTTP/1.0 / n / r / n / r ", // _publishKey, _subscribeKey, _channel, _latitude, _longitude, _heartRate); sprintf (cmd, "GET/প্রকাশ/%s/%s/0/%s/0/%% 5b %% 7b %% 22latlng %% 22 %% 3a %% 5b%f %% 2c%f %% 5d %% 2c %% 22data %% 22 %% 3a%f %% 7d %% 5d? Store = 0 HTTP/1.0 / n / r / n / r ", _publishKey, _subscribeKey, _channel, _latitude, _longitude, _temperature);

তারপর আপনি PubNub ডিবাগ কনসোলে তাপমাত্রা দেখতে পারেন।