Definisi SIstem Informasi

Assalamu alaikum Wr.Wb.

Guyu..disik..hahaha..

Setelah lama sekali blog ini menunggu postingan, akhirnya jari-jari ini mau diajak kompromi buat ngetik..

kesempatan kali ini yang dibahas adalah mengenai definisi sistem informasi. mungkin sedikit bermanfaat buat yang lagi bikin laporan.

langsung gak pakek guyu disik..hahaha..

Sistem  Informasi adalah kombinasi antara prosedur kerja, informasi, orang, dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah organisasi (Alter,1992).

Dalam sistem informasi ada beberapa komponen, diantaranya sebagai berikut :

1. Perangkat Keras

Mencangkup piranti-piranti fisik, seperti komputer, laptop dan printer.

2. Perangkat Lunak

Sekumpulan intruksi yang memungkinkan perangkat lunak untuk memproses data.

3. Prosedur

Sekumpulan aturan yang digunakan untuk mewujudkan pemrosesan data dan menghasilkan keluaran sesuai tujuan.

4. Orang

Semua pihak yang bertanggung jawab dalam pengembangan sistem informasi.

5. Basis Data

Kumpulan data yang saling berhubungan dan diorganisasi sedemikian rupa agar dapat diakses dengan mudah dan cepat.

6. Jaringan Komputer dan Komunikasi Data

Sistem penghubung yang memungkinkan resources dipakai bersama atau diakses oleh sejumlah pemakai.

 wes.. cukup sekian...dan tunggu posting selanjutnya yang lebih menarik dan bermanfaat..

Wassalamu alaikum Wr. Wb

Read More

Membuat Tampilan Web Sederhana deng CSS (part 1)

Assalamu 'alaikum..
Dengan berbagai alasan, hingga berbulan-bulan tak buat postingan akhirnya bisa balik lagi dan ternyata masih ingat cara memposting.hehe..

Sekarang yang di bahas adalah tentang membuat tampilan web sederhana dengan CSS ( Cascading StyleSheet ). langsung saja tampilan yang dibuat seperti ini.

Tampilan diatas adalah tampilan web yang diharapkan, langsung saja di bawah ini akan aku tuliskan sintak css nya .
simpan dengan nama file "style.css".

@charset "utf-8";
/* CSS Document */

body{
    background:url(image/misc142.jpg) ;
}
#outer1{
    margin:auto;
    width:800px;
    height:auto;
   
}
#headerout{
    margin:auto;
    width:800px;
    height:100px;
   
}
#headerkiri{
    background: url(image/logohead.jpg) no-repeat;
    margin:auto;
    width:200px;
    height:99px;
    float:left;
    border:solid 1px #C30;
}
#headerkanan {
    background: -moz-linear-gradient(top, #FFF, #FFF,#FFF, #33F) no-repeat;
    width:598px;
    height:100px;
    float:right;
    border-bottom:solid 1px #33F;
}
.judul1 {
    margin:auto;
    width:auto; height:75px;
    text-align:center;
    font-family:"Old English Text MT";
    font-size:60px;
    color:#C30;
}
.judul2 {
    margin-top:5px;
    width:auto; height:auto;
    text-align:center;
    font-family:"Lucida Console", Monaco, monospace;
    color:#FFF;
    font-size:16px;
}
#backmenu{
    margin:10px auto;
    width:800px;
    height:auto;
}

