Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Monday, June 11, 2018

Tips agar website tidak lemot

Hai sob...

Kalian mungkin sering kesal saat mengakses sebuah situs yang lelet, atau mungkin saat kalian membuat website sendiri dan website kalian lelet saat di akses alias lemot.
Kali ini Giat Ngoding akan memberikan solusi untuk kalian para programmer pemula atau pun yang sudah Pro :v untuk mengatasi website kalian yang lumayan lelet.



Post Sebelumnya :

Berikut ini adalah beberapa penyebab website lemot yang sering dialami oleh banyak programmer. Yakni :
1. Script yang tidak optimal
Pada pembuatan website biasanya kita ngoding tanpa memperhatikan kolom yang digunakan pada saat penulisan. Tahukah anda? bahwa semakin banyak kolom yang kita gunakan maka semakin besar file dari script yang kita buat tersebut, misal kita script html, biasanya kita menulis tagnya perkolom. Segera perbaiki cara penulisan tersebut. Kenapa? karena penulisan seperti itu akan membuat script memakan banyak penyimpanan alias filenya berat. walaupun kita membuat kolom dan kolom tersebut kosong tetap akan di baca oleh memory. Maka dari itu biasakanlah untuk tidak memboros kolom saat proses pengkodingan.
2. terlalu banyak plugin yang dipasang
Biasanya para pengguna cms untuk membuat website akan memasang plugin pada websitenya agar terlihat lebih keren. Tapi ingat, semakin banyak plugin yang kita pasang maka website yang kita buat akan semakin berat alias lemot. Solusi dari Giat Ngoding adalah jangan terlalu banyak memasang plugin, prinsip utama dari pembuatan website adalah untuk memberikan informasi atau menyelesaikan sebuah problem dengan cepat. Jadi buat lah website yang sederhana tapi berfungsi secara optimal dan dinamis.
3. server yang kurang berkualitas
Biasanya para programmer sering mencari server yang berbayar dengan harga murah, tapi tahukah anda? bahwa kualitas server sangat mempengaruhi cepat atau lambatnya pengaksesan pada website kita. Solusinya adalah pilihlah server yang memiliki kualitas yang terpercaya, tak apa agak mahal asal berkualitas, dari pada murah tapi lemot, kan percuma. beberapa situs penyedia server yang terpercaya di indonesia adalah domainesianiagahoster, dewawebidwebhost, rumahweb, dan lain-lain.
4. Terlalu banyak Cache
Biasanya para pengguna cms yang sering menggunakan metode caching. tapi banyak para pengguna cms kurang memperhatikan metode ini. jadi website kita menjadi lelet karena terlalu banyak cache. Hal ini dapat dilakukan melalui file .htaccess atau melalui plugin yang ada pada cms yang mendukung fungsi teresebut.
5. terlalu banyak gambar di banding text
pada bagian ini biasanya banyak di alami oleh para programmer pemula. Tips dari Giat Ngoding jangan terlalu banyak gambar untuk membuat background atau pun icon untuk website anda, karena semakin banyak gambar maka semakin besar ukuran file yang harus di akses oleh pengunjung. Bayangkan saja bila 1 gambar ukurannya 1MB dan kita memasang misal 15 gambar, maka file yang sudah pasti harus diakses adalah 15MB, belum lagi script nya yang penulisannya tidak teratur. kita genapkan saja seluruh filenya 25mb. Kan lumayan besar, bisa cepat lemot servernya bila di akses oleh banyak pengguna dengan keadaan seperti itu. Solusinya bila ingin membuat background buatlah sedinamis mungkin menggunakan script dari css dan javascript, jangan terlalu banyak gambar.
6. cms yang di gunakan sudah usang
Nah pada bagian ini biasanya terjadi pada para programmer yang pemalas :v. Kenapa saya katakan pemalas? karena mereka kurang rajin untuk memantau kinerja dari cms yang mereka gunakan, misalnya pada cms tersebut terdapat pembaharuan dan mereka belum melakukan update pada cms mereka maka alhasil cms yang mereka gunakan mulai banyak yang tidak optimal.

 Solusinya adalah sering sering lah untuk memantau website kalian dan bila ada update pada cms segeralah di update. dan plugin-plugin yang kurang bermanfaat lebih baik di hapus saja karena akan membuat website anda lemot bila terlalu banyak pugin. Dan lebih ditekankan, jangan terlalu banyak menggunakan gambar pada website anda, buat lah animasi menggunakan css dan javascript agar website kita lebih ringan dan lebih optimal serta lebih dinamis.

