Bahasa Pemrograman WEB

•  Client Side Scripting

Client Side Scripting adalah bahasa pemrograman yang proses pengolahannya dilakukan di komputer pengunjung (Client). Ketika seseorang ingin melihat suatu website, maka website yang bertipe ini akan sepenuhnya di download dan diproses di komputer masing-masing sehingga siapapun yang melihat website kita bisa mengambil seluruh Script yang ditulis oleh pembuatnya, Hal tersebut merupakan suatu kelemahan tersendiri, yaitu orang yang berniat jahat bisa dengan mudah mengotak-atik website kita dengan lebih mudah. Web yang menggunakan program ini biasanya website statis, yaitu yang tampilannya hampir tidak berubah, kecuali  website tersebut dirombak pada halamannya (Misal : web bertipe *.html).
Contoh Client Side Scripting adalah :

• HTML (Hypertext Markup Language)
• CSS (Cascading Style Sheet)
• JavaScript
• XML (Extensible Markup Language)

Perbedaan utama server-side programming dan client server programming adalah tempat mengeksekusi skripnya. Pada client server programming, skrip dieksekusi di browser sedangkan server side programming dieksekusi di client (web browser).

Karakteristik client –side scripting :
1.       Kode program didownload bersama dengan halaman web
2.       Bersifat interpreter dan diterjemahkan oleh browser
3.       Model eksekusinya simple dan skrip dapat dijadikan satu dengan HTML

• Server Side Scripting

Server Side Scripting adalah kebalikan dari Client Side Scripting yaitu bahasa pemrograman web yang pengolahannya dilakukan di komputer server dan hasil pengolahannya kirimkan ke komputer client/pengunjung dalam bentuk bahasa html, sehingga pengunjung tidak mengetahui Script yang telah ditulis oleh pembuatnya, sehingga website tipe ini lebih aman dari serangan hacker, walaupun masih beresiko juga terkena hack. Web tipe ini bersifat Dinamis yaitu bisa dirubah kontennya dengan mudah tanpa mengotak-ngatik scriptnya. Bisa digunakan untuk berbagai kebutuhan web seperti, Toko Online, forum, web sekolah, blogging dan berbagai kebutuhan lainnya.



contoh Server Side Scripting adalah :

• PHP
• ASP
• ASP dot Net
• Java Server Page
• dan lain-lain.

Untuk mempelajari bahasa pemrograman berbasis Client Side Scripting, kita hanya membutuhkan Web editor (contoh: Notepad, Adobe Dreamweaver, Ms. FrontPage, dsb) dan Browser (contoh : Mozilla Firefox, Google Chrome, Internet Explorer, dsb). Untuk mempelajari bahasa pemrograman berbasis Server Side Scripting selain Web editor dan Browser, kita juga memerlukan sebuah komputer server. Jangan Pusing dulu, kita bisa menggunakan komputer kita sebagai server juga sebagai client yaitu dengan cara menginstallkan aplikasi yang dibundel untuk server yang bisa didapatkan dengan GRATIS. Aplikasi tersebut salahsatunya adalah :
XAMPP
LAMPP
WAMPP
AppServ
Karakteristik server side programming :
1.       Ada client yang meminta request
2.       Eksekusi program dilakukan di server
3.       Mengirimkan hasil ke client

Keuntungan server side programming :
Cross platform : tidak tergantung dengan browser tertentu
1.       Optimasi danpemeliharaan dilakukan di browser
2.       Dapat mengakses database dan tidak tergantung dengan keamanan
3.       Menambah kekuatan server
4.       Kode program aman

Aplikasi yang sering digunakan oleh server side programming
1.       Search engines
2.       Database access
3.       Chat & bulletin board service

Read More

Model Pemrograman WEB

Pengertian Client Side Dan Server Side

