Showing posts with label Programing. Show all posts
Showing posts with label Programing. Show all posts

Konfigurasi PHP pada webserver Debian



Yo guys, kembali lagi di Malming.web.id kali ini mimin membawakan tutorial menarik seputar IT, ya untuk postingan kali ini Saya bakal mengshare cara meng-Konfigurasi PHP pada Debian server pada tutrial kali ini mimin menggunakan Debian server versi 8, tapi tenang guys untuk kalian yag menggunakan debian versi 7 ke bawah, tutorial ini juga masih sama kok.

Nah untuk itu langsung saja kita coba buka virtual mesin kita, atau kalian yang menggunakan OS Linux dual/single bot juga bisa mengikuti tutorial ini.

1. Buka virtual mesin, disini saya menggunakan VMware.


pastikan settingannya seperti saya (untuk yang menggunakan virtualbox pilih network adapternya Host-only)



2. Buka debian server kita dan masuklah sebagai root atau super user.


3. Tambahkan Ip pada debian.


cek settingan kita, ketikan perintah "ifconfig".


4. jika sudah berhasil maka selanjutnya adaah meginstall apache2.


5. kemudian Install php5.

 
6. sekarang kita cek konfigan kita, ketikkan perinath berikut.


kemudian kita akan di sajikan dengan page kosong, pada page kosong ini kita isikan script php sederhana seperti ini.


jika sudah, kita restart apache2-nya dengan cara berikut.


kemudian kita keluar dari virtual mesin kita dan setting adapter laptop/pc kita, di sini saya menggunakan adapter vmware network adapter VMnet1 (sesuaikan saja).

kita ubah ip kita menyesuaikan ip dari debian kita tadi.


kemudian kita ketikkan ip debian pada browser kita.


jika berhasil maka akan tampil seperti ini.



sekarang kita cek settinga PHP-nya. Ketikkan perintah berikut.



7. jika berhasil maka akan muncul tampilan seperti ini.



Nah mungkin sekiyan dulu tutorial yang dapat saya bagikan kali ini, jika bermanfaat share artikel ini atau jika masih ambigu silahkan kalian berkomentar di bawah. Terimakasih

Script Malming Hosting



Yo guys kembali lagi di Malming.web.id. Kali ini mimin kembali akan membagikan script website, namun kali ini bukan website portfolio seperti biasanya, kali ini mimin membagikan script website hosting. Script ini cocok buat kalian yang mau jualan hosting baik itu WHM, Cpanel ataupun domain.

Ya, kalian juga boleh mencoba script website buatan saya lainnya pada post saya yang sebelumnya sudah saya share beberapa script website lainnya juga.

Untuk fitur script Malming hosting ini cukup menarik, selain fitur nya yang responsive, pada script ini juga sudah saya tambahkan sedikit efek parallax agar website lebih enak di pandang

Oke silahkan saja kalian download script nya di link download di bawah ini


*nb : script ini hanya berisi interface nya saja, untuk sistem login dan sebagainya silahkan kembangkan sendiri. Terimakasih

Membuat efek Zoom pada HTML dengan CSS


Yops, setelah lama Saya tidak membuat postingan lagi, kali ini saya kembali dengan membawa sebuah tutorial CSS dasar, yaps kali ini saya akan coba membuat efek zoom pada HTML dengan menggunakan CSS, oke langsung saja kita coba membuat efek Zoom ini, tapi pastikan kalian menyiapkan text editor kalian, jika sudah coba kalian copy saja source code di bawah ini.

Untuk index nya copy saja code berikut dan beri nama "index.html tanpa tanda kutip
<!DOCTYPE html>
<html>
<head>
<title>Efek zoom | Malming.web.id</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Membuat efek Zoom | Malming.web.id</h1>
<div class="wrapper">
<div class="zoom">
<div class="box">
<img src="http://www.suratkabar.id/wp-content/uploads/2016/05/bentuk-planet-bumi-bulat.jpg">
</div>
</div>
</div>
<p>&nbsp</p>
<div class="footer">
Copyright <a href="http://malming.web.id/">Malming.web.id</a>
</div>
</body>
</html>
Untuk CSS nya copy saja code berikut dan beri nama "style.css" (sesuaikan saja seperti inputan pada html nya)
body {
background-color: #95A5A6;
}
h1 {
text-align: center;
}
.box img {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 700px;
}
.zoom:hover .box img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.wrapper {
width: 700px;
margin: auto;
}
.footer {
text-align: center;
}
.footer a {
text-decoration: none;
}

Nah code yang paling berpengaruh pada efek zoom ini adalah di code berikut
.box img {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 700px;
}
 .zoom:hover .box img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
di sini kita menggunakan efek transis yang memungkinkan sebuah elemen secara bertahap berubah dari satu gaya ke yang lain. Fungsi dari Efek Transisi ini adalah untuk membuat animasi pada hover, dimana saat kursor kita arahkan pada elemen yang mempunyai fungsi hover maka elemen tersebut akan secara bertahap berubah gaya.

