BLE Bus Notifier

이 포스팅은 한국어, 영어로 적혀 있습니다. 위 셀렉트 박스에서 언어 설정이 가능합니다. 형편없는 영어 실력 양해 바랍니다.
This posting is written in both Korean, English. You can select language with ‘select box’, above this article. excuse my poor english.

Project Synopsis

This project’s goal is build service that provides bus location which user want to be notified, and notify it to user via push notification.

Used/Referenced

1. React native - facebook
   facebook’s mobile app dev framework. good for fast mobile app realization, and good performance!(compare with other ‘hybrid app’)
   
   1. React native Korean Tutorial
      facebook’s React native Doc is good enough, but this Tutorial doc is more comfortable for developer who uses korean in native.
      
   2. React native router flux
      Scene control
      
   3. React native beacons manager
      Beacon Listeners
      
   4. React native background timer
      Background timer for push notification
      
   5. React native push notification
      mobile native(iOS, Android) push notification library
      
   6. React native Elements
      Awesome UI Library!
      
2. Raspberry Pi - School provides to us. old version.(no Wifi, no bluetooth, no gps.)
   
   1. GPS module
      with external antenna.
      
   2. Bluetooth Low Energy(BLE) module
      beacon broadcasting. we use iBeacon standard.
      
      

Scene Flow

Scenes’ transactions is like above. let me write details scene by scenes.

Scenes

Scene 0	Scene 1	Scene 2

Scene 0 - Beacon Ranging Scene

First, ‘Beacon Ranging Scene’. in this scene, app tries to detect bus’ beacons. for find appropriate beacon, we use fixed UUID. if app detects only one suitable UUID, app automatically goes to Next Scene. when app finds More than one proper UUID, app shows list with Bus Number and its current location.(like above screenshot) I implement bus’ number with iBeacon’s Major value and bus’ location with Minor value.

Scene 1 - Bus Detail Scene ; Destination not set

When app listens proper bus’ beacon, app’s beacon Listener add Major value to listen only one beacon. (so, UUID and Major value. e.g, listening for beacon UUID: ABCDEFGH - EEEE - EEEE - EEEE - ABCDEFGHIJKL, Major : 28.) and app listens beacon’s ‘Minor’ value changes. that means bus’ location. I use euclidean distance for get where current bus’ stop is. (this is not implemented in App part, but in Raspberry Pi - beacon part. not in repository. Sorry!) when Raspberry Pi determines that bus is at next stop, it changes beacon’s Minor value. and app receives that and shows it.
App user have to select destination for get push notification. user can select destination with clicking ‘목적지 설정’ button. it shows sidebar menu.

Scene 2 - Bus Detail Scene ; Destination setting

Sidebar menu for set destination. it shows favorite destination, and can select destination of course. app determines Favorite stop with your destination set history. dest set history implements with AsyncStorage(SQLite, local DB storage). with key(bus' Number, bus stop) - value(destination set counts) pair. When user set destination, app starts count remaining stops.

Scene 3	Scene 4

Scene 3 - Bus Detail Scene ; Destination is set

App shows how many stops remain to destination. app refreshes state with received beacon advertisement and refreshState function. if remaining stops is lesser then two, app sends push notification that remaining stops is few.

Scene 4 - Background Push ; destination is next stop!

App sends background push notification like above.(Scene 4, push message - destination is next stop!)

Scene 5	Scene 6

Scene 5 - Background Push ; arrived to destination!

App sends background push notification like above.(Scene 5, push message - Arrived to destination!)

Scene 6 - Foreground Alert ; arrived to destination!

When app is on foreground, app sends alert message.(Scene 6, alert message - Arrived to destination! )