Cara sederhana membuat div berada di bawah kanan browser dengan css

Untuk membuat posisi div ingin berada di bawah kanan pada browser caranya tidak sulit. contoh kodenya adalah sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Css Position Fixed Bottom</title> 
 <style>
 .nav-fixed {
 background: #FF5722;
 position: fixed;
 bottom: 0;
 right: 0;
 padding: 8px 15px;
 margin-right: 5px;
 color: #fff; 
 }
 .nav-fixed-radius {
 border-radius: 4px 4px 0 0;
 }
 </style>
</head>
<body>
 
</body>
</html>

Jika dilihat pada contoh kode di atas, Kunci attribut yang di pergunakan agar porsisi div dibawah adalah pada atribut position : fixed, bottom: 0, dan right: 0.

silahkan coba sendiri untuk ber eksperimen. wassalam.

Mengambil Latitude Longitude di Google Map

maps-google-picker-location

Bagaimana cara untuk mengambil posisi Latitude Longitude di Google Map dan memasukan nya ke form input ketika mouse di klik pada sebuat titik di map google. Berikut adalah kode untuk melakukan hal itu.

<!DOCTYPE html> 
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 <title>Google Maps Location Picker Marker</title>
 <style type="text/css"> 
 #map {
 margin: 10px;
 width: 600px;
 height: 300px; 
 padding: 10px;
 }
 </style>
 
</head>
<body>
 
<table> <form> <tr> <td>Latitude</td> <td> <input type="text" name='latitude' id='latitude'></td> </tr> <tr> <td>Longitude</td> <td><input type="text" name='longitude' id='longitude'></td> </tr> </form> </table> var map; function initMap() { var opts = { 'center': new google.maps.LatLng(-6.952928, 107.638431), 'zoom': 12, 'mapTypeId': google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById('map'), opts); google.maps.event.addListener(map,'click',function(event) { document.getElementById('latitude').value = event.latLng.lat(); document.getElementById('longitude').value = event.latLng.lng(); }); } google.maps.event.addDomListener(window, 'load', init_map); https://maps.googleapis.com/maps/api/js?key=MAP_KEY&callback=initMap </body> </html>

Mudah dan sederhana silahkan anda kembangkan sesuai dengan kebutuhan anda. semoga bermanfaat, wassalam.

Membuat effect background gambar pada div bergantian di halaman web

Bagaimana cara membuat atribut background pada div bisa bergantian dengan menggunakan css dan jquery atau javascript selama interval tertentu. misal pertama yang muncul background gambar kucing terus kemudian setelah 5 detik gambar gajah dan seterusnya.

cara membuat efek gambar bergantian dengan menggunakan css dan javascript caranya adalah mudah, ikuti contoh kode berikut ini.

kode html :

<[hapus]div class="header"> 
...
<[hapus]/div>

kode javascript :

<[hapus]script> 
 var i = 0;
 var img = new Array( "bg-1.png", "bg-2.png", "bg-3.jpg", "bg-4.jpg", "bg-5.jpg");

function changeBg() {
 $('.header').css("background-image", "url(images/" + img[i] + " )"); 
 i++;

if(i == img.length) {
 i = 0;
 }

setTimeout(changeBg, 5000);
 }

changeBg();
</script>

keterangan . replace [hapus] .

 

Tata cara pemeliharaan sistem (aplikasi, website dll)

Sistem informasi atau aplikasi yang sudah dibangun agar dapat berjalan dengan baik harus di pelihara atau di maintenance dengan alasan yang sudah dijelaskan pada bahasan sebelumnnya. Bahkan mungkin ini sudah menjadi rumus supaya sistem atau aplikasi yang sudah dibangun dapat berjalan tanpa masalah, maka harus ada maintenance, tidak cukup di bangun saja selesai.

Mengingat resiko jika tidak di maintenance atau dipeliharan kemungkinan sewaktu-waktu bisa ada masalah dapat menghambat berjalannya bisnis perusahaan dan mengakibatkan kerugian. Hal ini tentu sangat tidak diharapkan.

Proses cara apa saja yang biasa dilakukan untuk pemeliharaan. Jenis-jenis pemeliharaan ada berbagai macam, seperti pada point-point berikut :

1. Pemeliharaan Korektif
Pemeliharaan korektif adalah bagian pemeliharaan sistem yang tidak begitu tinggi nilainya dan lebih membebani, karena pemeliharaan ini mengkoreksi kesalahan-kesalahan yang ditemukan pada saat sistem berjalan. Umumnya pemeliharaan korektif ini mencakup kondisi penting atau bahaya yang memerlukan tindakan segera. Kemampuan untuk mendiagnosa atau memperbaiki kesalahan atau malfungsi dengan cepat sangatlah berharga bagi perusahaan.

2. Pemeliharaan Adaptif
Pemeliharaan adaptif dilakukan untuk menyesuaikan perubahan dalam lingkungan data atau pemrosesan dan memenuhi persyaratan pemakai baru. Lingkungan tempat sistem beroperasi adalah dinamik, dengan demikian, sistem harus terus merespon perubahan persyaratan pemakai. Misalnya, Undang-Undang Perpajakan yang baru mungkin memerlukan suatu perubahan dalam kalkulasi pembayaran bersih. Umumnya pemeliharaan adatif ini baik dan tidak dapat dihindari.

