MEMBUAT DATABASE DENGAN MENGGUNAKAN MICROSOFT OFFICE ACCESS

A. MEMBUAT DATABASE DENGAN MENGGUNAKAN MICROSOFT OFFICE ACCESS

Oke langsung saja kita mulai membuat sebuah database dengan microsoft office access, langkah – langkahnya adalah sebagai berikut :

1.   Siapkan laptop atau PC anda :D
2.  Klik start lalu buka microsoft office access
3.   Pilih blank desktop database lalu namai database dengan nama “Akademik” kemudia klik create

4. Setelah itu klik kanan pada tabel anda, pilih design view

5.Lalu namai tabel dengan nama “Mhs”

6.   Isi  field-field baru dengan tipe data dan ukuran seperti berikut

-          NIM :  text(10)

-          NAMA :  text(30)

-          TEMPAT_LAHIR : text(20)

-          TANGGAL_LAHIR : Date/Time

-          ALAMAT : text(50)

                -       TELEPHON : Number(Integer)

 

d   7.  Isilah tabel Mhs minimal 10 baris (rekord) dari data teman-teman anda.

    8. Buatlah Form untuk tabel Mhs dengan cara pilih create pada toolbar lalu pilih form

    9. Tambahkan data Mhs dengan menggunakan record dengan cara masuk form Mhs lalu pilih next record hingga masuk baris baru.

   10. Langkah terakhir adalah masukkan data baru pada field – field yang ada,setelah itu masuk ke tabel anda lalu refresh dan data yang anda masukkan akan masuk kedalam tabel anda J

   B. MEMBUAT TABEL BARU DALAM DATABASE YANG SUDAH ADA

Langkah – langkah :

1.  Pilih menu create pada toolbar lalu klik table

2. Klik kanan pada tabel lalu klik design view kemudian Isi kolom – kolom dengan ketentuan sebagai berikut             -          KODE  : text(10)

-          MATKUL : text(40)

-          SKS  : Nambel(Integer)

                -       SEMESTER : Namber(Integer)

3. Setelah itu masuk pada datasheet view lalu isikan kolom – kolom dengan mata kuliah yang anda ambil pada semester ini.

4.  Buatlah form untuk tabel ini seperti yang sudah saya jelaskan pada langkah 8 diatas :D

E. Tugas

1. Jelaskan mengapa dibutuhkan data!

Data diperlukan dalam segala hal, baik berupa pengukuran, pencatatan, pengumpulan informasi, maupun pengambilan keputusan semuanya memerlukan data. Dengan kata lain data sangat dibutuhkan karena informasi yang ada akan memberikan arti yang sangat penting baik untuk saat ini maupun untuk akan datang. Sehingga definisi dari data adalah informasi yang mengandung arti.

2. Jelaskan manfaat database dan contohnya!

-          Kecepatan dan Kemudahan

Database memiliki kemampuan dalam menyeleksi data sehingga menjadi suatu kelompok yang terurut dengan cepat. Hal inilah yang ahirnya dapat menghasilkan informasi yang dibutuhkan secara cepat pula. Seberapa cepat pemrosesan data oleh database tergantung pula pada perancangan databasenya.

-          Pemakaian Bersama-sama

Suatu database bisa digunakan oleh siapa saja dalam suatu perusahaan. Sebagai contoh database mahasiswa dalam suatu perguruan tinggi dibutuhkan oleh beberapa bagian, seperti bagian admin, bagian keuangan, bagian akademik. Kesemua bidang tersebut membutuhkan database mahasiswa namun tidak perlu masing-masing bagian membuat databasenya sendiri, cukup database mahasiswa satu saja yang disimpan di server pusat. Nanti aplikasi dari masing-masing bagian bisa terhubung ke database mahasiswa tersebut.

-          Kontrol data terpusat