#leftmenu{
    width:200px;
    height:100px;
    float:left;
    background:url(image/promo1.jpg);
    border-left:1px solid #C30;border-top:1px solid #C30;
}
#menu {
    float:right;
    width:597px;
    height:100px;
    border-left:1px solid #C30;border-top:1px solid #C30;border-right:1px solid #C30;
    background:#FFF;
}
#menu ul {
    margin:auto;
    width:auto;
    height:90px;
    padding:5px;
    float:right;
}
#menu li {
    display: inline; 
}
#menu a {
    width:auto;
    height:auto;
    display:block;
    float:left;margin:5px;
    border:#33F solid 1px;
}
#menu a:hover, #menu .active a {
    color:#FFF;
    background:#33F;
    border-radius:30px 0px 30px 0px;
}
#outer2{
    margin:10px auto;
    width:800px;
    height:auto;
    background:#FFF;
}
#mainpage{
    margin:10px auto;
    width:798px;
    height:auto;
    border-bottom:#33F solid 1px;border-left:#33F solid 1px;border-right:#33F solid 1px;
}
#content {
    width:580px;
    height:auto;
    float:left;
    border-top:solid 1px #C30;border-left:solid 1px #C30;border-right:solid 1px #C30;
    padding:5px;
    font:"Comic Sans MS";
    color:#33F;
    font-size:14px;
    text-align:justify;
    background:#FFF;
   
}
#rightpage{
    float:right;
    width:200px;
    height:auto;
    border:solid 1px #C30;
}
#footer{
    margin:10px auto;
    width:800px;
    height:auto;
   
}
#footerleft{
    margin:auto;
    width:190px;
    height:auto;
    float:left;
    border-top:solid 1px #C30;border-left:solid 1px #C30;border-right:solid 1px #C30;
    background:#FFF;
    padding:5px;
    color:#33F;
    font-family:"Lucida Console", Monaco, monospace;
    font-size:12px;
    display:block;
    text-align:left;
}
#footerright{
    width:588px;
    height:auto;
    float:right;
    border-top:solid 1px #C30;
    padding:5px;
    color:#33F;
    font-family:"Lucida Console", Monaco, monospace;
    font-size:12px;
    display:block;
    text-align:center;
}

Setelah itu buat sintak HTML nya untuk memanggil sintak CSS tersebut.
buat file dengan nama "index.html"
sintaknya dibawah ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Otnamhar</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
    <div id="outer1">
        <div id="headerout">
            <div id="headerkiri"></div>
            <div id="headerkanan">
                <div class="judul1">Otnamhar Web</div>
                <div class="judul2">Web Designer ~ Web Programer ~ Media Sharing Informasi</div>
            </div>
        </div>
        <div id="backmenu">
            <a href=""><div id="leftmenu"></div></a>
            <div id="menu">
                <ul>
                <li><a href="#"><img src="image/House-icon.png" height="80" title="HOME" /></a></li>
                <li><a href="#"><img src="image/Library-Folder-white-icon.png" title="ARTIKEL" /></a></li>
                <li><a href="#"><img src="image/facebook-icon.png" title="FACEBOOK" /></a></li>
                <li><a href="#"><img src="image/Icon Blogger 7.png" title="OLEHMOCO.BLOGSPOT.COM" /></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div style="clear: both; margin-bottom: 0px;"></div>
    <div id="outer2">
         
            <div id="content">
            </div>
            <div id="rightpage">
            </div>
        </div>
    </div>
    <div style="clear: both; margin-bottom: 0px;"></div>
    <div id="footer">
        <div id="footerleft">Otnamhar Web<br />Phone : 087758142553<br />Email : otnamhar@gmail.com
        </div>
        <div id="footerright">Copyright &copy; 2013 Otnamhar Web ~ Hak Penuh Oleh Otnamhar<br />body background by GRSites</div>
    </div>
</body>
</html>

Nah.. seperti itu.. semoga bisa dipahami...

Read More

Install Google Chrome di Ubuntu 12.04 LTS

Assalamu 'alaikum Wr. Wb.

Kesempatan kali ini yang akan dibahas adalah mengenai intalasi google chrome di ubuntu 12.04 LTS. Karena memang admin lebih suka lewat terminal dan koneksi internet untuk intalasi, maka akan admin share cara instalasi google chrome lewat terminal.

Google chrome adalah salah satu dari sekian web browser yang banyak digunakan oleh netter selain mozilla firefox. Dan saat ini perkembangan dari pemakai google chrome sangat pesat sekali.
Langsung saja buka terminal

• Ketik Ctrl+ALt+T lalu enter
• lalu ketikkan source nya seperti dibawah ini.

Ini source untuk komputer 32 bit.

sudo apt-get install libcurl3 libnspr4-0d libxss1

wget https://dl.google.com/linux/direct/google-chrome-stable_current_i386.deb

sudo dpkg -i google-chrome*

sudo rm google-chrome*

Nah. ikuti langkah-langkah diatas secara urut dan sabar, tunggu instalasi selesai dan nikmati hasilnya.