Server Side merupakan teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di web server, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. Sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming seperti; CGI/Perl Active Server Page, PHP, Cold Fussion dan lain-lain. Contoh lain dari teknologi webpage yang bersifat server side adalah mesin pencari(search engine).
Server Side bertolak belakang dengan Clien Side, semua program yang diminta oleh browser akan dieksekusi dari server tersebut, pengunjung hanya mendapat informasi dari hasil olahannya, sistem ini lebih aman daripada Clien Side. Contoh:PHP,ASP,ASP dot net,Java Server Net,Java Server Page,dll.
Client Side merupakan teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program dijalankan di web browser sehingga ketika client meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web briwser yang bersangkutan. Contoh dari Client Side Programming seperti : Java Script, VbScript, HTML.
Perbedaan utama server-side dan client server
Perbedaan utama server-side programming dan client server programming adalah tempat mengeksekusi skripnya. Pada client server programming, skrip dieksekusi di browser sedangkan server side programming dieksekusi di client (web browser)

• CLIENT SIDE

Karakteristik client side scripting :
1. Kode program didownload bersama dengan halaman web
2. Bersifat interpreter dan diterjemahkan oleh browser
3. Model eksekusinya simple dan skrip dapat dijadikan satu dengan HTML
Berikut cara kerja Client Side:
Pengunjung web mengklik salah satu link dari web dan browser membaca perintah pengunjung untuk memangil alamat web yang dituju.
Setelah itu browser akan mengalihkan ke halaman yang dituju oleh pengunjung web.
Contoh aplikasi Client Side :

• Css
• Jquery
• Javascript,dll

Kelebihan dan kekurangan dari client side programming adalah :
Kelebihan Client-Side-Scripting
1. Tidak perlu server khusus untuk menjalankannya
2. Eksekusi script lebih cepat
3. Tidak membebani kinerja web server.
Kekurangan Client-Side-Scripting
1. Harus di support oleh browser dari pihak client
2. Script dapat ditiru
3. Dari segi keamanan kurang dapat diandalkan

• SERVER SIDE

Karakteristik server side programming :
1. Ada client yang meminta request
2. Eksekusi program dilakukan di server
3. Mengirimkan hasil ke client
Cara kerja Server side :
jika kita melakukan interaksi dengan halaman web maka browser akan mengirimkan perintah ke server,  kemudian server akan merespon dan melaukan perintah yang diberi kemudian server akan mengirimkan kembali data/ perintah dari  browser, dan browser akan menampilkan data/ perintah tersebut.

Keuntungan server side programming :
Cross platform : tidak tergantung dengan browser tertentu
1. Optimasi danpemeliharaan dilakukan di browser
2. Dapat mengakses database dan tidak tergantung dengan keamanan
3. Menambah kekuatan server
4. Kode program aman

Aplikasi yang sering digunakan oleh server side programming
1. Search engines
2. Database access
3. Chat & bulletin board service
Dalam pembuatan web teknologi server side dibutuhkan server seperti xampp, wam, iis dan lain sebagainya. Contoh teknologi server side :
Asp
Php
Jsp
Phyton,dll
Kelebihan dan kekurangan dari Server side programmingadalah :
Kelebihan Server-Side-Scripting
1. data lebih aman
2. Susah untuk ditiru karena script di jalankan di server
3. Dari segi keamanan lebih menjamin dibandingkan dengan Client-Side-Scripting
Kekurangan Server-Side-Scripting
1. Memerlukan Server khusus untuk menjalankannya
2. Menambah beban kerja server
3. Agak lambat jika dibandingkan dengan Client-Side-Scripting karena script di terjemahkan di server kemudian tampilan di load di client

ARSITEKTUR CLIENT SIDE DAN SERVER SIDE

Arsitektur merupakan sekumpulan dari sistem sirkuit, chip, bus untuk ekspansi slot, BIOS dan lain sebagainya. Dalam arsikektur terdapat tiga elemen utama yaitu :

