Archive for Kuliah

Script mute backsound pada HTML5

Mungkin ada yang masih bingung, bagaimana cara membuat tombol yang berfungsi untuk “mute”. Biasanya sih kalau buat game kan ada backsoundnya dan bisa diatur apakah mau di on/off. Nah, pada posting kali ini akan dibahas bagaimana cara membuat tombol untuk mengatur backsound tersebut.

Oke, langsung saja… Cekidot…

Yang perlu dipersiapkan:
1. File backsound dalam .mp3/.ogg
2. Icon sebagai tombol mute
3. Script dalam .html

<html>
<head>
<audio id="backsound" src="backsound.mp3" autoplay="autoplay"></audio> 
<style>
body {
margin: 0px;
padding: 0px;
overflow: hidden;
}
canvas {
border : dashed red;
}
img.button { 
display: block;
margin: -20% 20% 0 5%;
width: 50px; 
}
#gameUI {
height: 480px;
position: absolute; 
width: 320px;
}
</style>
</head>
<body>
<div id="container"></div>
<canvas width="320" height="480"></canvas>
<div id="gameUI"><img src="icon2.png" class="button" id="mute"></div>
<script>
//backsound mute
var audio = document.getElementById('backsound');
document.getElementById('mute').addEventListener('click', function (e){
	e = e || window.event;
	audio.muted = !audio.muted;
	e.preventDefault();
}, false);
</script>
</body>
</html>

Mudah kan?
Semoga bermanfaat.

Advertisements

Alur Perpanjang KTM UIN Sunan Kalijaga

Sekedar Share hasil mondar-mandir tadi siang buat ngurus KTM.
Biar gk bolak-balik persiapkan berkas-berkas ini :

1. Bawa berkas Form Surat Permohonan Penggantian KTM ke Pak Wahdan.

2. Klo udh dapet ttd dan cap pada surat tadi kita bawa ke gedung Administrasi (naik saja ke lantai 2) **Agak Lupa, Nama gedungnya admisi apa administrasi ya? Gedungnya deket pasca sarjana**

3. Serahkan surat tadi disertai KTM lama dan Bukti Pembayaran SPP. Klo bukti pembayaran SPP gk ada, bisa pakai fotocopy KRS. Ada baiknya klo bukti pembayaran cm punya 1 lembar di fotocopy dulu, pakai fotokopian jg gpp.

4. Selanjutnya dapat selembar kertas pengantar buat bayar ke BSM Kopma sejumlah 20.000 rupiah. (Nulis form yg ada dibank seperti biasa baru bayar + nyerahin surat pengantar pembayaran)

5. Setelah bayar balik lagi ke gedung administrasi. Nanti dapat surat pengantar untuk foto ke PKSI.

6. Ke PKSI untuk foto.

Berkas bisa di download disini

Makasih buat Ulin yang udah nemenin mondar-mandir plus nraktir es cream ๐Ÿ™‚

Membuat Permainan Drag and Drop Sederhana dengan HTML5

Lebaran sebentar lagi.. Mari sempatkan untuk bersih-bersih blog yang udah sawangan.. ๐Ÿ˜€

Okey, kali ini saya akan sedikit membahas tentang drag and drop pada HTML5 klo kemaren pke engine Construct2 sekarang kita cuma butuh Notepad++ atau editor text sesuka kamu.

Skenarionya:
1. Huruf Hijaiyah (Alif, ba, ta) tipe filenya gambar format bisa .png atau .jpg. Bagian ini merupakan obyek yang bisa ditarik (drag).
2. Alif, Ba, Ta yang ada dibawah merupakan area drop (dropzone) yang merupakan tempat peletakan dari huruf yang di-drag tadi.

Untuk mencoba sourcenya silahkan download disini dan jalankan melalui browser. Pastikan browser sudah mendukung HTML5.
ReadMore

Cetak Input Data menjadi PDF dengan FPDF

Bermula dari tugas mata kuliah Proyek Khusus di Prodi yang meminta kami untuk membuat cetak otomatis surat penunjukan dosen pembimbing tugas akhir.

