PowerPoint

Code For Civic Hacker Group

Code ForA Creative Approach to Solving Civic Problems.Civic HackingCivic hacking is the new civic engagement using technology, design, and creative ideas to improve the processes and systems of government for allHow Can Do ThatTechnology, and design to make where we live better.Contacthttp://codeforall.org/about

2

Code For Incheon ProjectFirst Project: Restroom Rating Service

01How Can I Use Public Data ?There Is Many Useful Public Data. So, I started to use public data RecklesslyI Found Restroom Data. Then, I Decided to create App.

01I want to Make App But First Time to Develop AppWeb Development Skill + IONIC = Hybrid Application + Study Angular + Study Parse = Nice Application

0110000 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

Using Development Skill

Web Skill

Ionic

Angular

ngCordova

HTML5JS, CSSHybrid FrameworkFront End FrameworkAngular + Cordova = ngCordovaStandard Web Development SkillWEB, IOS, Android Hybrid FrameworkNative App UIWeb App

Front End Framework Two Way Data BindingMVC ModelRouter

GeolocationCamera, Contact PermissionGet Device ID

Map FrameworkMap Box

Customize Map

OPTION 01If a picture paints a thousand words, then why can`t I paint you The words will never show the

Layer, Fast, QualityBeauty LayerFast Loading Speed for MobileNice Quality

Have Many Developing ToolsDirectionGood for Data Visualization

FunctionSimple But Useful.WebIOSReview, StarAndroidDirectionIE, Chrome, Safari, OperaMobile WebResponsible

IOS 8+Beauty :)Fast

Add Comment to LocationRating StarAndroid 4.0 ~ 6.0Fast

Get Geolocation From ngCordovaGet 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.

Design For Developer !Simple Is BestSTEP 01SimpleSTEP 02ColorSTEP 03MaterialSTEP 04Component .Simple Is Best . Material, Flat , .

01020304

ApplicationDetail

42131234Detail PageMain PageNavigation PageMarker Page

Thank youCodeforincheon.orgfacebook.com/codeforincheonwww.meetup.com/Civic-Hackers-IncheonCode For Incheon Co-Organizer yoohoogun114@naver.com