SlideShare a Scribd company logo
시스템종합설계(야)6조
앱인벤터를 활용한 인천대학교 도서관 편의 어플
201501221 송진주
201501234 이창근
201600952 한다영
201701385 노희운
201701395 이호정
INCHEON NATIONAL UNIVERSITY
I. 프로젝트 일정
II. 설계 배경 및 목표
III. 데이터 수집
IV. 앱 구축 과정
V. 앱 구축 결과
VI. 기대 효과
INCHEON NATIONAL UNIVERSITY
➢ 목차
Ⅰ. 프로젝트 일정
➢ 프로젝트 일정
INCHEON NATIONAL UNIVERSITY
3/20 3/30 4/9 4/19 4/29 5/9 5/19 5/29 6/8 6/18
Ⅱ. 설계 배경 및 목표
➢ 설계 배경
1. 시각화된 도서 위치 안내 시스템 도입 필요성
INCHEON NATIONAL UNIVERSITY
- 기존 도서관 어플로 도서의 위치를 정확히 파악하는 데에
불편함이 있음
- 해당 도서가 속한 서고의 위치파악이 어려워 이를 찾는데
많은 시간이 소요됨 → 서고배치도
- 청구기호 식별에 어려움을 느끼는 경우가 있음
INCHEON NATIONAL UNIVERSITY
➢ 설계 배경
2. 기존 어플에 존재하지 않는 기능의 필요성
INCHEON NATIONAL UNIVERSITY
➢ 최종 설계목표
기존 도서관 어플의 불편한 사항들을 개선시키기 위한
다양한 편의시스템 구축
Ⅲ. 데이터 수집
INCHEON NATIONAL UNIVERSITY
- 도서목록 1000권
- 칸 별 도서목록
- 청구기호, 이용 가능여부 등의 도서 세부정보
- 도서관 내 책장의 가로길이
- 칸 별 사진
- 책의 두께 → 칸 별 책이 차지하는 총 길이 측정
- 자료실 내 세부도면 및 책장 이미지 → CAD 를 활용하여 구체화
➢ 데이터 수집
도서관 방문 및 어플 제작에 필요한 세부 데이터 수집
Ⅳ. 앱 구축과정
INCHEON NATIONAL UNIVERSITY
➢ 앱 구축과정
1. 도서위치안내
CAD를 활용하여 서고배치도 및 책장 세부도면 설계
INCHEON NATIONAL UNIVERSITY
- 인천대학교 학산도서관 내
도서정보 및 세부위치 정보
- Excel 파일을 csv 파일로 변환하여
앱인벤터에 연결
➢ 앱 구축과정
1. 도서위치안내
INCHEON NATIONAL UNIVERSITY
- 구글과 MIT가 공동으로 개발을 주도하고
MIT에서 웹서비스로 제공되고 있는 앱 개발
도구이자 언어
- 안드로이드 기반 휴대폰이나 에뮬레이터 앱을
개발할 수 있도록 하기 위해 블록에디터
(Block Editor) 를 이용하여 누구나 안드로이
드 용 스마트폰 앱을 만들 수 있도록 제공해주
는 스마트폰용 앱 저작도구
- 프로그램의 논리적인 개념을 통하여
안드로이드 용 스마트폰 앱 제작 가능
➢ 앱 구축과정
1. 도서위치안내
INCHEON NATIONAL UNIVERSITY
➢ 앱 구축과정
1. 도서위치안내
- 블록에디터 예시 (실제 어플 제작 과정)
INCHEON NATIONAL UNIVERSITY
- Firebase는 웹과 모바일 개발에 필요한 기능을 제공
하는 BaaS(Backend as a Service)
- 백엔드 개발을 통해 서버를 따로 설계, 구현하지 않
고 프론트엔드 개발에 집중할 수 있도록 도와주는 서
비스
- 실시간 데이터베이스, 간편한 사용자 인증, 클라우드
저장소, 호스팅, 앱 테스트와 수익 창출을 도와주
는 등 다양한 기능을 제공
- 실시간 데이터베이스
• Firebase의 실시간 데이터베이스는 ios, android,
web, unity, c++등 다양한 환경에서 사용할 수
있음
• 클라우드에 호스팅되는 noSQL 데이터베이스로
데이터를 저장하고 사용자와 기기 간에 실시간
으로 동기화
• 업데이트된 데이터가 연결된 기기 사이에서 순
식간에 동기화되며 앱이 오프라인일 때도 계속
데이터를 사용할 수 있어 네트워크 연결 여부와
무관하게 쾌적한 사용자 경험 제공
➢ 앱 구축과정
2. 파손도서신고 및 희망도서신청
Ⅴ. 앱 구축 결과
INCHEON NATIONAL UNIVERSITY
초기 실행화면
• 도서 위치안내 클릭
• 도서목록 선택
➢ 앱 구축결과
1. 도서위치안내
INCHEON NATIONAL UNIVERSITY
• 도서목록 내 검색기능
→ ‘단기완성’ 검색 시 해당 문자열 포함 도서 노출
• 위치 알고자 하는 도서 선택
➢ 앱 구축결과
1. 도서위치안내
➢ 앱 구축결과
1. 도서위치안내
INCHEON NATIONAL UNIVERSITY
위치확인 실행 화면
• 도서명 입력 or 선택 후
도면확인 클릭
→ 책장위치와 대출가능여부를 텍스트로 설명
• 도면 클릭
→ 해당 책장의 위치를 도면상의 책장에 시각화
➢ 앱 구축결과
1. 도서위치안내
INCHEON NATIONAL UNIVERSITY
도면확인 실행 화면
• 도면상에 표시된 책장 클릭
→ 해당 도서의 세부적인 위치를 책장
이미지 상에 표시하여 시각화
(도서 목록 데이터를 활용해
실제 비율에 맞춰 위치 표시)
• 책장 이미지상에 표시된 도서 클릭
→ 해당 도서 위치를 표시한 실제 책장
사진을 보여줌
➢ 앱 구축결과
2 - 1 . 도서 파손신고
INCHEON NATIONAL UNIVERSITY
초기 실행화면
• 파손분실신고 클릭
• 도서명 및 파손정보 입력
• 파손신고 버튼 클릭
➢ 앱 구축결과
2 – 2 . 희망도서 신청
INCHEON NATIONAL UNIVERSITY
초기 실행화면
• 도서신청 클릭
• 희망하는 도서 정보입력
• 도서신청버튼 클릭
INCHEON NATIONAL UNIVERSITY
Firebase 실시간 데이터베이스를 이용한
정보 저장 및 관리
➢ 앱 구축결과
2 – 3. 파손신고 및 희망도서 신청 기능 구축
➢ 앱 구축결과
3. 도서관 홈페이지 연결
INCHEON NATIONAL UNIVERSITY
• 홈페이지 클릭
→ 해당 어플에서 바로
홈페이지 이용 가능
초기 실행화면
Ⅵ. 기대효과
➢ 기대효과
INCHEON NATIONAL UNIVERSITY
- 해당 도서의 정확한 위치를 시각적으로 구현하여 누구나 쉽고 빠르게
도서를 찾을 수 있음
- 파손신고를 통한 신속한 조치 및 도서 관리의 효율성 증대
→ 기존 도서관 어플의 부족한 점 개선

