https://github.com/zgramming/attendance-application-mapbox
Make attendance tracking application implementation flutter_map as Map and Geolocator Package for tracking user location
https://github.com/zgramming/attendance-application-mapbox
Last synced: about 1 year ago
JSON representation
Make attendance tracking application implementation flutter_map as Map and Geolocator Package for tracking user location
- Host: GitHub
- URL: https://github.com/zgramming/attendance-application-mapbox
- Owner: zgramming
- Created: 2020-05-31T14:50:47.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-28T11:32:03.000Z (almost 6 years ago)
- Last Synced: 2025-03-25T09:47:45.506Z (about 1 year ago)
- Language: Dart
- Homepage:
- Size: 572 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Attendance Application [Mapbox Version]
Attendance Tracking Application , implementation using flutter_map and Geolocator packages for tracking user location. Backend used is Codeigniter 3.
## Configuration Project
Change Mapbox API Key with your in `global_template/lib/variable/config/app_config.dart`. It will be used for MapBox API and Autocompleted Search Address
```
static const mapBoxApiKey ='YOUR API KEY';
```
How to get API Key ? visit account.mapbox.com and scroll until you find **Access Token**
## Adding your Mapbox into project
1. If you already have mapbox account you can follow this Link or you can sign-up if you don't have account.
2. After that , go to studio.mapbox.com to create your map style.
3. Then click **New Style** and choose a template , recommended you can choose **streets / basic** style. After choose the template you can click **Customize**
4.Next , You will be redirect to page for edit your map. If you have finished edit your map, click **Share** in tab production ,scroll until you find **Developer Resource**. Then select **Third Party** tab. Click dropdown and select **Carto**. After that you can copy **Integration URL** this is your style mapbox.
5. If you success follow all instruction above , you will see API mapbox style something like this `https://api.mapbox.com/styles/v1/zeffryy/ckbpz3hxh4hdq1in027gqrem5/tiles/256/{z}/{x}/{y}@2x?access_token=xxx` , this url which will be used as **urlTemplate** in flutter project.
6. Then you can change **urlTemplate** FlutterMap widget in **map_screen.dart** and **add_destination_screen.dart** with the style that you have made.
```
TileLayerOptions(
urlTemplate:
'https://api.mapbox.com/styles/v1/zeffryy/ckbm42cwb124f1ipgndrdcz8p/tiles/256/{z}/{x}/{y}@2x?access_token=${AppConfig.mapBoxApiKey}',
subdomains: ['a', 'b', 'c'],
),
```
Reference : Stackoverflow
## Installing
1. Git clone **https://github.com/zgramming/Attendance-Application-MapBox**
2. cd `Attendance-Application-MapBox`
3. in terminal `flutter packages get`. After that `flutter run`
## Feature
- [x] Tracking user location
- [x] Autocomplete Search Address [Mapbox Autocomplete]
- [x] Absent only at certain radius [radius color will be green if user inside radius otherwise radius color will be purple]
- [x] Detecting mockup location
- [x] Add destination based on user choose in maps
- [x] Pick Destination [this will be used as your absence location]
- [x] Recap user absence monthly, has 2 view [Card & Table look]
- [x] Recap user performance monthly
- [x] User Profil
- [x] Drawer Menu
- [ ] Unimaginable Improvements
## Download
|app-arm64-v8a|app-armeabi-v7a|app-x86_64|
|:-----------:|:-------------:|:--------:|
|[
](http://www.zimprov.id/absensi_online/apk/absensi_online/mapbox/app-arm64-v8a-release.apk)|[](http://www.zimprov.id/absensi_online/apk/absensi_online/mapbox/app-armeabi-v7a-release.apk)|[](http://www.zimprov.id/absensi_online/apk/absensi_online/mapbox/app-x86_64-release.apk)|
|7,8 MB|7,4 MB|8 MB|
## API
If you interested with the API in this application and want custom the API with yours , you can follow this Link
## Issues
Please file any issues, bugs or feature request as an issue on Github
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.