PowerPoint 프레젠테이션

Similar documents
<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D D382E687770>

<4D F736F F F696E74202D20BBB7BBB7C7D15F FBEDFB0A3B1B3C0B05FC1A638C0CFC2F72E BC8A3C8AF20B8F0B5E55D>

hd1300_k_v1r2_Final_.PDF

USB USB DV25 DV25 REC SRN-475S REC SRN-475S LAN POWER LAN POWER Quick Network Setup Guide xdsl/cable Modem PC DVR 1~3 1.. DVR DVR IP xdsl Cable xdsl C

PWR PWR HDD HDD USB USB Quick Network Setup Guide xdsl/cable Modem PC DVR 1~3 1.. DVR DVR IP xdsl Cable xdsl Cable PC PC DDNS (

시스코 무선랜 설치운영 매뉴얼(AP1200s_v1.1)

PowerPoint 프레젠테이션

1. What is AX1 AX1 Program은 WIZnet 사의 Hardwired TCP/IP Chip인 iinchip 들의성능평가및 Test를위해제작된 Windows 기반의 PC Program이다. AX1은 Internet을통해 iinchip Evaluation

Network seminar.key

Microsoft Word - PEB08_USER_GUIDE.doc


API 매뉴얼

VZ94-한글매뉴얼

PowerPoint 프레젠테이션

untitled

bn2019_2

untitled

chapter4


1. GigE Camera Interface를 위한 최소 PC 사양 CPU : Intel Core 2 Duo, 2.4GHz이상 RAM : 2GB 이상 LANcard : Intel PRO/1000xT 이상 VGA : PCI x 16, VRAM DDR2 RAM 256MB

(SW3704) Gingerbread Source Build & Working Guide

10X56_NWG_KOR.indd

문서의 제목 나눔고딕B, 54pt

이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론

CAN-fly Quick Manual

SRC PLUS 제어기 MANUAL

MAX+plus II Getting Started - 무작정따라하기

T100MD+

<4D F736F F F696E74202D E20B3D7C6AEBFF6C5A920C7C1B7CEB1D7B7A1B9D62E >

Install stm32cubemx and st-link utility

Subnet Address Internet Network G Network Network class B networ

TCP.IP.ppt

금오공대 컴퓨터공학전공 강의자료

Microsoft PowerPoint - chap06-2pointer.ppt

cam_IG.book

Secure Programming Lecture1 : Introduction

PCServerMgmt7

Remote UI Guide

게시판 스팸 실시간 차단 시스템

1217 WebTrafMon II

0. 들어가기 전

Intra_DW_Ch4.PDF

. PC PC 3 [ ] [ ], [ ] [ ] [ ] 3 [ ] [ ], 4 [ ] [ ], 4 [Internet Protocol Version 4 (TCP/IPv4)] 5 [ ] 6 [ IP (O)], [ DNS (B)] 7 [ ] 한국어 -

목차 1. 개요 USB 드라이버 설치 (FTDI DRIVER) FTDI DRIVER 실행파일 USB 드라이버 확인방법 DEVICE-PROGRAMMER 설치 DEVICE-PROGRAMMER

PowerPoint 프레젠테이션

Network Security - Wired Sniffing 실습 ICNS Lab. Kyung Hee University

SMB_ICMP_UDP(huichang).PDF

Assign an IP Address and Access the Video Stream - Installation Guide

Microsoft PowerPoint - 04-UDP Programming.ppt

<BFC0B7A3C1F6C4B72DBBE7BFEBC0DABCB3B8EDBCAD5FC8AEC0E5BABB C7D1B1DB295F E6169>

PowerPoint 프레젠테이션

歯AG-MX70P한글매뉴얼.PDF

Microsoft Word - Automap3

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각

Microsoft Word - FS_ZigBee_Manual_V1.3.docx

TTA Verified : HomeGateway :, : (NEtwork Testing Team)

Microsoft PowerPoint - Lecture_Note_5.ppt [Compatibility Mode]

PowerPoint Template

PLC Robot Starter Quick Guide

Poison null byte Excuse the ads! We need some help to keep our site up. List 1 Conditions 2 Exploit plan 2.1 chunksize(p)!= prev_size (next_chunk(p) 3

6강.hwp

소개 TeraStation 을 구입해 주셔서 감사합니다! 이 사용 설명서는 TeraStation 구성 정보를 제공합니다. 제품은 계속 업데이트되므로, 이 설명서의 이미지 및 텍스트는 사용자가 보유 중인 TeraStation 에 표시 된 이미지 및 텍스트와 약간 다를 수

C. KHU-EE xmega Board 에서는 Button 을 2 개만사용하기때문에 GPIO_PUSH_BUTTON_2 과 GPIO_PUSH_BUTTON_3 define 을 Comment 처리 한다. D. AT45DBX 도사용하지않기때문에 Comment 처리한다. E.

API 매뉴얼

Microsoft Word - src.doc

Voice Portal using Oracle 9i AS Wireless

특허청구의 범위 청구항 1 디바이스가 어플리케이션을 실행하는 방법에 있어서, 상기 디바이스에 연결된 제1 외부 디바이스와 함께 상기 어플리케이션을 실행하는 단계; 상기 어플리케이션의 실행 중에 제2 외부 디바이스를 통신 연결하는 단계; 및 상기 제1 외부 디바이스 및

Microsoft PowerPoint - ch07 - 포인터 pm0415

-. Data Field 의, 개수, data 등으로구성되며, 각 에따라구성이달라집니다. -. Data 모든 의 data는 2byte로구성됩니다. Data Type는 Integer, Float형에따라다르게처리됩니다. ( 부호가없는 data 0~65535 까지부호가있는

PowerPoint 프레젠테이션

ARMBOOT 1

금오공대 컴퓨터공학전공 강의자료

제20회_해킹방지워크샵_(이재석)


LCD Display

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");

airDACManualOnline_Kor.key

Microsoft PowerPoint - web-part03-ch19-node.js기본.pptx

컴퓨터과학과 교육목표 컴퓨터과학과의 컴퓨터과학 프로그램은 해당분야 에서 학문적 기술을 창의적으로 연구하고 산업적 기술을 주도적으로 개발하는 우수한 인력을 양성 함과 동시에 직업적 도덕적 책임의식을 갖는 IT인 육성을 교육목표로 한다. 1. 전공 기본 지식을 체계적으로

<4D F736F F F696E74202D20C0BDBCBA484D4920C0FBBFEB20C5DAB7B9B8C5C6BDBDBA20B4DCB8BBB1E228B9DFC7A5C0DAB7E129>

MR-3000A-MAN.hwp

BJFHOMINQJPS.hwp

USER Manual

untitled

[Brochure] KOR_TunA

Microsoft Word - KPMC-400,401 SW 사용 설명서

2 PX-8000과 RM-8000/LM-8000등의 관련 제품은 시스템의 간편한 설치와 쉬운 운영에 대한 고급 기술을 제공합니다. 또한 뛰어난 확장성으로 사용자가 요구하는 시스템을 손쉽게 구현할 수 있습니다. 메인컨트롤러인 PX-8000의 BGM입력소스를 8개의 로컬지

Sena Device Server Serial/IP TM Version

UI TASK & KEY EVENT

<4D F736F F F696E74202D20B8B6C0CCC5A9B7CEC7C1B7CEBCBCBCAD202834C1D6C2F7207E2038C1D6C2F729>

슬라이드 1

차 례 설치순서 1 인터넷 유무선공유 설치하기 2 스마트에어컨 회원등록 6 캐리어에어컨 스마트앱 사용하기 8

Chap7.PDF

À̵¿·Îº¿ÀÇ ÀÎÅͳݱâ¹Ý ¿ø°ÝÁ¦¾î½Ã ½Ã°£Áö¿¬¿¡_.hwp

Microsoft Word - DCMD-1000 사용자 메뉴얼.docx

Week13

iii. Design Tab 을 Click 하여 WindowBuilder 가자동으로생성한 GUI 프로그래밍환경을확인한다.

한글사용설명서

Analytics > Log & Crash Search > Unity ios SDK [Deprecated] Log & Crash Unity ios SDK. TOAST SDK. Log & Crash Unity SDK Log & Crash Search. Log & Cras

안전을 위한 주의사항 제품을 올바르게 사용하여 위험이나 재산상의 피해를 미리 막기 위한 내용이므로 반드시 지켜 주시기 바랍니다. 2 경고 설치 관련 지시사항을 위반했을 때 심각한 상해가 발생하거나 사망에 이를 가능성이 있는 경우 설치하기 전에 반드시 본 기기의 전원을

Transcription:

mbed 가입하기 https://developer.mbed.org/ mbed Serial drive 설치하기 https://developer.mbed.org/handbook/windowsserial-configuration Terminal Program 다운로드하기 http://www.hwgroup.com/products/hercules/index_en.html

WIZwiki-W7500 으로 IoT Device 개발시작하기 - 1 차 -

목차 1. W7500 & WIZwiki-W7500 소개 2. mbed 개발환경구축 3. IoT 를위한첫걸음 1 탄 - Web Server 란?! 4. IoT Device 를개발해보자! Web page 로 Digital Sensor 제어하기 Web page로 Network Information 받아오기 Web page로 Analog Sensor 값받아오기

W7500 & WIZwiki-W7500 소개

W7500 Feature http://wizwiki.net/wiki/doku.php?id=products:w7500:start 32-bit ARM Cortex-M0 Flash : 128KB / SRAM : 16KB (up to 48KB) Hardwired TCP/IP Core (Supports MII Interface) Internal 8MHz Oscillator External crystal Oscillator (8~24MHz) 48MHz maximum frequency PLL for internal clock source ADC - 12bit, 8ch, 1Mbps GPIO 53ea I/O 4 Timer/ 8 PWM 3 UART, 2 SPI, 2 I2C 32bit RNG Serial Wire Debug(SWD) Package : 64TQFP (7x7 mm) W7500 System diagram

WIZwiki-W7500 Feature WIZnet W7500 32-bit ARM Cortex-M0 Hardwired TCP/IP Core Ethernet PHY IC+ IP101GA CMSIS-DAP support NXP LPC11U35FHI33/501 USB Drag & Drop Programming CMSIS-DAP Debugger Support IDE : KEIL / GCC Arduino pin compatible (Arduino Shield 사용가능 ) mbed enabled MCU ISP, SD Card, RGB LED, SWD Connector

WIZwiki-W7500 Pinout

목차 1. W7500 & WIZwiki-W7500 소개 2. mbed 개발환경구축 3. IoT 를위한첫걸음 1 탄 - Web Server 란?! 4. IoT Device 를개발해보자! Web page 로 Digital Sensor 제어하기 Web page로 Network Information 받아오기 Web page로 Analog Sensor 값받아오기

mbed 를통한 IoT 개발환경구축 #1 mbed.org 가입하기, mbed Serial Driver 설치, WIZwiki-W7500 platform 등록

1. mbed.org 가입하기 1) mbed developer Site 접속하기 아이디를생성하자!!

1. mbed.org 가입하기 2) mbed.org 회원가입하기 - 1 Signup 클릭!! 우리는처음가입하기때문에이곳을클릭!

1. mbed.org 가입하기 3) mbed.org 회원가입하기 - 2 이메일주소 확인메일이오기때문에없는메일주소를기입하지맙시다!! mbed 상에서의닉네임 비밀번호 영문이름 영문성 거주나라선택 사람인지확인 동의하고 Signup 을클릭하면가입!