Sekian dulu untuk hari ini, bila ada kesalahan pada penulisan ataupun pemahaman mohon di maafkan.
Silahkan berkomentar dibawah bila ada yang ingin di tanyakan.
jangan lupa untuk shere artikel ini agar bermanfaat untuk kita semua.
Happy Coding :)

Monday, May 28, 2018

Membuat tabel dalam html

Membuat tabel dalam html Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Kali ini kita akan membahas tentang membuat tabel dalam html.
Sebelum kita memasuki pembahasan, kita harus tahu dulu tag yang harus di gunakan dalam membuat tabel di html.

Adapun tag-tag yang digunakan adalah tag :

  • <table></table> untuk pendeklarasian tabel dalam html
  • <th></th> untuk pendeklarasian header tabel di html
  • <tr></tr> untuk pendeklarasian row atau baris pada tabel di html
  • <td></td> untuk pendeklarasian data atau isi dari tabel yang ingin kita isi
Nah setelah kita mengetahui tag-tag apa saja yang perlu kita gunakan dalam pembuatan tabel di html ini, selanjutnya kita akan memasuki tahap dalam proses pengkodingan. Silahkan buka aplikasi editor anda misalnya Sublime Text 3 atau bisa juga Notepad++, atau yang sejenisnya lah. 


Setelah anda buka silahkan ketik tag berikut.

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman </title>
</head>
<body>
<h1>Membuat Tabel di HTML</h1>
<table border="2px">
<th>kolom pertama</th>
<tr>
<td>Baris 1</td>
</tr>
<tr>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
</tr>
<tr>
<td>Baris 4</td>
</tr>
</table>
</body>
</html>

Maka hasilnya akan menampilkan seperti berikut.


Bagai mana untuk membuat 2 kolom?
Gampang kita tinggal deklarasikan lagi tag header tabelnya lagi dan menambahkan tag isi lagi sesuai dengan yang kita inginkan.

contoh:

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman </title>
</head>
<body>
<h1>Membuat Tabel di HTML</h1>
<table border="2px">
<th>kolom pertama</th>
<th>kolom kedua</th>
<tr>
<td>Baris 1</td>
<td>Baris 1</td>
</tr>
<tr>
<td>Baris 2</td>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
<td>Baris 3</td>
</tr>
<tr>
<td>Baris 4</td>
<td>Baris 4</td>
</tr>
</table>
</body>
</html>

Maka akan menampilkan hasil seperti berikut.


Seperti itu seterusnya mau 3 kolom mau 100 kolom tinggal kita deklarasikan header tabelnya dan tinggal kita isi bagian tabelnya.

Oke sekian dulu untuk hari ini, Semoga bermanfaat untuk kita semua, bila ada yang ingin di tanyakan silahkan berkomentar dibawah ini.
Jangan lupa Shere artikel ini agar Blog Prokodong menjadi ramai. ^_^
Terimakasih.
Happy Coding :)

Friday, May 25, 2018

Script Login Php Database MySQL

Php Login Script -  Login dengan username dan password yang sudah disimpan sebelumnya dalam database, tutorial ini menggunakan database MySQL. dalam membuat aplikasi simple login dengan php kita akan menggunakan Session dimana session_start(); session_destroy();

Tutorial membuat login php ini akan kami jelaskan secara lengkap tentang bagaimana cara membuat session login, session logout serta prosess autentication dalam login dan logout, simak terus ya..



 Membuat Database MySQL