Nah jika kalian ingin tau seperti apa efeknya, silahkan kalian copy saja code di atas dan coba kalian praktekan atau kembangkan sendiri.

Nah mungkin cukup sekiyan dari saya kali ini, terimakasih. Wassallam
gambar : http://www.suratkabar.id/wp-content/uploads/2016/05/bentuk-planet-bumi-bulat.jpg

Download Script Websie Portfolio (Malming Template V1.2)


Yo guys, kembali lagi dengan saya di malming blog, ok kali ini saya akan membagikan sebuah script website portfolio, mungkin sebelumnya saya sudah mengshare script yang serupa, tapi ini lebih dari yang pertama, kali ini saya menambahkan beberapa fitur menarik lainnya di script ini.

Nah seperti apa sih script yang pertama dan script ini?
Untuk yang pertama silahkan kalian baca artikel ini
Membuat website portfolio responsive
Nah kalau kalian ingin mendownload script yang versi kedua ini, silahkan kalian download scriptnya di bawah ini.

Download

password rar : malming

Untuk lebih detail lagi mengenai script ini, silahkan simak video berikut ini


Kiranya cukup sekiyan dulu dari saya, terimakasih. Wassallam ...........

Download Source Code Website Portfolio


Yo, kita bertemu lagi di malming.web.id, yaps kali ini Saya akan membagikan sebuah script portfolio. Sebelumnya apa sih website portfolio itu? Website portfolio sendiri ialah website yang menunjukan atau menonjolkan suatu produk barang atau jasa yang diolah dari website tersebut. Untuk contoh website portfolio dapat kalian temukan di website http://www.jespervos.nl.

Nah kali ini saya sudah menyiapkan sebuah script website portfolio sederhana buatan Saya sndiri. Untuk revieewnya, mungkin kalian bisa simak video berikut ini.


Fitur :

  1. Responsive design
  2. Support HTML 5
  3. Bootstrap framework
  4. Smooth scroolling
  5. Portfolio
  6. Contact Us
  7. Etc
Untuk scriptnya kalian boleh download di link di bawah ini 


Password Rar : malming

Membuat Login Beda Hak Akses antara Admin dan User [Cara Pertama]


Yo hello, bertemu lagi dengan saya admin malming, oke kali ini kita akan coba membahas tentang pemrograman, yaps pada artikel kali ini saya akan coba membuat tutorial tentang cara "Membuat login beda hak akses antara admin dan user". Nah menurut saya, ada dua tipe cara untuk membedakan sesi login antara user dan admin, cara yang pertama ialah membedakan tabel database untuk setiap usernya, dan yang kedua adalah dengan cara menambahkan hak akses (enum) pada database nya sendiri.

Ya, kali ini kita akan coba membuat tutorial yang peretama dulu, yaitu dengan membuat dua tabel database yang berbeda, untuk itu langsung saja kita simak tutorialnya.

Buat dulu satu folder yang terdiri atas sub folder admin, user, dan index.php (untuk koneksi nanti akan kita buat).


Adapun untuk isi dari sub folder adminnya adalah seperti ini.


dan untuk isi dari sub folder usernya seperti ini.


Dan untuk databasenya kita kasih nama "belajar3" dan buat dua tabel yaitu :


*ket : masing-masing tabel terdiri dari : id, nama, username, dan password.

oke sekarang kita akan menambahkan koneksinya, kasih nama script di bawah ini dengan nama "db.php" tanpa tanda petik.

<?php
$server = "localhost";
$user = "root"; // user database
$pw = ""; // password database
$database = "belajar3"; // nama database

$connect = mysql_connect($server,$user,$pw) or die ("Database tidak terkoneksi");
$db = mysql_select_db($database) or die ("Database tidak ditemukan");
?>
letakkan saja di folder web kita


Kemudian kita buat index.php nya, simpel saja kita buatnya, jika kalian ingin mengubah index kalian tidak apa-apa karena di sini kita hanya mencontohkan saja untuk indexnya. Oke copy code di bawah ini dan save dengan nama "index.php" tanpa tanda kutip.
<?php
include "db.php";
ERROR_REPORTING(0); //echo_SERVER['QUERY_STRING'];
?>
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Malming site</title>
</head>
<body>
Jika ingin masuk silahkan login sebagai : <br>
1.<a href="admin/login.php">Admin</a><br>
2.<a href="user/login.php">User</a><br>
<p>&nbsp</p>
<p>&nbsp</p>
<center>Belajar web | Malming web id</center>
</body>
</html>
 Tampilan sederhananya kurang lebih seperti ini.


