Web Programming – Susantokun https://www.susantokun.com Situs Edukasi, Tips dan Tutorial Mon, 15 May 2017 23:22:51 +0000 id-ID hourly 1 https://wordpress.org/?v=5.2.2 Cara Membuat Form Pendaftaran Pada PHP dan MySQL https://www.susantokun.com/cara-membuat-form-pendaftaran-pada-php-dan-mysql/ https://www.susantokun.com/cara-membuat-form-pendaftaran-pada-php-dan-mysql/#comments Mon, 15 May 2017 23:19:42 +0000 https://www.susantokun.com/?p=1593 Cara Membuat Form Pendaftaran Pada PHP dan MySQL – Maksud dari judul artikel ini adalah membuat form registrasi atau pendaftaran pada website dengan menggunakan database mysql, jadi sobat bisa menambahkan data ke databse mysql melalui website yang telah sobat buat dengan php tersebut. Cara Membuat Form Pendaftaran Pada PHP dan MySQL Setelah sobat membuat koneksi …

The post Cara Membuat Form Pendaftaran Pada PHP dan MySQL appeared first on Susantokun.

]]>
Cara Membuat Form Pendaftaran Pada PHP dan MySQLCara Membuat Form Pendaftaran Pada PHP dan MySQL – Maksud dari judul artikel ini adalah membuat form registrasi atau pendaftaran pada website dengan menggunakan database mysql, jadi sobat bisa menambahkan data ke databse mysql melalui website yang telah sobat buat dengan php tersebut.

Cara Membuat Form Pendaftaran Pada PHP dan MySQL

Setelah sobat membuat koneksi antara php degan mysql pada artikel Cara Menyambungkan Website PHP Dengan Database MySQL maka selanjutnya sobat bisa membuat form pendaftaran sebagai sarana untuk menambahkan data dan sobat perlu juga membuat halaman dinamis agar sesuai dengan tutorial yang saya buat maka sobat bisa membaca tutorialnya pada artikel Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP.

  1. Buat file baru dengan nama form.php dan masukkan code dibawah ini :
    <article class="content">
    		<div id="container">
    			<form action="index.php?webprog=insert" method="post" name="input_form">
    			<h1 class="heading">BUKU TAMU</h1><br/>
    				<label for="nama">Nama :</label>
    				<input type="text" name="nama" id="nama">
    				
    				<label for="email">Email :</label>
    				<input type="email" name="email" id="email">
    
    				<label for="ttl">TTL :</label>
    				<input type="text" name="ttl" id="ttl">
    
    				<label for="telp">No.Telp :</label>
    				<input type="text" name="telp" id="telp">
    
    				<label for="alamat">Alamat :</label>
    				<input type="text" name="alamat" id="alamat">
    
    				<label for="pesan">Pesan :</label>
    				<textarea name="pesan" id="pesan" cols="30"></textarea>
    
    				<input type="submit" name="submit" value="Kirim">
    				<input type="reset" name="reset" value="Reset">
    			</form>	
    		</div>
    	</article>
    ID diatas disesuaikan dengan data pada insert.php dan database yang telah sobat buat pada MySQL
  2. Kemudian sobat buat kembali file dengan nama insert.php dan masukkan source code berikut :
    <?php 
    	date_default_timezone_set('Asia/Jakarta');
    	if(isset($_POST['submit'])){
    		$nama=$_POST['nama'];
    		$email=$_POST['email'];
    		$ttl=$_POST['ttl'];
    		$telp=$_POST['telp'];
    		$alamat=$_POST['alamat'];
    		$pesan=$_POST['pesan'];
    		$tanggal=date('y-m-d H:i:s');
    
    		$insert = "INSERT INTO tamu values('','$nama','$email','$ttl','$telp','$alamat','$pesan','$tanggal')";
    		$q_insert = mysql_query($insert) or die(mysql_error());
    
    	}
     ?>
    
     <script type="text/javascript" language="Javascript">
     	alert('DATA BERHASIL DISIMPAN');
     	document.location.href="index.php?webprog=form";
     </script>
  3. Simpan dan silakan sobat cek maka tampilannya akan seperti gambar dibawah :
    Cara Membuat Form Pendaftaran Pada PHP dan MySQL before
  4. Sobat bisa melihat tampilannya flat kan? kurang bagus kan? gak kece kan? Nah maka dari itu kita buat saya css nya supaya makin rapi dan terlihat kece badai
  5. Sobat bisa menambahkan css di style.css namun saya lebih memilih membuat css baru dengan nama form.css yang artinya css ini dikhususkan untuk merubah tampilan pada file form.php
  6. Masukkan code berikut di folder C:\xampp\htdocs\webprog\css dengan nama form.css
    #container{
    	width: 400px;
    	height:auto;
    	margin:20px auto;
    	border:20px solid pack;
    	background-color: #00A427;
    }
    #container form{
    	padding:10px;
    }
    #container form label{
    	display: block;
    	width:100px;
    	margin-bottom:10px;
    	font-style: bold;
    	font-size: 12px;
    	font-family: Helvetica;
    }
    #container form input[type=text],
    #container form input[type=email],
    #container form textarea{
    	padding:4px;
    	width: 97%;
    	margin-bottom: 10px;
    }
    #container form input[id=submit]{
    	padding: 4px;
    }
    
    h1.heading{
    	display: block;
    	font:16pt Helvetica;
    	font-weight: bold;
    	text-align: center;
    	border-bottom: 2px solid black;
    
    }
  7. Maka tampilan akhirnya akan menjadi seperti berikut :