Masih berkaitan dengan point ke dua, meskipun pada suatu perusahaan memiliki banyak bagian atau divisi tapi database yang diperlukan tetap satu saja. Hal ini mempermudah pengontrolan data seperti ketika ingin mengupdate data mahasiswa, maka kita perlu mengupdate semua data di masing-masing bagian atau divisi, tetapi cukup di satu database saja yang ada di server pusat.

-          Menghemat biaya perangkat

Dengan memiliki database secara terpusat maka di masing-masing divisi tidak memerlukan perangkat untuk menyimpan database berhubung database yang dibutuhkan hanya satu yaitu yang disimpan di server pusat, ini tentunya memangkas biaya pembelian perangkat.

-          Keamanan Data

Hampir semua Aplikasi manajemen database sekarang memiliki fasilitas manajemen pengguna. Manajemen pengguna ini mampu membuat hak akses yang berbeda-beda disesuaikan dengan kepentingan maupun posisi pengguna. Selain itu data yang tersimpan di database diperlukan password untuk mengaksesnya.

-          Memudahkan dalam pembuatan Aplikasi baru

Dalam poin ini database yang dirancang dengan sangat baik, sehingga si perusahaan memerlukan aplikasi baru tidak perlu membuat database yang baru juga, atau tidak perlu mengubah kembali struktur database yang sudah ada. Sehingga Si pembuat aplikasi atau programmer hanya cukup membuat atau pengatur antarmuka aplikasinya saja.

contoh database adalah database yang digunakan untuk menampung penerimaan mahasiswa baru dalam sebuah universitas yang tentunya akan sulit jika dilakukan secara manual.

3. Untuk menentukan jenis database yang digunakan, apa yang menjadi acuan dalam pemilihan database tersebut?

-          Kecepatan dan Kemudahan

-          Pemakaian Bersama-sama

-          Kontrol data terpusat

-          Menghemat biaya perangkat

-          Keamanan Data

-          Memudahkan dalam pembuatan Aplikasi baru 

4. Jelaskan istilah atau terminology yang digunakan dalam Database (database,table, field, record) 

-          Database: Sekumpulan data yang saling berhubungan untuk mencapai suatu tujuan.

-          Tabel: Merupakan hal yang paling mendasar dalam hal penyimpanan data yang terdiri dari field dan record.

-          Field (medan) menyatakan data terkecil yang memiliki makna. Istilah lain untuk field yaitu elemen data, kolom item, dan atribut.

-          Record (rekaman) menyatakan kumpulan dari sejumlah elemen data yang saling terkait. seseorang menyusun sebuah record. Istilah lain yang juga menyatakan record yaitu tupel dan baris.

5. Bandingkan perbedaan pengolahan data secara manual dengan mengunakan system database. 

Basis data menyediakan fasilitas atau mempermudah dalam menghasilkan informasi yang digunakan oleh pemakai untuk mendukung pengambilan keputusan. Sebelumnya, sistem yang digunakan untuk mengatasi semua permasalahan bisnis, menggunakan pengelolaan data secara tradisional dengan cara menyimpan record-record pada file-file yang terpisah, yang disebut juga sistem pemrosesan file. Dimana masing-masing file diperuntukkan hanya untuk satu program aplikasi saja. Seiring dengan berjalannya waktu, lambat laun sistem pemrosesan file mulai ditinggalkan karena masih bersifat manual, yang kemudian dikembangkanlah sistem pemrosesan dengan pendekatan basis data. Dengan sistem tersebut kekurangan dari ‘Sistem Pemrosesan File’

6. Mengapa dibutuhkan DBMS?

Database Management System (DBMS)   adalah kumpulan dari software program  yang  kompleks  yang  berguna  untuk mengontrol dan mengatur storage dan mengambil sekumpulan data, menyusun data secara logic dan menyediakan  fungsi -  fungsi  bagi  user  untuk menjamin bahwa data terebut disusun secara logic

dan menjamin kekonsistenan data.

Software  Program  ini  juga  meliputi  fasilitas  backup  yang  kuat,  kemampuan  untuk ecovery,

logging,  locking, concurrency  control serta pengamanan terhadap data yang ada di dalamnya .

