오픈 소스 연구소

아두이노 컨트롤을 위한 스마트폰 앱 활용

강사 Blog : http://opensrclab.tistory.com

                http://www.instructables.com/howto/bingdo/

목차

1. 개발 환경 구축

   - Arduino IDE Sketch 활용

2. W5500 칩 주요 특징 소개

3. WizArduino 사용법 실습

   - Sketch Examples 프로젝트 활용

   - TCP/UDP 이용에 대한 기본 개념 이해

4. Blynk_ArduinoUNO_Sketch 프로젝트 데모

   - Blynk 스마트폰 앱 활용

   - Blynk 플랫폼 및 Arduino 제어에 대한 개념 이해

5.  Blynk_WizArduino 프로젝트 실습

   - Blynk 스마트폰 앱 활용

   - Blynk Server와 WizArduino 제어에 대한 개념 이해

개발 환경 구축

Arduino IDE Sketch 설치

   - 아두이노에서 제공하는 IDE 환경 설치하기

   - http://www.arduino.org/software

개발 환경 구축(2)

Blynk Library 설치

   - Blynk Github에서 제공하는 Library 설치하기

   - https://github.com/blynkkk/blynk-library/releases

개발 환경 구축(3)

Blynk Library 설치

   - C:\Users\Name\Documents\Arduino\libraries에 복사하기

W5500 칩 주요 특징 소개

Features

Fully Hardware TCP/IP 이더넷 솔루션 : WIZnet의 저렴하고 활용성이 좋은 이더넷 전용칩

   - W3100<W3100A(+)<W5100<W5300<W5200

   - TCP, UDP, ICMP, IPv4, ARP, IGMP, PPPoE

   - 8 Sockets

   - Integrated Ethernet PHY

   - SPI Mode 0/3 (Up to 80MHz)

   - 48LQFP

WizArduino 사용법 실습

Features

   - ATSAMD21G18 MCU with a 32-bit ARM Cortex-M0+ 48MHz(Clock Speed), 256KB(Flash Memory), 32KB(SRAM)

   - W5500 TCP/IP Embedded Ethernet Controller

http://wizwiki.net/wiki/doku.php?id=osh:wizarduino:start

ioLibrary 소개

Ethernet Example 실습

UDPSendReceiveString 예제 실습

   - 프로젝트 import

     Sketch File->Exmaples->Ethernet2->UDPSendReceiveString 선택

   - Mac address, IP address, Port 변경

   - Verify 및 Upload

   - Loopback UDP 활성화 및 Server 연동

Ethernet Example 실습(2)

   - 프로젝트 import

     Sketch File->Exmaples->Ethernet2->UDPSendReceiveString 선택

Ethernet Example 실습(3)

   - Mac address, IP address, Port 변경

* MAC address, IP 중복 피할 것

Ethernet Example 실습(4)

   - Verify 및 Upload

Ethernet Example 실습(5)

   - Loopback UDP 활성화 및 Server 연동

Blynk_ArduinoUNO_Sketch 프로젝트 데모

Blynk 스마트폰 앱

Instructables.com 참조

http://www.instructables.com/id/How-to-Transfer-Arduino-Sensor-Data-to-Blynk-Serve/

https://www.youtube.com/watch?v=FesLWXggzsY

BLYNK_WizArduino_Sketch 프로젝트 실습

Blynk Platform 소개

Blynk is a Platform with iOS and Android apps to control Arduino, Raspberry Pi and the likes over the Internet.

http://www.blynk.cc/

https://ksr-video.imgix.net/projects/657114/video-471034-h264_high.mp4

Blynk Platform 소개(2)

Blynk was designed for the Internet of Things. It can control hardware remotely, it can display sensor data,

it can store data, analyze and do many other cool things.

Blynk 예제 실습

참조 블로그

https://ericslabs.wordpress.com/tag/blynk/

   - 소스 다운로드

     http://www.instructables.com/id/How-to-Transfer-Arduino-Sensor-Data-to-Blynk-Serve/

   - 프로젝트 import

     Sketch File->Exmaples->Blynk->BoardsAndShields->Arduino_Ethernet_Manual 선택

   - Blynk 앱 다운로드 및 설치

   - Blynk Server 로그인

   - Create New Project 생성

   - E-mail에서 Auth Token 확인

   - Auth Token, Server IP, MAC 및 IP Address 변경

   - Verify 후 Upload

   - 디바이스 컨트롤 하기

Blynk 예제 실습(2)

   - 소스 다운로드

     http://www.instructables.com/id/How-to-Transfer-Arduino-Sensor-Data-to-Blynk-Serve/

Blynk 예제 실습(3)

   - 프로젝트 import

     Sketch File->Exmaples->Blynk->BoardsAndShields->Arduino_Ethernet_Manual 선택