Wassalam.

Read More

Membuat Tanggal Otomatis dengan PHP

Assalamu 'alaikum

Kali ini admin akan men-share source code PHP untuk membuat tanggal otomatis. Tanggal otomatis ini bisa berfungsi untuk memberi nilai plus situs website anda. Selain itu kita bisa mengetahui dan membantu user mengingatkan tentang tanggal saat itu , ketika buka website. langsung saja buka text editor anda, atau buka software lain seperti bluefish atau dreamweaver atau yang lain masih banyak lagi.

• Pertama ketik atau copy (terserah anda) source code dibawah ini lalu simpan dengan nama file, misalnya 'tanggal.php'.

<?  php
$tanggal=date("j");
$hari=date("w");
$bulan=date("n");
$tahun=date("Y");
switch ($hari)
{
case 0:
$hari="Minggu";
break;
case 1:
$hari="Senin";
break;
case 2:
$hari="Selasa";
break;
case 3:
$hari="Rabu";
break;
case 4:
$hari="Kamis";
break;
case 5:
$hari="Jum'at";
break;
case 6:
$hari="Sabtu";
break;
}
switch ($bulan)
{
case 1:
$bulan="januari";
break;
case 2:
$bulan="Pebruari";
break;
case 3:
$bulan="Maret";
break;
case 4:
$bulan="April";
break;
case 5:
$bulan="Mei";
break;
case 6:
$bulan="Juni";
break;
case 7:
$bulan="Juli";
break;
case 8:
$bulan="Agustus";
break;
case 9:
$bulan="September";
break;
case 10:
$bulan="Oktober";
break;
case 11:
$bulan="Nopember";
break;
case 12:
$bulan="Desember";
break;
}
echo "$hari",",","&nbsp; $tanggal","&nbsp;$bulan","&nbsp;$tahun";
?>

• Selanjutnya , difile yang akan diberi tanggal otomatis, terserah anda dimana, bisa di header, di body, mainpage, atau footer sekalian. diberi perintah/source code untuk memanggil, misalnya ditaruh di 'index.php'.

<php include 'date.php'; ?>

mudahkan silahkan dicoba dan lihat hasilnya .

Wassalamu 'alaikum.

Read More

Simpan/input Data Ke Database MySQL Menggunakan PHP

Assalamu 'alaikum Wr.wb..

Kali ini yang dibahas adalah cara simpan data kedalam database MySQL menggunakan bahasa pemrograman PHP ( Hypertext Preprocessor ).

Langkah -langkahnya sebagai berikut :

• buat database dengan nama terserah anda . sebagai contoh database diberi nama 'latihan' dengan didalamnya dibuat tabel dengan nama 'anggota'.
• Isi tabel anggota dengan nim sebagai primary key, nama, jenis_kelamin, email dan alamat.

• Selanjutnya buat formnya seperti dibawah ini dengan nama form terserah anda. sebagai contoh 'forminputdata.php'

• Lalu buat koneksi  ke databasenya dengan sintak sebagai berikut dan disimpan dengan nama file 'koneksi.php'.

 <?php
$host ="localhost";
$user ="root";
$pass ="";
$daba ="latihan";
$connect=mysql_connect($host,$user,$pass) or die ("Koneksi gagal");
mysql_select_db($daba) or die ("database tidak bisa dibuka");
?>

• Selanjutnya membuat file dengan nama 'simpan.php'. source codenya seperti dibawah ini

 <?php
include 'koneksi.php';
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$jk=$_POST['jk'];
$email=$_POST['email'];
$alamat=$_POST['alamat'];
$query=mysql_query("insert into anggota (nim,nama,jk,email,alamat) value ('$nim','$nama','$jk','$email','$alamat')");
 
if ($query)
{
header ('location : formtampildata.php');
}
else
{
header ('location : forminputdata.php');
}
include "inputdata.php";
 
?>

• setelah itu di forminputdata.php .dibawah body dibuat form dengan sintak nya 

<form action="simpan.php" method="post">

• setelah itu coba jalankan di browser anda dan coba masukkan data kedalam form, dan check di database data yang diinputkan. Untuk menampilkan data di formnya ditunggu postingan selanjutnya ....

Wassalam..

Read More