• Arsitektur sistem pemrosesan, yaitu suatu standart teknis untuk menentukkan hardware, lingkungan sistem operasi, dan software aplikasi.
• Arsitektur telekomunikasi dan jaringan, digunakan untuk menentukan fasilitas dalam komunikasi perusahaan, yang dilalui oleh informasi.
• Arsitektur data yaitu berfungsi untuk menentukan organisasi data untuk tujuan referensi silang dan penyesuaian ulang, serta untuk penciptaan sumber informasi yang dapat diakses oleh aplikasi bisnis dalam lingkup luas.

Dalam Arsitektur Telematika terdiri atas dua Arsitektur yaitu :
1. Arsitektur Server Side
Server atau sering disebut juga back-end akan menerima pesan dari client, yang diproses dan hasilnya akan dikembalikan kepada client. Contoh dari tugas server melayani permintaan client kemudian memberikan jawaban atas data yang diminta oleh client, server dapat juga berkolaborasi dengan server lain untuk melayani permintaan client.
2. Arsitektur Client Side
Front-end atau client akan menerima hasil pemrosesan data yang dilakukan oleh server kemudian ditampilkan kepada user pada sebuah aplikasi yang dapat berinteraksi langsung dengan user. Client akan bekerja setelah mendapat instruksi dari server kemudian data akan diproses oleh server yang kemudian akan diberikan kepada client. Client berinteraksi langsung dengan user menggunakan user interface seperti Graphical User Interface (GUI).
Berikut ini beberapa contoh penanganan pada client yang berhubungan dengan DBMS yaitu:

• Presentation Logic

Dalam Presentation Logic bertanggung jawab dalam memformat data pada pengguna atau alat keluaran dan bertugas mengendalikan masukan pengguna dari keybord atau alat input lainnya.

• Processing Logic

Processing logic digunakan untuk penanganan logika pada saat data diproses, logika aturan bisnis (business rule logic), dan logika manajemen data (data management logic). Untuk mengetahui kesalahan proses pada data digunakan proses data logic.

• Storage Logic

Bertanggung jawab pada hal penyimpanan data dan perbaikan data dari alat penyimpan yang bekerja dengan aplikasi.

Beberapa Permodelan Arsitektur Client server :

• Arsitektur Mainframe

Menyediakan waktu dan sebagian memorinya untuk pemakai, kemudian berpindah kepemakai lain dan kembali lagi kepemakai awal. Komputer jenis ini memiliki suatu Central Processing Unit, Storage Device yang agak besar .

• Arsitektur File Sharing

Didalam media penyimpanan server terdapat file-file yang dapat diakses langsung oleh user namun arsitektur ini memiliki keterbatasan dalam proses sharing.

• Arsitektur Client/Server

Proses pengiriman pada query data ke server dapat dilayani dengan cepat karena data yang dikirim adalah hasil dari query tersebut. RPC (Remote Procedure Calls) memegang peranan penting dalam arsitektur client sever. Terdapat dua model client server yaitu Two-tier dan Three-tier.
Model Two-tier
Pada Arsitektur Two-tier, antarmukanya terdapat pada lingkungan desktop dan sistem manajemen database biasanya ada pada server yang lebih kuat yang menyediakan layanan pada banyak client. Pengolahan informasi dibagi antara lingkungan antarmuka sistem dan lingkungan server manajemen database.
Model Three-tier
Arsitektur Three-Tier diperkenalkan untuk mengatasi kelemahan dari arsitektur two-tier. Di tiga tingkatan arsitektur, sebuah middleware digunakan antara sistem user interface lingkungan client dan server manajemen database lingkungan. Middleware ini diimplementasikan dalam berbagai cara seperti pengolahan transaksi monitor, pesan server atau aplikasi server. Middleware menjalankan fungsi dari antrian, eksekusi aplikasi dan database staging

Read More

Pengertian dan contoh JAVA APPLET