Aplikasi dibuat dengan php agar data dosen dan mahasiswa yang dibutuhkan nantinya dapat diimport dari server SIA (Sistem Informasi Akademik).

ย Diharapkan dengan aplikasi ini :

1. Admin dapat menginputkan surat hanya dengan menginput nim, otomatis nama dapat terinput tanpa mengetik secara manual.

2. Dosen dapat melihat mahasiswa siapa saja yang beliau bimbing.

Selengkapnya

Membuat Website Profile Sekolah dengan Code Igniter

Website Profil Sekolah ini dibuat dengan CI (Code Igniter) yang merupakan framework php.

Berikut hasilnya terdiri dari :
1.ย Dokumentasi

2. Website Sekolahย (edisi sebelum revisi)

3. Website Sekolah (edisi setelah revisi)

Perbedaan Website setelah revisi dan sebelum revisi adalah tanggal absensi yang di input menggunakan select tanggal, bulan, dan tahun diganti menjadi bentuk kalender (dengan datepicker).

Di revisi karena mendapat masukan dan permintaan dari penguji agar hari minggu bisa di disable sehingga meminimalisir kesalahan input absen pada hari Minggu.

Sekedar share semoga bermanfaat…

Birokrasi Daftar Munaqosyah UIN Sunan Kalijaga

Dicopy dari forum TIF UIN SUKA sebagai arsip pribadi :D…

Birokrasi daftar munaqosyah :
1. Surat keterangan habis teori aseli yg udah dikonversi tanpa nilai E 1 lembar —> cara minta pak wahdan
2. Surat persetujuan skripsi 4 lembar TTD asli semua –> link download
3. Pernyataan keaslian skripsi bermaterai 1 lembar –> link download
4. Cover skripsi 1 lembar
5. FC KTM dan KRS akhir masing2 1 lembar
Selengkapnya

Birokrasi Setelah Munaqosyah UIN Sunan Kalijaga

Birokrasi setelah munaqosyah :

1. menyelesaikan revisi skripsi bagi yg revisi sesuai dgn point2 yg telah dituliskan dalam form revisi dari dosen penguji.

2. jika udah selesai minta ACC revisi urut ke dosen penguji 1 lanjut ke penguji 2 baru ke pembimbing/ketua sidang munaqosyah dan ACC tersebut dibubuhkan pada cover depan skripsi kita dan cantumkan tgl ACC revisinya.

3. mintakan form pengesahan skripsi yang ada nilai munaqosyahnya ke pak wahdan (TU.informatika) biasanya sama menunjukkan hasil skripsi yg udah kita revisi, nantinya kita dikasih 5 lembar dan membayar kalo gak salah 5ribu, ane lupa soalnya…… ๐Ÿ˜€

Selengkapnya

Tentang Data Mart

Trigger

Pengertian
Dalam suatu aplikasi, proses validasi data dapat di lakukan pada level aplikasi. Sebagai contoh jika diinginkan untuk membatasi proses penjualan, jika ternyata stok barang yang tersedia telah habis. Dengan cara ini aturan bisnis ditempatkan sebagai kode program di aplikasi. Namun permasalahannya jika terjadi aturan bisnis maka kode program harus diubah dan didistribusikan ke semua client. Oleh karena itu sangat disarankan untuk menempatkan aturan bisnis dalam database untuk mempermudah pemeliharaan dan pengembangan lebih lanjut. Untuk mengatasi semua permasalahan ini di Oracle tersedia trigger.
Selengkapnya

Temporal Database

Pengenalan Database Temporal:
Database temporal merupakan database non-relational yang terintegrasi dengan aspek waktu, misalnya model data temporal dan versi temporal dari bahasa query terstruktur.
Lebih spesifik lagi aspek temporalnya biasa sudah termasuk waktu yang valid dan waktu transaksi. Atribut-atribut ini muncul bersamaan pada form data bitemporal.
Waktu yang valid ditunjukkan dengan periode waktu kejadian yang sama dengan waktu pada dunia sebenarnya
Waktu transaksi adalah periode waktu saat menyimpan suatu kejadian ke database
Selengkapnya

« Previous entries