Secara umum, sebuah DBMS terdiri dari empat komponen, yaitu :

1. Modeling  Languageuntuk  mendefinisikan skema dari tiap basis data yang disimpan di dalam  basis  DBMS  berdasarkan  model  dari DBMS.

2. Data Structure (field, record, file dan objek)yang  dioptimasi  untuk  berhubungan  dengan sejumlah data berukuran besar yang disimpan pada permanent storage.

3.Database  query  language  dan  report  writer  yang                             memungkinkan user berinteraksi dengan basis data,  menganalisis data dan memanipulasi  data sesuai dengan hak-hak yang dimiliki oleh user tersebut.

4.  Mekanisme  transaksi  yang  menjamin  ACID property, untuk  menjamin  integritas  data  walaupun diakses  secara bersamaan oleh users dan terjadi kesalahan                             (fault).

Sebuah  Oracle  Database  server  terdiri  dari Oracle instance dan Oracle database. Oracle Instance terdiri   dari   memory   areas   dan   background process

7. Pada percobaan diatas ada beberapa field yang tipe data dan ukurannya berbeda. Jelaskan!

Dalam tabel Mhs, terdapat 6 field yaitu :

1.  nim

2.  nama

3. tempat_lahir

4. tanggal_lahir

5. alamat

6. telepon.

Masing-masing field diatur sesuai tipe data yang dibutuhkan, pada field NIM diatur tipe data text, berarti pada record dapat diisikan data berupa teks huruf, angka, dan simbol-simbol lain. Ukuran tipe data pada field nim diatur sepanjang 10, artinya digit maksimum yang dapat dimasukkan ke dalam record adalah 10 digit. Jika data yang dimasukkan lebih dari 10 digit, maka digit ke-11 dan berikutnya tidak akan terbaca. Untuk pengaturan maksimum defaultnya sendiri adalah sepanjang 255 digit. Kemudian pada field nama, sama-sama diatur tipe data text, namun panjang ukurannya berbeda, yaitu 30, artinya kita dapat memasukkan digit maksimum ke dalam record yaitu sepanjang 30 digit, melebihi 30 data ke-31 dan seterusnya tidak akan terbaca.

 

Read More

Script HTML Dropdown Menu dan Tabel Zebra

script HTML untuk membuat drop down menu adalah sebagai berikut :

<html>
<head>
<style>
#dropdownmenu {
  border: 0px;
  margin: 0px;
  padding: 0px 300px 0px 300px;
  font: 16px arial, verdana, sans-serif;
  width: auto;
}
#dropdownmenu ul {
  background: #333333;
  height: 35px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#dropdownmenu li {
  float: left;
  padding: 0px;
}
#dropdownmenu li a {
  background: #333333;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px 0px 25px;
  text-align: center;
  text-decoration: none;
  color: #cccccc;
}
#dropdownmenu li a:hover,
#dropdownmenu ul li:hover a {
  background: #06C;
  text-decoration: none;
}
#dropdownmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 150px;
}
#dropdownmenu li:hover ul {
  display: block;
}
#dropdownmenu li li {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 150px;
}
#dropdownmenu li:hover li a {
  background: #333333;
}
#dropdownmenu li ul a {
  display: block;
  height: 35px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#dropdownmenu li ul a:hover,
#dropdownmenu li ul li:hover a {
  background: #06C;
  text-decoration: none;
}
</style>
</head>
<body bgcolor="#CC3300">
<div id='dropdownmenu'>
<ul>
<li><a href='#'>Beranda</a>
<ul>
<li><a href='#'>Info</a></li>
<li><a href='#'>Profil</a></li>
<li><a href='#'>Dll</a></li>
</ul>
</li>

<li><a href='#'>Berita</a>

<ul>

<li><a href='#'>Sekilas</a></li>

<li><a href='#'>Umum</a></li>

</ul>

</li>

</ul>
</div>
</body>
</html>


hasilnya seperti ini :

 

 Dan untuk script HTML tabel zebra adalah seperti dibawah ini :

