Injeong Choi

Iot 센서를 활용한 스마트 건물 통합 관제 시스템

---

Source Code :

https://github.com/multicampus4/iot-smart-building

Web URL :

http://3.35.240.16:88/chat

프로젝트 타이틀

전지적 건물 시점

프로젝트 내용

건물 내의 IoT 센서를 통해 공기오염도, 조명 그리고 지진에 관한 실시간 데이터를 감지하고 모니터링 합니다.

프로젝트 개요

프로젝트 구성원 및 역할

시스템 구성도

구현 기술

협업 도구

ERD

IoT 센서 활용과 구성

구현 시나리오

수행 결과

시연 동영상

Close Window

자동차 빅데이터 분석

---

Source Code :

https://github.com/cijbest/TIL/tree/master/Hadoop/hivew

프로젝트 내용

임의의 자동차 IoT 장비로부터 들어오는 로그 데이터를 분석해 차트로 시각화 합니다.

시스템 구성도

구현 기술

JAVA 8
Apache-Tomcat 9
MariaDB
Hadoop
Hive
R
Highcharts

구현 내용

IoT 장비를 통해 들어오는 자동차의 빅데이터를 로그 데이터로 저장하고 Hadoop의 데이터 웨어하우스인 Hive를 이용해 로그 데이터를 분석합니다.

데이터를 일자별로 처리하며 일별 데이터의 평균 값을 추출한 후 차트로 결과 화면을 구현합니다.

기능 코드

로그데이터 환경 설정

로그데이터 저장 설정

HIVE계정 환경 설정

HIVE에 테이블 구조 생성

로그데이터 로드

구현 결과

Close Window

만남 장소 추천 웹 애플리케이션

---

Source Code :

https://github.com/socialDe/Eody

프로젝트 타이틀

Eody

프로젝트 내용

사람간 만남 약속에 앞서 참석 인원들의 거리, 목적 등 여러 요인을 고려하여 만남 장소를 선정하기 어려운 문제를 발견했습니다. 이에 장소 탐색을 원하는 고객, 장소를 운영하는 사업자를 중개하는 웹 애플리케이션을 개발하고자 합니다.

장소를 탐색하는 고객에게는 지역 및 장소 추천 기능, 장소 상세 정보와 리뷰, 평점, 예약 기능을 제공합니다.

장소를 운영하는 사업자에게는 장소 관리/광고/통계 기능, 사업관리 지식 콘텐츠 열람, 예약/리뷰 관리 기능을 제공하고, 플랫폼 전체 장소 데이터 입출력을 연동합니다.

프로젝트 구성원 및 역할

시스템 구성도

구현 기술

ERD

핵심 기능

1. 회원가입 기능
1-1. 아이디 중복 체크
사용자(SEARCHER)의 아이디가 이미 가입되어 있다면 '이미 사용 중인 아이디입니다.'라는 문구를 표시

사용자(SEARCHER)의 아이디가 가입되어 있지 않다면 '사용 가능한 아이디 입니다.'라는 문구를 표시

1-2. 비밀번호 확인
사용자(SEARCHER)의 비밀번호 입력을 이중으로 받아 두 개의 비밀번호가 같을 시 '비밀번호가 일치합니다!'라는 문구를 표시

사용자(SEARCHER)의 비밀번호 입력을 이중으로 받아 두 개의 비밀번호가 다를 시 '비밀번호가 다릅니다!'라는 문구를 표시

2. 거리우선탐색 구현 방안
(장소탐색 고객) 참석자의 출발지간 거리를 최우선으로 만남에 적합한 지역 탐색 알고리즘
2-1 초기 아이디어

1) 참석자들의 위도와 경도 입력
2) 참석자 좌표와 갖고 있는 지하철역 데이터, 두 점의 거리 계산 반복
3) 지하철역 데이터마다 참석자 좌표들과의 평균 거리 계산
4) 참석자들의 출발지를 제외한 상위 3개 지역 반환

2-2 알고리즘 성능 개선

