find my bank

25
Find My Bank New way to find bank! [email protected]

Upload: ahmad-fauzi

Post on 20-Jan-2017

181 views

Category:

Technology


0 download

TRANSCRIPT

Find My BankNew way to find bank!

[email protected]

Agenda

• Problem

• Solution

• Application Concept

• Technology

• Code

• Data

Problem

Money is very vital for society.

To deposit and get the money, people need information such as bank branches, ATMs or cash deposit ATMs spread across Indonesia.

Nowadays, people still find it difficult to seek office bank / ATMs in Indonesia.

Solution

From these problems, I made an application that can allow people of Indonesia to seek office bank / ATM around the society based on GPS / current location.

Application Concept

Applications created using google maps API to read the user's location based on GPS technology and show them to the digital map.

The application will display results of several points around the user location based on type (KCU, KCP and ATM).

Users are required to choose a bank name, bank type and search range at the first time application launch to determine the bank to be searched.

Technology

- Android

- Google Maps API V2

- PHP REST API

- MySQL database

- Global Positioning System (GPS)

App Screenshot

Code is everything!

I made it with love

Photoshop Netbeans Eclipse XAMPP

Flowchart (Simple)

Spla

shSc

reen

Filte

r

Show

Map

Get

Dire

ctio

ns

Flowchart (Advanced)

Find My Bank

User's Location

Technology

Bank Data

User’s RequestRead Bank Name from Database

Show Bank Name to pick

Select Bank Type

(ATM/Office)

Select Search Range

Read User's Location

Show MapShow Marker

based on search filter

Show Bank Details and

Get Direction

Please concern!

APIBandwidth

Bank Data

Device Compability

Android ManifestDesign

Data

- PHP & MySQL Server Side

- Data taken from data.id

- Covers all banks across Indonesia

- Data Source: http://goo.gl/WI17QY

Import CSV Bank Data to MySQL

Basic API

Get Coordinates

http://api.ahmadfauzi.id/findmybank/get/penanda?bank=PT%20Bank%20Central%20Asia&status=ATM

Get Status Bank

http://api.ahmadfauzi.id/findmybank/get/status?bank=PT%20Bank%20Central%20Asia

Get Bank

http://api.ahmadfauzi.id/findmybank/get/bank

The Geocoding API

https://maps.googleapis.com/maps/api/geocode/json?address=ALAMAT&key=GOOGLE_DEVELOPER_API_KEY&sensor=true

https://maps.googleapis.com/maps/api/geocode/json?address=Jl.%20Salemba%20Raya%20No.41,%20Jakarta%20Timur&key=AIzaSyCmaz1M5vdnZTJpccyWhZ8Ooaofd1eAl8k&sensor=true

The Result

Example

API Format

The G

eocoding API

The G

eocoding API

The G

eocoding API

Google Services OR Database?

Google Services Database

Google Services

Source: https://goo.gl/YUdrxj

Database

- Faster load API

- Owned Latitude and Longitude data

- Only once requested Google Geocode API LngLat then store to the database

How it works?

Get Bank Datafrom data.id

Import CSV file to MySQL

Get Address and convert to Long

Latprogrammatically

Save Long Lat to Database

Convert Long Latto markersShow On Map

The Facts

- Need an internet connection to load maps, connect to API’s

- Focus on bank search

- User friendly and easy to use

- Will continuously developed for Bank in Indonesia (and other countries)

- Providing API

Project Reference1. ATM Icon:http://www.iconarchive.com/show/flat-finance-icons-by-graphicloads/atm-icon.html

2. Bank Icon:http://www.iconarchive.com/show/flat-finance-icons-by-graphicloads/bank-icon.html

3. Find Icon:http://www.iconarchive.com/show/flat-finance-icons-by-graphicloads/find-icon.html

4. Animated Splash Screen: http://manishkpr.webheavens.com/android-fancy-animated-splash-screen/

5. Custom Font: http://code.tutsplus.com/tutorials/customize-android-fonts--mobile-1601

6. Spinner: http://www.mkyong.com/android/android-spinner-drop-down-list-example/

7. Get String from Spinner: http://stackoverflow.com/questions/10331854/how-to-get-spinner-selected-item-value-to-string

8. Spinner Custom Font:http://stackoverflow.com/questions/5483495/how-to-set-font-custom-font-to-spinner-text-programmatically

9. Spinner Center: http://stackoverflow.com/questions/24317634/how-do-i-center-text-in-a-spinner-in-android

10. API Key: https://console.developers.google.com/project

11. Intent:http://stackoverflow.com/questions/2091465/how-do-i-pass-data-between-activities-in-android

12. URL Encode:http://stackoverflow.com/questions/3286067/url-encoding-in-android

13. Get Spinner Value: http://stackoverflow.com/questions/17129021/how-to-get-spinner-selected-item-in-android

14. Current Location: http://www.androidhive.info/2013/08/android-working-with-google-maps-v2/

15. Marker Info Window:http://stackoverflow.com/questions/14123243/google-maps-android-api-v2-interactive-infowindow-like-in-original-android-go/15040761#15040761

Question?w. ahmadfauzi.id

e. [email protected]

m. 62-812-1249-2505