Java applet adalah sebuah program kecil yang ditulis dengan menggunakan bahasa pemrograman Java, yang diakses melalui halaman Web dan dapat di-download ke dalam mesin klien yang kemudian menjalankannya di dalam jendela penjelajah web. Java applet dapat secara dinamis menambahkan beberapa fungsi kepada halaman-halaman Web yang bersifat statis. Akan tetapi, untuk menjalankannya sebuah komputer harus memiliki program penjelajah web yang dapat menjalankan Java, sepertiMicrosoft Internet Explorer 4.0 ke atas, Netscape Navigator, Mozilla Firefox, dan Opera.

Ketika sebuah Java applet dibuat, semua pernyataan Java yang terkandung di dalam kode sumbernya akan dikompilasi menjadi Java bytecode, yakni sebuah bahasa mesin semu (virtual engine/machine language) yang dibentuk oleh Java. Berkas yang berisi Java bytecode ini akan disimpan sebagai sebuah berkas kelas Java (Java class file) di dalam sebuah Web server, seperti halnya Apache HTTP Server atau Microsoft Internet Information Services (IIS). Sebuah halaman Web yang hendak menggunakan applet tersebut harus menggunakan tag <APPLET>...</APPLET> di dalam kode sumber-nya. Ketika sebuah penjelajah Web milik klien melakukanrequest kepada halaman Web tersebut dan menemukan bahwa di dalamnya terdapat tag <APPLET>...</APPLET>, bytecode di dalam Java class file akan dieksekusi oleh mesin semu di dalam jendela penjelajah Web, yang dapat berupa Microsoft Java Virtual Machine atau Java Runtime Engine dari Sun Microsystems.

Java Applet adalah aplikasi java yang bisa disisipkan kedalam halaman HTML. Java applet bisa berjalan pada web browser yang telah mendukung java seperti mozilla, IE, dan chrome. Applet dirancang untuk berjalan ‘remotely‘ pada browser client, sehingga ada beberapa keterbatasan. Secara default, applet tidak bisa mengakses resource pada komputer lokal. Applet biasanya digunakan untuk membuat website lebih dinamis dan menghibur.

Keuntungan Menggunakan Java Applet :

1. Bersifat lintas platform, dapat dijalankan pada Windows, Mac OS, dan Linux
2. Bisa berjalan pada semua versi plugin java
3. Bisa berjalan di dalam sandbox, sehingga user tidak perlu meninjau source-nya, karena ia berjalan tanpa persetujuan keamanan
4. Didukung oleh hampir semua browser
5. Applet bisa disimpan sebagai cache oleh sebagian besar webbrowser sehingga menjadi lebih cepat untuk dimuat ketika diakses berikutnya
6. Applet bisa memiliki akses penuh ke dalam komputer jika user mengijinkan

Kerugian Menggunakan Java Applet:

1. Memerlukan plugin Java
2. Java applet memerlukan JVM sehingga saat pertama dijalankan, akan memakan waktu cukup lama
3. Jika applet tidak di-cache kedalam komputer lokal, maka proses download akan memakan waktu lama

Oke, sekian perkenalan kali ini tentang Java Applet. Pada tutorial berikutnya, kita akan belajar tentang bagaimana membuat aplikasi pertama dengan menggunakan Java Applet

Java APPLET DAN CONTOH PROGRAMNYA

1. Membuat Teks dari program java yang dijalankan di HTML ( TesApplet.java)

sintak programnya seperti berikut :

//File : TesApplet.java //Memel | Uniku import java.awt.*; public class TesApplet extends java.applet.Applet{ public void paint(Graphics g){ Font f = new Font("SansSerif", Font.BOLD, 20); g.setFont(f); g.setColor(Color.BLUE); int xPusat = this.getSize().width/2; int yPusat = this.getSize().height/2; String s = "Selamat Belajar Java Applet"; FontMetrics fm = this.getFontMetrics(f); int posisiX = xPusat - (fm.stringWidth(s)/2); g.drawString("Selamat Belajar java Applet", posisiX, yPusat); } }

untuk menampilkan output dari program diatas, kita harus membuat program htmlnya dulu dengan menambahkan " <applet code="namaFile.class"> dan di tutup dengan </applet> ". berikut program html nya (TesApplet.html) :