3. Pemeliharaan Perfektif (Penyempurnaan)
Pemeliharaan penyempurnaan mempertinggi cara kerja atau maintainabilitas (kemampuan untuk dipelihara). Tindakan ini juga memungkinkan sistem untuk memenuhi persyaratan pemakai yang sebelumnya tidak dikenal. Ketika membuat perubahan substansial modul apapun, petugas pemeliharaan juga menggunakan kesempatan untuk meng-upgrade kode, mengganti cabang-cabang yang kadaluwarsa, memperbaiki kecerobohan, dan mengembangkan dokumentasi. Sebagai contoh, kegiatan pemeliharaan ini dapat berbentuk perekayasaan ulang atau restrukturisasi perangkat lunak, penulisan ulang dokumentasi, pengubahan format dan isi laporan, penentuan logika pemrosesan yang lebih efisien, dan pengembangan efisiensi pengoperasian perangkat.

4. Pemeliharaan Preventif
Pemeliharaan Preventif terdiri atas inspeksi periodik dan pemeriksaan sistem untuk mengungkap dan mengantisipasi permasalahan. Karena personil pemeliharaan sistem bekerja dalam sistem ini, mereka seringkali menemukan cacat-cacat (bukan kesalahan yang sebenarnya) yang menandakan permasalahan potensial. Sementara tidak memerlukan tindakan segera, cacat ini bila tidak dikoreksi di tingkat awal, jelas sekali akan mempengaruhi baik fungsi sistem maupun kemampuan untuk memeliharanya dalam waktu dekat.

Sekian pembahasan untuk kali ini, bahasan selengkapnya akan menyusul, semoga bermanfaat… wassalam.

Contoh Excel Untuk Perhitungan AHP (Analitycal Hierarchy Process)

Istilah AHP pada umumnya setiap mahasiswa yang belajar tentang Sistem Pengambilan Keputusan sudah mengetahuinya.

Sekedar untuk mengingatkan saja, Analitycal Hierarchy Process (AHP) Adalah metode untuk memecahkan suatu situasi yang komplek tidak terstruktur kedalam beberapa komponen dalam susunan yang hirarki, dengan memberi nilai subjektif tentang pentingnya setiap variabel secara relatif, dan menetapkan variabel mana yang memiliki prioritas paling tinggi guna mempengaruhi hasil pada situasi tersebut.

Untuk materi lebih jelasnya tentang AHP ini, anda bisa cari lagi di google, sudah banyak bahan materinya.

Disini saya akan memberikan contoh file untuk perhitungan metoda AHP dalam bentuk excel yang mudah untuk dipelajari. silahkan download link berikut. FIle excel nya klik link di bawah.

contoh cara hitung metode ahp

Selain file excel, penulis memiliki contoh aplikasi untuk perhitungan metode AHP dengan menggunakan pemrograman PHP atau web, kasus AHP dalam aplikasi ini adalah untuk menentukan Sekolah yang terbaik. sesuai juga untuk Aplikasi bahan skripsi atau tugas akhir mahasiswa.

Namun untuk aplikasi ini tidak gratis, akan tetapi tidak pake mahal, hanya dengan pulsa 50ribu sebagai ganti untuk biaya kirim via internet dan secangkir kopi, Jika anda berminat ada bisa kontak admin untuk mendapatkannya.

wassalam.

 

Pemeliharaan Sistem di Web atau Aplikasi Perlukah ?

maintenance-web

Sebuah pertanyaan yang akan menentukan sebuah tindakan kedepan pada sebuah sistem web atau aplikasi. Pertanyaan tersebut biasanya di hadapkan kepada pemilik sistem terkait. Jika melihat kebutuhan akan kepentingan sistem karena dianggap vital maka pemeliharaan bisa jadi wajib, atau sebaliknya apabila tidak dianggap vital, maka akan masuk kategori tidak wajib.

Pengertian Pemeliharaan Sistem
Pemeliharaan Sistem adalah suatu kombinasi dari berbagai tindakan yang dilakukan untuk menjaga suatu sistem dalam, atau memperbaikinya sampai, suatu kondisi yang bisa diterima. Pada bulan April 1970 didefinisikan sebuah istilah untuk Teknologi Pemeliharaan yang mencakup pengertian yang lebih luas dari pada pengertian Pemeliharaan diatas. Istilah ini adalah Teroteknologi.

Sistem perlu dipelihara karena beberapa hal, yaitu :
1. Sistem memiliki kesalahan yang dulunya belum terdeteksi, sehingga kesalahan-kesalahan sistem perlu diperbaiki.
2. Sistem mengalami perubahan-perubahan karena permintaan baru dari pemakai sistem.
3. Sistem mengalami perubahan karena perubahan lingkungan luar (perubahan bisnis).
4. Sistem terinfeksi malware aktif
5. Sistem berkas corrupt
6. Perangkat keras melemah.