1. mbed.org 가입하기 4) mbed.org 회원가입하기 - 3 이주소를클릭해서들어가야지만가입완료!!

2. mbed Serial Driver 설치 1) WIZwiki-W7500 보드의 CMSIS-DAP 은두가지기능을제공한다. USB Interface 를통한타켓 MCU 로의 Firmware 다운로드 CMSIS-DAP 칩 USB Interface 를통한 W7500 의 UART1 데이터전송

2. mbed Serial Driver 설치 2) mbed Serial Driver 다운로드경로 https://developer.mbed.org/handbook/windows-serial-configuration

3. WIZwiki-W7500 platform 등록 1) developer.mbed.org > platforms > WIZwiki-W7500 클릭!!

3. WIZwiki-W7500 platform 등록 2) Web compiler 에 platform 등록확인 Platform 등록완료

3. WIZwiki-W7500 platform 등록 3) Web compiler 에다른 platform 등록하는방법 mbed 에등록된여러가지플렛폼을선택할수있다 추가한플랫폼중원하는플랫폼을선택해서사용할수있다 새로운플랫폼을앞에과정처럼추가할수있다

mbed 를통한 IoT 개발환경구축 #2 Serial Terminal 설치

1. Serial Terminal 설치 1) 다운로드링크 : Hercules SETUP 2.7.3 Free Download 다운로드완료후압출풀기