대부분의 경우 출발지들의 외접사각형 내에 결과 지역이 위치한다는 특성을 활용하여, 출발지들의 외접사각형 내부 범위만 거리 비교 연산을 수행하도록 구현
사각형이 아닌 출발지들을 점으로 연결한 다각형으로 영역을 설정할 경우, Overfitting이 발생하여 지나치게 좁은 범위만 탐색하는 문제 야기

* * Filtered 영역(외접사각형)내 결과로 반환할 지역이 3개 미만일 경우 3개 지역을 반환할 수 없으므로, 이전 방식으로 모든 지하철역 데이터 대상 거리 비교 연산 수행하도록 구현

3. Searcher/Myroom
JSTL의 forEach, choose 구문을 활용 예약 데이터의 상태(Shop 운영자의 승인)에 따라 동적으로 예약 데이터 Display.

4. Searcher/Review 작성
multipartFile 을 활용한 리뷰 작성 내 여러 이미지 파일 업로드 처리

5. Searcher/Myroom Review List
Ajax를 이용한 JSON 비동기 데이터 송수신

6. 기상청 외부 API
기상청 API로 날씨데이터를 주기적으로 요청하여 화면 Display

7. 카카오지도 외부 API
Searcher에 의해 선택된 지역(지하철역)의 지도 Display & 마커 표시

화면 구성

* SEARCHER
메인

로그인

회원가입

지역 및 모임 추천을 위한 정보 입력
중간 지점으로 찾기

지역으로 검색하기 결과

지역추천

지역 내 장소 추천

상호검색

장소 상세 및 예약

Myroom (예약내역 확인)

Myroom (리뷰 쓰기)

Myroom (내 정보 수정)

* MANAGER
메인

로그인

로그인 성공 시 메인

가게 업로드

가게 등록 후 메인

가게 상세

가게 정보 수정

장소 상세 화면(예약 현황)

장소 상세 화면(리뷰 현황)

가게 현황(조회수, 평균 평점, 예약 수)

Close Window

영화관 어플리케이션

---

Source Code :

https://github.com/cijbest/TIL/tree/master/Android/ws

프로젝트 내용

영화관의 정보를 제공하는 안드로이드 어플리케이션입니다. 상영 영화 정보와 상영관의 위치를 확인합니다.

시스템 구성도

구현 기술

JAVA 8
Android 7.0 (Nougat)
Google FCM

구현 내용

인트로
Handler를 이용하여 약 3초간의 인트로 화면을 띄운 후 로그인 화면으로 이동합니다.

로그인
서버와 통신하여 로그인하려는 ID와 비밀번호의 일치 여부를 알아내고 로그인이 성공하면 메인 화면으로 이동합니다.

메인
화면 제일 상단에는 푸시 알람의 내용을 표시합니다. 웹서버의 요청으로 구글의 FCM(Firebase Cloud Management)을 이용하여 등록한 단말기에 푸시알람을 보내 사용자가 화면에서도 확인할 수 있습니다. 푸시알람은 앱이 꺼져 있거나 켜져 있는 상태에서도 Notification을 통해 받습니다.

영화관의 고객센터와 연결할 수 있는 전화 걸기 기능이 있습니다.

하단에는 두 개의 Fragmanet를 배치하여 상영 중인 영화의 정보를 랭킹순으로 볼 수 있고 상영관의 위치 정보를 제공합니다. 영화의 상세정보는 해당 리스트를 클릭하면 AlerDialog를 통해 확인합니다. 위치 정보는 구글의 맵으로 화면에 마커로 표시됩니다.

구현 결과

인트로

로그인

로그인 중

데이터를 불러오는 중

메인

리스트 클릭 시 상세정보 표시

영화관 위치확인

앱 실행상태에서의 푸시알람

푸시알람의 내용을 앱 화면 상단에 표시

앱이 실행되고 있지 않을 때의 푸시 알람

Close Window

POS System

---

Source Code :

https://github.com/cijbest/Java_Project_01/tree/master/pos_system

프로젝트 내용