<html> <head> <title>Selamat Belajar Java</title> </head> <body> <h1>Tes Applet</h1> <applet code="TesApplet.class" width=300 height=50> </applet> <br> Akhir HTML // Memel Uniku </body> </html>

agar program javanya muncul di web browser, yang haris dilakukan adalah menjalankan program javanya dulu sampai menghasilkan file class dari program tersebut. kemudian jalankan program html nya, hasilnya sebagai berikut :

"Selamat Belajar Java" merupakan program java applet yang dihubungkan dengan html.

2. Menambahkan beberapa kata pada program htmlnya (TesApplet2.html)

<html> <head> <title>Praktek Uji ALIGMENT</title> </head> <body> <h1>Tes Applet 2</h1> <applet code="TesApplet.class" width=300 height=110 align=RIGHT> </applet> Pada praktek ini, kita bisa melihat applet Java yang digunakan untuk menampilkan tulisan Selamat Belajar Java dengan variasi vont, ukuran dan warna <p> Akhir HTL //Memel | Uniku </body> </html>

outputnya :

3. KejadianApplet.java

sintak programnya seperti di bawah ini :

//File : KejadianApplet.java import java.awt.*; public class KejadianApplet extends java.applet.Applet{ int pencacah; String s = "Selamat Belajar java Applet"; Font f = new Font("Tahoma", Font.BOLD, 14); public void paint(Graphics g){ pencacah++; g.setFont(f); g.setColor(Color.BLUE); g.drawString(new Integer(pencacah).toString()+" : " +s, 10, 20); } public void init(){ pencacah = 1; } public void start(){ pencacah++; } }

program html nya (KejadianApplet.html) :

<html> <head> <title>Kejadian Applet</title> </head> <body> <applet code="KejadianApplet.class"> </applet> </body> </html>

outputnya : kejadiannya ada pada nomor yang muncul di halaman web.

4. TesImage.java

nahh kalo yang ini, program javanya menyimpan gambar dan nantinya akan ditampilkan di halaman web. 

sintak program javanya seperti berikut :

//File : TesImage.java import java.awt.*; import java.applet.Applet; public class TesImage extends Applet{ Image gbGlobe; public void paint(Graphics g){ g.drawImage(gbGlobe, 0, 0, this); } public void init(){ gbGlobe = getImage(getCodeBase(),"globe.jpg"); } }

sintak program htmlnya (TesImage.html) :

<html> <head> <title>Tes Image</title> </head> <body> <applet code="TesImage.class"> </applet> </html>

output untuk menampilkan program applet yang menampilkan picture :

5. Kalkulator.java

kalau yang ini, kita dapat menampilkan program kalkulator sederhana dihalaman web dengan menggunakan java applet :D

sintaknya sebagai berikut :

// File : Kalkulator.java import java.awt.*; import java.awt.event.*; import java.applet.*; public class Kalkulator extends Applet{ Label lab; boolean digitPertama = true; float nilaiTersimpan = 0.0f; String operator = "="; public void init(){ setLayout(new BorderLayout()); add("North", lab = new Label ("0", Label.RIGHT)); Panel p = new Panel(); p.setLayout(new GridLayout(4,4)); buatBeberapaTombol(p,"789/"); buatBeberapaTombol(p,"456*"); buatBeberapaTombol(p,"123-"); buatBeberapaTombol(p,".0=+"); add("Center",p); } public void hitung(String s){ String st; float nilai = new Float(s).floatValue(); char c = operator.charAt(0); switch(c){ case'=' : nilaiTersimpan = nilai; break; case'+' : nilaiTersimpan += nilai; break; case'-' : nilaiTersimpan -= nilai; break; case'*' : nilaiTersimpan *= nilai; break; case'/' : nilaiTersimpan /= nilai; break; } lab.setText(String.valueOf(nilaiTersimpan)); } public void buatBeberapaTombol(Panel p, String strTombol){ int jumlah = strTombol.length(); for(int i=1; i<jumlah; i++){ Button b = new Button(strTombol.substring(i,i+1)); b.addActionListener(                 new Kalkulator.PenanganTombol()); p.add(b); } } class PenanganTombol implements ActionListener{ public void actionPerformed(ActionEvent e){ String s = e.getActionCommand(); if("0123456789.".indexOf(s)!=-1){ if(digitPertama){ digitPertama = false; lab.setText(s); } else { lab.setText(lab.getText()+s); } } else{//Berarti operator if(!digitPertama){ hitung(lab.getText()); digitPertama = true; } operator = s; } } } }

