Tampilkan postingan dengan label Web. Tampilkan semua postingan
Tampilkan postingan dengan label Web. Tampilkan semua postingan

Rabu, 16 Oktober 2013

CARA MEMBUAT POLLING PHP MYSQL

1. Buatlah tabel polling pada database Anda. Nama database yang saya gunakan "tutorial".
Lalu isi field seperti gambar dibawah ini.

CREATE TABLE `tutorial`.`polling` (
`sangat_baik` INT( 5 ) NOT NULL ,
`baik` INT( 5 ) NOT NULL ,
`cukup` INT( 5 ) NOT NULL ,
`kurang` INT( 5 ) NOT NULL
) ENGINE = MYISAM ;





2. Buka Dreamweaver, Lalu buat halaman polling.php.
copy paste code dibawah ini -->

<form method="post" action="polling-simpan.php">
<table width="426" border="1" align="center" cellpadding="3" cellspacing="0" id="polling">
<tr><td bgcolor="#567632"><h1 align="center">Polling Web</h1></td></tr>
<tr><td><p>Bagaimana pendapat Anda tentang <strong>nagisagothic.blogspot.com</strong> ini ?</p>
<input type="radio" name="polling" value="sangat_baik" />Sangat Baik<br />
<input type="radio" name="polling" value="baik" /> Baik<br/>
<input type="radio" name="polling" value="cukup" /> Cukup<br />
<input type="radio" name="polling" value="kurang" /> Kurang
</td>
</tr>
<tr><td align="center" bgcolor="#567632"><input type="submit" name="button" id="button" value="vote"></td></tr>
</table>
</form>





3. Lalu buat halaman polling-simpan.php untuk melakukan proses menyimpan polling.
copy paste code dibawah ini -->

<?php
$koneksi=mysql_connect('localhost','root','') or die(mysql_error());
mysql_select_db("tutorial");
$polling =$_POST['polling'];

if($polling=="sangat_baik")
{
$querysb = 'select * from polling';
$hasilsb = mysql_query($querysb) or die (mysql_error());
while($row=mysql_fetch_row($hasilsb))
{
$nilaisb = $row[0];
}
$nilaisb = $nilaisb +1;
$insertsb = 'update polling set sangat_baik ='.$nilaisb;
mysql_query($insertsb)or die (mysql_error());

header("location:polling-hasil.php");
}

if($polling=="baik")
{
$querybk = 'select * from polling';
$hasilbk = mysql_query($querybk);
while($row=mysql_fetch_row($hasilbk))
{
$nilaibk = $row[1];
}
$nilaibk = $nilaibk+1;
$insertbk = 'update polling set baik ='.$nilaibk;
mysql_query($insertbk);

header("location:polling-hasil.php");
}

if($polling=="cukup")
{
$queryck = 'select * from polling';
$hasilck = mysql_query($queryck);
while($row=mysql_fetch_row($hasilck))
{
$nilaick = $row[2];
}
$nilaick = $nilaick+1;
$insertck = 'update polling set cukup ='.$nilaick;
mysql_query($insertck);

header("location:polling-hasil.php");
}

if($polling=="kurang")
{
$querykr = 'select * from polling';
$hasilkr = mysql_query($querykr);
while($row=mysql_fetch_row($hasilkr))
{
$nilaikr = $row[3];
}
$nilaikr = $nilaikr+1;
$insertkr = 'update polling set kurang ='.$nilaikr;
mysql_query($insertkr);

header("location:polling-hasil.php");
}

mysql_close($koneksi);
?>


4. Untuk menampilkan hasil polling, buatlah halaman polling-hasil.php
copy paste code dibawah ini -->

<?php
include "koneksiku.php"
?>
<h1 align="center">Hasil Polling Web</h1>
<?php
$query="select * from polling";
$hasil = mysql_query($query);
$row = mysql_fetch_row($hasil);
$total = $row[0]+ $row[1] + $row[2] + $row[3];
$sangat_baik = ($row[0]/$total)*100;
$baik = ($row[1]/$total)*100;
$cukup = ($row[2]/$total)*100;
$kurang = ($row[3]/$total)*100;

