최종 프로젝트, 팀 PS공병은행 (3) -- [스마트인재개발원]

어느덧 수료한지.. 2주 하고도 며칠이지났습니다! 얼마전 마저 챙기지 못한 짐을 가지러 스마트인재개발원 캠퍼스에 들렀는데요, 저희 다음 후배들을 맞이하느라 선생님들께서 아주 열심히!! 컴퓨터와 책상을 옮기고 계셨어요..

약 5개월간 같은 장소를 오고가며 교육을 받다보니 캠퍼스에도 정이 들었나봐요.. 텅 빈 우리 교실을 보고 있자니 지난 일들이 주마등처럼(?) 스쳐지나가면서 괜히 울컥하더라구요.

담임 선생님이신 예진쌤이 마침 자리에 계셔서 이런저런 얘기를 많이 하고 왔답니다!!!

그립네요 ㅠㅠ 스마트인재개발원 !!!!! ㅠㅠㅠㅠ 반 친구들도 벌써 너무 그리워요.

그렇지만... 취뽀하고 다들 다시 보면 더 좋겠지요..??

포스팅도 열심히 해야겠죠?? 그럼, 이어서!!! 최종 프로젝트의 웹과 어플리케이션 부분을 나눠서 소개해 드릴까 합니다.

 

지난 포스팅이 궁금하시다면!

최종 프로젝트 (1)편 바로가기 ->

https://jaws-coding.tistory.com/22

최종 프로젝트 (2)편 바로가기 ->

https://jaws-coding.tistory.com/23

 

---

먼저 어플리케이션을 소개해드리려고 해요.

저희 팀 프로젝트의 목적은 다음과 같은 내용을 잡았고, 무엇보다도 직접 이용하는 소비자(사용자)들이 어플리케이션을 통해 접근을 해줘야 했어요.

그렇기 때문에 하드웨어와 어플리케이션이 직접 사용하는 부분이 되었습니다. (당근 중요하겠죠??)

 

 

무인 빈병 회수기의 주요 목적!

 

 

 

그런 다음, 다같이 스토리보드를 짜면서 사용자가 가입 - 로그인 후에 메인화면과 다른 기타 화면들을 어떻게 접근할지 흐름도 및 구성도를 작성하였습니다.

디자인 부분은 여기서는 빼고 설계도를 그린다고 생각하시면 되요.

스마트인재개발원 에서 이제 막 프로젝트를 시작하시는 분들이나.. 혹시 어떻게 흐름을 진행해야할지 모르겠다 하시는 교육생 분들이 저의 글을 보고 조금이나마 도움이 되기를 바랍니다 😀😀

 

이렇게 개발을 시작하기 전에 스토리보드를 짜놓으면 좋아요!

 

로그인 - 회원가입 - 내정보 수정 등은 대부분 공통적으로 들어가는 부분이니 설명을 생략하구요,

저희 팀 어플리케이션의 특징은 빈병 회수기가 어디에 있는지 알 수 있게 조회하는 것과

해당 회수기가 병이 몇개나 들어있는지 회수가 가능한 상태인지를 알 수 있는 회수기 정보창과

병을 반납하면 반납금을 포인트로 전환해주기 때문에 그 포인트로 사용할 수 있는 여러 이벤트 창과 참여내역 등이 필요했습니다.

주요 화면 구성을 보여드릴게요!

 

로딩 이미지와 로그인 창이에요!

다들 앱을 킬 때 로딩하는 화면이 잠시 뜨는것을 볼 수 있을 텐데요..!

그래서 로딩 이미지를 8bit 이미지로 만들고, 메인 로그인이 뜰 수 있게 코드를 짰어요 ㅎㅎ

팀의 디자인 담당으로서 제가 직접 이미지를 만들어서 넣었지요 🙄🙂🙂

 

나머지 화면은 사실.. 너무 많아서 주요 기능을 담은 화면들을 보여드리려고 해요!

---

 

1. 빈 병 반환 가능 여부와 Google Map API를 이용한 위치 안내

+ 광고 배너도 삽입하고 구글 맵을 켜면 마커표시를 병 모양으로 바꿔놓았어요! 이것도 제가 숨겨놓은 포인트 입니당😁

 

 

2. 포인트를 활용한 이벤트 참여 및 상품 구매

+ 이벤트 이미지에 들어가는 부분도 제가 제작해서 넣었어요! 코딩도 재밌지만 저는 제가 만든 이미지를 직접 개발하는 부분에 삽입하는 것이 더 뿌듯한 작업 중에 하나에요!

 

이런 것들을 제작해서 넣었어요.

 

 

3. 마이페이지와 포인트 적립 내역 및 사용 내역

 

이렇게 저희 팀의 바틀코인(Bottle-Coin) 어플리케이션의 주요 화면을 살펴보았습니다!

사실 아쉬운 점을 꼽자면,, 저는 주로 웹페이지 제작을 맡았고 어플리케이션은 디자인 부분을 담당하게 되었는데,

하드웨어 제작과 외형 제작 부분에도 시간을 쏟다보니 어플리케이션의 디자인에 손 댈 시간이 조금 부족했어요..

세번의 프로젝트를 하면서 느낀 점은 다 잘할수는 없겠지만 아쉬웠던 점이나 부족한 점을 꼭 정리하고 넘어가야한다는 점이에요.

그렇기 때문에 글을 정리하면서 반성하면서... 다시 한번 짚고 넘어가는 시간을 가집니다..

스마트인재개발원 후배님들도 꼭 꼭 프로젝트 후에 정리 하는 습관을 가지시는게 추후에 포트폴리오 정리를 하거나,

다음 프로젝트가 있을 때 이 점은 꼭 해내고 가야겠다! 하는 새로운 목표를 잡을 수 있을 거라고 생각합니다!!

 

 

 

+ 그리고 추가로! 어플리케이션에 관리 기능을 같이 넣는다면 웹페이지 뿐만 아니라 어플리케이션만 가지고도 두가지 기능을 한꺼번에 할 수 있기 때문에 더 편리 할 것 같다.. 라는 점을 이 글을 정리하며 생각해봅니다.

 

---

해당 수업은 '스마트인재개발원'에서 '지능형 IoT 융합 SW 전문가 과정(NCS) 과정'에서 진행한 교육내용입니다.

 

 

스마트인재개발원