1. Serial Terminal 설치 2) hercules 사용하기 - 1 Tera Term 을실행시키면맨처음나오는창 Close 클릭 Serial 을선택

1. Serial Terminal 설치 2) hercules 사용하기 - 2 PORT 번호와 Baud-Rate 선택

목차 1. W7500 & WIZwiki-W7500 소개 2. mbed 개발환경구축 3. IoT 를위한첫걸음 1 탄 - Web Server 란?! 4. IoT Device 를개발해보자! Web page 로 Digital Sensor 제어하기 Web page로 Network Information 받아오기 Web page로 Analog Sensor 값받아오기

IoT 를위한첫걸음 1 탄 Web Server 란?!

1. Embeded Web Server 개요 HTTP Request Web Browser WIZwiki-W7500 HTTP Response

2. HTTP 개요 (1) 1) HTTP 는 Client / Server 로구성 HTTP Server : WIZwiki-W7500 HTTP Client : Web Browser 2) Web Server 는요청된 HTML Web page 등을 Web Browser 로전송 Web Browser (HTTP Client) HTTP GET/POST Request e.g., set_dio.cgi HTTP/1.1 200 OK Response(+Return values) WIZwiki-W7500 (HTTP Server)

2. HTTP 개요 (2) index.html 페이지를요청 index.html 검색 index.html 페이지를전송 Web Browser WIZwiki-W7500 index.html 읽어오기

