Thursday, 7 July 2016
BAB 1 PENGENALAN MICROSOFT ACCESS
BAB 1
PENGENALAN MICROSOFT
ACCESS
Berikut ini adalah tampilan
pertama pada program Microsoft Access saat dijalankan. Untuk saat ini versi
yang kita gunakan adalah Microsoft ® Office Access 2003 seperti terlihat pada
Gambar 1.2. yang pada umumnya dijalankan pada WindowsXP. Beberapa versi
sebelumnya adalah Microsoft Access 97, 2000 dan 2002. Pada Gambar 1.1 berikut
ini dapat kita lihat struktur utama dari Micrososoft Access itu terdiri dari :
1.
Tables (Tempat penyimpanan data)
2.
Queries
(Tempat Sorting data dan
kalkulasi)
3.
Forms (Tempat Entry Data/ Menampilkan data)
4.
Reports
(Tempat Melihat dan mencetak Format Laporan)
5.
Pages (Publikasi Database dalam WEB)
6.
Macros
(Program Bantuan Siap Pakai - Automatic Run Code)
7.
Modules (Tempat menuliskan program Visual Basic
For Application)
Gambar 1.1 Tampilan Pertama Pada
Microsoft Access
Gambar 1.2 Microsoft Access 2003
System Information
1.1. Mengapa Memilih Microsoft Access?
1.
Program Microsoft Access mudah
didapat karena merupakan satu paket Microsoft Office
2.
Microsoft Access memang didesain
untuk database
3.
Mudah dipelajari dengan bahasa
pemrograman standar Visual Basic
4.
Dilengkapi dengan Wizards yang
sangat lengkap
5.
Dapat digunakan oleh multi user
pada server
6.
Dilengkapi dengan Webpage desain
untuk publikasi Internet
7.
Dilengkapi dengan bahasa
pendukung seperti SQL dan HTML
8.
Link Table (Memisahkan
penyimpanan data dengan Interface)
1.2. Flow Chart dan PseudoCode
Walaupun tidak berkaitan secara
langsung tetapi alangkah baiknya kita menyinggung sedikit masalah Flow Chart
dan PseudoCode. Simbol umum yang digunakan dalam flowchart seperti terlihat
pada gambar 1.3 dibawah ini. Flow chart sebagaimana dengan namanya, maka dia
akan menjadi kerangka/ diagram alir dari
program dengan urutan flow yang standar. Psedudocode adalah penjelasan dari
Flow chart untuk lebih memudahkan kita dalam menuliskan program sesungguhnya.
Contoh dari Flow Chart yang sudah dimodifikasi tampilannya seperi terlihat pada
Gambar 1.4. Setiap programmer memiliki kreatifitasnya sendiri, jika diperlukan
untuk penjelsan lebih lanjut tentang listing program maka dapat juga dibuat
penjelasan secukupnya seperti terlihat pada Gambar 1.5.
Gambar 1.3. Simbol pada Flow Chart, Flow Chart dan
Pseudocode
Gambar 1.4. Contoh Flow Chart yang dimodifikasi
Gambar 1.5. Contoh Listing Program dan penjelasannya
Garis besar dari alur pemrosesan
data pada Microsoft Access dalam pengolahan database adalah :
Gambar 1.6. Garis besar alur pemrosesan data pada
Microsoft Access
Untuk
tingkat dasar, sebaiknya kita mengikuti alur normal diatas, walaupun tidak menutup
kemungkinan untuk mendesain Form terlebih dahulu baru kemudian mendesain Table
sebagai source datanya. Karena fleksibiltasnya yang tinggi maka Microsoft
Access sangat digemari dan kian popular. Jika pemakai sudah cukup puas dengan
menggunakan bantuan wizards mungkin tidak akan jadi masalah. Tapi kalau ingin
pengembangan lebih lanjut maka fasilitas Builder sudah dipersiapkan untuk itu.
Wednesday, 6 July 2016
Tuesday, 5 July 2016
Scrolling Text (Marquee) in Blogger
Scrolling Text (Marquee) in Blogger
Anda dapat gunakan teknik sederhana ini. Dimana Text akan berhenti saat kita arahkan pointer mouse diatasnya. Dan juga pengaturan kecepatan ada pada scrollamount="1" anda bisa ganti angka "1" dengan angka yang lebih besar agar kecepatan bergeraknya bertambah
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" direction="down" >
Hare Krishna Hare Krishna
Krishna Krishna Hare Hare
Hare Rama Hare Rama
Rama Rama Hare Hare
</marquee>
</!doctype>
Silahkan copy-paste code berikut ini untuk mencobanya.