Cara Membuat Form Pendaftaran Pada PHP dan MySQL after

Nah itulah Cara Membuat Form Pendaftaran Pada PHP dan MySQL yang dapat saya sampaikan, tunggu tutorial berikutnya yang akan saya share yaitu tentang Cara Menampilkan Data dari Databse MySQL Pada Website PHP, jadi hasil dari databse bisa ditampilkan pada website sobat.

The post Cara Membuat Form Pendaftaran Pada PHP dan MySQL appeared first on Susantokun.

]]>
https://www.susantokun.com/cara-membuat-form-pendaftaran-pada-php-dan-mysql/feed/ 8
Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP https://www.susantokun.com/cara-membuat-halaman-dinamis-dengan-case-pada-website-php/ https://www.susantokun.com/cara-membuat-halaman-dinamis-dengan-case-pada-website-php/#respond Mon, 15 May 2017 22:54:41 +0000 https://www.susantokun.com/?p=1590 Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP – Maksud dari judul artikel ini adalah cara membuat suatu case pada website php artinya hanya isi yang berbeda pada setiap link halaman, untuk background dan lain sebagainya sama dan hanya isi yang berbeda. Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP Ingat artikel ini …

The post Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP appeared first on Susantokun.

]]>
Cara Membuat Halaman Dinamis Dengan Case Pada Website PHPCara Membuat Halaman Dinamis Dengan Case Pada Website PHP – Maksud dari judul artikel ini adalah cara membuat suatu case pada website php artinya hanya isi yang berbeda pada setiap link halaman, untuk background dan lain sebagainya sama dan hanya isi yang berbeda.

Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP

  1. Ingat artikel ini adalah lanjutan dari artikel – artikel sebelumnya jadi sobat tinggal melanjutkan
  2. Pada index.php sobat tinggal tambahkan section case sehingga codingannya menjadi seperti dibawah ini :
    <!DOCTYPE html>
    <html>
    	<?php
    		include 'koneksi.php';
    	?>
    	<head>
    		<title>Web Programming</title>
    		<link rel="stylesheet" type="text/css" href="css/style.css">
    		<link rel="stylesheet" type="text/css" href="css/form.css">
    	</head>
    	<body>
    		<div id="site-container">
    			<header id="header">
    				<br><br>Web Programming<br/>Susanto 065114333
    			</header>
    
    			<nav id="menu">
    				<ul>
    					<li class="utama"><a href="/webprog">Beranda</a></li>
    					<li class="utama"><a href="index.php?webprog=form">Input Data</a></li>
    					<li class="utama"><a href="index.php?webprog=view">Lihat Data</a></li>
    					<li class="utama"><a href="">Galery</a>
    						<ul>
    							<li><a href="">Kegiatan</a></li>
    							<li><a href="">Foto Tampanku</a></li>
    						</ul>
    					</li>
    					<li class="utama" style="float: right;"><a href="">Logout</a></li>
    				</ul>
    			</nav>
    
    			<div id="content-wrapper">
    				<section id="content">
    					<?php
    						if (isset($_GET['webprog'])) {
    							$pageload=$_GET['webprog'];
    						}else{
    							$pageload="awal";
    						}
    						switch ($pageload) {
    							case 'form':
    								include "form.php";
    								break;
    							case 'insert':
    								include "insert.php";
    								break;
    
    							case 'view':
    								include "view.php";
    								break;
    							case 'edit':
    								include "edit.php";
    								break;
    							case 'delete':
    								include "delete.php";
    								break;
    							case 'update':
    								include "update.php";
    								break;
    
    							default:
    								include "home.php";
    								break;
    						}
    
    					?>
    				</section>
    					
    				<aside id="sidebar">
    					<section class="sidebar-content">
    						<h1 class="tittlesidebar">Judul Berita</h1>
    						<p>Seorang murid tampan nan pemberani berjuang untuk mengejar cita - citanya</p>
    					
    					</section>
    				</aside>
    				<br	class="floating">
    			</div>
    
    			<footer id="footer">
    				&copy Copyright 2017 www.susantokun.com
    			</footer>
    		</div>
    	</body>
    </html>
    Bisa sobat lihat bahwa pada codingan tersebut banyak case yang digunakan, sobat gunakan saja karena nanti akan di update pada tutorial berikutnya.
  3. Buat file baru dengan nama home.php dan masukkan source code berikut :
    <article class="content">
    
    	<h3>Tentang Susantokun</h3>
    	<hr>
    	<p style="text-align: justify;" ><br>Seorang pemuda tampan yang sedang berjuang untuk mencari modal nikah.
    Lahir di Bumi ini atas perjuangan Ayah dan Ibu yang senantiasa membuat dan mengeluarkan sehingga lahirlah Susanto pada tanggal 27 Maret 1996 di Cianjur - Jawa Barat.</p>
    </article>
  4. Silakan cek dan hailnya akan seperti gambar diatas
  5. Lakukan hal yang sama dengan menambahkan case yang sobat inginkan dan buat file dengan nama case yang sama dan berikan link agar bisa diakses secara langsung ketika diklik dan sobat sudah berhasil membuat halaman dinamis menggunakan case pada website php.
  6. Ketika sobat klik Input Data, Lihat Data sobat akan melihat peringatan Warning: include(view.php): failed to open stream: No such file or directory in C:\xampp\htdocs\webprog\index.php on line 49
  7. Baca juga tutorial berikutnya yaitu Cara Membuat Form Pendaftaran Pada PHP dan MySQL untuk menghilangkan error pada nomor 6.

