일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- ios
- JavaScript
- 카카오톡
- TypeScript
- NeXT
- 알려줌
- cors
- 페이스북
- https
- hybrid
- swift
- Android
- nextjs
- Route53
- AWS
- 안드로이드
- fanzeel
- 네이티브
- beanstalk
- 감사일기
- S3
- 도메인
- angular
- node.js
- Elastic Beanstalk
- react
- node
- php
- angular4
- 웹뷰
- Today
- Total
쪼렙 as! 풀스택
[개발후기 - iOS, Android] SSIGN - 모바일 서명운동 앱 본문
프로젝트
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
'포트폴리오 & 개발후기' 카테고리의 다른 글
[개발후기 - WEB] FANZEEL.COM - 서브도메인을 활용한, 콘텐츠별 미니 홈페이지 퍼블리싱 시스템 (0) | 2017.09.14 |
---|---|
[개발후기 - WEB] Angular4를 사용하여 FindBM.com 웹페이지 개발하기. (0) | 2017.06.19 |
[개발후기 - iOS, Android] 투이톡 (2E 아카데미) 앱 (0) | 2017.06.15 |
[개발후기 - iOS, Android] 줄거리 알려줌 앱 (0) | 2017.06.10 |
[개발후기 - iOS, Android] IT 알려줌 앱 (0) | 2017.06.05 |