Wyobraź sobie, że możesz sterować maszyną za pomocą smartfona. Odczytywać jej parametry i wysterować wyjścia sterownika za pomocą Twojego telefonu po sieci WI-Fi. Szpanować przed kolegami z zakładu, że kontrolujesz maszynę telefonem i nie musisz biegać do panelu operatorskiego. Z najnowszymi sterownikami LOGO, wyposażonymi w Web Server jest to bardzo proste.
Na potrzeby artykułu wykorzystałem:
- LOGO 24! BM 24CE (LOGOV8)
- Wentylator komputerowy
- Zasilacz 24V DIN60W24
- Czujnik optyczny
- Przekaźnik 24V DC
- Gniazdko elektryczne
- Żarówki ozdobne
- Złączki, przewody i inne typowe elementy elektryczne
- Oprogramowanie LOGO!Soft Comfort V8.3 i LWE (LOGO WEB EDITOR)
- Karta mikro SD
Sterownik LOGO!8 sterowany smartfonem
Rozpocząłem od wykonania układu. Podłączyłem zasilacz. Podłączyłem zasilanie do sterownika, czujnik i przewód od tachometru Wentylatora do jego wejść. Przekaźnik i wentylator do wyjść sterownika. Gniazdo jest sterowne pośrednio przez przekaźnik. Do gniazdka podłączyłem żarówki ozdobne.
Do gniazda oznaczonego jako X50 od frontu sterownika LOGO! umieściłem kartę SD. To na karcie mikro SD zapisane będą wszystkie pliki potrzebne do działania strony Web. Aby wyciągnąć slot na kartę, należy lekko podważyć śrubokrętem w widocznym wcięciu.
W przypadku gdy sterownik nie chce współpracować z kartą pamięci, należy podczas jej formatowania wybrać odpowiedni system plików. W moim przypadku wszystko działa z opcją FAT32.
Aby sprawdzić czy sterownik poprawnie współpracuje z kartą należy na panelu sterownika wybrać opcje Diagnostic >> Hardware >> SD CARD (po Menu poruszamy się przyciskami na froncie sterownika) Na wyświetlaczu powinno pokazać się takie okno:
Komunikacja z LOGO!8
Aby możliwe było sterownie LOGO! za pomocą telefonu należy połączyć LOGO kablem Ethernetowym z routerem i do sieci Wi-Fi tego routera podłączyć nasz telefon (bądź laptop, tablet etc.). Następnie należy wprowadzić odpowiednie ustawienia sieciowe do sterownika.
Na sterowniku należy wybrać opcje:
Network >> IP Adress
Trzeba wybrać odpowiedni adres IP, maskę podcięci i adres Gateway. W moim przypadku ustawienia wyglądają następująco:
Programowanie LOGO!8
Na potrzeby artykułu napisałem przykładowy program sterujący w programie LOGO!SoftComfort V8. Gdy sterownik jest podłączony do naszej sieci, to możemy go zaprogramować, nie podpinając się do niego żadnym przewodem bezpośrednio z naszego laptopa.
Program przesłałem do sterownika, łącząc laptopa z Wi-Fi routera, do którego podłączony jest sterownik. W programie min. użyłem bloczków z zakładki Network. To do nich najłatwiej odwołać się przy tworzeniu strony w celu przesyłania sygnałów sterownikowi. Należy pamiętać, aby odpowiednio je zaadresować, ponieważ w przeciwieństwie do wejść fizycznych LOGO!Soft Comfort nie podpisuje ich automatycznie kolejnym numerem, lecz nadaje im ten sam adres V0.0
Przed przesłaniem programu należy wejść w opcję File >> Properties (Alt + Enter) i wybrać zakładkę Online settings. Aby połączyć się sterownikiem, możemy ręcznie wpisać jego adres (czerwone okno) lub wybrać ikonkę niebieskich strzałek, czyli opcje wyszukiwania dostępnych urządzeń (zielone okno).
Przed przesłaniem programu należy wejść w opcję File >> Properties (Alt + Enter) i wybrać zakładkę Online settings. Aby połączyć się sterownikiem, możemy ręcznie wpisać jego adres (czerwone okno) lub wybrać ikonkę niebieskich strzałek, czyli opcje wyszukiwania dostępnych urządzeń (zielone okno).
Łączymy się klikając przycisk Connect.
W Acces Control settings z lewej strony ustawiamy hasło, którym będziemy się logować do strony stworzonej w LWE (Logo Web Editor)
Następnie wgrywamy program do sterownika. Ikonka zaznaczona zieloną strzałką lub skrót CTRL + D. Wyskoczy nam okienko. Adres sterownika powinien się uzupełnić automatycznie, ponieważ prędzej się z nim łączyliśmy. W innym wypadku wpisujemy adres ręcznie lub wyszukujemy dostępne urządzenia. Przeklikujemy kilka razy OK. Program zapyta nas, czy przełączyć sterownik w tryb STOP. Zgadzamy się na wszystko
Logo Web Editor
Włączamy LWE (Logo Web Editor) i otwieramy nowy projekt:
Naszym oczom ukaże się okno, w którym wybieramy lokalizacje nowego projektu na dysku i rozdzielczość naszej strony. Ja wybrałem najmniejszą ze względu na to, że będę chciał korzystać z niej na telefonie i chcę, aby całość strony domyślnie zmieściła się na pewno na wyświetlaczu mojego smartfona
Z listy komponentów z lewej strony wybieram Image z zakładki Basic i przeciągam na pole robocze. Klikam na róg szarego prostokąta i przeciągam go, aby powiększyć. Podczas gdy dalej mamy go zaznaczonego z zakładki po prawej stronie klikamy przycisk do wyboru zdjęcia.
Dostępna jest spora baza gotowych do użycia obrazów, ale my wybierzemy swoje z dysku. Wybieramy folder MY Graph i klikamy przycisk Upload Files i wybieramy plik z dysku.
Aby stworzyć następną stronę, klikamy prawym na Pages i wybieramy New Page. W ten sam sposób jak obraz wybieramy i przeciągamy inne elementy strony z zakładki Components: PuschBattons , Analog Slider itp. Tworzymy stronę według naszego uznania. Dla celów tego artykułu stworzyłem taką stronę:
Klikając na element po prawej stronie, wyświetlają się nam jego właściwości. Każdemu elementowi musimy nadać odpowiedni adres. Np. Czujnik optyczny podłączyłem do wejścia I1 więc tak też wpisałem we właściwościach okienka odpowiadającemu czujnikowi optycznemu. Robimy tak z każdym komponentem.
Z drzewka po lewej stronie wybieramy „Navigator”. Z zakładki Basic przeciągamy na środek planszy „Navigator Item”
Zmieniamy nazwę stworzonej przez nas strony z domyślnej „page_1” klikając w drzewku z prawej strony prawym i wybierając „Rename”
Następnie klikamy w wyciągnięte przed chwilą „Navigator Itemy”, na których na razie jest napisane „link”. Rozwijamy przyciskiem z prawej strony listę dostępnych linków i wybieramy po interesującą nas podstronę.
Wgrywamy projekt CTRL + D lub klikamy ikonkę zaznaczoną na zielono. Wgrywanie może potrwać kilka minut.
Po testach okazało się, że strona jest za duża, aby zmieścić się na ekranie smartfona, więc klikam na tło strony i we właściwościach po prawej stronie zmieniam jej rozmiar i rozmieszczam elementy na nowo, po czym wgrywam ponownie stronę
Działanie Web Servera LOGO!8
Całość jest gotowa. Gdy podłączymy sterownik (kablem ethernetowym) i nasz smartfon (za pośrednictwem Wi-Fi) możemy wpisać w wyszukiwarkę jego adres IP. Wyskoczy nam strona logowania LOGO! Możliwe, że przeglądarka uzna tę stronę za niebezpieczną i zapyta, czy na pewno chcemy ją otworzyć. Zgadzamy się.
Naszym oczom ukaże się taki ekran logowania. W zielonym polu należy wpisać wcześniej ustalone hasło koniecznie zaznaczyć okienko zaznaczone na czerwono, aby zalogować się na stronę stworzoną przez nas w LWE, a nie na domyślną systemową.
Efekt