Itulah artikel tentang Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP yang dapat saya sampaikan, semoga bisa membatu sobat dalam mempelajari website php. Silakan komentari jika ada yang kurang dipamani maka dengan senang hati saya akan menjawab pertanyaan sobat jika ada waktu luang yang dapat saya luangkan *masa sih.

The post Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP appeared first on Susantokun.

]]>
https://www.susantokun.com/cara-membuat-halaman-dinamis-dengan-case-pada-website-php/feed/ 0
Cara Menyambungkan Webiste PHP Dengan Database MySQL https://www.susantokun.com/cara-menyambungkan-webiste-php-dengan-database-mysql/ https://www.susantokun.com/cara-menyambungkan-webiste-php-dengan-database-mysql/#respond Mon, 15 May 2017 22:34:48 +0000 https://www.susantokun.com/?p=1585 Cara Menyambungkan Webiste PHP Dengan Database MySQL – Kali ini kita akan langsung membuat koneksi website php yang telah dibuat dengan database pada mysql. Jadi ketika datanya tersambung maka sobat bisa menambahkan data dari website php yang telah sobat buat secara langsung. Cara Menyambungkan Webiste PHP Dengan Database MySQL Pada artikel sebelumnya Cara Membuat Website Sederhana …

The post Cara Menyambungkan Webiste PHP Dengan Database MySQL appeared first on Susantokun.

]]>
Cara Menyambungkan Webiste PHP Dengan Database MySQL – Kali ini kita akan langsung membuat koneksi website php yang telah dibuat dengan database pada mysql. Jadi ketika datanya tersambung maka sobat bisa menambahkan data dari website php yang telah sobat buat secara langsung.

