개방 화장실 평가 및 위치공유 서비스

2. Code For
Civic Hacker Group
Code For
A Creative Approach to Solving
Civic Problems.
Civic Hacking
Civic hacking is the new civic
engagement using technology,
design, and creative ideas to
improve the processes and
systems of government for all
How Can Do That
Technology, and design to make
where we live better.
Contact
http://codeforall.org/about

3. Code For Incheon Project
First Project: Restroom Rating Service
01
How Can I Use Public Data ?
There Is Many Useful Public Data.
So, I started to use public data Recklessly…
I Found Restroom Data. Then, I Decided to create App.
01
I want to Make App … But First Time to Develop App
Web Development Skill + IONIC
= Hybrid Application + Study Angular + Study Parse
= Nice Application
01
10000 More Restroom Public Data !
There is 10000 More Restroom Data in App.
Citizen can add to restroom.
I Want To Save More restroom Data In App 

4. Using Development Skill
Web Skill Ionic Angular ngCordova
HTML5
JS, CSS
Hybrid
Framework
Front End
Framework
Angular + Cordova
= ngCordova
Standard Web Development Skill WEB, IOS, Android Hybrid
Framework
Native App UI
Web App
Front End Framework
Two Way Data Binding
MVC Model
Router
Geolocation
Camera, Contact Permission
Get Device ID

5. Map Framework
Map Box
Customize Map
OPTION 01
If a picture paints a thousand words,
then why can`t I paint you The
words will never show the
Layer, Fast, Quality
Beauty Layer
Fast Loading Speed for Mobile
Nice Quality
Have Many Developing Tools
Direction
Good for Data Visualization

6. Function
Simple But Useful.
Web IOS
Review, Star
Android
Direction
IE, Chrome, Safari, Opera
Mobile Web
Responsible
IOS 8+
Beauty :)
Fast
Add Comment to Location
Rating Star
Android 4.0 ~ 6.0
Fast
Get Geolocation From
ngCordova
Get Direction
Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS CSS components, gestures, and tools for building interactive
apps. Built with Sass and optimized for Angular JS.
Add New
RestroomIf you want to Add New
Restroom, Add New Location.
Then, Admin review That
Location and Add Location.

7. Design For Developer !
Simple Is Best
STEP 01
Simple
STEP 02
Color
STEP 03
Material
STEP 04
Component
필요없는 기능은 다 빼자.
Simple Is Best 를 모토로 개발
매번 혼자 개발할때 난잡하고 예
뻐보이는 색상을 집어넣어 어지러
워 보이는 색감이 있어서 색감을
통일하기로함.
Material, Flat한 디자인이 유행이
므로 대세에 맞춰서, 디자인가이
드를 참조하여 개발
예뻐보이는 컴포넌트는 직접 아무
리 만들어 보려고 해도 안 예뻐지
는 개발자의 흙손. 예뻐보이는 컴
포넌트를 가져다 쓰기로 결정
01
02
03
04

8. Application
Detail
4 2
1
3
1
23
4 Detail Page Main Page
Navigation PageMarker Page