More Related Content

Similar to Bookfinder

다음카카오 Pc&Mobile 웹 접근성 개선 사례
다음카카오  Pc&Mobile 웹 접근성 개선 사례다음카카오  Pc&Mobile 웹 접근성 개선 사례
다음카카오 Pc&Mobile 웹 접근성 개선 사례
Jaesung Choi
 
2014 ux trend report
2014 ux trend report2014 ux trend report
2014 ux trend report
Hyunjeong Lee
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyun
jaeyunjeong1
 
종합 포트폴리오
종합 포트폴리오종합 포트폴리오
종합 포트폴리오
hogyun yu
 
큐원(큐레이션 솔루션) 안내서
큐원(큐레이션 솔루션) 안내서큐원(큐레이션 솔루션) 안내서
큐원(큐레이션 솔루션) 안내서
MoonW Lee
 
Webonaver(2012-09-02)
Webonaver(2012-09-02)Webonaver(2012-09-02)
Webonaver(2012-09-02)Han Woo PARK
 
진민완 포트폴리오
진민완 포트폴리오진민완 포트폴리오
진민완 포트폴리오
민완 진
 
INNOIZ_UX_YuriLee
INNOIZ_UX_YuriLeeINNOIZ_UX_YuriLee
INNOIZ_UX_YuriLee
Yu-Ri Lee
 