Cara Menyambungkan Webiste PHP Dengan Database MySQL

  1. Pada artikel sebelumnya Cara Membuat Website Sederhana Dengan PHP dan MySQL
  2. Tulis kembali <?php include ‘koneksi.php’; ?> pada index.php sehingga menghasilkan codingan sebagai berikut
    <!DOCTYPE html>
    <html>
    	<?php
    		include 'koneksi.php';
    	?>
    	<head>
    		<title>Web Programming</title>
    		<link rel="stylesheet" type="text/css" href="css/style.css">
    		<link rel="stylesheet" type="text/css" href="css/form.css">
    	</head>
    	<body>
    		<div id="site-container">
    			<header id="header">
    				<br><br>Web Programming<br/>Susanto 065114333
    			</header>
    
    			<nav id="menu">
    				<ul>
    					<li class="utama"><a href="/webprog">Beranda</a></li>
    					<li class="utama"><a href="index.php?webprog=form">Input Data</a></li>
    					<li class="utama"><a href="index.php?webprog=view">Lihat Data</a></li>
    					<li class="utama"><a href="">Galery</a>
    						<ul>
    							<li><a href="">Kegiatan</a></li>
    							<li><a href="">Foto Tampanku</a></li>
    						</ul>
    					</li>
    					<li class="utama" style="float: right;"><a href="">Logout</a></li>
    				</ul>
    			</nav>
    
    			<div id="content-wrapper">
    				bagian isi
    					
    
    				<aside id="sidebar">
    					<section class="sidebar-content">
    						<h1 class="tittlesidebar">Judul Berita</h1>
    						<p>Seorang murid tampan nan pemberani berjuang untuk mengejar cita - citanya</p>
    					
    					</section>
    				</aside>
    				<br	class="floating">
    			</div>
    
    			<footer id="footer">
    				&copy Copyright 2017 www.susantokun.com
    			</footer>
    		</div>
    	</body>
    </html>
  3. Buat file baru dengan nama koneksi.php dan masukan code berikut :
    <?php
    	$host='localhost';
    	$user='root';
    	$pass='';
    	$dbname='db_webprog';
    
    	$konek=mysql_connect($host,$user,$pass) or die(mysql_error());
    	mysql_select_db($dbname,$konek) or die(mysql_error());
    ?>
  4. Buat database baru pada mysql dengan nama db_webprog dan masukkan code berikut pada tab menu SQL kemudian klik Kirim
    CREATE TABLE `tamu` (
     `id` int(3) NOT NULL AUTO_INCREMENT,
     `nama` varchar(30) NOT NULL,
     `email` varchar(20) NOT NULL,
     `ttl` varchar(20) NOT NULL,
     `telp` varchar(12) NOT NULL,
     `alamat` text NOT NULL,
     `pesan` text NOT NULL,
     `tanggal` datetime NOT NULL,
     PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1
    Jadi ketika sobat memasukkan code diatas pada SQL sobat bisa langsung membuat tabel yang saya harapkan dan tidak perlu membuat tabel secara manual yang membutuhkan waktu lebih lama.
     Cara Menyambungkan Webiste PHP Dengan Database MySQL
  5. Maka sobat sudah berhasil membuat koneksi atau menyambungkan website yang telah sobat buat dengan databasennya.
  6. Baca artikel berikutnya untuk membuat Form Registrasi atau Pendaftaran Pada PHP dan MySQL.

Nah itulah artikel tentang Cara Menyambungkan Webiste PHP Dengan Database MySQL yang dapat saya sampaikan, jika sobat ingin terus mengembangkannya maka bookmark susantokun.com dan tunggu tutorial berikutnya seputar membuat website sederhana yang akan terus di update untuk pengembangannya.

The post Cara Menyambungkan Webiste PHP Dengan Database MySQL appeared first on Susantokun.

]]>
https://www.susantokun.com/cara-menyambungkan-webiste-php-dengan-database-mysql/feed/ 0
Cara Membuat Website Sederhana Dengan PHP dan MySQL https://www.susantokun.com/cara-membuat-website-sederhana-dengan-php-dan-mysql/ https://www.susantokun.com/cara-membuat-website-sederhana-dengan-php-dan-mysql/#comments Wed, 03 May 2017 09:01:19 +0000 https://www.susantokun.com/?p=1310 Cara Membuat Website Sederhana Dengan PHP dan MySQL  – Buat sobat yang ingin belajar dan memahami bagaimana Cara Membuat Website Sederhana Dengan PHP dan MySQL sobat bisa membaca artikel ini dari awal sampai akhir dan insyaAllah sobat akan mendapatkan ilmu baru yang bermanfaat. Yang akan saya jelaskan pada artikel ini adalah membuat desain atau tampilan website …