3. HTTP protocol stack W7500 은하드웨어로처리함

4. mbed 를이용하여통신을하기위한라이브러리및클래스 mbed에서제공하는소프트웨어스택을사용하기위해서사용하는라이브러리 EthernetInterface WIZnet 칩을사용하여하드웨어스택을사용하기위해서사용하는라이브러리 WIZnetInterface 사용되는 Class 들 EthernetInterface TCPSocketServer TCPSocketConnection Network 세팅을위한클래스 TCP Server 클래스 TCP 연결성립과데이터를주고받기위한클래스

5. Network setting flow EthernetInterface eth Use DHCP Use DHCP or Not eth.init(mac addr) Use Static IP eth.init(mac addr, IP addr, subnet mask, gateway addr) eth.connect()

6. mbed TCP connection flow Server 는두개의클래스가사용됨 Client 는 TCPConnection 클래스하나만사용 accept 는연결요청수락하는함수

7. Network setting code at mbed Static IP setting OR Network interface 초기화 DHCP IP setting Network interface 시작 결론은 Network 를세팅하는것!!!

8. TCP connection code at server with mbed code Server cloass 선언 Port 번호를할당 연결요청이들어오기를기다리는 Listen 상태로진입 Server cloass 선언 연결요청이들어오면수락

9. TCP connection code at client with mbed code Connection cloass 선언 Server 에접속

9. HTTP Method 1) GET Web Server 의값을얻기위한방법 Client 가 Web Server storage 에있는 DATA 얻기 2) POST Web Server 에변경된값을전달하기위한방법 Client 에서값을변경하면 Device(Server) 가이요청을받아값을변경

목차 1. W7500 & WIZwiki-W7500 소개 2. mbed 개발환경구축 3. IoT 를위한첫걸음 1 탄 - Web Server 란?! 4. IoT Device 를개발해보자! Web page 로 Digital Sensor 제어하기 Web page로 Network Information 받아오기 Web page로 Analog Sensor 값받아오기

IoT Device 를개발해보자! #1

Web page 로 Digital Sensor 제어하기 Digital Sensor (LED) + Web Server (POST)

1. Web page 로 Digital Sensor 제어하기개요 HTTP Request HTTP Request

2. GPIO 이론 1) Digital Input 은 0volts 또는 3.3volts 입력을각각 0 또는 1 로인식하고 Digital Output 은 0 또는 1 의디지털값을 0volts 와 3.3volts 로외부로내보낸다 2) 3.3volts 를 1, 0volts 를 0 으로정의한다. 3) Digital System 상에서의의미 0v 3.3v Logic 0 Logic 1 Open Off Low Clear False Close On High Set True

2. GPIO 이론 - Pinout

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 1) IP setting 설명 #include 로필요한라이브러리를링크 IP address, Subnet mask, Gateway 세팅 원하는값들로변경가능하다

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 2) Web server 동작과정설명 (index.html page) net_info.html 호출 dio_page.html 호출 ain_page.html 호출 wiznet_logo.png 호출

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 3) Web server 동작과정설명 (index.html page) dio_page.html 호출

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 4) Web server 동작과정설명 (index.html code) dio_page.html 호출

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 5) Web server 동작과정설명 (dio_page.html page) setdiostate(this) 호출

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 6) Web server 동작과정설명 (dio_page.html code) pin = 5 val = 1 로 setdiostate(this) 호출

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 7) Web server 동작과정설명 (dio_page.html code) pin = 5 val = 1 로 setdiostate(this) 호출 set_dio.cgi 전송

3. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 8) Web server 동작과정설명 (mbed code : httpserver/handler/fshandler.cpp) set_dio.cgi 면아래코드수행 Pin = 5 면 led_blue 에 value 값적용

4. IP 설정 1) IP 설정 & 이더넷케이블연결 (PC to WIZwiki-W7500)

4. IP 설정 2) IP 설정 & 이더넷케이블연결 (PC to WIZwiki-W7500)

4. IP 설정 3) IP 설정 & 이더넷케이블연결 (PC to WIZwiki-W7500)

5. W7500 Onboard RBG LED Schematic 1) Digital Out 값은 0 인데왜 W7500 보드의 LED 는 ON 인가요?! Link URL : WIZwiki-W7500 Technical Reference

6. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 1) HTTP Server Example https://developer.mbed.org/teams/iop/code/httpwebserver-wizwiki-w7500/ Import this program 클릭!! HTML Page Download

7. H/W 구현 - W7500 Starter Kit 1) WIZwiki-W7500 Starter Kit 를이용 LED

- - - 7. H/W 구현 - W7500 Starter Kit 2) Breadboard Layout GND D7 D6 D5 D5 ~ D7:+ + + + GND:-

8. Web page 로 Digital Sensor 제어하기실습 - mbed Web Compiler 1) 외부 LED control 실습

IoT Device 를개발해보자! #2

Web page 로 Network Information 받아오기 Web Server (GET)

1. Web page 로 Network information 받아오기개요 HTTP Request HTTP Request

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 2) IP setting 설명 #include 로필요한라이브러리를링크 IP address, Subnet mask, Gateway 세팅 원하는값들로변경가능하다

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 3) Web server 동작과정설명 - (net_info.html page) net_info.html 호출

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 4) Web server 동작과정설명 - (net_info.html code) net_info.html 호출

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 5) Web server 동작과정설명 - (net_info.html page) Page 진입시 getnetinfo() 호출

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 6) Web server 동작과정설명 - (net_info.html code) Page 진입시 getnetinfo() 호출

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 7) Web server 동작과정설명 - (net_info.html code) get_netinfo.cgi 보냄

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 8) Web server 동작과정설명 - (mbed code : httpserver/handler/fshandler.cpp) get_netinfo.cgi 가오면아래코드실행 mac, ip, sn, gw 의정보를실어 NetinfoCallback 함수요청

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 9) Web server 동작과정설명 - (net_info.html code) txtmac 에 mac 값을저장

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 10) Web server 동작과정설명 - (net_info.html code) id = txtgw 값을불러와넣음

2. Web page 로 Network information 받아오기실습 - mbed Web Compiler 11) Web server 동작과정설명 - (net_info.html page) txtmac 값호출 txtip 값호출 txtsn 값호출 txtgw 값호출

IoT Device 를개발해보자! #3

Web page 로 Analog Sensor 값받아오기 Analog Sensor ( 가변저항, 조도센서 ) + Web Server (GET)

1. Web page 로 Analog Sensor 값받아오기개요 HTTP Request HTTP Request HTTP Response

2. ADC 이론 1) Analog Digital Converter(ADC) 는아날로그신호를디지털신호 0, 1 로변환 2) ADC 는들어오는전압변화를샘플링해서아날로그신호를측정한다. 3) 다양한아날로그센서들의값을읽어오는데사용된다.

2. ADC 이론 - Analog Input Pinout 1) WIZwiki-W7500 은 12bit 로 0v ~ 3.3v 를샘플링 2) ADC Pin Out. 6 개 ADC Channel 중에서선택해사용 ADC Pinout

2. ADC 이론 - Analog Input Pinout

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 2) IP setting 설명 #include 로필요한라이브러리를링크 IP address, Subnet mask, Gateway 세팅 원하는값들로변경가능하다

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 3) Web server 동작과정설명 - (index.html page) ain_page.html 호출

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 4) Web server 동작과정설명 - (index.html code) ain_page.html 호출

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 5) Web server 동작과정설명 - (ain_page.html page) 클릭하면 getain (this) 호출

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 6) Web server 동작과정설명 - (ain_page.html code) 클릭하면 getain (this) 호출

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 7) Web server 동작과정설명 - (ain_page.html code) get_ain.cgi 보냄

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 8) Web server 동작과정설명 - (mbed code : httpserver/handler/fshandler.cpp) get_ain.cgi 가오면아래코드실행 ain_v0, ain_v1 의정보를실어 AinfoCallback 함수요청

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 9) Web server 동작과정설명 - (ain_page.html code) txtain_v1 에 ain_v1 값을저장 AinDrawgraph(o) 함수호출

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 10) Web server 동작과정설명 - (ain_page.html code) Val 에 ain_v0 값을저장해당값으로그래프 style 출력

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 11) Web server 동작과정설명 - (ain_page.html code) 그래프 style 정의부분

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 12) Web server 동작과정설명 - (ain_page.html code) 그래프 draw 부분 ain_v0 의값을그래프로출력 id = txtain_v1 값을불러와넣음

3. Web page 로 Analog Sensor 값받아오기실습 - mbed Web Compiler 13) Web server 동작과정설명 - (ain_page.html page) ain_v0 값호출 그래프값출력 ain_v1 값호출