program htmlnya (Kalkulator.html) :

<html> <head> <title>Kalkulator</title> </head> <body> <applet code="Kalkulator.class" width=250 height=120> </applet> </html>

outputnya seperti gambar dibawah ini :D sederhana tapi membantu hhhe

wassalamualaikum......

Read More

Cara menginstall MySQL-Front

Cara Installnya adalah sebagai berikut:

Klik tombol Next pada form diatas, maka akan tampil form baru seperti dibawah ini:

Pilih option “I accept the agreement” kemudian klik tombol Next pada form diatas, maka akan tampil form baru seperti dibawah ini:

Klik tombol Next pada form diatas, maka akan tampil form baru seperti dibawah ini:

Klik tombol Next pada form diatas, maka akan tampil form baru seperti dibawah ini:

Klik tombol Next pada form diatas, maka akan tampil form baru seperti dibawah ini:

Klik tombol Install pada form diatas, maka akan tampil form baru seperti dibawah ini:

Klik Finish, maka akan terbuka jendela MySql-Front, kemudian lakukkan setting koneksi seperti berikut:

Klik tombol New pada form diatas, maka akan tampil form baru seperti dibawah ini:

Isikan nama koneksi pada Login Information Name pada form diatas, kemudian klik Tab Connection

Ketikkan nama Server pada form diatas, kemudian klik Tab Login

Isikan User name :  root pada form diatas, kemudian tekan tombol OK sampai masuk ke jendela MySql-Front seperti dibawah ini:
MySql-Front siap digunakan, selamat mencoba,

Read More

Cara menginstall XAMPP

Salah satu aplikasi server localhost dan yang paling banyak digunakan adalah XAMPP. Aplikasi ini dibuat oleh Apache Friends dan installer-nya bisa langsung diunduh dari situs mereka. Saat ini yang paling baru adalah versi 1.8.1.
XAMPP sendiri ada dua macam, yakni paket komplit dan satunya lagi adalah paket portable lite.
XAMPP paket komplit itu isinya adalah:

• Apache
• MySQL
• PHP
• phpMyAdmin
• FileZilla FTP Server
• Tomcat
• Strawberry Perl Portable
• XAMPP Control Panel

Sedangkan XAMPP Portable Lite isinya hanya aplikasi PHP dan MySQL, lebih enteng dan cocok buat yang sering memakai kedua aplikasi tersebut.
Nah, kali ini saya akan menuliskan tentang panduan cara instal XAMPP di PC. Berhubung saya pakainya Windows, maka panduan ini juga diperuntukkan PC Windows ya.

Cara Instal XAMPP di Windows

1. Download aplikasi XAMPP xampp-win32-1.8.1-VC9-installer.exe.
2. Dobel klik file xampp yang baru saja Anda download, selanjutnya akan muncul jendela “installer language” seperti di bawah ini:
   
3. Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK.
4. Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES.
   
   
5. Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next.
   
6. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol Next.
   
   
7. Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install.
   
8. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.
   
9. Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.
   

Cara Menjalankan Aplikasi XAMPP

1. Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi selesai maka klik Yes seperti yang terlihat pada gambar di atas.
2. Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah aplikasi yang dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.
   
   
3. Sekarang bukalah browser kesukaan Anda, dan coba ketikkan http://localhost/xampp di address bar. Jika muncul tampilan seperti gambar di bawah ini, instalasi telah berhasil.
   

Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web.