The post Cara Membuat Website Sederhana Dengan PHP dan MySQL appeared first on Susantokun.

]]>
Cara Membuat Website Sederhana Dengan PHP dan MySQLCara Membuat Website Sederhana Dengan PHP dan MySQL  – Buat sobat yang ingin belajar dan memahami bagaimana Cara Membuat Website Sederhana Dengan PHP dan MySQL sobat bisa membaca artikel ini dari awal sampai akhir dan insyaAllah sobat akan mendapatkan ilmu baru yang bermanfaat. Yang akan saya jelaskan pada artikel ini adalah membuat desain atau tampilan website yang sangat sederhana dan memungkinkan bagi pemula untuk paham dari awal pembuatan HTML dan CSS sampai dengan tampilan yang dihasilkan. Sebenarnya untuk bagian pertama ini sobat belum wajib menggunakan MySQL karena pada bagian pertama ini hanya akan focus ke tampilan dan fungsi drop down pada website, tapi nanti pada bagian selanjutnya sobat pasti kudu wajib menggunakan mysql sebagai media pendukung dalam tutorial berikutnya, pastinya sobat mau kan adanya pengembangan dari website yang sobat buat, nah maka dari itu jika sobat belum menginstall xampp maka silahkan install terlebih dahulu. Siapkan konsentrasi sobat dan baca satu per satu supaya sobat dapat memahami apa fungsi dari setiap kodingan yang akan saya jelaskan, mungkin sobat butuh memutar lagu untuk menemani dalam pembelajaran kali ini.

Cara Membuat Website Sederhana Dengan PHP dan MySQL

  1. Pertama sobat install xampp yaitu sebagai server sendiri yang dapat dijalankan secara offline, silahkan download di internet banyak tutorial dan link downloadnya langsung dari pihak XAMPP
  2. Jalankan xampp kemudian aktifkan dengan mengklik start pada bagian Apache dan MySQL
  3. Setelah berhasil terkoneksi maka sobat langsung lari ke C:\xampp\htdocs
  4. Buat folder dengan nama “webprog” (optional)
  5. Buka Sublime atau media edit lainnya seperti Notepad, Notepad++ dan lain sebagainya
  6. Ketikkan atau langsung copy code dibawah ini kemudian paste pada sublime
    <html>
    <head>
    	<title>Web Programming</title>
    	<link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    	<div id="canvas">
    		<div id="header">
    		<br/><br/>JUAL SENAPAN API DAN ANGIN<br/>Harga Murah dan Terpercaya
    	</div>
    
    	<div id="menu">
    		<ul>
    			<li class="utama"><a href="">Beranda</a></li>
    			<li class="utama"><a href="">Tentang</a></li>
    			<li class="utama"><a href="">Kontak</a></li>
    			<li class="utama"><a href="">Daftar Harga</a></li>
    			<li class="utama"><a href="">Geleri</a>
    				<ul>
    					<li><a href="">Senapan Api</a></li>
    					<li><a href="">Senapan Angin</a></li>
    				</ul>
    			</li>
    		</ul>
    	</div>
    
    	<div id="isi">
    		<article id="postingan">
    			<h1>Senapan Api AK-47</h1><hr/>
    			<p align="justify">AK-47 atau kepanjangan dari Avtomat Kalashnikova 1947 adalah senapan serbu yang dirancang oleh Mikhail Kalashnikov, diproduksi oleh pembuat senjata Rusia IZhMASh, dan digunakan oleh banyak negara Blok Timur semasa Perang Dingin. Senapan ini diadopsi dan dijadikan senapan standar Uni Soviet pada tahun 1947. Jika dibandingkan dengan senapan yang digunakan semasa Perang Dunia II, AK-47 mempunyai ukuran lebih kecil, dengan jangkauan yang lebih pendek, memakai peluru dengan kaliber 7,62 x 39 mm yang lebih kecil, dan memiliki pilihan tembakan. AK-47 termasuk salah satu senapan serbu pertama dan hingga kini merupakan senapan serbu yang paling banyak diproduksi.</p>
    		</article>
    	</div>
    
    	<div id="footer">
    		Copyright@ 2017 Susantokun
    	</div>
    	</div>
    	
    </body>
    </html>
  7. Simpan ke folder C:\xampp\htdocs\webprog yang telah sobat buat pada nomor 4 dengan nama index dan format .php
  8. Buat file baru dan masukkan code dibawah ini
  9. Simpan ke folder C:\xampp\htdocs\webprog dengan nama style dan format .css
  10. Buka http://localhost/webprog/ dengan media browser yang sobat inginkan
  11. Lihat tampilannya apakah sama dengan gambar diatas

 