Anda dapat gunakan teknik sederhana ini. Dimana Text akan berhenti saat kita arahkan pointer mouse diatasnya. Dan juga pengaturan kecepatan ada pada scrollamount="1" anda bisa ganti angka "1" dengan angka yang lebih besar agar kecepatan bergeraknya bertambah
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" direction="down" >
Hare Krishna Hare Krishna
Krishna Krishna Hare Hare
Hare Rama Hare Rama
Rama Rama Hare Hare
</marquee>
</!doctype>
Silahkan copy-paste code berikut ini untuk mencobanya.

Fitur membuat Gambar Berjalan (Sliding Banner) di blogger
<!-- Featured Content Slider Started -->
<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>
<div class='fp-slides'>
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuu4bocf86Eo_edtEKNpjX61k2m3Mq-dIMvefJpLkyw-y0vOm5FDGsmd2cEIviOMbhnNVkaHe7osla_-W8humC1PXnunrubYTAvArjcHkIcbmnznFWomtAgTEFvsaAZ8h-eEIi8okP1MU/s320/Bhagavad+Gita+as+it+is.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG00HWyBdNjIixPTwCVXaVWYMyDGK8v2bxcLubvcHC6fJvJ1xps08qUHuq_vnETphp8HTGb8_bIepK4FZCTU1JFCvJ-W6e6ZuEPv5M8gX65_qqg1WaY6BgfrCeRbN31ushezmmMTIEyGU/s320/485985_10151358446203226_1395437568_n.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoBsXh6oSsgoum7OJWmUMdUAHAVkseM-oaF1i1zCqSGR6riaItJctL7C_YZbG7mVzXzuN1oT-v1qwxCmabYtaWedT14SBAR2tP5MyoPvn4sLdFE-qaPaFNmmi0Ir8YM4bt9OyHeuFAnQ/s320/1+%252897%2529.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimxugyuTheP382DLp2iiW1GU5gVwrADd24j8GaeAYiIVowil-S62FT1ODvoKnw76Gdy9QQcTd3m29SsKzQp5PzXsGb9lzDpt-JvNg5Hcs0tXLwDlhvY-GOujRd-yTPgrojZ-Os0txVkfA/s320/gurukul.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu7Shz46mo19BHxxcL6XQHD1WU-UF-JNB4wDqifup3mMXCk5K_paYP_6nAIe_1o8fSdr1q2X6sAWzvpy8rfJ5p2SiLpzR_lGnQ3dMIllJ02WVHZP5i21IV6QlFH2uYd8yRiUfYY9lfws4/s320/narada-muni-and-krsna.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Sanatana Dharma Indonesia
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 5 Code End -->
</div>
<div class='fp-nav'>
<span class='fp-pager'/>
</span></div>
</div>
</div>
<div style='clear:both;'/>
<!-- Featured Content Slider End --></div>
Fitur Melengkung Pada Blogger
Ini adalah salah satu fitur untuk membuat design dengan Border-radius untuk membuat sudut melengkung pada suatu flatform misal gambar atau kotak sperti diatas
bisa lihat di sini contoh konkritnya:
http://sanatanadharmaindonesia.blogspot.co.id/
Anda bisa gunakan metode dibawah ini untuk membuatnya.
<!doctype html>
<style>
ol {
background: brown;
padding: 20px;
color: white;
text-decoration: none;
border-radius: 10px 20px 20px 10px; border-style: ridge;
}
ol li {
background: grey;
padding: 5px;
margin-left: 5px;
text-decoration: none;
border-radius: 5px 10px 10px 5px; border-style: ridge;
}
</style>
<strong>Pengumuman</strong>
<ol>
<li>Singapore Ratha Yatra Minggu 03-Jul-2016</li>
<li>Bhakti Festival Denpasar 05 s/d 10-Jul-2016</li>
<li>His Grace Sripada Chaitanya Chandra Guru Maharaja Visits Batam 22 s/d 24-Jul-2016</li>
</ol>
Fitur Melengkung Pada Blogger
Ini adalah salah satu fitur untuk membuat design dengan Border-radius untuk membuat sudut melengkung pada suatu flatform misal gambar atau kotak sperti diatas
bisa lihat di sini contoh konkritnya:
http://sanatanadharmaindonesia.blogspot.co.id/
Anda bisa gunakan metode dibawah ini untuk membuatnya.
<!doctype html>
<style>
ol {
background: brown;
padding: 20px;
color: white;
text-decoration: none;
border-radius: 10px 20px 20px 10px; border-style: ridge;
}
ol li {
background: grey;
padding: 5px;
margin-left: 5px;
text-decoration: none;
border-radius: 5px 10px 10px 5px; border-style: ridge;
}
</style>
<strong>Pengumuman</strong>
<ol>
<li>Singapore Ratha Yatra Minggu 03-Jul-2016</li>
<li>Bhakti Festival Denpasar 05 s/d 10-Jul-2016</li>
<li>His Grace Sripada Chaitanya Chandra Guru Maharaja Visits Batam 22 s/d 24-Jul-2016</li>
</ol>





















