세원고등학교 아두이노 ESP32 센서 데이터 웹 서비스 구축

0. 사전 설문조사 : 수업 시작 전에 참여하시오.

https://docs.google.com/forms/d/e/1FAIpQLSdqaVj-RA-KQ-M-M8XaL_C8w-LZVsi42CglMwf4IJF8TyIIZw/viewform

(사전검사)디지털 새싹 컴퓨팅 사고역량 검사

 

 

1. 세원고 팀즈 모집

 - ms로그인 후 아래 링크로 들어올 것 

https://teams.microsoft.com/l/team/19%3a_lHk4J3enAecxCZrenHjJ45_16Md9hKdcOGNqMSSG8g1%40thread.tacv2/conversations?groupId=1a157382-8bad-43b4-b20d-fed1d31fb984&tenantId=442a574c-3563-4b68-bea0-62fc0f177ccd

Join conversation

 

 

2. esp 32 - 온습도 센서 연결

 

 

3. CHATGPT와 함께 하는 개발 과정

https://chatgpt.com/share/d8e452e2-fe36-47d5-bef1-492f95c2cabe

ChatGPT

 

 

4. 파이어베이스 기반 Realtime database 구축하기

https://firebase.google.com/?hl=ko

Firebase | Google's Mobile and Web App Development Platform

 

참고자료 : https://github.com/mtinet/smartFarm

GitHub - mtinet/smartFarm

 

 

 

5. 데이터베이스 웹서비스에 연결하기 

https://replit.com/

Replit

초기버전

GPT 기반 업그리에드 후 

 

6. 나만의 스타일로 업그레이드 하기

예를들어 아래와 같이 특정 습도를 넘으면 웹사이트에 우산 아이콘 표시하기?

아니면 특정 조건에 따라 특정 멘트를 출력한다거나. 그래프 색이 바뀐다거나. 말이지.

GPT를 이용하여 내가 생각하고 상상하는대로 웹서비스를 꾸며보자. 

 

무료버전 GPT3.5라도 괜찮다. 주어진 코드 기반으로 이렇게 요구해보자. 

 

 

7. 노션으로 웹기반 포트폴리오 제작하기.

소프트웨어 제작 포트 폴리오 예시

https://www.notion.so/2-92f6bbb32df14d5eab406b6dd9f39059

프로그래밍 2학기 | Notion

 

필요한 단축키 : 윈도우 화면 스크린샷 : [win] + [shift] + [s]

 - 윈도우 + 시프트 + 에스 / 이때 한번에 누를 필요 없다. 하나씩 차근차근 버튼을 눌러보자.

 

https://www.notion.so/ko-kr

내 위키, 문서, 프로젝트를 모두 한 곳에서 만나는 커넥티드 워크스페이스 | Notion (노션)

 

오늘 수행 결과를 팀즈에 제출한다. 

제출물 : 노션 공개 링크 

 

8. 사후 수업 만족도 조사 

https://docs.google.com/forms/d/e/1FAIpQLSdqaVj-RA-KQ-M-M8XaL_C8w-LZVsi42CglMwf4IJF8TyIIZw/viewform

(사전검사)디지털 새싹 컴퓨팅 사고역량 검사

 

 

작성자 : 상암고등학교 정보교사 성원경. @wonking

끝.