Assalamualaikum Warohmatullohi Wabaroktuh
Halo, aplikasi ini adalah implementasi dari soal lomba LSK Web design 2018, dengan studi kasus Informasi Keberangkatan Bus dan Kereta Api, jadi pengguna bisa melihat jadwal kebrangkatan bus dan kereta pada hari tersebut. Aplikasi terbagi menjadi 2 bagian, Webservice
dan Webclient
, Webservice bertindak sebagai server REST API, dan Webclient adalah Website yang memanfaatkan API yang disediakan oleh Webservice.
Aplikasi ini gratis untuk digunakan, dipelajari, dijadikan referensi atau dikembangkan, dan perlu diingat bahwa APLIKASI INI TIDAK DIPERJUAL BELIKAN, berbeda cerita jika aplikasi telah dikembangkan sedemikian rupa, sehingga sangat berbeda dengan yang sekarang, maka boleh-boleh saja untuk menjualnya, namun tetap menyertakan SUMBER.
- Register
- CRUD Place (admin)
- CRUD Schedule (admin)
- CRUD Route
- 3 hak akses : Admin, User and Umum
- Search Route With Ajax
- View map and Keterangan foreach Place
- History search For user login
- CRUD Place (Admin)
- 3 hak akses : Admin, User and Umum
- PHP7
- MariaDB
- LARAVEL
- HTML5
- CSS3
- JAVASCRIPT
- Bootstrap
- Maphilight
Memerlukan :
- XAMPP v7.2.0 ke-Atas
- Clone or Download Zip and Extract
- Copy folder
Webclient
danWebservice
kedalam folder HTDOCS - Buat database dengan nama
webservice
dan export databasewebservice.sql
- Buka Command Line/Command Prompt, masuk ke folder Webservice yang ada di HTDOCS, kemudian jalankan server PHP lewat dengan mengetik
php -S localhost:8000 -t public
lalu tekan enter, jangan diclose. - Buka lagi Command Line/Command Prompt, masuk kefolder Webclient yang ada di HTDOCS, kemudian jalankan server PHP dengan mengetik
php -S localhost:8080 -t public
lalu tekan enter, jangan diclose. - Sekarang buka browser dan akses url
localhost:8080
- Selamat aplikasi berhasil diintall
Untuk menggunakan aplikasi kamu harus membuat schadule keberangkatan terlebih dahulu, dengan memanfaatkan aplikasi seperti POSTMAN atau INSOMNIA.
Untuk Menambahkan Scahadule :
- URl: POST -
localhost:8000/api/schedule?api_token=cab2384fe07bded068d9b0804423387c
- Example Param :
- type : bus
- line : 1
- from_place_id : 2
- to_place_id : 3
- departure_time : 12:00:00
- arrival_time : 11:50:00
- distance : 100 km
- speed : 1 Jam
Perlu diperhatikan bahwa departure time dan arrival time relatif terhadap waktu nyata saat kamu mengakses aplikasi ini, jadi silahkan isi waktu dengan jarak sedikit lebih jauh dari kamu sekarang.
- Lakukan request dengan method post, url, dan param diatas.
- Pastikan response code 201 atau created
- Buka webclient dengan alamat
localhost:8080
- Lalu pada source location klik aceh dan padang, karena from place: 2 adalah id place aceh, dan to place: 3 adalah id place padang, kamu juga bisa menambahkan mulai dari waktu mana kebrangkatan yang ingin kamu lihat, contoh :
Aceh to Padang at 10:00:00
, artinya kamu ingin mencari route Aceh ke Padang yang waktu keberangkatannya mulai dari jam 10 keatas. - Jika sudah selesai klik get routes, maka akan menampilkan route-nya klik route maka akan menampilkan penanda pada peta, untuk keterangan penanda lihat legenda peta.
No | Username | Password |
---|---|---|
1 | reza | reza |
No | Username | Password |
---|---|---|
1 | dian | dian |