본문 바로가기
안드로이드 프로젝트

[2015 06] 동백고 모바일 앱 개발 현황

by HAERO_KR 2015. 6. 6.

안녕하세요! 해로입니다.


오늘은 제가 개발중인 (거의 완성된) 학교 어플리케이션의 현황을 소개해드리려고 합니다.

빌드 툴은 안드로이드 스튜디오 (1.2.1.1)을 사용했고 디자인 툴은 포토샵 2014 CC 를 이용했습니다.

첫 작품이기도 하고 또 학교 프로젝트라, 긴장 하기도 했지만 많은 분들이 도와주셔서 용기를 얻었습니다.


일단 소개를 시작 해보겠습니다.




[각주:1]메인화면




메인 화면입니다.


일단 상단 이미지뷰는 임시적으로 넣은것이며 뷰페이저 방식으로 전환할 예정입니다.


그리고 아래 버튼 레이아웃은 android support card view 위젯을 이용해

버튼 5개를 리스트뷰 방식으로 나열한 레이아웃을 채택 했습니다.


아이콘은 구글 머테리얼 가이드라인에서 제공하는 아이콘 팩을 이용하였습니다.


상단 status bar는 투명화 하여 이런 레아아웃에 어울리게 연출해보았습니다.


[각주:2]공지사항






공지사항 메뉴입니다.


공지사항은 학교 홈페이지 (http://www.dongbaek.hs.kr) 의 공지사항 메뉴를 파싱해오는 방식입니다.

도메인 + 부분 도메인을 합쳐 불러옵니다.


리스트 뷰 각 항목에는 업로드한 선생님의 성함과 날짜가 표시됩니다.


항목을 터치하면 학교 홈페이지로 인텐트 되게 되는데


아쉽게도 홈페이지의 모바일 지원이 안되서 안타까울 나름입니다.


(지원좀 해주지 ㅡㅡ)


[각주:3]급식 정보







급식 정보 메뉴입니다.


아. 학교 행사 메뉴는 공지사항과 같은 원리로 작동되어 스킵했습니다.



급식 정보는 미르님의 meal library (원작자 toast님) 을 이용하여

파싱하는 방식을 채택했습니다.


미르님의 블로그로 이동하시려면

여기를 눌러주세요.


좌측 상단에 요일을 선택하는 메뉴가 있고 (이 요일은 일요일마다 갱신됩니다)

하단에 칼로리 정보가 표시되며 우측상단에는 중식과 석식을 구분하는 스위치가 있습니다.


아래에는 카드뷰 방식의 리스트뷰로 급식 메뉴와 알레르기 정보를 알려줍니다.


[각주:4]앱 정보







앱 정보 메뉴입니다.


카드뷰안에 프리퍼런스 액티비티를 표시해주는 인플레이터를 이용했고

각 탭에는 어플리케이션의 정보가 담겨있는 문구들이 적혀있습니다.


마지막 문의 탭에는 카카오톡과 이메일이있는데

이메일은 기본 앱과의 인텐트 구현이 되있지만


카카오톡은 연구의 필요가 있을것같습니다.








이상 학교 어플리케이션의 개발 현황이였습니다. 블로그 방문해주셔서 감사합니다.

졸려




  1. 메인 화면 [본문으로]
  2. 공지사항 메뉴 [본문으로]
  3. 급식 정보 [본문으로]
  4. 정보 메뉴 [본문으로]