Bahan Ajar Agung

Sekapur Sirih

Selamat Datang,

Silakan pergunakan fasilitas ini dengan sebaik-baiknya dan jangan lupa beri komentar setelah mengunduh Blog ini sebagai masukan buat saya, Terima Kasih

Maju Terus pendidikan Indonesia
Salam Hangat,

Agung Baitul Hikmah

Membuat Banner Dengan Slide Show

Seperti halnya detik.com dan kompas.com disana kita lihat ada banner yang bergerak gimana seh caranya kalau kita gabungkan dengan database berikut caranya

silakan download dulu komponen yang dibutuhkan Download

Selamat Mencoba....

Semoga Bermanfaat jika anda ingin memperdalam atau bingung dengan materi ini silakan mendaftarkan diri dengan mengisi Formulir Online

Mempercantik text area dengan TinyMce

Text Area biasa saja jadul banget, saya akan mencoba memodifikasi text area dengan TinyMce supaya keliatan keren dan juga memudahkan user untuk edit text dan menambahkan berbagi icon

Step 1.

Masukan di htdocs komponen TinyMCEanda bisa download di TinyMce

Step 2.

Untuk menampilkan kode TinyMCE seperti diatas sebelum kode </head> tambahkan kode dibawah ini

<!-- tinyMCE -->
  <script language="javascript" type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
  <script language="javascript" type="text/javascript" src="tiny_mce/themes/basic/editor_template.js"></script>
  <script language="javascript" type="text/javascript" src="tiny_mce/themes/basic/editor_template_src.js"></script>
  <script language="javascript" type="text/javascript">
<!--
tinyMCE.init({
        mode : "textareas",
   theme : "basic",
   language : "indonesian",
   editor_css : "tiny_mce/themes/basic/editor_ui.css",
   force_p_newlines: "false",
   force_br_newlines: "true"
     });
</script>
 <!-- akhir tinyMCE -->

Hasilnya

Semoga Bermanfaat jika anda ingin memperdalam atau bingung dengan materi ini silakan mendaftarkan diri dengan mengisi Formulir Online

Membuat Kalender Sederhana Di Website

Kalender memang penting bagi pengunjung khususnya apalagi yang memerlukan kalender untuk mengetahui kapan kita gajian (gue banget). Berikut saya bagikan scriptnya kawan kawan pejuang.

Step 1:

Letakkan script berikut ini di bagian "<head>" halaman web kamu.

<style type="text/css">

.main {

width:200px;

border:1px solid black;

}

.month {

background-color:black;

font:bold 12px verdana;

color:white;

}

.daysofweek {

background-color:gray;

font:bold 12px verdana;

color:white;

}

.days {

font-size: 12px;

font-family:verdana;

color:black;

background-color: lightyellow;

padding: 2px;

}

.days #today{

font-weight: bold;

color: red;

}

</style>

<script type="text/javascript" src="http://subhishine.freehostia.com/shine/files/basiccalendar.js">

</script>

Step 2:

Letakkan script berikut di bagian "<body>" file web kamu.

<script type="text/javascript">

var todaydate=new Date()

var curmonth=todaydate.getMonth()+1 //get current month (1-12)

var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));

</script>

Semoga Bermanfaat jika anda ingin memperdalam atau bingung dengan materi ini silakan mendaftarkan diri dengan mengisi Formulir Online

Menambahkan Validasi Komentar dengan Dreamweaver Part 1

Berikut saya akan membagikan tips dan triks lagi mengenai validasi form. Pada dasarnya validasi form tersebut bisa dibuat dengan menggunakan java script. Jangan khawatir jika kamu tidak menguasai java script, dreamweaver menyediakan cara mudah membuatnya. Ikuti langkah-langkah berikut:

1. Buka dreamweaver dan buat/sediakan form isian lengkap dengan tombol submit dan reset, seperti pada gambar berikut:

form

2. Klik tombol "submit" > klik window > klik behavior > akan tampil kotak behavior di sebelah kanan layar kerja.