Perhatian!
Karena saya lupa menyertakan code CSS pada artikel ini dan ternyata datanya terhapus karena ganti xampp dan lupa untuk membackupnya, maka dari itu saya ganti dengan codingan lain saja 16/05/2017

Source code index.php

<!DOCTYPE html>
<html>
	<?php
		include 'koneksi.php';
	?>
	<head>
		<title>Web Programming</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/form.css">
	</head>
	<body>
		<div id="site-container">
			<header id="header">
				<br><br>Web Programming<br/>Susanto 065114333
			</header>

			<nav id="menu">
				<ul>
					<li class="utama"><a href="/065114333_webprog">Beranda</a></li>
					<li class="utama"><a href="index.php?065114333_webprog=form">Input Data</a></li>
					<li class="utama"><a href="index.php?065114333_webprog=view">Lihat Data</a></li>
					<li class="utama"><a href="">Galery</a>
						<ul>
							<li><a href="">Kegiatan</a></li>
							<li><a href="">Foto Tampanku</a></li>
						</ul>
					</li>
					<li class="utama" style="float: right;"><a href="">Logout</a></li>
				</ul>
			</nav>

			<div id="content-wrapper">
			bagian isi

				<aside id="sidebar">
					<section class="sidebar-content">
						<h1 class="tittlesidebar">Judul Berita</h1>
						<p>Seorang murid tampan nan pemberani berjuang untuk mengejar cita - citanya</p>
					
					</section>
				</aside>
				<br	class="floating">
			</div>

			<footer id="footer">
				&copy Copyright 2017 www.susantokun.com
			</footer>
		</div>
	</body>
</html>

Source code style.css simpan pada folder baru dengan nama css jadi directorynya C:\xampp\htdocs\webprog\css

*{
	margin: 0px;
	padding:0px;
}

body{
	font-family: Helvetica;
	font-size: 14px;
}

br.floating{
	clear: both;
	height: 0px;
	line-height: 0px;
}

#site-container{
	width: 960px;
	height: auto;
	margin: 20px auto;
	padding-top: 0px;
	border: 1px solid #01541B;
}

#header{
	font-size: 30px;
	text-align: center;
	color: #fff;
	border: 1px solid #01541B;
	border-radius: 5px;
	background: url(../img/header.jpg);
	background-size: cover;
	padding: 20px;
	height: 190px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}


#menu{
	background-color: #00a427;
}
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li.utama{
	display: inline-table;
}
#menu ul li :hover{
	background-color: #016e1b;
}
#menu ul li a{
	display: block;
	text-decoration: none;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
}
.utama ul{
	display: none;
	position: absolute;
	z-index: 2;
}

.utama:hover ul{
	display: block;
}
.utama ul li{
	display: block;
	background-color: #45c763;
	width: 140px;
}

#content-wrapper{
	width: 990px;
	height: auto;
	margin: 0px auto;
	padding: 10px;
	border-radius: 5px;
}
#content{
	width: 680px;
	height: auto;
	float: left;
	min-height: 275px;
	border-radius: 5px;
}
.content{
	width: 660px;
	height: auto;
	background: lightgrey;
	margin-bottom: 20px;
	padding:10px;
	border-radius: 5px;
}

#isi{
	padding: 20px;
	font-size: 50px;
}