4. H/W 구현 - W7500 Starter Kit 1) WIZwiki-W7500 Starter Kit 를이용 GF063PK B103 PGM5537D

4. H/W 구현 - W7500 Starter Kit 2) Breadboard Layout 3.3v:VCC VCC 3.3V A0:WIPER WIPER GND GND 3.3V GND 1.6V 3.3v GND A0 A1:V_out VCC A1 V_out GND:GND GND

4. H/W 구현 - 온도센서 3) WIZwiki-W7500 Starter Kit 를이용 TMP36GT9

4. H/W 구현 - 온도센서 4) WIZwiki-W7500 Starter Kit 를이용한 Breadboard Layout 3.3V:VCC 3.3v GND A1 A1:VOUT GND:GND

WIZwiki-W7500 으로 IoT Device 개발시작하기 - 2 차 -

1. 목차 1. IoT 를위한첫걸음 2 탄 - Web Client 란?! 2. DHCP 를알아보자! 3. 이제 IoT Device 를개발해보자! Weather Forecast Device 개발 Tweeting Machine 만들기 dweet.io 를이용한 Cloud Server 맛보기

IoT 를위한첫걸음 2 탄 Client 란?!

1. Web Client Server DHCP Server www.openweathermap.org WIZwiki-W7500 HTTP Request

1. Web Client by HTTP 어플리케이션 네크워크어플리케이션 Web Browser Web Server Socket 라이브러리 PORT OS TCP UDP IP IP 드라이버소프트웨어 LAN 드라이버 하드웨어 MAC

1. Web Client by HTTP 1. HyperText Transfer Protocol 2. 주로 HTML 문서를주고받는데쓰이며포트는 80 번을이용한다. 3. Server 와 Client 사이에이루어지는요청 / 응답프로토콜 4. 요청방법은다음과같다. GET : URL 에해당하는자료의전송을요청 POST : 서버가처리할수있는자료를보냄 HEAD : GET 과같은요청이지만, 자료에대한정보만요청 PUT : 해당 URL 에자료를저장 5. 응답코드 1xx : Informantion 2xx : Success 3xx : Redirection 4xx : Client Error 5xx : Server Error

1. Web Client by HTTP Request Response

DHCP 를알아보자!

2. DHCP 란? 1) 각컴퓨터들은고유한 IP 주소를가져야만인터넷에접속할수있는데고유한 IP 없이도 DHCP 를사용하면인터넷접속이가능하다. 2) DHCP 는 IP 를요청하는 Client 에게일정한시간동안사용할수있는유효한 IP 를 " 임대 " 해준다. 따라서 DHCP 는사용가능한 IP 주소의개수보다더많은컴퓨터가있는경우에도 IP 주소의임대시간을짧게함으로써네트워크를동적으로재구성할수있다.

2. DHCP 동작원리 https://www.youtube.com/watch?v=v69uankoyhm 1. Client -> Server : DHCP 서버를찾는다 2. Server -> Client : DHCP 서버의응답 3. Client -> Server : 유효한 IP 주소요청 4. Server -> Client : 유효한 IP 주소할당 5. Client -> Internet

Weather Forecast Device 개발 Web Client + DHCP + OLED Dispaly

1. Weather Forecast 개요 HTTP Request GPIO OUT

2. GPIO 이론 1. Digital Input 은 0volts 또는 3.3volts 입력을각각 0 또는 1 로인식하고 Digital Output 은 0 또는 1 의디지털값을 0volts 와 3.3volts 로외부로내보낸다 2. 3.3volts 를 1, 0volts 를 0 으로정의한다. 3. Digital System 상에서의의미 0v 3.3v Logic 0 Logic 1 Open Off Low Clear False Close On High Set True

2. GPIO 이론 - mbed Library 1) Digital Output Functions in mbed Library https://developer.mbed.org/handbook/digitalout https://developer.mbed.org/users/mbed_official/code/ mbed/docs/tip/classmbed_1_1digitalout.html 예제링크 함수설명링크 Pin Parameter 를바꿔서 Digital Output 선언 Digital output pin 에 0 또는 1 의값을쓴다 Digital Output pin 에쓴값을리턴 Pin 이 GPIO 에연결되면 0 이아닌값을리턴

2. GPIO 이론 - Pinout

3. I2C 이론 1) I2C 는 master 와 slave 간의동기식시리얼데이터동작프로토콜이다. 2) I2C 는두개의시리얼버스를사용한다. 3) master 와 slave 간의통신에서 serial clock(scl) 과 serial data(sda) 를이용해데이터와 7bit 주소, 1bit ACK/non-ACK 를전송한다.