Bersambung …

Cara Mudah Koneksi PHP dengan Database Postgree

Berikut adalah cara mudah untuk membuat kode koneksi dari program php dengan database Postgree atau Pgsql.

Syaratnya sudah pasti php dan database postgree sudah terpasang.

Bagaimana script kodenya, caranya adalah seperti dibawah ini.

<?php

// connecting, selecting database
// anda harus sesuaikan dbnam, user dan password sesuai dengan setting pada database server anda

$conn_string = “host=127.0.0.1 port=5432 dbname=nama_database user=nama_user password=password_user”;

$connection = pg_connect($conn_string);

if (!$connection) {
print(“Connection Failed”);
exit;
}
else print(“Connection Success”);
?>

Selamat mencoba, semoga bermanfaat, wassalam

Compass SASS – Reset style css

Sebelum membuat kode untuk berbagai style css, pertama kali yang biasa dilakukan adalah mereset style css terlebih dahulu.

Jika menuliskan kode style reset secara biasa akan banyak kode yang di tuliskan, lumayan menyita waktu.

Namun dengan menggunakan compass sass anda tidak perlu melakukan hal tersebut. Karena sudah ada yang buatkan kita tinggal panggil, dan bim salabim, kode reset muncul dengan sendirinya.

pada file style.scss tuliskan kode seperti berikut.

@import "compass/css3"
@import "compass/reset";
...




dibawahnya masukan kode scss yang lainya.

Langkah Awal Menggunakan Compass / SASS

Compass merupakan pengembangan dari sass, didalam compass terdapat kode-kode seperti library yang sudah dibuatkan, dan kita tinggal memanggilnya. Dengan kata lain pekerjaan kita akan lebih mudah jika menggunakan compass untuk membuat kode di scss. Jika ingin informasi lebih detail tentang compass bagaiana cara installnya dan descripsinya silahkan searching di google.

Baik jika sudah terinstall compass, kita akan mencoba membuat salah satu contoh awal pembuatan layout dengan menggunakan compass.

Pada command line atau cmd,

status kondisi berada pada direktori project. misal :

c:\xampp\htdocs\layout>

kemudian masukan perintah untuk membuat project compassnya, tuliskan kode dibawah

c:\xampp\htdocs\layout>compass create

jika di enter dengan otomatis akan membuat file-file project compass.

dan hasil di folder akan memunculkan file-file berikut.

compass-project

folder sass berisikan file scss yang merupakan bahan untuk membuat file css.

folder stylesheets berisikan file css hasil dari scss.
file config.rb adalah file untuk konfigurasi dari compass.

sedangkan folder css diatas adalah , folder yang sudah saya siapkan, alias bukan hasil generate dari compass.

compass-config

output default akan di simpan di folder stylesheets, jika ingin menggantinya ke folder css, maka, rubah tulisan stylesheets menjadi css pada baris ke 5, seperti dibawah.

css_dir = "css"

pada direktori stylesheets di hapus saja karena kita akan menggunakan folder scss, dan juga file-file di dalam folder sass di kosongkan karena kita tidak membutuhkannya.

lalu di dalam folder sass dibuat file bernama style.scss, sedangkan di dalam folder css di isi dengan file bernama style.css.

compass-style

lalu kita buka file style.scss untuk memasukan kode scssnya.

@import "compass/css3";

.box {
 @include border-radius(4px);
}

langkah yang terpenting adalah sekarang mencoba merunning compass untuk membuat hasil output cssnya. caranya adalah masukan perintah di command line yang tadi yaitu :

compass watch

dan hasil di style.css setelah di running adalah seperti berikut

/* line 3, ../sass/style.scss */
.box {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

bisa kita bandingkan kode di scss dan css, kita hanya menuliskan satu baris dan hasilnya beberapa baris, ini bisa memudahkan kita dalam menulis kode css.

cukup sekian bahasannya, ngartos? kalau belum ngartos bagus … berarti anda harus belajar lagi… hatur nuhun, wassalam.

 

 

 

Compress File Zip dengan Command Line di Ubuntu

Assalamualaikum dulur-dulur sadaya…, Compres file zip di window tidak lah sulit, semua sudah bisa tinggal klak, klik selesai. namun jika bertemu dengan linux seperti ubuntu yang hanya menampilkan terminal, ceritanya tidak seperti itu. Caranya tidak bisa klak klik, tapi harus mengetikan perintah untuk melakukan compress file.

Bagaimana cara atau perintah compress file dilinux ubuntu? tong waka lier, caranya adalah ketikan perintah seperti contoh berikut. untuk file zip, ketikan perintah ..

zip namaFile.zip fileSumber1 | fileSumber2

atau

zip namaFile.zip folderSumber1 | folderSumber2

jika ingin format yang lainnya, serperti tar.gz seperti berikut

tar zcvf namaFile.tar.gz fileSumber1 | fileSumber2

atau

tar zcvf namaFile.tar.gz folderSumber1 | folderSumber2

mudah kan, selamat mencoba. hatur nuhun.