if ($sangat_baik == 0) $panjangGrafikSB = 1;
else $panjangGrafikSB = $sangat_baik * 95/ 100;

if ($baik == 0) $panjangGrafikBk = 1;
else $panjangGrafikBk = $baik * 95 / 100;

if ($cukup == 0) $panjangGrafikCk = 1;
else $panjangGrafikCk = $cukup * 95 / 100;

if ($kurang == 0) $panjangGrafikKR = 1;
else $panjangGrafikKR = $kurang * 95 / 100;

?>

<table width="472" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="111"><strong>Sangat Baik</strong></td>
<td width="30"><strong><?php echo round ("$sangat_baik")."%"; ?></strong></td>
<td width="293"><div style="height:30px; width: <?php echo $panjangGrafikSB; ?>%; background-color:#F00;" ></div></td>
</tr>
<tr>
<td><strong>Baik</strong></td>
<td><strong><?php echo round ("$baik")."%"; ?></strong></td>
<td><div style="height:30px; width: <?php echo $panjangGrafikBk; ?>%; background-color:#0FF;" ></div></td>
</tr>
<tr>
<td><strong>Cukup Baik</strong></td>
<td><strong><?php echo round ("$cukup")."%"; ?></strong></td>
<td><div style="height:30px; width: <?php echo $panjangGrafikCk; ?>%; background-color:#FF0;" ></div></td>
</tr>
<tr>
<td><strong>Kurang Baik</strong></td>
<td><strong><?php echo round ("$kurang")."%"; ?></strong></td>
<td><div style="height:30px; width: <?php echo $panjangGrafikKR; ?>%; background-color:#00FF40;" ></div></td>
</tr>
</table>


#note
round : berfungsi dalam melakukan pembulatan angka.

jalankan pada browser, maka hasilnya seperti gambar dibawah ini.






Selasa, 02 April 2013

Script HTML "Mengupload File"

Postingan saya kali ini akan membahas tentang script untuk mengupload sebuah file...

baiklah langsung saja ini lah yang akan kita buat !!

//sederhana banget ya -_-

oke ini lah scriptnya




silahkan di copas .... XDD

Jumat, 08 Juni 2012

Web Statis dan Web Dinamis

1. Web Statis
adalah web yang content atau isinya tidak berubah-ubah. Ini dikarenakan script untuk membuat web statis tidak mendukung untuk mengubah isi dokumen.

Ciri-ciri :
~script yang digunakan : HTML saja atau biasanya ditambah CSS
~penggunaan database : tidak menggunakan database karena tidak ada data yang perlu disimpan atau diproses
~Content : tidak Up to Date
~banyak digunakan pada : web company profile
~Interaksi antara pengguna dan pemilik web : tidak ada interaksi

1. Web Dynamic
adalah web yang content atau isinya berubah-ubah.

Ciri-ciri :
~script yang digunakan : Javascript, Php, Mysql, CSS
~penggunaan database : menggunakan database karena ada data / perubahan data yang perlu disimpan atau diproses
~Content : Up to Date
~banyak digunakan pada : blog, web belanja online, web berita
~Interaksi antara pengguna dan pemilik web : ada interaksi, karena web ini bekerja pada sisi server.

HTML CSS PHP dan Javascript

HTML
( Hypertext Markup Language ) adalah sebuah bahasa Markup yang digunakan untuk membuat sebuah halaman web,
menampilkan berbagai informasi didalam sebuah web browser. Internet dan formatting hypertext sederhana yang ditulis kedalam berkas format ASCII
agar dapat menghasilkan tampilan wujud yang terintegrasi.









CSS
( Cascading Style Sheet ) adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen pada web browser,
CSS dapat mengendalikan ukuran gambar, warna text, background, tampilan tabel border, tampilan dan warna hyperlink, warna mouseover dan
parameter lainnya.