3. Klik tanda "+" (tambah) di kotak behavior > klik "validate form" > akan muncul kotak dialog seperti berikut:

form validation

- Bagian "Fields" untuk memilih field mana yang akan divalidasi
- Bagian "Value" untuk menentukan apakah field tersebut harus diisi apa tidak
- Bagian "Accept" untuk menentukan syarat isi field (anything: untuk memperbolehkan isian apapun; email address: untuk hanya memperbolehkan user mengisi alamat email; number: untuk hanya memperbolehkan user mengisi angka
4. aya akan memvalidasi nama dan email, dimana nama harus diisi dan email harus diisi dengan alamat email yang valid.
Untuk nama:
pilih field "nama" > checklist "required"
Untuk email:
pilih field "email" > checklist "required" > pilih email address
5. Bila sudah selesai, save dan cobalah tampilkan di browser (IE, firefox, opera, chrome, dsb).
Coba biarkan kosong "nama" dan "alamat", dan isikan email dengan kata-kata (bukan alamat email), lalu tekan tombol submit > maka akan muncul dialog box yang mengatakan bahwa nama harus diisi dan email harus valid.

validation

6. Apabila anda ingin mengubah pesan eror tersebut jadi berbahasa indonesia, caranya sangat mudah.

di dreamweaver masuk ke bagian "code" dan cari script berikut di bagian head

validation script

Ubahlah script di atas menjadi seperti berikut:

validation script

dengan perubahan tersebut maka pesan eror yang muncul akan menjadi:

pesan error

Bagaimana?.. Mudah kan..silahkan/monggo/mangga dicoba biar bisa. Ingat! Semoga bermanfaat untuk tutorial validasi lainnya silakan klik Menambahkan Validasi Komentar dengan Dreamweaver Part 2 dan jika anda ingin memperdalam atau bingung dengan materi ini silakan mendaftarkan diri dengan mengisi Formulir Online

Menambahkan Validasi Komentar dengan Dreamweaver Part 2

Setelah sebelumnya membuat form validasi menggunakan java script pada tutorial saya Menambahkan Validasi Komentar dengan Dreamweaver Part 1 dan sebenranya tidak sulit kalau kita rajin meng explore dan menyukai pemograman tersebut dan pintar tentunya :) membuat validasi komentar berikut ini saya akan membagikan tips mengenai validasi komentar dengan dreamweaver dengan menggunakan mode Code View, cari kode di bawah ini (terletak di atas <!DOCTYPE>).

$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
 $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
 $insertSQL = sprintf("INSERT INTO komentar (id_post, nama, email, komentar, approval) VALUES (%s, %s, %s, %s, %s)",
 GetSQLValueString($_POST['id_post'], "int"),
 GetSQLValueString($_POST['nama'], "text"),
 GetSQLValueString($_POST['email'], "text"),
 GetSQLValueString($_POST['komentar'], "text"),
 GetSQLValueString($_POST['approval'], "text"));

Kita akan menambahkan validasi sebelum data disubmit ke dalam database. Berikut langkah-langkahnya. Letakkan kursor Anda di atas kode, lalu tekan Enter dua kali:

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

Tambahkan Kode ini Jangan Lupa

// Check input komentar dari pengunjung
$error = array();
$MM_flag="MM_insert";
if (isset($_POST[$MM_flag])) {
 // Periksa panjang nama, nama minimal 3 karakter
 $_POST['nama'] = trim($_POST['nama']);
 if(empty($_POST['nama']) || strlen($_POST['nama']) < 3) {
 $error['nama'] = "Nama harus diisi minimal 3 karakter";
 }
 //Periksa alamat email
 $checkEmail = '/^[^@]+@[^\s\r\n\'";,@%]+$/';
 if (!preg_match($checkEmail, trim($_POST['email']))) {
 $error['email'] = "Alamat email tidak valid";
 }
 //Periksa komentar
 if(empty($_POST['komentar'])) {
 $error['komentar'] = "Komentar harus diisi";
 }
}
if(!$error) {
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

Kode di atas bekerja menggunakan array yang berfungsi untuk memvalidasi input komentar yang dimasukkan oleh pengunjung. Selanjutnya cari kode di bawah ini:

header(sprintf("Location: %s", $insertGoTo));
}

