Archive for 2017
JQUERY MOBILE TABLES
JQUERY MOBILE TABLES
RESPONSIVE TABLE
Responsive design akan bekerja ketika ingin melihat tampilan konten web pada mobile device yang berbeda. Di Jquery Mobile untuk membuat table menjadi responsive merupaka hal yang mudah dikarenakan Jquery mobile telah mendukung fungsi responsive yang berasal dari class sederhana. Responsive table akan memberikan tampilan yang lebih atraktif untuk mobile dan desktop. Ada 2 tipe responsive table yaitu:
REFLOW TABLE
Reflow Table akan membuat tampilan table horizontal sampai pada minimum screen maka semua row akan menjadi grup dan di tampilkan secara vertikal. Untuk membuat sebuah reflow table tambahan data-role=“table” dan class = “ui-responsive”.
Coding Structur Halaman Jquery Mobile sebagai berikut
Dan buat lah sebuah table yang terdiri dari 5 buah baris didalam elemen <div> main Seperti berikut
Agar responsive table bekerja dengan baik kita harus menyertakan eleven <thead> dan <tbody>. Jangan gunakan rowspan atau coldspan attribute karna attribut tersebut tidak mendukung responsive.
Simpan kode jQuery mobile dan jalankan pada browser. Untuk melihat efek reflow silahkan resize ukuran layar atau menggunakan HP
Tampilan table pada screen Hp:
COLUMN TOGGLE
Column toggle table
Column toggle table berfungsi menyembunyikan kolom ketika lebar layar tidak cukup untuk menampilkan semua data. Untuk membuat sebuah column toggle class sebagai berikut
Secara default jQuery Mobile akan menyembunyikan kolom yang berada disisi kanan table. Oleh karena itu kita dapat membuat proritas column mana yang ditampilkan atau disembunyikan. Caranya dengan menambahkan data-priority pada header table <th> dengan memberikan nilai prioritas 1 (prioritas utama) sampai 6 (prioritas rendah). Coding data-priority seperti berikut.
Column Button text
Untuk mengubah text tombol column toggle tambahkan data-column-btn-text=“tulis text” pada elemen <table> seperti berikut
STT IBNU SINA MERUPAKAN KAMPUS UNGGULAN YANG SUDAH TERAKREDITAS “B” BERBASIS IMAN DAN TAQWA
SUKSES DAN SEMAKIN MAJU UNTUK STT IBNU SINA BATAM
GABUNG DENGAN KAMI UNTUK MASA DEPAN YANG LEBIH MAJU
Kunjungi situs kami di : http://stt-ibnusina.ac.id/
RESPONSIVE TABLE
Responsive design akan bekerja ketika ingin melihat tampilan konten web pada mobile device yang berbeda. Di Jquery Mobile untuk membuat table menjadi responsive merupaka hal yang mudah dikarenakan Jquery mobile telah mendukung fungsi responsive yang berasal dari class sederhana. Responsive table akan memberikan tampilan yang lebih atraktif untuk mobile dan desktop. Ada 2 tipe responsive table yaitu:
REFLOW TABLE
Reflow Table akan membuat tampilan table horizontal sampai pada minimum screen maka semua row akan menjadi grup dan di tampilkan secara vertikal. Untuk membuat sebuah reflow table tambahan data-role=“table” dan class = “ui-responsive”.
Coding Structur Halaman Jquery Mobile sebagai berikut
Dan buat lah sebuah table yang terdiri dari 5 buah baris didalam elemen <div> main Seperti berikut
Agar responsive table bekerja dengan baik kita harus menyertakan eleven <thead> dan <tbody>. Jangan gunakan rowspan atau coldspan attribute karna attribut tersebut tidak mendukung responsive.
Simpan kode jQuery mobile dan jalankan pada browser. Untuk melihat efek reflow silahkan resize ukuran layar atau menggunakan HP
Tampilan table pada screen Hp:
COLUMN TOGGLE
Column toggle table
Column toggle table berfungsi menyembunyikan kolom ketika lebar layar tidak cukup untuk menampilkan semua data. Untuk membuat sebuah column toggle class sebagai berikut
Secara default jQuery Mobile akan menyembunyikan kolom yang berada disisi kanan table. Oleh karena itu kita dapat membuat proritas column mana yang ditampilkan atau disembunyikan. Caranya dengan menambahkan data-priority pada header table <th> dengan memberikan nilai prioritas 1 (prioritas utama) sampai 6 (prioritas rendah). Coding data-priority seperti berikut.
Column Button text
Untuk mengubah text tombol column toggle tambahkan data-column-btn-text=“tulis text” pada elemen <table> seperti berikut
STT IBNU SINA MERUPAKAN KAMPUS UNGGULAN YANG SUDAH TERAKREDITAS “B” BERBASIS IMAN DAN TAQWA
SUKSES DAN SEMAKIN MAJU UNTUK STT IBNU SINA BATAM
GABUNG DENGAN KAMI UNTUK MASA DEPAN YANG LEBIH MAJU
Kunjungi situs kami di : http://stt-ibnusina.ac.id/
Cerita Singkat Dikampus gue ( STT IBNU SINA BATAM )
Cerita Singkat Dikampus gue ( STT IBNU SINA BATAM )
Sudah beberapa waktu tidak kembali ke blog ini untuk sekedar tulis-tulis berbagai hal yang terlintas dalam benak. Padahal diwaktu senggang banyak keinginan yang terlintas. Mau tulis ini dan mau tulis itu. Tapi saat duduk berhadapan dengan komputer, hilang semua itu. Entah kemana naluri menulis itu.
Hanya bisa menghela nafas panjang. Seperti malam ini karena tidak ada aktivitas kampus, isi waktu dengan duduk didepan layar komputer sambil browsing juga update info dan tak lupa untuk upload beberapa foto yang kemarin di kampus.
Awal ke kampus memang terasa biasa, tetapi ketika saya mulai kenal beberapa teman yang sama-sama mengambil mata kuliah yang sama kita jadi semakin akrab.
Teman yang satu namanya Ridwan dan satu lagi Ali dari mereka kemudian kenalah dengan satu teman lagi namanya Hendro. Ada beberapa teman lagi tapi saya lupa-lupa ingat namanya Saat tunggu dosen kita pasti bersantai ditempat duduk depan halaman kelas . Kalau tidak dikantin, pasti ke perpustakaan; Bercanda dan juga membicarakan hal-hal seputar kampus ini dan perkembangan lainnya.
Sudah tahu yang namanya jurusan teknik sudah pasti tidak jauh dari ilmu pasti, kimia, fisika, mekanika dan sebagainya.
Mata kuliah ini serasa berat, namun apa mau dikata nasib sebagai mahasiswa, harus bisa memacu otak untuk memahami dan mengerti setiap materi yang diberikan.
Dari aktivitas kumpul-kumpul disekita kampus itulah, kami akhirnya punya satu agenda yakni perjalanan ke gunung Bintan di Tanjung Pinang untuk menikmati keindahan panorama yang ada disana juga menyaksikan mentari yang terbit kata si Ali teman yang lebih dulu memberikan usul. Saya dan Ridwan setuju-setuju saja dengan rencana tersebut. Selain itu kami juga mengajak beberapa teman lagi untuk bergabung dengan kami. Untuk kesana kami rencanakan setelah UAS.
Aktivitas kuliah kami malam. Dimulai dari hari senin sampai jum'at, Walaupun terkadang sabtu dan minggu juga disuruh masuk sama dosen untuk waktu tambahan. Yang pasti untuk saat ini, saya punya semangat untuk kuliah, semangat untuk mengejar ketertinggalan. Belajar dan terus belajar menggapai mimpi.
Saya tak pernah membayangkan akan kuliah di STT Ibnu Sina Batam. Padahal di batam banyak sekali kampus dengan ke unggulan masing dari kampus, dengan bangga saya masuk ke dalam STT Ibnu Sina Batam yang tedapat di tengah kota dan sangat strategis dikampus ini lah saya sangat banyak menemukan hal-hal baru bertemu dengan orang hebat seperti dosen dan teman-teman yang lebih banyak ilmu nya ketimbang saya
STT IBNU SINA MERUPAKAN KAMPUS UNGGULAN YANG SUDAH TERAKREDITAS “B” BERBASIS IMAN DAN TAQWA
SUKSES DAN SEMAKIN MAJU UNTUK STT IBNU SINA BATAM
GABUNG DENGAN KAMI UNTUK MASA DEPAN YANG LEBIH MAJU
Kunjungi situs kami di : http://stt-ibnusina.ac.id/
Sudah beberapa waktu tidak kembali ke blog ini untuk sekedar tulis-tulis berbagai hal yang terlintas dalam benak. Padahal diwaktu senggang banyak keinginan yang terlintas. Mau tulis ini dan mau tulis itu. Tapi saat duduk berhadapan dengan komputer, hilang semua itu. Entah kemana naluri menulis itu.
Hanya bisa menghela nafas panjang. Seperti malam ini karena tidak ada aktivitas kampus, isi waktu dengan duduk didepan layar komputer sambil browsing juga update info dan tak lupa untuk upload beberapa foto yang kemarin di kampus.
Awal ke kampus memang terasa biasa, tetapi ketika saya mulai kenal beberapa teman yang sama-sama mengambil mata kuliah yang sama kita jadi semakin akrab.
Teman yang satu namanya Ridwan dan satu lagi Ali dari mereka kemudian kenalah dengan satu teman lagi namanya Hendro. Ada beberapa teman lagi tapi saya lupa-lupa ingat namanya Saat tunggu dosen kita pasti bersantai ditempat duduk depan halaman kelas . Kalau tidak dikantin, pasti ke perpustakaan; Bercanda dan juga membicarakan hal-hal seputar kampus ini dan perkembangan lainnya.
Sudah tahu yang namanya jurusan teknik sudah pasti tidak jauh dari ilmu pasti, kimia, fisika, mekanika dan sebagainya.
Mata kuliah ini serasa berat, namun apa mau dikata nasib sebagai mahasiswa, harus bisa memacu otak untuk memahami dan mengerti setiap materi yang diberikan.
Dari aktivitas kumpul-kumpul disekita kampus itulah, kami akhirnya punya satu agenda yakni perjalanan ke gunung Bintan di Tanjung Pinang untuk menikmati keindahan panorama yang ada disana juga menyaksikan mentari yang terbit kata si Ali teman yang lebih dulu memberikan usul. Saya dan Ridwan setuju-setuju saja dengan rencana tersebut. Selain itu kami juga mengajak beberapa teman lagi untuk bergabung dengan kami. Untuk kesana kami rencanakan setelah UAS.
Aktivitas kuliah kami malam. Dimulai dari hari senin sampai jum'at, Walaupun terkadang sabtu dan minggu juga disuruh masuk sama dosen untuk waktu tambahan. Yang pasti untuk saat ini, saya punya semangat untuk kuliah, semangat untuk mengejar ketertinggalan. Belajar dan terus belajar menggapai mimpi.
Saya tak pernah membayangkan akan kuliah di STT Ibnu Sina Batam. Padahal di batam banyak sekali kampus dengan ke unggulan masing dari kampus, dengan bangga saya masuk ke dalam STT Ibnu Sina Batam yang tedapat di tengah kota dan sangat strategis dikampus ini lah saya sangat banyak menemukan hal-hal baru bertemu dengan orang hebat seperti dosen dan teman-teman yang lebih banyak ilmu nya ketimbang saya
STT IBNU SINA MERUPAKAN KAMPUS UNGGULAN YANG SUDAH TERAKREDITAS “B” BERBASIS IMAN DAN TAQWA
SUKSES DAN SEMAKIN MAJU UNTUK STT IBNU SINA BATAM
GABUNG DENGAN KAMI UNTUK MASA DEPAN YANG LEBIH MAJU
Kunjungi situs kami di : http://stt-ibnusina.ac.id/
Perancangan Sistem HIMAPRODI
PERANCANGAN SISTEM
ERD (Entity Relathionship Diagram)
ERD diagram pada tabel HIMAPRODI terdiri dari:
Data Flow Diagram
DFD Level 0
Diagram level 0 merupakan dekomposisi dari diagram konteks, berikut adalah diagram level 0 dari sistem yang dirancang :
Penjelasan proses diagram diatas ( Gambar 3.2 ) dijabarkan sebagai berikut:
DFD Level 1 Proses User
DFD Level 1 proses User digambarkan sebagai
DFD Level 1 Proses Tambah Data HIMAPRODI
DFD Level 1 proses Tambah Data HIMAPRODIdigambarkan sebagai berikut :
STT IBNU SINA MERUPAKAN KAMPUS UNGGULAN YANG SUDAH TERAKREDITAS “B” BERBASIS IMAN DAN TAQWA
SUKSES DAN SEMAKIN MAJU UNTUK STT IBNU SINA BATAM
GABUNG DENGAN KAMI UNTUK MASA DEPAN YANG LEBIH MAJU
Kunjungi situs kami di : http://stt-ibnusina.ac.id/
ERD (Entity Relathionship Diagram)
ERD diagram pada tabel HIMAPRODI terdiri dari:
- Entitas = HMTI, HIMATRI
- Atribut = Nama, alamat,no_telepon,facebook,jabatan,bidang
Data Flow Diagram
DFD Level 0
Diagram level 0 merupakan dekomposisi dari diagram konteks, berikut adalah diagram level 0 dari sistem yang dirancang :
Penjelasan proses diagram diatas ( Gambar 3.2 ) dijabarkan sebagai berikut:
- Proses akses
Input : User terlebih dahulu harus masuk ke dalam sistem web
Output : Tampilan keseluruhan sistem untuk menjalankan proses selanjutnya. User dapat mengakses sepenuhnya sistem ini,
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. - Proses Pengolahan Data HIMAPRODI (2)
Input : Status akses user & Data HIMAPRODI
Output : Data HIMAPRODI Tampilan keseluruhan sistem
DFD Level 1 Proses User
DFD Level 1 proses User digambarkan sebagai
DFD Level 1 Proses Tambah Data HIMAPRODI
DFD Level 1 proses Tambah Data HIMAPRODIdigambarkan sebagai berikut :
STT IBNU SINA MERUPAKAN KAMPUS UNGGULAN YANG SUDAH TERAKREDITAS “B” BERBASIS IMAN DAN TAQWA
SUKSES DAN SEMAKIN MAJU UNTUK STT IBNU SINA BATAM
GABUNG DENGAN KAMI UNTUK MASA DEPAN YANG LEBIH MAJU
Kunjungi situs kami di : http://stt-ibnusina.ac.id/