Read More

Cara menginstall Dreamwaver

Di posting gue yang ke 51 gue mau ngasih tau cara instal dreamweaver 8 nih, yuk mari simak J
Pertama klik 2 kali pada mentahannya (Dreamweaver 8)

Kemudian klik Next

Selanjutnya klik I Accept terus klik Next

Lalu beri tanda centang pada create shortcut on desktop langsung klik Next

Kemudian klik Next

Klik instal

Tunggu sampai proses instalasi selesai

Klik finish

Read More

Cara Install Appserv di Windows

Menginstal Appserv
Mempersiapkan paket sebelum menginstal.

Download program AppServ dari http://www.appservnetwork.com Anda dapat memilih versi 2.4.x atau 2.5.x.

2.4.x adalah versi Superb bekerja stabil untuk semua pengguna, dengan cara versi ini menggunakan PHP 4.x karena berjalan baik dengan kode lama PHP Anda.

2.5.x adalah fungsi Rock. Versi ini menyediakan terbaru dan eksperimental dari Apache, PHP, MySQL.

Instalasi AppServ Langkah demi langkah. 

1. Double Klik appserv-win32-xxx.exe untuk menginstal AppServ pada komputer Anda.

2. License Agreement: AppServ berada dibawah lisensi GNU / GPL. Anda harus membaca perjanjian lisensi sebelum menginstal. Jika Anda setuju untuk lisensi klik Next untuk pergi ke langkah berikutnya. Jika Anda tidak setuju klik Batal untuk membatalkan instalasi.

3. Choose Install Location: AppServ Lokasi default adalah C:AppServ. Jika Anda perlu mengubah tujuan klik Browse untuk mengubah tujuan Anda untuk program AppServ dan kemudian klik Next untuk pergi ke langkah berikutnya.

4. Select Components : komponen paket standar AppServ itu diperiksa semua paket. Jika Anda perlu memilih beberapa paket untuk menginstal. Anda dapat klik pada kotak centang.

• Apache HTTP Server adalah Server Web.
• Database MySQL Database Server.
• PHP Hypertext Preprocessor adalah sebuah prosesor Pemrograman PHP.
• PhpMyAdmin adalah MySQL Database kontrol melalui WWW.

Jika Anda menyelesaikan memilih itu klik Next untuk pergi langkah berikutnya.

5. Apache Configuration : ini layar untuk menentukan mengkonfigurasi Apache.

• Server Name - Anda harus menentukan misalnya Name Server localhost .
• Admin Email - Anda harus menentukan misalnya Admin Email root@awp.asia
• HTTP Port – HTTP Anda harus menentukan port untuk Apache Web Server.

6. MySQL Configuration :

Root Password – Anda harus enger password root untuk MySQL Database.
Default user untuk password ini adalah root.

Character Sets – Tentukan bahasa penyimpanan data dan Collations.

Old Password – Jika Anda memiliki masalah ketika Anda coding kode PHP dengan MySQL API Lama. Dan kesalahan yang ditemukan Klien tidak mendukung protokol otentikasi diminta oleh server;
mempertimbangkan upgrade klien MySQL
Anda harus memeriksa opsi ini untuk menghindari kesalahan.

Enable InnoDB – Jika Anda menggunakan InnoDB harus memeriksa opsi ini.

7. Complete AppServ setup : Setup meminta memulai Apache dan MySQL segera. Klik Finish untuk mengakhiri setup dan menggunakan AppServ prompt.

Read More

Pengertian dan tahapan pembuatan ERD

Entity Relationship Diagram (ERD)

ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi.
ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol. Pada dasarnya ada tiga simbol yang digunakan, yaitu :

a. Entiti
Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain (Fathansyah, 1999: 30). Simbol dari entiti ini biasanya digambarkan dengan persegi panjang.