Lalu tambahkan kode sehingga menjadi:

header(sprintf("Location: %s", $insertGoTo));
}
// Bersihkan array
$_POST = array();
}

Belum selesai sampai disini berikutnya kita akan menampilakn pesan error jika terjadi error dalam proses komentar

Cari kode dibawah ini

<h3>
Form komentar:</h3>
<form name="form1" method="POST" action="<?php echo $editFormAction; ?>
">

Lalu ubah menjadi

<h3>
Form komentar:</h3>
<?php if($error) { ?>
<h3>
Ada kesalahan dalam proses pengisian data:</h3>
<p>
<?php foreach($error as $peringatan) { ?>
<br/><?php echo $peringatan; ?>
<?php } ?>
</p>
<?php } ?>
<form name="form1" method="POST" action="<?php echo $editFormAction; ?>
">

Kode di atas berfungsi untuk memastikan bahwa pengunjung memasukkan data dengan benar.

Semoga Bermanfaat jika anda ingin memperdalam atau bingung dengan materi ini silakan mendaftarkan diri dengan mengisi Formulir Online

tutorial pencarian sederhana tapi mak jos

Kadang Kesulitan Dalam Hal Pencarian Berikut Resepnya:

tutorial hapus gambar

Saya bagi bagi bagaimana cara menghapus gambar sampai dengan Foldernya

Tutorial Upload Gambar

Kadang Kesulitan Dalam Upload gambar Berikut Resepnya:

Mengaktifkan .htaccess di Apache (XAMPP) pada Windows

Secara umum, penggunaan .htaccess pada server hosting yang kita pergunakan bukanlah suatu masalah, paling mentok kita menghubungi server provider. Tapi bagaimana dengan localhost.....? sering error ya ..... ? nah bagi yang masih sering error, saya akan mencoba memberikan trik agar tidak error lagi. (Tapi sebagai catatan, secara global trik ini hanya teruji pada XAMPP.) Kejadiannya ketika ane membeli salah satu buku tentang Belajar Mudah membuat Website dengan J Query, ane nemuin kendala neh ane cari-cari cara sampai puyenggggg...dah beli 45000 bukunya ga bisa dipake neh,akhirnya alhmdulilah ane nemuin caranya

Penyebab dari kasus ini adalah secara default XAMPP atau Apache Web Server yang mirip dengan XAMPP pada Windows tidak mengaktifkan mod_rewrite. Ini menyebabkan Apache akan mengabaikan file .htaccess file.

Solusinya tidaklah sulit, cukup membuka sebuah file yang bernama httpd.conf dan dapat menemukannya di dalam direktori \xampp\apache\conf. Kemudian silahkan mencari baris kode seperti berikut ini:

#LoadModule rewrite_module modules/mod_rewrite.so

Setelah menemukan kode tersebut, anda harus menghapus # dari baris tersebut untuk mengaktifkan mod_rewrite, sehingga seperti terlihat di bawah ini:
LoadModule rewrite_module modules/mod_rewrite.so

Langkah terakhir adalah jangan lupa untuk menyimpan alias save perubahan ini dan tentu juga harus me-restart server XAMPP.

Dan setelah itu anda bisa menikmati hasilnya, salah satunya adalah dengan menggunakan SEO setting secara seutuhnya pada situs yang ada di localhost atau digunakan untuk intranet. Semoga sukses selalu.

Efek Slide Show Dengan J-Query

Efek slideshow tentunya paling sering digunakan oleh website-website yang mengandung content berupa berita. Slideshow biasa diisi dengan rangkuman-rangkuman berita terkini (Headline) agar pengunjung dapat memantau perkembangan berita terkini dengan sajian efek slideshow yang menarik dan tidak akan cepat membuat pengunjung bosan.

Sekali lagi ane berbagi Gratis...........Cendol buat anda