Blynk 예제 실습(4)

   - Blynk 앱 다운로드 및 설치

Blynk 예제 실습(5)

   - Blynk Server 로그인

* 처음 로그인 시 Create New Account 사용

Blynk 예제 실습(6)

   - Create New Project 생성

Blynk 예제 실습(7)

   - E-mail에서 Auth Token 확인

Blynk 예제 실습(8)

   - Auth Token, Server IP, MAC 및 IP Address 변경

   - Verify 후 Upload

* MAC address, IP 중복 피할 것

Blynk 예제 실습(9)

   - 디바이스 컨트롤 하기

Blynk 예제 실습(10)

   - 디바이스 컨트롤 하기

* D10, D11, D12, D13 핀은 Ethernet SPI로 사용 중이므로 컨트롤 할 수 없음

Blynk 예제 실습(11)

   - 디바이스 컨트롤 하기

Blynk 예제 실습(12)

   - 디바이스 컨트롤 하기

IoT 디바이스 컨트롤을 위한 스마트폰 앱 활용

강사 Blog : http://opensrclab.tistory.com

                http://www.instructables.com/howto/bingdo/

목차

1. 개발 환경 구축

   - LPCXpresso IDE 활용

2. W5500 칩 주요 특징 소개

3. W5500-EVB 사용법 실습

   - Github Loopback_LPC11E36_LPCXpresso 프로젝트 활용

   - TCP/UDP 이용에 대한 기본 개념 이해

4. Github Blynk_STM32F103_Eclipse 프로젝트 데모

   - Blynk 스마트폰 앱, Web Server 활용

   - Blynk 플랫폼 및 Web Server의 개념 이해

5. Github BLYNK_LPC11E36_LPCXpresso 프로젝트 실습

   - Blynk 스마트폰 앱 활용

   - Blynk Server와 IoT 디바이스 제어에 대한 개념 이해

개발 환경 구축

LPCXpresso 설치

   - NXP에서 제공하는 IDE 환경 설치

   - http://wizwiki.net/wiki/doku.php?id=osh:lpcxpresso:start

개발 환경 구축(2)

Flash Magic 설치

   - Firmware Writing Tool 설치하기

   - http://www.flashmagictool.com/

개발 환경 구축(3)

USB Driver 설치

   - http://www.ftdichip.com/Drivers/VCP.htm

W5500 칩 주요 특징 소개

Features

Fully Hardware TCP/IP 이더넷 솔루션 : WIZnet의 저렴하고 활용성이 좋은 이더넷 전용칩

   - W3100<W3100A(+)<W5100<W5300<W5200

   - TCP, UDP, ICMP, IPv4, ARP, IGMP, PPPoE

   - 8 Sockets

   - Integrated Ethernet PHY

   - SPI Mode 0/3 (Up to 80MHz)

   - 48LQFP

W5500-EVB 사용법 실습

Features

   - NXP LPC11E36 MCU with a 32-bit ARM Cortex-M0

   - Arduino H/W Pin Compatible

http://wizwiki.net/wiki/doku.php?id=products:w5500:w5500_evb

ioLibrary 소개

https://github.com/Wiznet/ioLibrary_Driver

Github 예제 실습

W5500-EVB Loopback 예제 실습

   - 소스 다운로드

     https://github.com/Wiznet/Loopback_LPC11E36_LPCXpresso

   - 프로젝트 import

     https://github.com/Wiznet/ioLibrary_Driver

   - 컴파일 및 binary fusing

   - Loopback TCP Server 소스 활성화 및 Client 연동

   - Loopback TCP Client 소스 활성화 및 Server 연동

   - Loopback UDP 활성화 및 Server 연동

Github 예제 실습(2)

   - 소스 다운로드

     https://github.com/Wiznet/Loopback_LPC11E36_LPCXpresso

Github 예제 실습(3)

   - 프로젝트 import

Github 예제 실습(4)

   - ioLibrary 다운로드 및 프로젝트의 디렉토리에 복사

     https://github.com/Wiznet/ioLibrary_Driver

Github 예제 실습(5)

   - 컴파일 및 binary fusing

* 컴파일 순서에 유념할 것

* fusing 전에 ISP 다운로드 모드로 전환할 것 (ISP 버튼 누른 상태에서 Reset)

Github 예제 실습(6)

   - TCP/UDP 이용에 대한 기본 개념

* MAC address, IP 중복 피할 것

Blynk_STM32F103_Eclipse 프로젝트 데모

Blynk 스마트폰 앱 / WEB 데모

Instructables.com 참조

http://www.instructables.com/id/How-to-Control-My-IoT-Device-by-Android-Phone-or-I/

https://www.youtube.com/watch?v=rgL9GOBiNZk

Tutorial

Instructables.com 참조

