쪼렙 as! 풀스택

[개발후기 - iOS, Android] SSIGN - 모바일 서명운동 앱 본문

포트폴리오 & 개발후기

[개발후기 - iOS, Android] SSIGN - 모바일 서명운동 앱

코코앱 2017. 6. 2. 18:04

프로젝트 

Android - 100% 개발

iOS - 100% 개발

Server - 5% 


0. 개요

- 모바일 앱을 통해, 사용자가 서명운동 캠페인을 생성할 수 있다.

- 사용자는 스마트폰의 터치스크린에 자필 서명을 하며 서명운동에 참여할 수 있다.

- 자필서명이 서명운동이 끝나면, 자필서명이 첨부된 서명명부를 Excel 로 출력할 수 있게 해준다.

- 목표설정 & 페이스북 공유 기능 등.


1. Server 

- PHP - Laravel 프레임워크 사용했다. 서버 만들때는 난 한게 없고, 나중에 서버개발자가 팀에서 빠진 후, 유지보수에 필요한 간단한 수정만 했다.



2. 자필서명 시스템

- 터치스크린에 서명하면, 터치 궤적에 따라 서명을 그려주고, 그것을 이미지파일로 만들어줘야 했다. 기본적으로 생각할 수 있는 방법은, 터치 스크린 이벤트가 발생할 때마다 좌표 point 마다 선을 그어주는 방법이겠다. 그런데 이 방법에는 문제가 있는게, 손가락이 빠르게 움직일때는, 이벤트간 좌표 point 가 생각보다 멀어서, 직선의 모음이 되서 우리 생각하는 부드러운 곡선의 서명이 나오질 않는다. 그래서 오픈소스 서명 라이브러리들을 까본 결과, 점들을 단순히 직선으로 연결하지 않고, 최근 점 세개를 저장해두고, 그 점 세개를 Curve 곡선으로 만들어서 연결해주는것이다. 그러면 아주 자연스러운 곡선으로 서명이 연결된다. (물론 아주 허접한 오픈소스 라이브러리는 그냥 직선으로 연결해준다) 이 곡선을 만드는 방법을 따다가 내가 원하는 SignBoardView 를 직접 만들어서 앱을 개발했다.



3. 이용한 오픈소스 라이브러리들,


- iOS : AFNetworking(Restful 통신), AFImageView(이미지로더)

- Android: Google Volley(Restful 통신), Picasso(이미지로더)


4. 기타.

- 페이스북 로그인, 페이스북 공유하기



5. 관련기사

http://platum.kr/archives/31777  (앱센터, 플래텀) - 내 얼굴 터질것같다. ㅋㅋ

- http://garagebox.biz/?post_type=wt_portfolio&p=2916   (개러지박스)


6. 유튜브 소개영상

https://youtu.be/3B5b4ExkSJg


7. 앱 다운로드 - 서비스 내렸다. ㅋ

- 구글 플레이스토어 : https://play.google.com/store/apps/details?id=net.ssign.andapp

- 애플 앱스토어 : https://itunes.apple.com/kr/app/ssain-ssign-seomyeong-undong/id1032352916?mt=8






Comments