Nah kemudian kita buat login page untuk admin dan usernya, saya rekomendasikan untuk login page user dan admin kita copy satu script saja supaya lebih cepat, atau Anda bisa memakai login page buatan saya yang lebih responsive atau enak dilihatnya, baca artikel ini
"Login page Malming-script"

Jika ingin lebih simpel lagi, copy saja code di bawah ini, dan save dengan nama "login.php" tanpa tanda kutip.

<html>
<title>Login sebagai Admin</title>
<p>&nbsp</p>
<p>&nbsp</p>
<body>
<div >
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr> 

</tr>
<tr>
<td>
<table width="259" align="center">
<tr><td width="251"><font face="verdana" size="2">&nbsp;
</font>
<p>Malming.web.id</p>
<script language="javascript">
function validasi(){
var user= document.getElementById('username').value;
var pass= document.getElementById('password').value;
if(user.replace(/^\s+|\s+$/g, '')==''){
alert('Username harus diisi');
return false;
} 
if(pass.replace(/^\s+|\s+$/g, '')==''){
alert('Password harus diisi');
return false;
}
return true;
}
</script>
<form action="check_login.php" method="post">
<table width="251" height="101" border="0" align="center">
<tr >
<td width="137"><input type="text"  name="username" id="username" placeholder="Username"></td>
</tr>
<tr valign="top">
<td ><input type="password" name="password"  id="password" placeholder="Password"></td>
</tr>
<tr>
<td><input name="login" type="submit" onClick="return validasi()" value="LOGIN" ></td>
</tr>
</table>
</form>
</td></tr>
</table>
</td>
<td width="1%"></td>
</tr>
<tr> 
</table>
<center><p><font color="000">Copyright &copy Malming.web.id</font></p></center>
</div>
</body>
</html>
kita letakkan login.php pada sub folder admin, dan sub folder user. Tampilan sederhana mungkin akan seperti ini.


nah kemudian kita buat cek session login nya, untuk scriptnya copy saja code di bawah ini.

<?php
include ('../db.php');
$username = $_POST['username'];
$password = $_POST['password'];
$password_md5 = md5($password);
session_start();
$login = mysql_query("SELECT * FROM admin WHERE username = '$username' and password = '$password_md5'");
if (mysql_num_rows($login) == 1) {
$_SESSION['username'] = $_POST['username'];
header('Location: index.php');
}
else {
echo "<script>alert('Username atau Password Salah')</script>";
echo "<meta http-equiv='refresh' content='1 url=login.php'>";
}
?>
save code di atas dengan nama "check_login.php" tanpa tanda kutip, dan letakkan pada masing-masing sub folder.
*ket : lihat pada value $login terdapat query Select * from admin where..... Nah untuk check_login.php pada user ganti SELECT * FROM admin menjadi SELECT * FROM user

Sekarang kita akan membuat index untuk admin dahulu, untuk index admin kita bikin simpel saja karena ini hanya contoh,  jika index-nya mau kalian ubah silahkan saja sesuaikan dengan selera kalian masing-masing. Untuk contoh index-nya, copy saja script berikut dan raruh di sub folder admin dengan nama "index.php" tanpa tanda petik

<?php 
include '../db.php'; 
session_start();
if (!isset($_SESSION['username'])) {
        header('Location: login.php');
}
?>
<html>
<head>
<title>Administrator</title>
</head>
  <body>
   <h1>Selamat datang di halaman admin</h1>
   untuk logout silahkan klik <a href="logout.php">Di sini</a>
   </div>
   </div>
  </body>
</html>
Tampilannya kurang lebih seperti ini.


dan untuk index dari usernya saya contohkan ke script berikut.

<?php 
include '../db.php'; 
session_start();
if (!isset($_SESSION['username'])) {
        header('Location: login.php');
}
?>
<html>
<head>
<title>Selamat datang user</title>
</head>
  <body>
  <h1>Selamat datang user</h1>
  Untuk logout silahkan klik <a href="logout.php">Di sini</a>
  </body>
</html>
Save dengan nama "index.php" tanpa tanda petik dan simpan pada sub folder user. Kurang lebih tampilannya seperti ini.


Yang terakhir adalah membuat logout nya, copy saja script berikut dan save dengan nama "logout.php" tanpa tanda kutip, letakkan logout.php pada sub folder admin dan user.

<?php
session_start();
unset($_SESSION['username']);
echo "<script>window.alert('Anda telah keluar dari halaman administrator');
window.location=('login.php')</script>";
?>
Nah sampai di sini anda telah selesai membuat hak akses pada login kita, selanjutnya silahkan edit index, login, dan lainnya sesuai selera Anda.

Jika tutorial versi gambar masih membingungkan Anda, Saya juga sudah menyiapkan tutorial versi videonya, silahkan simak saja di bawah ini.


Mungkin cukup sekiyan dari saya, kurang lebihnya saya mohon maaf. Terimakasih Wassallam....

Kategori

Kategori