2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부
RightBrain inc.
 
Week1 ot
Week1 otWeek1 ot
Week1 ot
Eun Yu
 
Nubija Application
Nubija ApplicationNubija Application
Nubija Application
진한 손
 
삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12
삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12
삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12지환 윤
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&R
Billy Choi
 
LingoStar iPhone App Design Workshop
LingoStar iPhone App Design WorkshopLingoStar iPhone App Design Workshop
LingoStar iPhone App Design Workshop
성관 윤
 
진해고등학교진로특강-정보통신관련 학문
진해고등학교진로특강-정보통신관련 학문진해고등학교진로특강-정보통신관련 학문
진해고등학교진로특강-정보통신관련 학문
Changwon National University
 
교사들의 스마트워크
교사들의 스마트워크교사들의 스마트워크
교사들의 스마트워크Jin-Young Kang
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4Usys4u
 
스태커회사소개서
스태커회사소개서스태커회사소개서
스태커회사소개서
stackrinc
 
유권자Db 소개
유권자Db 소개유권자Db 소개
유권자Db 소개sso3006
 
떠블유퀴즈제안서
떠블유퀴즈제안서떠블유퀴즈제안서
떠블유퀴즈제안서
stackrinc
 

Similar to Bookfinder (20)

다음카카오 Pc&Mobile 웹 접근성 개선 사례
다음카카오  Pc&Mobile 웹 접근성 개선 사례다음카카오  Pc&Mobile 웹 접근성 개선 사례
다음카카오 Pc&Mobile 웹 접근성 개선 사례
 
2014 ux trend report
2014 ux trend report2014 ux trend report
2014 ux trend report
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyun
 
종합 포트폴리오
종합 포트폴리오종합 포트폴리오
종합 포트폴리오
 
큐원(큐레이션 솔루션) 안내서
큐원(큐레이션 솔루션) 안내서큐원(큐레이션 솔루션) 안내서
큐원(큐레이션 솔루션) 안내서
 
Webonaver(2012-09-02)
Webonaver(2012-09-02)Webonaver(2012-09-02)
Webonaver(2012-09-02)
 
진민완 포트폴리오
진민완 포트폴리오진민완 포트폴리오
진민완 포트폴리오
 
INNOIZ_UX_YuriLee
INNOIZ_UX_YuriLeeINNOIZ_UX_YuriLee
INNOIZ_UX_YuriLee
 
2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부
 
Week1 ot
Week1 otWeek1 ot
Week1 ot
 
Nubija Application
Nubija ApplicationNubija Application
Nubija Application
 
삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12
삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12
삼성 싱가폴법인 삼성허브어플_제안서_v0.9_견적별도_12.12.12
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&R
 
LingoStar iPhone App Design Workshop
LingoStar iPhone App Design WorkshopLingoStar iPhone App Design Workshop
LingoStar iPhone App Design Workshop
 
진해고등학교진로특강-정보통신관련 학문
진해고등학교진로특강-정보통신관련 학문진해고등학교진로특강-정보통신관련 학문
진해고등학교진로특강-정보통신관련 학문
 