PHP
( Hypertext Preprocessor ) adalah bahasa skrip yang dapat 'ditanamkan' atau disisipkan ke dalam bahasa HTML.
Php banyak dipakai untuk memprogram web dinamis karena menyangkut dengan database.






Java Script
adalah bahasa pemrograman web berbasis prototype yang berjalan disisi klien ('berorientasi objek')









Senin, 28 Mei 2012

Mengkoneksikan Database Php MySql Localhost ke Dreamweaver

Haloooo...... ^o^
Udah lama gak posting nihhh....
pada postingan kali ini, saya akan membahas cara mengkoneksikan database localhost/phpmyadmin ke dreamweaver cs5...
Langsung saja,, berikut langkah-langkahnya ::

Pertama-tama buatlah terlebih dahulu "Site Definition". Dreamweaver CS5 menyediakan settingan yg lebih mudah dalam membuat site definition.
Berikut langkahnya :

1. Klik Site --> New Site

2. Isi Site Name, dalam latihan ini Site Name diisi "websekolah"

3. Pada Local site folder, silakan klik icon folder pada Local Site Folder dan buatlah folder baru di dalam folder C:\xampp\htdocs\ dengan nama folder "websekolah", sehingga akan muncul C:\xampp\htdocs\websekolah\.
Klik Open > Select.





4. Klik Server pada list di sebelah kiri. Hal ini akan membuka panel dimana Anda dapat menyetting jenis pengetesan di Local Server ataupun Remote Server.

5. Klik tanda plus (+) untuk menambah Server baru guna pengetesan website dinamis yang akan kita buat.

6. Pada menu Basic, klik pada Connect Using: Local/Network  Untuk selanjutnya, gunakan settingan berikut ini:
- Server Name: websekolah
- Connect using: Local/Network
- Server Folder: ,klik icon folder untuk menemukan folder websekolah yang tadi telah Anda buat atau dengan mengetikkan C:\xampp\htdocs\websekolah (hal ini bisa berbeda tergantung dari setinggan computer Anda).
- Web URL: http://localhost/websekolah/ (hal ini juga bisa berbeda tergantung dari setinggan computer Anda). Hal ini memberitahu Dreamweaver bahwa website Anda berada dalam document root dengan sub folder bernama websekolah.






7. Klik tombol Advanced pada sisi atas dari panel, lalu dari pop-up menu, pilih PHP MySQL sebagai Server Model untuk pengetesan website Anda.

8. Pilih Save untuk menyimpan settingan dari website yang telah kita buat tadi.
Secara default, Dreamweaver CS5 akan member tanda centang (check) pada Remote testing server.

9. Hilangkan tanda centang (uncheck) pada Remote tadi dan klik (beri tanda check) pada Testing. Hal ini sangat penting. http://localhost/ adalah local server tempat kita melakukan pengetesan atas website yang kita buat.




10. Klik Save. Dreamweaver CS5 secara otomatis akan menutup Site Setup Dialog dan akan segera membuat Site Cache.
Anda dapat melihat site yang baru saja Anda buat telah tampil di File Anda.

11. Lakukan pengetesan di browser Anda dengan membuka http://localhost/websekolah.
Maka akan muncul tampilan kosong seperti ini. Hal ini terjadi karena kita belum membuat file sama sekali.



Setelah membuat site definition, maka kita dapat membuat koneksi Php MySql.
Langkah - langkahnya :
1. Pastikan Anda membuka file dengan ekstensi PHP

2. Klik Windows > Databases, maka akan muncul panel Databases.

3. Klik Icon Plus (+) > MySQL Connection





4. Isi beberapa parameter berikut ini.
- Connection name: koneksi_web, Anda dapat memilih nama lain.
- MySQL Server: localhost, ini jika Anda bekerja di localhost.
- User name: root, secara default xampp menggunakan username root. Bisa jadi berbeda dengan konfigurasi web server di komputer Anda.
- Password: , biarkan kosong kecuali Anda telah mensetting password di web server dan database Anda.
- Database: websekolah, klik Select untuk memilih database. Klik OK.