POS SYSTEM은 카페를 이용하는 사람들이 주문을 할 수 있도록 돕는 프로그램이다. 사용자와 관리자 화면으로 나뉘며, 사용자 화면은 사용자가 지점별 위치를 지도를 통해 확인하고 지점을 선택한 뒤 주문할 제품을 고르고 결제를 하면 거스름돈이 화면에 표시된다. 주문이 끝나면 사용자가 구입할 수 있는 제품의 수량도 변한다. 관리자 화면은 사용자가 구매한 제품별 매출을 계산한 차트가 화면에 보여진다. 이 밖에 검색기능을 통해서 웹 검색과 동영상 검색이 가능하고 관리자가 위치한 지역의 날씨 정보를 제공한다.

시스템 구성도

구현 기술

JAVA 8
Apache-Tomcat 9
Oracle 11g
HTML 5
CSS 3
JSP

SQL문

구현 결과

사용자 화면

지점 선택 화면

메뉴 선택 화면

결제 화면

관리자 페이지
서버에 저장된 데이터를 월별 매출 그래프로 변환하여 출력

서버에 저장된 데이터를 품목별 매출 그래프로 변환하여 출력하는 페이지

기상청 날씨 예보 API를 이용한 날씨 자동 업데이트

웹 검색어 입력

카카오 오픈 API를 이용한 웹 검색
제목 클릭시 해당 화면으로 이동

카카오 오픈 API를 이용한 영상 검색
제목 클릭시 해당 화면으로 이동

Close Window

성적 관리 프로그램

---

Source Code :

https://github.com/cijbest/Java_Project_01/tree/master/gradeManagementProgram

프로젝트 내용

학생의 성적관리를 위한 프로그램이다. 학생(Student)과 교사(Instructor)에 따라 기능이 달라지는 프로그램으로 로그인 과정에서 선생님인지 학생인지 확인하도록 하고 각각의 데이터베이스와 비교하여 로그인이 진행 되도록 한다. 교사는 데이터베이스에 새로운 학생을 추가하거나 기존에 있는 학생들의 성적을 부여할 수 있고, 학생은 자신의 성적과 학점을 확인할 수 있는 통합 성적관리 프로그램을 구현한다. 교사가 성적을 부여하면 학생의 등급은 자동으로 부여된다.

(95점 이상: A+, 90점 이상: A, 85점 이상: B+, 80점 이상: B, 75점 이상: C+, 70점 이상: C, 65점 이상: D+, 60점 이상: D, 60점 미만: F)

시스템 구성도

구현 기술

JAVA 8
Oracle 11g
Eclipse 4.16.0

SQL

구현 결과

로그인 화면

Student(학생) 화면

Instructor(선생님) 화면

구현 소스

Student와 Instructor를 구분하기 위한 체크박스

로그인 시 체크박스로 사용자 판별 - Student 또는 Instructor

학생 UI로 넘어올 때 로그인 한 학생의 key값

학생 정보와 학점 정보 프레임 생성 및 폰트 사이즈 설정

학생 키값에 따른 정보를 화면에 출력

점수와 계산된 학점을 업데이트

선생님이 입력한 점수에 따른 학점 계산

학생 객체 업데이트 - score와 grade는 0으로 리셋

학생들의 정보 출력

Close Window

그림판

---

Source Code :

https://github.com/cijbest/paintjs

프로젝트 내용

VanillaJS로 그림판을 구현합니다.

구현 기술

HTML 5
CSS 3
Javascript

핵심 기능

브러쉬 두께 조절 기능
막대bar로 브러쉬의 두께를 조절

브러쉬 색상 조정
원하는 색상을 클릭

캔버스 전체 채우기
fill 버튼 클릭 후 실행

캔버스 그림 저장
save 버튼 클릭 후 저장

Close Window

크롬 웹 어플리케이션

---

Source Code :

https://github.com/cijbest/TodoList

프로젝트 내용

VanillaJS로 크롬 웹 어플리케이션을 구현합니다. To do list, 시간, 날씨, 배경 이미지 변경 등의 기능이 있습니다.

구현 기술

HTML 5
CSS 3
Javascript

핵심 기능

현재 시각 표시

현재 위치의 날씨 표시

사용자 이름 표시

  

체크리스트
할 일 입력

끝낸 리스트 항목 표시
네모 칸을 클릭 시 리스트 항목에 취소선 표시

  

리스트 항목 삭제
체크 모양을 클릭 시 리스트에서 항목을 삭제

Close Window