교사들의 스마트워크
교사들의 스마트워크교사들의 스마트워크
교사들의 스마트워크
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4U
 
스태커회사소개서
스태커회사소개서스태커회사소개서
스태커회사소개서
 
유권자Db 소개
유권자Db 소개유권자Db 소개
유권자Db 소개
 
떠블유퀴즈제안서
떠블유퀴즈제안서떠블유퀴즈제안서
떠블유퀴즈제안서
 

Bookfinder

  • 1. 시스템종합설계(야)6조 앱인벤터를 활용한 인천대학교 도서관 편의 어플 201501221 송진주 201501234 이창근 201600952 한다영 201701385 노희운 201701395 이호정 INCHEON NATIONAL UNIVERSITY
  • 2. I. 프로젝트 일정 II. 설계 배경 및 목표 III. 데이터 수집 IV. 앱 구축 과정 V. 앱 구축 결과 VI. 기대 효과 INCHEON NATIONAL UNIVERSITY ➢ 목차
  • 4. ➢ 프로젝트 일정 INCHEON NATIONAL UNIVERSITY 3/20 3/30 4/9 4/19 4/29 5/9 5/19 5/29 6/8 6/18
  • 5. Ⅱ. 설계 배경 및 목표
  • 6. ➢ 설계 배경 1. 시각화된 도서 위치 안내 시스템 도입 필요성 INCHEON NATIONAL UNIVERSITY - 기존 도서관 어플로 도서의 위치를 정확히 파악하는 데에 불편함이 있음 - 해당 도서가 속한 서고의 위치파악이 어려워 이를 찾는데 많은 시간이 소요됨 → 서고배치도 - 청구기호 식별에 어려움을 느끼는 경우가 있음
  • 7. INCHEON NATIONAL UNIVERSITY ➢ 설계 배경 2. 기존 어플에 존재하지 않는 기능의 필요성
  • 8. INCHEON NATIONAL UNIVERSITY ➢ 최종 설계목표 기존 도서관 어플의 불편한 사항들을 개선시키기 위한 다양한 편의시스템 구축
  • 10. INCHEON NATIONAL UNIVERSITY - 도서목록 1000권 - 칸 별 도서목록 - 청구기호, 이용 가능여부 등의 도서 세부정보 - 도서관 내 책장의 가로길이 - 칸 별 사진 - 책의 두께 → 칸 별 책이 차지하는 총 길이 측정 - 자료실 내 세부도면 및 책장 이미지 → CAD 를 활용하여 구체화 ➢ 데이터 수집 도서관 방문 및 어플 제작에 필요한 세부 데이터 수집
  • 12. INCHEON NATIONAL UNIVERSITY ➢ 앱 구축과정 1. 도서위치안내 CAD를 활용하여 서고배치도 및 책장 세부도면 설계
  • 13. INCHEON NATIONAL UNIVERSITY - 인천대학교 학산도서관 내 도서정보 및 세부위치 정보 - Excel 파일을 csv 파일로 변환하여 앱인벤터에 연결 ➢ 앱 구축과정 1. 도서위치안내
  • 14. INCHEON NATIONAL UNIVERSITY - 구글과 MIT가 공동으로 개발을 주도하고 MIT에서 웹서비스로 제공되고 있는 앱 개발 도구이자 언어 - 안드로이드 기반 휴대폰이나 에뮬레이터 앱을 개발할 수 있도록 하기 위해 블록에디터 (Block Editor) 를 이용하여 누구나 안드로이 드 용 스마트폰 앱을 만들 수 있도록 제공해주 는 스마트폰용 앱 저작도구 - 프로그램의 논리적인 개념을 통하여 안드로이드 용 스마트폰 앱 제작 가능 ➢ 앱 구축과정 1. 도서위치안내
  • 15. INCHEON NATIONAL UNIVERSITY ➢ 앱 구축과정 1. 도서위치안내 - 블록에디터 예시 (실제 어플 제작 과정)
  • 16. INCHEON NATIONAL UNIVERSITY - Firebase는 웹과 모바일 개발에 필요한 기능을 제공 하는 BaaS(Backend as a Service) - 백엔드 개발을 통해 서버를 따로 설계, 구현하지 않 고 프론트엔드 개발에 집중할 수 있도록 도와주는 서 비스 - 실시간 데이터베이스, 간편한 사용자 인증, 클라우드 저장소, 호스팅, 앱 테스트와 수익 창출을 도와주 는 등 다양한 기능을 제공 - 실시간 데이터베이스 • Firebase의 실시간 데이터베이스는 ios, android, web, unity, c++등 다양한 환경에서 사용할 수 있음 • 클라우드에 호스팅되는 noSQL 데이터베이스로 데이터를 저장하고 사용자와 기기 간에 실시간 으로 동기화 • 업데이트된 데이터가 연결된 기기 사이에서 순 식간에 동기화되며 앱이 오프라인일 때도 계속 데이터를 사용할 수 있어 네트워크 연결 여부와 무관하게 쾌적한 사용자 경험 제공 ➢ 앱 구축과정 2. 파손도서신고 및 희망도서신청
  • 17. Ⅴ. 앱 구축 결과
  • 18. INCHEON NATIONAL UNIVERSITY 초기 실행화면 • 도서 위치안내 클릭 • 도서목록 선택 ➢ 앱 구축결과 1. 도서위치안내
  • 19. INCHEON NATIONAL UNIVERSITY • 도서목록 내 검색기능 → ‘단기완성’ 검색 시 해당 문자열 포함 도서 노출 • 위치 알고자 하는 도서 선택 ➢ 앱 구축결과 1. 도서위치안내
  • 20. ➢ 앱 구축결과 1. 도서위치안내 INCHEON NATIONAL UNIVERSITY 위치확인 실행 화면 • 도서명 입력 or 선택 후 도면확인 클릭 → 책장위치와 대출가능여부를 텍스트로 설명 • 도면 클릭 → 해당 책장의 위치를 도면상의 책장에 시각화
  • 21. ➢ 앱 구축결과 1. 도서위치안내 INCHEON NATIONAL UNIVERSITY 도면확인 실행 화면 • 도면상에 표시된 책장 클릭 → 해당 도서의 세부적인 위치를 책장 이미지 상에 표시하여 시각화 (도서 목록 데이터를 활용해 실제 비율에 맞춰 위치 표시) • 책장 이미지상에 표시된 도서 클릭 → 해당 도서 위치를 표시한 실제 책장 사진을 보여줌
  • 22. ➢ 앱 구축결과 2 - 1 . 도서 파손신고 INCHEON NATIONAL UNIVERSITY 초기 실행화면 • 파손분실신고 클릭 • 도서명 및 파손정보 입력 • 파손신고 버튼 클릭
  • 23. ➢ 앱 구축결과 2 – 2 . 희망도서 신청 INCHEON NATIONAL UNIVERSITY 초기 실행화면 • 도서신청 클릭 • 희망하는 도서 정보입력 • 도서신청버튼 클릭
  • 24. INCHEON NATIONAL UNIVERSITY Firebase 실시간 데이터베이스를 이용한 정보 저장 및 관리 ➢ 앱 구축결과 2 – 3. 파손신고 및 희망도서 신청 기능 구축
  • 25. ➢ 앱 구축결과 3. 도서관 홈페이지 연결 INCHEON NATIONAL UNIVERSITY • 홈페이지 클릭 → 해당 어플에서 바로 홈페이지 이용 가능 초기 실행화면
  • 27. ➢ 기대효과 INCHEON NATIONAL UNIVERSITY - 해당 도서의 정확한 위치를 시각적으로 구현하여 누구나 쉽고 빠르게 도서를 찾을 수 있음 - 파손신고를 통한 신속한 조치 및 도서 관리의 효율성 증대 → 기존 도서관 어플의 부족한 점 개선