5. Klik Test, jika muncul tulisan pop-up “Connection was made successfully”.

6. Klik OK sekali lagi

Anda telah berhasil membuat koneksi database.

Selasa, 20 Maret 2012

Web Browser

Definisi Web Browser

Web browser adalah suatu perangkat lunak yang digunakan untuk menampilkan halaman-halaman web (website) yang berada di internet.
Adapun beberapa istilah yang sering muncul pada saat kita menggunakan web browser adalah sebagai berikut :

~ website : Halaman-halaman web yang saling terhubung dalam suatu website
~ homepage : Halaman awal ketika suatu situs dimunculkan, biasanya juga sebagai penghubung ke website-website yang lain
~ URL : Alamat unik pada suatu halaman web, yang digunakan web server untuk mengirimkan halaman web tersebut ke komputer yang mengaksesnya
~ www : Kumpulan dari dokumen-dokumen elektronik yang kemudian disebut web diap dokumen tersebut dinamakan web page
~ Portal : Website yang menyediakan berbagai jenis layanan misal pencarian, olahraga, hiburan dsb

Terdapat beberapa macam web browser yang dapat kita pakai untuk menampilkan
halaman-halaman website. 3 jenis web browser yang sering dipakai adalah :
1. Internet Explorer
2. Google Chrome
3. Mozilla

Fungsi Web Browser

fungsi utama dari web browser adalah untuk menampilkan halaman-halaman web yang terdapat di internet.
selain itu kita dapat menyimpan website terbut dan dapat kita panggil lagi kemudian (bookmark), website juga dapat disimpan (save) hingga informasi didalamnya dapat kita ambil.

Sejarah Singkat Bahasa HTML

HTML (Hyper Text Markup Language) merupakan salah satu bahasa yang digunakan dalam membuat halaman web. HTML merupakan turunan atau pengembangan dari SGML (Standar Generalized Markup Language). HTML sendiri dikembangkan oleh Tim Berners-Lee sewaktu masih bekerja di CERN yang pertama kali dipopulerkan oleh browser Mosaic yang dikembangkan NCSA.

Selama awal tahun 1990an, HTML terus mengalami kemajuan yang sangat cepat. Tapi pengembangan resmi HTML ini baru dikeluarkan pada tahun 1995 yang dikembangkan oleh Internet Engineering Task Force (IETF). HTML2 yang dikembangkan ini merupakan turunan dari HTML+ pada tahun 1993. HTML3 yang juga dirilis pada tahun 1995 mempunyai kemampuan yang jauh lebih bagus dari versi sebelumnya.Merupakan hasil usaha yang dikembangan oleh World Wide Web Consortium's (W3C) dan kemudian menghasilkan HTML3.2 pada tahun 1996.Dan akhirnya terbitlah HTML4 dan HTML4.1 pada akhir tahun 1997 dan 1998.HTML ini merupakan sebuah text biasa yang dirancang untuk tidak tergantung pada sistem operasi apapun.

Selasa, 13 Maret 2012

Pemrograman Web [HTML Tutorials]




*Opening*
Hello minna ^0^ kali ini saya memberikan sebuah postingan tentang pembelajaran HTML.
saya harap dengan postingan ini bisa bermanfaat bagi pembaca tentang apa itu html XDD.


Pengenalan HTML [Introduction to HTML]

HTML (Hyper Text Markup Language) adalah sebuah bahasa yang digunakan untuk menyusun dokumen yang akan ditampilkan pada web. File dari dokumen yang berekstensi htm/html.
Ada 2 cara untuk membuat sebuah web page :
1. dengan editor text biasa (misal notepad)
2. dengan menggunakan html editor khusus (misal Dreamweaver)

Jadi...

Apa yang dimaksud HTML ?

~ HTML adalah bahasa untuk mendeskripsikan halaman web.
~ HTML singkatan dari Hyper Text Markup Bahasa.
~ HTML bukanlah bahasa pemrograman, adalah bahasa markup. Yaitu serangkaian tag markup.
~ HTML menggunakan tag markup untuk mendeskripsikan halaman web.


