Motoru Cep Telefonuyla Kolayca Kontrol Edin: 5 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:19

Bu Nasıl Yapılır, yalnızca HTML ve JavaScript kullanarak akıllı bir IoT Servo "HDrive17"nin cep telefonunuz tarafından nasıl kontrol edileceğini gösterir. Bu Komut Dosyasını içeren Web Sayfası, Motor'da saklanır ve cep telefonunuzdaki bir Web Uygulamasına eklenebilir.

Adım 1: HDrive17'yi Yerel Ağınıza Kurun

Ethernet kablosunu Motordan WiFi yönlendiricinize takarak HDrive17'yi (www.henschel-robotics.ch adresinden edinebilirsiniz) yerel ağınıza bağlayın. Önce ağınız için HDrive'da geçerli bir IP Adresi yapılandırdığınızdan emin olun. Videoda gösterilen uygulamanın tamamı yerel bilgisayarımda tek bir HTML dosyasında. Öncelikle bu web sitesini yerel tarayıcınızda test edebilir ve HDrive'ı bilgisayarınızdan kontrol edebilirsiniz.

HDrive'ı kontrol etmek için cep telefonunuzu kullanmak istiyorsanız, bu yerel web sitesini WiFi ağınızda yayınlamanız gerekir. Ardından, bilgisayarınızdan sunulan bu Web Sitesini cep telefonunuzda açmanız yeterlidir. Böyle bir siteyi ağınızda paylaşmak için Microsoft'tan WebMatrix Tool veya IIS kullanabilirsiniz, cep telefonunuzun sayfaya erişimi olan bazı netsh ve güvenlik duvarı yapılandırmaları yapmayı unutmayın.

Web sayfasını doğrudan motorun kendi kendine depolamak da mümkündür, o zaman artık hiçbir PC zorunlu değildir.

Adım 2: Program Uygulaması

Web sayfası gövdesi:

Nice göstergesini görüntülemek için roundslider komut dosyasını kullanıyoruz, bu nedenle kaydırıcı öğesini HTML belgesinin gövdesine eklemeliyiz.

3. Adım: Web Sayfası Komut Dosyası

Aşağıdaki kod, yeni hedef konumu HDrive'a gönderiyor. JQuery ve RoundSlider komut dosyasının dahil edilmesiyle başlar. Döner kaydırıcı, "sendDataToHdrive" işlevini çağıran bir sürükleme olayını tetikliyor. Bu fonksiyon daha sonra motora yeni bir sürücü komutu gönderir.

lütfen şu satıra bir göz atın:

var blob = new Blob(['

Hedef konumu, maks. 2000 RPM hız, maks. mod 129'da 2A akımı (konum kontrolü). Tüm Projeyi buradan indirebilirsiniz: Slider_demo.rar

Adım 4: Web Sayfasını Doğrudan HDrive'da Depolayın

Web uygulamasını sürücünüzde barındırmak için dosyaları motora yüklememiz gerekiyor. Motor 4 dosya, 2 HTML ve 2 Script (.js) dosyası yükleyebilir. Her dosya yükledikten sonra yeniden adlandırılıyor. İlk HTML dosyası app1.html olarak yeniden adlandırılır, ardından app2.html olarak komut dosyaları s1.js ve s2.js olarak yeniden adlandırılır. Bu nedenle HTML dosyamızdaki dosya bağlantılarını değiştirmemiz gerekiyor. JQuery… “s2.js” olur. Ayrıca, yuvarlak kaydırıcı css'yi HTML dosyasına kopyaladım.

Önce HDrive'ınızdan Web GUI'ye girin ve “Uygulamalar” bölümüne erişin

Adım 5: Uygulamaya Erişim

Bu dosyaları yükledikten sonra, aynı ağdaki herhangi bir cihazdan https://192.168.1.102/app1.html adresindeki sayfaya erişebilirsiniz, bilgisayarınız artık zorunlu değildir, dosyalar doğrudan HDrive'dan barındırılmaktadır.

Tüm dosyaları buradan indirin.