앱 기획서(화면설계도) 작성

개발 할 구체적인 대상을 시스템 명세서로 정리합니다. 시스템 명세서를 기준으로 스토리 보드(화면설계도)를 작성합니다. 

로그인/회원가입  기능정의서

회원가입은 기본정보와 휴대폰 번호 인증 입력란과 닉네임 입력 창으로 구성되어 있습니다.

로그인은 아이디와 비밀번호를 입력하는 창과 아이디와 비번 찾는 기능들로 구성되어 있습니다. 

앱 디자인 구현

화면의 레이아웃을 구성한 앱 기획서(화면설계도)를 바탕으로 디자인 작업을 합니다. 디자인은 공간의 미학을 적절히 활용하는 것이 포인트입니다.

모바일이 가지고 있는 가로와 세로의 비율을 정확히 파악하고 그에 맞게 레아이웃을 짜야 합니다. 처음부터 포토샵이나 일러같은 툴로 틀을 잡는 것보다는 손그림으로 대략적인 레이아웃을 잡는 게 더 필요합니다. 여러번 고치며 안정성있는 레이아웃을 구성할 수 있기 때문입니다.

 

손그림 스케치

앱 스케치를 보고 개발자, 기획자와 동석하여 기능 간의 정의와 서비스에 맞는 디자인의 느낌이 나는지 협의 합니다. 디자이너 혼자 보는 것보다 기획자와 개발자의 시각을 빌어 의견을 구하는 것이 디자인의 완성도를 높일 수 있습니다.

사전 협의와 검토가 끝나면 컬러를 정하고 색깔을 입히며 디자인을 완성합니다.

앱 개발 구현

앱 서버 백앤드(back-end)개발

설계 단계에서 작성한 ERD를 바탕으로 회원DB 작업을 합니다. 

회원가입 프론트단에서 입력될 데이터들을 통신하고 디비 서버에 전달하는 웹서버를 구성합니다. 

물론 쿼리를 통해 디비에서 유용한 값을 전달해줄 미들 서버 작업도 합니다. 

앱 프론트 개발

디자이너의 전문 영역으로 간주되는 웹퍼블리싱이 아니라 앱 개발자들이 주로 개발하는 앱프론트단을 작업합니다. 자사 흐름의 디자이너는 안드로이드 앱개발 교육을 받아 스스로 앱 퍼블리싱을 하고 있습니다. 앱 페이지에 있는 뷰를 구성하면 자사 개발자가 데이터 연결 작업을 하여 회원 가입 데이터들을 디비로 전송하는 개발을 완료합니다. 

앱 관리자 페이지 디자인 및 개발

가입 현황 및 재방문, 체류 시간 등을 종합하는 회원들의 통계 데이터들을 확인할 수 있는 관리자용 회원 현황 페이지를 개발합니다.

회원관리가 목적입니다.

앱개발 테스트 및 QA(성능극대화)

모든 기준이 되는 기능정의서, ERD, 클래스 명세서, 스토리 보드를 펼쳐놓고 회원가입 & 로그인 기능이 제대로 구현되는지 기능별 테스트를 실시합니다. 회원가입 입력 값이 제대로 디비와 관리자페이지에 전달되는지, 가입현황과 가입 데이터들이 누락없이 서버 및 프론트에서 나타나는지 정밀하게 검증합니다. 

 

기능별 테스트에 이상이 없으면 전체 회원가입부터 로그인까지 버그가 없는지 통합테스트를 실시합니다. 

이와 동시에 디자이너와 기획자는 최초 설계에 문제가 없는지 꼼꼼히 확인합니다.

점검 중에 버그가 기록되거나 설계에 문제가 있을 때는 즉시 문제를 거론하고 수정을 하거나 기능변경을 실시합니다. 

이런 방법으로 앱기획부터 앱디자인 - 앱개발을 완료하고 테스트까지 완료하면 비로소

신뢰할 수 있는 회원가입 - 로그인 앱개발이 완성됩니다.