3. I2C 이론 - I2C mbed Library 1) I2C Functions in mbed Library - 1 https://developer.mbed.org/handbook/i2c 예제링크 https://developer.mbed.org/users/mbed_official/code/ 함수설명링크 mbed/docs/tip/classmbed_1_1i2c.html SDA, SCL 핀을설정 I2C interface 주파수설정 Slave 로부터데이터를읽음 Slave address, pointer to read data, bytes 개수, false = 반복 / true = 정지 I2C 로부터 1 byte 만읽는다. Slave 로부터데이터를쓴다 Slave address, pointer to write data, bytes 개수, false = 반복 / true = 정지 I2C 로 1byte 를쓴다. ACK 가보내지면 1 을리턴, 그렇지않으면 0

3. I2C 이론 - I2C mbed Library 2) I2C Functions in mbed Library - 2 I2C Start() 함수 I2C Stop() 함수 I2C 전송을연속적으로하기위해사용하는함수연속적으로전송하는 transfer() 함수를멈출때사용

3. I2C 이론 - I2C Pinout 1) mbed 에서제공되는 LCD components 라이브러리참조 (AdaFruit_SSD1306 OLED) 2) I2C PinOut. SCL, SDA I2C Pinout

3. I2C 이론 - I2C Pinout

4. Weather Forecast - mbed Web Compiler 1) Import Weather Forecast https://developer.mbed.org/teams/iop/code/weather_forecast_helloworld_wizwiki-w750/ Import this program 클릭!!

1. APP id 확인 Click

4. Weather Forecast - mbed Web Compiler 2) Code 설명 - 1 #include 로필요한라이브러리를링크 W7500 보드의 R,G,B LED 를 Digital Out 으로선언 I2C 주파수를 100KHz 로초기화 PA_10 과 PA_9 핀을각각 SDA, SCL 로선언 Oled 초기파라미터를입력 ( 핀정보, reset 핀, OLED 슬레이브주소값, oled 사이즈 128by64)

4. Weather Forecast - mbed Web Compiler 3) Code 설명 - 2 날씨상태함수들 Clean() Clouds() Thunderstorm() Rain() Mist() Haze() Fog() 각함수별 LED 동작

4. Weather Forecast - mbed Web Compiler 4) Code 설명 - 3 DHCP 사용 Openweathermap.org 서버에접속 Send_all() 함수를이용해서 GET Method 로 Server 에원하는 DATA 를요청 Receive() 함수를이용해 Server 에서보내준데이터를 buffer 에저장

4. Weather Forecast - mbed Web Compiler 5) Open weathermap www.openweathermap.org 전세계의날씨정보를제공해주는서버 json, xml 형식의 API 를제공

4. Weather Forecast - mbed Web Compiler 6) Server 에서받은 Data Server 에서받아온 Data Data 타입 : json Data 에포함된날씨정보 Display 하기위해필요한날씨정보들

4. Weather Forecast - mbed Web Compiler 7) Code 설명 - 4 Buffer 에서원하는문자열의시작주소를가져오기위한포인터변수 Buffer 에서원하는문자열을가져오기위한배열선언 strstr() 함수를이용해 buffer 안에 Data 라는문자열의첫번째주소값을저장 cur_data[x] = Data[x+6] 을통해저장된주소값에서다음 6 번째주소가가리키는문자부터차례로저장 위와같은방법으로 buffer 에서 main 다음에나오는날씨정보를가져온다

4. Weather Forecast - mbed Web Compiler 8) Code 설명 - 5 Char 형으로저장된온도변수를십진수로변환 -273 을함으로써절대온도를섭씨로바꿔준다 OLED 에날씨정보를디스플레이

4. Weather Forecast - mbed Web Compiler 9) Code 설명 - 6 Strcmp() 함수로문자열을비교하고맞으면위에선언된날씨상태함수를실행 60 초마다서버에날씨정보를요청

5. H/W 구현 - W7500 Starter Kit 1) WIZwiki-W7500 Starter Kit 를이용 OLED

5. H/W- W7500 Starter Kit 2) Breadboard Layout SCL:SCL SDA:SDA 3.3V GND GND:GND 3.3V:VCC

Tweeting Machine 만들기 Web Client + DHCP + OLED Dispaly

1. Tweeting Machine 개요 DHCP Server Proxy Server WIZwiki-W7500

1. Web Client by HTTP Request Request Request Response Response Response Cache

1. Web Client by HTTP Request Request www.naver.com Response Response Cache

1. Web Client by HTTP Request Request www.naver.com Response Response Cache

2. I2C 이론 1. I2C 는 master 와 slave 간의동기식시리얼데이터동작프로토콜이다. 2. I2C 는두개의시리얼버스를사용한다. 3. master 와 slave 간의통신에서 serial clock(scl) 과 serial data(sda) 를이용해 데이터와 7bit 주소, 1bit ACK/non-ACK 를전송한다.