Apa yang dimaksud HTML Tags ?

~ HTML markup tag biasanya disebut HTML Tag.
~ HTML Tag merupakan kata kunci yang dikelilingi oleh sudut kurung, seperti <html>
~ HTML Tag umumnya selalu berpasangan, seperti <b> dan </ b>
~ Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir.
~ Tag awal dan tag akhir juga disebut tag pembuka dan tag penutup.


Contoh HTML Tags

~ Teks di antara <html> dan </html> menjelaskan halaman web
~ Teks di antara <body> dan </body> adalah isi halaman yang terlihat
~ Teks di antara <h1> dan </h1> ditampilkan sebagai judul
~ Teks di antara <p> dan </p> ditampilkan sebagai sebuah paragraf


Dokumen HTML = Halaman Web ???

~ Dokumen HTML menggambarkan halaman web
~ Dokumen HTML berisi tag HTML dan teks biasa
~ Dokumen HTML juga disebut halaman web

Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman tersebut.


HTML Getting Started

HTML dapat ditulis dan diedit menggunakan editor yang khusus seperti Dreamweaver dan Visual Studio.
Namun, dalam tutorial ini kita akan menggunakan editor teks biasa (seperti Notepad) untuk mengedit HTML.
Karena saya percaya dengan menggunakan editor teks biasa adalah cara terbaik untuk mempelajari HTML.


HTML Basic

Pola dasar dokumen HTML :

<html>
<head>
.....informasi tentang dokumen HTML
</head>
<body>
.....informasi utama yang ditampilkan dalam browser web
</body>
</html>


HTML Headings

Yaitu judul HTML yang didefinisikan dengan tag <h1> dan diakhiri </h1>.
contoh :
<h1> Ini adalah heading pertama </h1>
<h2> Ini adalah heading kedua </h2>
<h3> Ini adalah heading ketiga </h3>

Gunakan HTML Headings untuk judul saja. Jangan gunakan headings untuk membuat teks besar atau tebal.
Mesin pencari akan menggunakan headings Anda ke indeks struktur dan isi dari halaman web Anda.
Karena pengguna dapat skim halaman Anda dengan headings tersebut, headings menunjukkan struktur dokumen web anda. h1 harus digunakan sebagai judul utama, diikuti dengan judul h2, dan h3 yang kurang penting dan seterusnya.


HTML Paragraphs

Yaitu membuat suatu paragraf yang didefinisikan dengan tag <p> diakhiri </p>
Contoh :
<p>Isi Paragraf Pertama.</p>
<p>Isi Paragraf Kedua.</p>


HTML Links

Berfungsi dalam menambahkan sebuah tautan dalam dokumen HTML. Didefinisikan dengan tag <a> diakhiri </a>.
Contoh
<a href="http://www.w3schools.com">Mari belajar HTML disini !!!</a>


HTML Images

Berfungsi dalam menambahkan sebuah image (gambar) ke dalam dokumen HTML.
Contoh :
<img src="nagisagothic.jpg" width="100" height="70"/>


Format Teks pada HTML

<b>
~ Mendefinisikan teks tebal

<i>
~ Mendefinisikan teks miring

<big>
~ Mendefinisikan teks besar

<small>
~ Mendefinisikan teks kecil

<em>
~ Mendefinisikan teks menekankan

<strong>
~ Mendefinisikan teks yang kuat

<sub>
~ Mendefinisikan teks subscript

<sup>
~Mendefinisikan teks superscripted

<ins>
~ Mendefinisikan teks dimasukkan

<del>
~ Mendefinisikan teks yang dihapus

Contoh :
<b> Belajar HTML Yuk !!! </b>


HTML Fonts
Berfungsi dalam pengaturan font yang akan dipakai.

size : untuk ukuran text
color : untuk warna yang dipakai
face : untuk jenis tulisan yang dipakai

Contoh
<font size="12" color="blue" face="comic sans ms">Cara Mengganti Font pada HTML</font>