Tutorial Pembuatan Kalkulator Servlet di NetBeans

Pada kesempatan kali ini saya akan membahas menggenai tutorial pembuatan kalkulator dengan menggunakan Servlet di NetBeans, tutorial ini dibagi menjadi 2 bagian yaitu 1) Tutorial Pembuatan Kalkulator Servlet, 2) Tutorial Menjalankan Servlet Kalkulator, berikut Tutorialnya:


A) Tutorial Pembuatan Kalkulator Servlet
1. Klik menu file, pilih New Project, kemudian pilih Java Web => Web Application => Klik Next

2. Tuliskan nama project (misalkan kalkulator => klik Next

Upload joomla 1.5 ke Server Hosting

Setelah mendisain  dan menguji website Anda melalui  server local pada PC , tantangan besar berikutnya adalah melakukan upload website ke server  account hosting Anda, dan meng-update konfigurasi sedemikian rupa sehingga Anda bisa melihat hasilnya secara online.

Kendala yang paling sering muncul pada saat upload Joomla lokal ke server hosting terletak pada konfigurasi database MySql dan bagaimana cara mengupload file-file instalasi  joomla tersebut agar tidak mengalami kegagalan. Tutorial di bawah ini memberikan anda langkah-langkah yang dibutuhkan untuk memindahkan situs Joomla dari komputer lokal Anda ke server.  Detailnya, silahkan ikuti langkah dibawah ini :

1.    Membuat database melalui mySQL Database di Cpanel

Jika anda belum memiliki database di server, silahakan dibuat dahulu. Membuat database MySql bisa dilakukan di cPanel > MySql Database. Dari sana bisa diperoleh :

Modifikasi script php 5.3 CMS joomla

Berkaitan dengan proses upgrade ke php 5.3 di semua server yang akan dijadwalkan Rumahweb secara bertahap nantinya, tentu akan berdampak pada website2 yang belum compatible dengan php 5.3. Salah satu  diantaranya yakni website2 yang masih menggunakan joomla di versi 1.0.x - 1.5.15.

Contoh kasus :

Pesan error : Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /libraries/joomla/cache/handler/callback.php on line 99

Kesalahan ini terjadi karena versi Joomla! yang digunakan tidak kompatibel dengan PHP 5.3.  Anda bisa mendapati pesan error ini dengan alasan bahwa layanan hosting yang digunakan telah mengupgrade ke versi PHP 5.3

mysql_fetch_array()

mysql_fetch_array()

Digunakan untuk mengambil baris-baris record dari tabel dan menjadikannya

• array assosiatif
• array numerik
• atau kedua-duanya.

Syntax:
mysql_fetch_array($hasil_query);

Keterangan:
$hasil_query ini adalah hasil eksekusi mysql_query().

Contoh:
Saya mempunyai tabel karyawan seperti dibawah ini:

nip	nama	jk	jabatan	tgl_masuk	gaji
1	Fahmi Basya	L	Senior Web Developer	22-09-2010	5000000
2	Angga	L	Desain Grafis	01-02-2010	2500000
3	Rini	P	Marketing	01-04-2010	4000000

Pengertian Fungsi mysql_query

mysql_query

mysql_query adalah fungsi yang digunakan untuk mengirim 
query ke database MySQL.

Syntax:
msyql_query($query,$link)

Keterangan:
•  $query adalah perintah yang digunakan untuk query ke 
   database 
•  $link adalah link yang dibuka oleh mysql_connect, jika 
   link ini tidak disebutkan maka fungsi mysql_query akan 
   mengambil link terakhir yang dibuka.

Nilai yang dihasilkan:
•  Untuk perintah SELECT, SHOW, DESCRIBE, EXPLAIN, dan 
   elemen lainnya yang mengembalikan resultset maka jika 
   sukses mysql_query  akan menghasilkan ‘resource’ 
   dan jika error maka akan menghasilkan ‘FALSE’
•  Untuk perintah SQL lainnya seperti INSERT, UPDATE, 
   DELETE, DROP maka jika sukses fungsi mysql_query akan 
   menghasilkan ‘TRUE’ dan jika error akan menghasilkan 
   ‘FALSE’

Contoh:





Keterangan Contoh:
•  $koneksi untuk menyambungkan dengan mysql sesuai $host, 
   $db_user dan $db_pass
•  $hasil merupakan fungsi dari mysql_query dengan perintah 
   SELECT yang artinya jika sukses maka akan menampilkan 
   tabel master_barang dari database databaseku

Efek Highlight Pada Input Form dengan CSS

Hampir setiap website memiliki element form di dalamnya. Baik itu berupa form login, sign up, order, dan masih banyak lagi contoh pemakaian form pada HTML. Dalam artikel ini kita akan membuat efek highlight pada input form, untuk memperkaya tampilan form itu sendiri. Kabar baiknya, kita tidak perlu menggunakan JavaScript yang rumit. Dengan memakai satu pseudo class pada CSS saja kita bisa mendapatkan efek highlight pada input form.
Sebelumnya kita buat terlebih dahulu form pada HTML:

<form>
    <fieldset>
        <input class="highlight" name="username" type="text" />
        <input class="highlight" name="password" type="password" />
        <input type="submit" value="Login" />
    </fieldset>
</form>

Membuat Emboss Text Effect Menggunakan Simple CSS Trik

Membuat efek text umumnya dilakukan pada object text gambar, baik itu menggunakan program image editor Adobe Photoshop, Adobe Illustrator maupun menggunakan software image editor lainnya. Namun pada posting kali ini saya akan mencoba membuat embossing text effect menggunakan simple css trik.
Terdapat dua opsi yang dapat digunakan untuk membuat emboss text effect, pertama efek teks timbul dan kedua efek teks tenggelam.
Pertama membuat text effect tenggelam. Ilustrasi; background text berwarna abu-abu (silver/#666), warna text hitam. Pertama buat dahulu class selector css seperti ilustrasi di bawah ini:

.tenggelam {
 color: #000;
    text-shadow: 0px 1px 0px #999;
 font-weight:bold;
}

Untuk membuat effect text tenggelam dengan asumsi background latar berwarna abu-abu (#666), maka text yang digunakan harus lebih gelap dari warna background latar. Text Shadow (text-shadow: 0px 1px 0px #999;) harus lebih terang dari warna text dan warna background latar.

Cara Membuat Efek Transparan Pada Gambar Blog (CSS Image Opacity)

Efek transparan pada gambar (image transparency/opacity) sering digunakan di Blog/web sebagai efek hover (mouse over) yaitu tampilan transparansi gambar (atau sebaliknya) ketika mouse diarahkan di atas gambar. Transparansi gambar merupakan salah satu efek yang dapat dibuat dengan CSS dan dimodifikasi sedemikian rupa.

Dasar CSS Transparansi Gambar (CSS Image Transparency/Opacity)

Properti CSS yang digunakan sebagai perintah efek transparansi gambar adalah opacity:x. Properti ini digunakan oleh Mozilla Firefox dan beberapa browser lain. Sedang pada IE (Internet Explorer) digunakan properti filter:alpha(opacity=x). X adalah nilai transparansi, pada Mozilla Firefox dan beberapa browser lain, nilai defaultnya adalah 1.0, sedangkan pada IE adalah 100. Untuk memberikan besaran efek transparan, kecilkan nilai x-nya. Pengurangan dengan value yang sama antara browser lain dengan IE adalah 1/10, jadi kurangi 0.1 pada opacity dan kurang 10 pada filter untuk mendapatkan efek transparansi yang sama. Semakin kecil nilai x semakin besar transparansinya.

Membuat menu dropdown bertingkat dengan CSS

Struktur dasar dari menu dropdown yang akan kita buat menggunakan stuktur XHTML misalnya seperti dibawah ini:

<ul id="nav">

    <li><a href="#">Beranda</a></li>

    <li><a href="#">Kontak</a></li>

    <li><a href="#">Arsip</a>

        <ul>

            <li><a href="#">jQuery</a>

                <ul>

                    <li><a href="#">Download</a></li>

                    <li><a href="#">Tutorial</a></li>

                </ul>

            </li>

            <li><a href="#">Bloghack</a></li>

            <li><a href="#">JavaScript</a></li>

        </ul>

    </li>

</ul>

Lihat hasil langkah 1 disini

Cara Membuat Efek Text 3D Dengan CSS

Ada banyak cara untuk mempercantik tampilan font untuk website/blog, ada yang menggunakan gambar dari hasil Photoshop, beberapa diantaranya menggunakan CSS. Dengan CSS pun ada bermacam-macam variasi yang bisa dilakukan untuk memperindah tampilan text, salah satunya adalah menampilkan efek 3D seperti contoh berikut.

SELAMAT DATANG

<h4 style="text-shadow:  1px 0px #ccc, 0px 1px #ccc, 2px 1px #ddd, 1px 2px #bbb, 3px 2px #ddd, 2px 3px #bbb, 4px 3px #ddd, 3px 4px #bbb, 5px 4px #ddd, 4px 5px #bbb, 6px 5px #ddd, 5px 6px #bbb, 7px 6px #ddd, 6px 7px #bbb, 8px 7px #ddd, 7px 8px #bbb, 8px 8px #ddd; font-size: 50px; color: #666; text-align:center; text-height:font-size;">SELAMAT DATANG</h4>

Lima Demo HTML 5 – Aplikasi Web Rasa Desktop

HTML 5,  salah satu teknologi yang sangat ditunggu-tunggu oleh para web developer maupun para pengguna Internet. Banyak hal yang dijanjikan akan hadir di HTML 5 yang dapat mengubah sebuah website menjadi lebih interaktif serta lebih kaya konten dan fungsinya. Tetapi sayangnya implementasinya masih belum sempurna. Masalah kompatibilitas dari browser dan juga belum matangnya si HTML 5, sedikit menjadi kendala. Walupun begitu, sudah banyak para developer web yang mencoba membuat aplikasi web berbasiskan HTML 5. Berikut adalah 5 contoh website yang menurut saya menerapkan fitur yang diberikan HTML 5 dengan tepat dan menarik.

Instalasi dan Konfigurasi LigHttpd PHP5 dan MySQL di Ubuntu

Kebetulan karena baru selesai menginstal web server yang ringan LigHttpd dan memadukannya dengan PHP5 serta MySQL di Laptop yang terinstall Linux Mint 8 atau Ubuntu 9.10 AMD 64. Agar mudah, awalnya saya menginstal paket-paket ini:


sudo apt-get install lighttpd php5-cgi php5-mysql mysql-server phpmyadmin




Menurut pengalaman saya sebelumnya, kalau saya menginstall phpmyadmin, biasanya apache2 akan otomatis dikonfigurasi oleh installer phpmyadmin untuk menjalankan php. Tapi rupanya, lighttpd tidak bisa diperlakukan sama seperti itu.
Alhasil, setelah googling, ketemu tutorial dari howtoforge ini.

Menurut tutorial itu, kita harus menambahkan baris di file /etc/php5/cgi/php.ini dibaris terakhir:

1	cgi.fix_pathinfo=1

Gunakan perintah dibawah ini untuk membukanya dengan gedit:

1	sudo gedit /etc/php5/cgi/php.ini

Lalu kita harus mengaktifkan modul cgi di lighttpd, gunakan perintah ini:

1	sudo lighthttpd-enable-mod fastcgi

Lalu meminta lighttpd me-reload konfigurasinya

1	sudo /etc/init.d/lighttpd reload

Jika tidak ada masalah atau error yang muncul seharusnya kita sudah bisa mengakses file .php, untuk test, mari kita buat file test.php yang isinya:

1	<?php phpinfo() ?>

Letakkan di root folder web server, yaitu di /var/www dan akses melalui http://localhost/test.php
Jika di browser keluar informasi php yang terkenal itu, maka anda sudah sukses menginstall lighttpd dengan support php5 dan mysql.

Selamat ngoprek!