2. I2C 이론 - I2C Pinout 1. I2C PinOut. SCL, SDA I2C Pinout

2. I2C 이론 - I2C Pinout

3. Proxy Server 이용하기 1) Proxy Server 에서 Token 값받아오기 - 1 1 http://arduino-tweet.appspot.com/ 2 클릭

3. Proxy Server 이용하기 2) Proxy Server 에서 Token 값받아오기 - 2 2 클릭 1 트위터계정정보입력 3 Proxy server 에서제공해주는 Token 값

4. Tweeting Machine - mbed Web Compiler 1) Import Weather Forecast https://developer.mbed.org/teams/iop/code/tweeting_machine_helloworld_wizwiki-w750/ Import this program 클릭!!

4. Tweeting Machine - mbed Web Compiler 2) Code 설명 - 1 받아온 Token 값을입력

4. Tweeting Machine - mbed Web Compiler 3) Code 설명 - 2 DHCP 사용 DHCP Server 에서받아온 IP 정보출력

4. Tweeting Machine - mbed Web Compiler 4) Code 설명 - 3 Proxy Server 에접속 키보드로보낼메시지입력하고저장

4. Tweeting Machine - mbed Web Compiler 5) Code 설명 - 4 OLED 에보낸메시지디스플레이 Proxy Server 로보낼데이터 70 초뒤에다시동작

4. Tweeting Machine - mbed Web Compiler 6) Serial Terminal 창 Serial Terminal 창 DHCP Server 에서받아온 IP 키보드에서입력받은메시지 server 로보낸데이터 Server 에서온응답메시지

5. H/W 구현 - W7500 Starter Kit 1) WIZwiki-W7500 Starter Kit 를이용 OLED

5. H/W 구현 - W7500 Starter Kit 2) Breadboard Layout SCL:SCL SDA:SDA 3.3V GND GND:GND 3.3V:VCC

6. Tweeting Machine - mbed Web Compiler 7) Twitter 계정에서보낸메시지확인 1 2 3

온라인강의평가 => Link

dweet.io 를이용한 Cloud Server Web Client + DHCP + OLED Dispaly

1. Cloud Server DHCP Server Cloud Server WIZwiki-W7500

2. dweet.io Cloud Service 1) dweet.io 의 Cloud service 이용하기 - 1 1 dweet.io 접속 2 클릭

2. dweet.io Cloud Service 2) dweet.io 의 Cloud service 이용하기 - 2 1 Cloud Server 에 Things 의 DATA 를 POST 하기위해 클릭!! 4 클릭 2 3 Things 의이름을입력 json 형식의임의의데이터입력 { a0 :100 // 100은임의의값 }

2. dweet.io Cloud Service 3) dweet.io 의 Cloud service 이용하기 - 3 Cloud Server 로저장할 Things 의데이터를보내는 (POST) 형식 Cloud Server 의응답 (GET) DATA 형식 ; json 타입

3. Cloud Service - mbed Web Compiler 1) Import Weather Forecast https://developer.mbed.org/teams/iop/code/dweetio_cloudservice_helloworld_wizwiki-/ Import this program 클릭!!

3. Cloud Service - mbed Web Compiler 2) Code 설명 - 1 #include 로필요한라이브러리를링크 DHCP 를이용해유효한 IP 할당받기위해 1 로설정 MAC address 입력 Things 의아날로그값을읽어올 PIN

3. Cloud Service - mbed Web Compiler 3) Code 설명 - 2 dweet.io 에입력한 Things 의이름을입력 Cloud Server 로 Things 의이름과 아날로그값을정해진데이터형식으로 POST 5 초마다데이터변화를 Cloud Server 로업데이트

3. Cloud Service - mbed Web Compiler 4) Serial Terminal 창 Serial Terminal 창 Server 로 POST 하는형식 Server json 타입의데이터를 Get

4. H/W 구현 - 온도센서 3) WIZwiki-W7500 Starter Kit 를이용 TMP36GT9

4. H/W 구현 - 온도센서 4) WIZwiki-W7500 Starter Kit 를이용한 Breadboard Layout 3.3V:VC C 3.3v GND A1 A1:VOUT GND:GN D

5. Cloud Service - mbed Web Compiler 5) Cloud Server 에서데이터를확인하자 1 text 형식의데이터 2 주소창에직접입력 Serial Terminal 에출력된주소를복사 & 붙여넣기 http://dweet.io/follow/nameyouwant 실시간업데이트되는그래프 dweet.io 에입력한 Things 의이름

QnA 감사합니다.