<html>

    <head> <title> -- Tabel Zebra -- </title>
        <style>
            #table
            {   font-family: Verdana, Geneva, sans-serif;
                font-size: 12px;
                width: 400px;
                text-align: center;
                border-collapse: collapse;
            }
            #table th
            {   font-size: 12px;
                font-weight: normal;
                padding: 5px;
                background: #c60;
                border-bottom: 1px solid #fff;
                color: #000;
            }
            #table td
            {   padding: 5px;
                background: #999;
                border-bottom: 1px solid #fff;
                color: #000;
            }
            #table tr:hover td
            {   background: #C03;
                color: #FFF;
            }
        </style>
    </head>
    <body>
    <table width="495" id="table">
        <thead>
        <tr>
          <th width="242">HEADER 1</th><th width="242">HEADER 2</th></tr>
        </thead>
        <tbody>
        <tr><td>konten 1 header 1</td><td>konten 1 header 2</td></tr>
        <tr><td>konten 2 header 1</td><td>konten 2 header 2</td></tr>
        <tr><td>konten 3 header 1</td><td>konten 3 header 2</td></tr>
        </tbody>
    </table>
    </body>
</html>

hasilnya seperti berikut :

Sekian tutorial untuk membuat dropdown menu dan tabel zebra dengan script html dan css, semoga berkenan :)

Read More

PENGERTIAN DAN SEJARAH CSS

Apa itu CSS / Cascading Style Sheet 

CSS - Merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS website tidak akan memiliki tampilan yang rapi.

CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.

CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Versi Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer.  Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua.

1. CSS 1

Pada tanggal 17 Agustus 1996 World Wide Web Consortium (W3C) menetapkan CSS sebagai bahasa pemrograman standard dalam pembuatan web. Tujuannya adalah untuk mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer, karena kedua browser tersebut sedang bersaing mengembangkan tag sendiri untuk mengatur tampilan web.

CSS 1 mendukung pengaturan tampilan dalam hal :

1. Font (Jenis ketebalan).

2. Warna, teks, background dan elemen lainnya.

3. Text attributes, misalnya spasi antar baris, kata dan  huruf. 

4. Posisi teks, gambar, table dan elemen lainnya.

5. Margin, border dan padiing.

2. CSS 2

Pada tahun 1998, W3C menyempurnakan CSS tahap awal dengan menciptakan standard CSS 2 yang menjadi standard hingga saat ini. Pada level CSS 2 ini, dimasukkan semua atribut dari CSS 1 dan diperluas dengan penekanan pada International Accessibiality and Capacibilty kususnya media-specific CSS. CSS 2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer.

3. CSS 3

CSS 3adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam mendesain website. CSS 3 dapat melakukan animasi pada halaman website, diantaranya animasi warna dan animasi 3D. Dengan CSS 3 desaigner dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS 3 yaitu : Multiple background, border-radius, drop-shadow, border-image, CSS-Math dan CSS Object Model.

Pekembangan CSS3 Seperti Apa?
Dari salah satu situs blog yang saya temui mengatakan hasil pengamatan nya pada beberapa situs yang sudah menerapkan CSS3 + HTML5,  ia beranggapan bahwa fungsi jQuery sepenuhnya akan tergantikan oleh CSS3. Perkiraan ke depan, tidak ada lagi web yang menggunakan jQuery karena sizenya lebih besar dibanding CSS3. Bukan cuma jQuery, saat ini penggunaan flash juga mulai terakusisi dengan semakin berkembangnya CSS3. CSS3 merupakan bahasa pemrograman olah digital gambar/citra tingkat tinggi karena dengan CSS3, anda bisa menggambar Tokoh Kartun Doraemon seperti contoh berikut :

Dari contoh di atas, memang terlihat belum semua browser sudah mendukung secara keseluruhan penggunaan CSS3, namun, masing-masing browser sudah melakukan proses perkembangan produk agar bisa mendukung penggunaan CSS3.

Read More