http://www.instructables.com/id/How-to-Control-My-IoT-Device-by-Android-Phone-or-I/

https://www.youtube.com/watch?v=gJstBKzwHRg

BLYNK_LPC11E36_LPCXpresso 프로젝트 실습

Blynk Platform 소개

Blynk is a Platform with iOS and Android apps to control Arduino, Raspberry Pi and the likes over the Internet.

http://www.blynk.cc/

https://ksr-video.imgix.net/projects/657114/video-471034-h264_high.mp4

Blynk Platform 소개(2)

Blynk was designed for the Internet of Things. It can control hardware remotely, it can display sensor data,

it can store data, analyze and do many other cool things.

Github 예제 실습

W5500-EVB Blynk 예제 실습

참조 블로그

https://ericslabs.wordpress.com/tag/blynk/

   - 소스 다운로드

     https://github.com/Wiznet/BLYNK_LPC11E36_LPCXpresso

   - 프로젝트 import

   - Blynk 앱 다운로드 및 설치

   - Blynk Server 로그인

   - Create New Project 생성

   - E-mail에서 Auth Token 확인

   - Auth Token 변경 후 컴파일

   - binary fusing 후 reset

   - 디바이스 컨트롤 하기

Github 예제 실습(2)

   - 소스 다운로드

     https://github.com/Wiznet/BLYNK_LPC11E36_LPCXpresso

Github 예제 실습(3)

   - 프로젝트 import

Github 예제 실습(4)

   - Blynk 앱 다운로드 및 설치

 Github 예제 실습(5)

   - Blynk Server 로그인

 * 처음 로그인 시 Create Account 사용

Github 예제 실습(6)

   - Create New Project 생성

 Github 예제 실습(7)

   - E-mail에서 Auth Token 확인

Github 예제 실습(8)

   - Auth Token 변경 후 컴파일

* MAC address, IP 중복 피할 것

Github 예제 실습(9)

   - binary fusing 후 reset

 * fusing 전에 ISP 다운로드 모드로 전환할 것 (ISP 버튼 누른 상태에서 Reset)

   - Terminal을 통해서 Blynk Server에 연결 확인

Github 예제 실습(10)

   - 디바이스 컨트롤 하기

How to control my IoT device by Android phone or iPhone through Cloud server like Arduino

How to control my IoT device by Android phone or iPhone through Cloud server like Arduino
I know WIZ550web solution for monitoring. Recently WIZ550web module was announced by WIZnet.
So I implemented a firmware by WIZ550web SW modification because I can handle a source code easily.
You can manage the status of equipment even if it is so far. Please refer to the following step.

Step1 : Prepare materials
Please refer to the following.
1. WIZ550web module.
2. WIZ550web Base Board.
3. LAN cable
4. Serial cable
5. USB to Serial adapter
7. Jumper wires
8. Breadboard
9. 12V lamp
6. 12V power x 2

Step2 : Hardware connection
Please connect an LAN, Serial cable and USB2Serial adapter.
You can get more HW info by the following site.
http://wizwiki.net/wiki/doku.php?id=products:wiz550web:start

Step3 : Prepare development environment
I prepared GCC development environment by the following site.
http://opensrclab.tistory.com/33
I installed GNU Toolchain, Java JDK, Eclipse, Cygwin.
If you install all tools, you are ready for running this project.
You can use a Configuration Tool by the following temporarily.
http://wizwiki.net/wiki/lib/exe/fetch.php?media=products:wiz550s2e:wiz550s2e_configuration_tool_ver1.03beta_20151005.zip
How to use a CFG tool : http://wizwiki.net/wiki/doku.php?id=products:wiz550s2e:wiz550s2epg_en#configuration_tool
## Reference
WIZ550web source : https://github.com/Wiznet/WIZ550web/tree/master/WIZ550web_Firmware

Step4 : Software : GitHub repository
I opened source codes of this project in GitHub.
https://github.com/bingdo/Blynk_STM32F103_Eclipse
You can download this project files. And then import project into Eclipse.
After compile, you can run Blynk application of WIZ550web module.
This project is open for everyone. I expect your participation to improve a quality of project.

 WIZ550web(Boot App).hex

 WIZ550web_App.hex

 WIZ550web_Boot.hex

Step5 : How to run : Test result

1. To program FW into a target.
2. To reset a target and insert MAC address.
3. To search a target by Configuration Tool.
4. To check Host IP and Options.
5. To change IP, Gateway properly.
6. To search a target by Configuration Tool again.
7. To make sure the connection with Blynk Server through terminal program.
8. To control D0 pin of target by Android phone or iPhone or Browser.

You can see the test result by the video.
Thank you for your attention.
*Tip : If you register in http://www.wiznetian.com/ and work actively, you can get a sample cheaper than E-sales as well as a free sample.