Download Slide Show dengan J-Query

Membuat Form Login

Bagaimana caranya seh buat bikin Form Login Nah, kali ini saya akan mengajak anda semua untuk mencoba membuat aplikasi tersebut. Bagi yang baru terjun kedunia web programming memang susah-susah gampang, karena minimal harus mengerti dasar php dan mysql. Oke tidak perlu berlama-lama kita disini mari langsung saja kita menuju ke TKP semoga pencerahannya bermanfaat deh buat kalian

Persiapan sebelum memulai

1. Berdoa terlebih dahulu
2. Siapkan cemilan, coffe, rokok bila perlu
3. Appserv, Xamp, atau Wamp untuk server lokal
4. Dreamweaver atau notepad untuk membuat program
5. PHPmyAdmin untuk management databasenya

Download Source Kode

Buku Tamu Sederhana

Sudah tahu buku tamu kan? itu loh, aplikasi yang biasanya terdapat diwebsite untuk berinteraksi dengan pengunjung. Biasanya bukutamu ini dipakai diwebsite-website dinamis, agar pengunjung bisa meninggalkan komentarnya. Nah, kali ini saya akan mengajak anda semua untuk mencoba membuat aplikasi tersebut. Bagi yang baru terjun kedunia web programming memang susah-susah gampang, karena minimal harus mengerti dasar php dan mysql. Oke tidak perlu berlama-lama kita disini mari langsung saja kita menuju ke TKP

Persiapan sebelum memulai

Berdoa terlebih dahulu
Siapkan cemilan, coffe, rokok bila perlu
Appserv, Xamp, atau Wamp untuk server lokal
Dreamweaver atau notepad untuk membuat program
PHPmyAdmin untuk management databasenya

Silakan Download Source Kodenya

Membuat Website Sederhana

Kali ini saya akan membagikan sedikit ilmu tetntang bagaiamana membuat website, sebelumnya website itu dibagi kedalam 2 bagian yaitu website statis dan dinamis apa seh perbedaannya ??, cari aja untuk lebih lengkapnya seh di Mbah Google, secara singkatnya kalau web statis jarang diupdate kalau website dinamis sering di update, jawabannya asal tuh..., tapi beneran kok... maksudnya banyak salahnya sedikit benernya.

Bukan...Basa...Basi....,banyak banget neh cincongnya kang agung, ane langsung ke TKP aja gan PERTAMAX dah neh ane kasih gan contoh web statisnya

Download Web Statis

Semoga Bermanfaat,

	Multimedia ISBN: 978-623-7110-96-5 Penerbit:Teknosain
	Analisa Perancangan Sistem Informasi ISBN: 978-623-2284-18-0 Penerbit:Graha Ilmu
	Web Programming ISBN: 978-623-2284-14-2 Penerbit:Graha Ilmu
	Dasar Pemrograman Web ISBN:978-602-5650-54-3 Penerbit: CV Sarnu Untung
	Dasar Pemrograman Web dan Framework Laravel ISBN: 978-623-91820-3-8 Penerbit Makmood Jurnaling
	Cara Cepat Membangun Website Dari Nol ISBN: 978-979-29-2397-1 Penerbit: Penerbit Andi
	Buku Saku Panduan Seorang Reviewer ISBN: - Penerbit: -

Bahan Ajar Agung

Search This Blog

Sekapur Sirih

Membuat Banner Dengan Slide Show

Mempercantik text area dengan TinyMce

Membuat Kalender Sederhana Di Website

Menambahkan Validasi Komentar dengan Dreamweaver Part 1

Menambahkan Validasi Komentar dengan Dreamweaver Part 2

tutorial pencarian sederhana tapi mak jos

tutorial hapus gambar

Tutorial Upload Gambar

Mengaktifkan .htaccess di Apache (XAMPP) pada Windows

Efek Slide Show Dengan J-Query

Membuat Form Login

Buku Tamu Sederhana

Membuat Website Sederhana

Blog Archive

My BOOK

Popular Posts

Total Pageviews