Buatlah database baru atau bisa menggunakan database pada tutorial CRUD sebelumnya, jadi hanya perlu membuat tabel baru dan beri nama tabel "login". bagi kamu yang belum bisa membuat database di MySQL silahkan baca : Tutorial Lengkap Cara Membuat Database MySQL , langsung saja buat tabel baru dengan menggunakan script berikut : 

CREATE TABLE `login` (
  `id` int(15) NOT NULL,
  `username` varchar(65) NOT NULL,
  `password` varchar(65) NOT NULL,
  `kelas` varchar(25) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `login`
--

INSERT INTO `login` (`id`, `username`, `password`, `kelas`) VALUES
(1, 'admin', 'admin', 'Administrator');

ALTER TABLE `login` ADD PRIMARY KEY(`id`);

 Membuat Koneksi Php

Buatlah file baru dengan nama "konektor.php" dan tuliskan seluruh code koneksi php berikut :

<?php
$host = "localhost"; // Nama Server
$user = "root"; // User Database
$pass = ""; // Password Database
$db = "bikinmales"; // Nama Database

$con =  mysqli_connect($host, $user, $pass, $db);

//check connetction
if (mysqli_connect_errno())
{
echo "<h1>Gagal konek gan</h1>";
mysqli_connect_error();
}
else
{
echo "<h1>konek ke databases sukses gan<h1>";

}

 Membuat Login PHP

buatlah file baru dengan nama "login.php" dan tuliskan seluruh code login php berikut :

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Login Form</title>
      <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/bootstrap.css.css">
  <link rel="stylesheet" href="css/font-awesome.css">
</head>
<!-- Create By Erji Ridho Lubis -->
<body>
  <html lang="en-US">
<head>
  <meta charset="utf-8">
    <title>Login Admin</title>
    
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">

</head>
<h1 id="title-login">LOGIN SEBAGAI ADMINISTRATOR</h1>
    <div id="login">
      <form name='form-login' method="post" action="config-login.php">
        <span>@</span>
          <input type="text" name="username" placeholder="Username Anda">
       
        <span><i class="fa fa-lock"></i></span>
          <input type="password" name="password" placeholder="Password Anda">
        
        <input type="submit" value="Login">

</form>
  
</body>

</html>

Selanjutnya jika sudah selesai, kita akan membuat file config-login.php yang berfungsi untuk mengecek apakah username dan password yang dimasukkan dari form login tersedia dalam database atau tidak.

 Membuat Login Cek Php

Buatlah file baru dan berinama "config-login.php" dan tuliskan code login cek php berikut : 

<?php
session_start();
include('konektor.php');
$username    = $_POST['username'];
$password = $_POST['password'];

//Check Connection
if (mysqli_connect_errno())
{
echo "<h1>Gagal konek ke database gan</h1>";
mysqli_connect_error();
}
else
{

$dtlogin = mysqli_query($con,"SELECT * FROM login WHERE username='$username' AND password='$password'");

if (mysqli_num_rows($dtlogin) == 1 )
{
$_SESSION['username'] = $_POST['username'];
echo '<script language="javascript" type="text/javascript">
alert("Login Berhasil!!");</script>';
echo "<meta http-equiv='refresh' content='0; url=index.php'>";
}
else 

{
echo "<script>alert('Maaf, Username/Password anda salah!!');history.go(-1);</script>";
}

}

?>

baiklah sekarang kita lanjut untuk membuat script logoutnya.


Membuat LogOut PHP

Buatlah file baru dengan nama "logout.php" dan tuliskan code logout php berikut : 

<?php
session_start();
if(session_destroy()) 
{
echo '<script language="javascript" type="text/javascript">
alert("Logout Berhasil!!");</script>';
echo "<meta http-equiv='refresh' content='0; url=login.php'>";
}
?>

Kamu juga bisa mendownload file lengkap aplikasi Simple Login dengan Php ini, silahkan berkomentar jika ada yang bermasalah.


Kamu bisa download source code nya disini.
--> Klik Disini.



Silahkan bertanya pada kotak komentar dan jangan lupa dishare jika bermanfaat untuk kemajuan blog Prokodong ini, terima kasih ^_^
Happy Coding :)