Rancangan Pembuatan Aplikasi Pendataan Alamat Fitness di Batam Berbasis JQuery Mobile

Sebelum menuju proses pembuatan program / aplikasi, alangkah baiknya kita membuat desain rancangan program/aplikasi kita. Berikut ini adalah contoh desain Pembuatan Apliakasi Pendataan Alamat tempat fitness di Batam yang saya namai J_Gymmobile. Dan ini adalah tahapan pertamanya

3.1              Entity Relathionship Diagram

Entity Relathionship Diagram pada database j_gymmobile adalah sebagai berikut:

Gambar 1 Entity Relathionship Diagram alamat

EDR diagram pada tabel alumni terdiri dari:

1. Entitas = Lokasi
2. Atribut = Nama, Id, Img,Email/Situs Web, Alamat

3.2              Data Flow Diagram

1.      DFD Level 0

Diagram level 0 merupakan dekomposisi dari diagram konteks, berikut adalah diagram level 0 dari sistem yang dirancang :

Gambar 2      Data Flow Diagram level 0

Penjelasan proses diagram diatas ( Gambar 2 ) dijabarkan sebagai berikut:

1.      Proses Login

Input

User dan Admin terlebih dahulu harus memberikan password untuk masuk ke dalam sistem yang dirancang ini, apabila password sesuai maka dapat mengakses sistem ini jika password tidak sesuai akan kembali ke tampilan login.

Output

Tampilan keseluruhan sistem untuk menjalankan proses selanjutnya. Admin dapat mengakses sepenuhnya sistem ini, sedangkan User akan diberikan batasan untuk dapat masuk pada sistem selanjunya.

Deskripsi proses

Untuk menjalankan program user dan admin harus melakukan proses login. Username dan password yang diinput akan diperiksa pada database. Apabila sesuai dapat dilanjutkan ke proses berikutnya.

2.    Proses Pengolahan Data Alamat

Input:       Status akses user dan admin

Data Alamat

Output :   Data Alamat

    Tampilan keseluruhan data

Deskripsi proses

2. DFD Level 1 Proses Login

DFD Level 1 proses login digambarkan sebagai

Gambar 3 Data Flow Diagram level 1 Proses Login

3. DFD Level 1 Proses Tambah Data Alamat

     DFD Level 1 proses Tambah Data Alamat digambarkan sebagai berikut :

Gambar 4 Data Flow Diagram level 1 Proses Tambah Alamat

3.1.            Desain Mockup

1. Desain Tampilan Awal Program

Gambar 5 Tampilan Awal Program

2. Desain account jquerymobilegym

Gambar 6 Tampilan Account j_gymmobile

3. Desain Login Admin

Gambar 7 Tampilan Login admin

4. Desain Halaman Utama Admin

            Gambar 8 Tampilan Menu Utama Admin

5. Desain Halaman Insert Alamat

Gambar 9 Tampilan Halaman Insert Alamat

Jangan Lupa juga kunjungi kampus saya STT Ibnu Sina Batam.

Klik link atau gambar berikut untuk mengunjungi websitenya.

STT Ibnu Sina Batam

Read More

Kampus STT Ibnu Sina Batam ' Kampus Unggulan ' Berbasis Imam dan Tagwa

Kampus Stt-Ibnu Sina Batam, adalah kampus terindah saya tempat dalam berlajar.

Menuntut ilmu serta mengabdikannya kepada masyarakat sesuai dengan tridarma perguruan tinggi Sekolah Tinggi Teknik Ibnu Sina Batam.

Sekolah Tinggi Teknik di Batam, yang beralamat di jalan Teuku Umar Lubuk Baja, Batam. Sekolah ini dikelola oleh Yayasan Pendidikan Ibnu Sina (YAPIS) Batam.

Sejarah berdirinya Yayasan Pendidikan Ibnu Sina Batam berdiri sejak tanggal 27 Rajab 1397 H, Bertepatan dengan tanggal 14 Juli 1977 dibawah Pimpinan H. Andi Ibrahim, BA sebagai pengurus yayasan.  

STT Ibnu Sina Batam saat ini sedang membina dan mengembangkan 2 Program Studi yakni :

Teknik Informatika Strata 1/ terakriditasi B

Teknik Industri Strata 1/ terakriditasi B 

Mata kuliah yang diajarkan pun bermacam-macam,salah satu contohnya adalah Mata Kuliah Pemrograman Mobile di Jurusan Teknik Informatika. Dimana kita akan diajari cara bagaimana membuat website yang bisa sinkron dengan tampilan handphone atau smartphone kita. Ditambah lagi fasilitas yang mendukung, membantu kita lebih memahami cara belajar sekaligus praktiknya.

 

Impian saya untuk Stt-Ibnu Sina Batam kedepannya dapat menjadi wahana bagi mahasiswa dalam menuntut ilmu dan pengalaman yang baik dan dapat memberikan fasilitas kepada mahasiswa dalam mengembangkan ilmu pengetahuan, sesuai dengan motto “Kampus STT Ibnu Sina Batam ' Kampus Unggulan ' Berbasis Imam dan Tagwa”.

Dan kepada Siswa/I yang ingin mendaftar ke perguruan tinggi di kota Batam saya sarankan untuk mendaftarkan diri anda di kampus Stt-Ibnu Sina Batam, dan bersaing dengan mahasiswa/I dikampus Stt-Ibnu Sina Batam.

Read More

Belajar JQuery Mobile - Colapsible

Selamat datang kembali guys, kita bertemu lagi di artikel kali ini saya akan Membahas Bagaimana Membuat Efek Collapsible  Menggunakan Jquery Mobile.
Oke , pertama kita akan berkenalan ,apa itu Jquery mobile ?jquery mobile itu adalah Javascript library dan Css Framework yang lebih tepatnya suport untuk Membuat tampilan website mobile selain itu juga jquery mobile bisa juga digunakan untuk membuat aplikasi Android…
nah kalo JQuery itu apa sih ? ya jquery sama aja Jquery adalah kumpulan code/fungsi script yang siap pakai ,,
nah kira2 singkat penjelasannya seperti itu ,,
Seperti apa sih contoh Collapsibles? Berikut dibawah ini contoh powerpoint hasil jadinya.
Check it out guys.

Waw menarik bukan …? oke guys slide diatas seperti biasa sekaligus menjadi penutup artikel saya kali ini…
kita akan bertemu lagi diartikel berikutnya …
sekian terimakasih telah membaca … Selamat Belajar :D

Jangan Lupa juga kunjungi kampus saya STT Ibnu Sina Batam.

Klik link atau gambar berikut untuk mengunjungi websitenya.

STT Ibnu Sina Batam

Read More