#sidebar{
	width: 280px;
	border-radius: 5px;
	height: auto;
	padding-left: 20px;
	float: right;

}
.sidebar-content{
	width: 210px;
	height: auto;
	padding: 10px;
	background: lightgrey;
	margin-bottom: 20px;
	border-radius: 5px;
}
.tittlesidebar{
	display: block;
	padding-bottom: 4px;
	font: 16pt Helvetica;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
#footer{
		text-align: center;
		padding: 10px;
		background-color: #ccc;
		text-align: center;
		
}

Keretangan:

  1. Hapus coding <?php include ‘koneksi.php’; ?> untuk menonaktifkan koneksi ke database tapi nanti pada tutorial berikutnya silakan pasang kembali
  2. Untuk menampilkan gambar header sobat simpan file gambarnya pada folder C:\xampp\htdocs\webprog\img yang artinya sobat buat folder baru bernama img dan edit pada style.css bagin background: url(../img/header.jpg); 

Maka tampilannya akan menjadi seperti dibawah ini :

Cara Membuat Website Sederhana Dengan PHP dan MySQL terbaru

Baca artikel berikutnya untuk menyempurnakan belajar membuat website sederhana dengan php dan mysql :

  1. Cara Menyambungkan Webiste PHP Dengan Database MySQL
  2. Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP
  3. Cara Membuat Form Pendaftaran Pada PHP dan MySQL
  4. Cara Menampilkan Data dari Databse MySQL Pada Website PHP
  5. Cara Mengedit Database Pada PHP Website Edit dan Delete

The post Cara Membuat Website Sederhana Dengan PHP dan MySQL appeared first on Susantokun.

]]>
https://www.susantokun.com/cara-membuat-website-sederhana-dengan-php-dan-mysql/feed/ 9
Materi Data Center Web Programming https://www.susantokun.com/materi-data-center-web-programming/ https://www.susantokun.com/materi-data-center-web-programming/#respond Thu, 23 Mar 2017 02:12:00 +0000 https://susantokun.com/2017/03/23/materi-data-center-web-programming/ Materi Data Center Web Programming Data Center dibagi menjadi dua bagian, yaitu : On Premise Cloude Base 1. One Premise adalah data yang dikelola oleh organisasi itu sendiri, data center on premise berkaitan dengan lokasi, akses, resiko, biaya (pembelian, lahan/gedung, pajak) 2. Cloud Base adalah data yang bukan milik pribadi perusahaan, misalnya menyewa ke luar …

The post Materi Data Center Web Programming appeared first on Susantokun.

]]>
Materi Data Center Web Programming

Materi Data Center Web Programming

Data Center dibagi menjadi dua bagian, yaitu :

  • On Premise
  • Cloude Base
1. One Premise adalah data yang dikelola oleh organisasi itu sendiri, data center on premise berkaitan dengan lokasi, akses, resiko, biaya (pembelian, lahan/gedung, pajak)
2. Cloud Base adalah data yang bukan milik pribadi perusahaan, misalnya menyewa ke luar negeri.
Dalam cloud base ada yang dinamakan scaling (upgrade server) yang dimana scaling dibagi menjadi 2 bagian yaitu vertikal dan horizontal
  • Vertical adalah keadaan dimana fisik dari servernya tetap, misal ada 2 buah server dan diupgrade memorinya, namun fisik dari servernya masih tetap 2
  • Horizontal adalah keadaan dimana fisik dari servernya memang bertambah, misal ada 2 buah server dan diupgrade memorinya, maka servernya pun bertambah sesuai dengan kapasitas yang diupgrade

Macam-Macam Hosting :

  1. Self Hosting adalah hosting kepunyaan pribadi dan cenderung lebih mahal
  2. Shared Hosting adalah hosting yang dibagi dengan perusahaan lain (berbagi)
  3. Dedicated Hosting
  4. Collacted Hosting adalah hosting dengan situasi orang ketiga yang menyediakan tempatnya

Ada 3 (tiga) layanan Cloud Base yaitu :

  1. Iaas → sudah disediakan hardware, expertise, infrastructure, namun minus software
  2. Paas → sudah disediakan expertise, infrastructure, platform, namun minus hardware
  3. Saas → sudah disediakan hardware, software, expertise, infrastructur, platform

Jangan lupa untuk terus kunjungi susantokun, sobat bisa ikuti terus updatean terbaru dengan cara like fanpage.

The post Materi Data Center Web Programming appeared first on Susantokun.

]]>
https://www.susantokun.com/materi-data-center-web-programming/feed/ 0