Contoh
�� Individu : pegawai,pelanggan, mahasiswa,distributor.
�� Tempat : ruang,bangunan,kantor,lapangan,kampus.
�� Obyek: buku,motor,paket software,produk
�� Peristiwa: pendaftaran,pemesanan, penagihan
�� Konsep : rekening,kualifikasi.

b. Atribut
Setiap entitas pasti mempunyai elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu dengan yang lain. Gambar atribut diwakili oleh simbol elips.

c. Hubungan / Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Relasi dapat digambarkan sebagai berikut :

Contoh
�� Atribut Pelanggan
�� No KTP/SIM
�� Nama
�� Alamat

Relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B) dalam satu basis data yaitu (Abdul Kadir, 2002: 48) :

1). Satu ke satu (One to one)
Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A berhubungan paling banyak dengan satu entitas pada himpunan entitas B.

2). Satu ke banyak (One to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan dengan satu entitas pada himpunan entitas A.

3). Banyak ke banyak (Many to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.









  Berikut ini adalah contoh tahapan dalam pembuatan ERD pada " Sistem Informasi Akademis " .

Tahapan Pembuatan ERD 

Tahap 1: Penentuan Entities 

 

Keterangan :

Mahasiswa:

• nim: nomor induk mahasiswa (integer) PK

• nama_mhs: nama lengkap mahasiswa (string)

• alamat_mhs: alamat lengkap mahasiswa (string)

Dosen:

• nip: nomor induk pegawai (integer) PK

• nama_dosen: nama lengkap dosen (string)

• alamat_dosen: alamat lengkap dosen (string)

Mata_kuliah:

• kode_mk: kode untuk mata kuliah (integer) PK

• nama_mk: nama lengkap mata kuliah (string)

• deskripsi_mk: deskripsi singkat mengenai mata kuliah (string)

Ruang:

• kode_ruang: kode untuk ruang kelas (string) PK

• lokasi_ruang: deskripsi singkat mengenai lokasi ruang kelas (string)

• kapasitas_ruang: banyaknya mahasiswa yang dapat ditampung (integer)

Tahap 2 : Penentuan Atribut

 

Tahap 3 : Penentuan Kardinalitas Relasi

Hubungan :a.  ruang digunakan untuk mata_kuliah:

     · Tabel utama: ruang

     · Tabel kedua: mata_kuliah

     · Relationship: One-to-one (1:1)

     · Attribute penghubung: kode_ruang (FK kode_ruang di mata_kuliah)

b.  dosen mengajar mata_kuliah:

     · Tabel utama: dosen

     · Tabel kedua: mata_kuliah

     · Relationship: One-to-many (1:n) 

     . Attribute penghubung: nip (FK nip di mata_kuliah) 

c.  dosen membimbing mahasiswa:

     . Tabel utama: dosen

     · Tabel kedua: mahasiswa

     . Relationship: One-to-many (1:n)

     . Attribute penghubung: nip (FK nip di mahasiswa)

d.  mahasiswa mengambil mata_kuliah:

    · Tabel utama: mahasiswa, mata_kuliah

    · Tabel kedua: mhs_ambil_mk

    · Relationship: Many-to-many (m:n)

    · Attribute penghubung: nim, kode_mk (FK nim, kode_mk di mhs_ambil_mk)

Tahap 4 : Pembuaatan ERD

EER (Enhanced Entity Relationship) Diagram:

        Relasi many to many antar entity perlu dihilangkan dengan cara menambah atribut baru antara 2 entity yang memiliki relasi many to many. Pada diagram diatas, terdapat relasi mahasiswa mengambil matakuliah dimana mempunyai kardinalitas many to many. Maka dari itu perlu dibuat satu entity baru yang didalamnya menampung primary key dari entity mahasiswa dan entity mata kuliah yang nantinya dapat dijadikan foreign key pada entity mhs_ambl_mk , sedang yang dijadikan primary key disini kita ambil password portal akademik yang sifatnya unik ( satu mahasiswa mempunyai password yang berbeda dengan mahasiswa lain )

Read More