Tag: Web Design

Categories
Editorial

Ketahui, Inilah Elemen Dasar Website Bisnis yang Paling Penting

Ketahui, Inilah Elemen Dasar Website Bisnis yang Paling Penting

Desain website memang tidak bisa disepelekan begitu saja. Perlu Kamu sadari, bahwa desain website menjadi pertemuan pertama kali antara Kamu dengan para pembaca. Jika desain website dibuat dengan tampilan yang menarik, maka sudah pasti akan langsung memberikan kesan tersendiri bagi para pembaca.

Bagi Kamu yang memiliki website untuk urusan bisnis, baik itu menjual produk atau jasa, maka sangat penting untuk membuat website yang menarik dan nyaman bagi pembaca, sehingga para pengunjung bisa betah berlama-lama di sana. Dengan begitu, maka akan semakin besar kesempatan Anda untuk mendapatkan calon konsumen baru.

Tidak hanya itu saja, tampilan website ternyata juga mempengaruhi SEO. Sebuah website yang tampilannya SEO friendly, otomatis akan tinggi pula peringkat SEO yang didapatkan dari Google. Dengan begitu, maka website tersebut akan lebih sering muncul di halaman pertama mesin pencarian Google.

Bisa dikatakan bahwa desain website sama halnya dengan fashion. Artinya, selalu berubah-ubah seiring perkembangan zaman. Namun, ternyata elemen-elemen esensial pada wesbite tidak terlalu banyak mengalami perubahan. Lantas, apa saja elemen dasar website bisnis atau perusahaan?

Baca Juga : “beli hosting murah Indonesia”

Ini Dia, Aneka Elemen Dasar yang Wajib Ada pada Website Perusahaan

Elemen dasar sebuah website seharusnya bisa meningkatkan User Experience (UX). Dengan begitu, maka jumlah calon konsumen akan semakin meningkat pula. Nah, inilah elemen-elemen dasar yang harus dimiliki oleh website perusahaan:

1. Layout

Layout sebuah website perusahaan harus memiliki susunan elemen yang bisa memudahkan pengunjung untuk mengikuti alur informasi yang ingin disampaikan pemilik website kepada para pembaca. Jadi, website bisnis harus mempertimbangkan tata letak layout secara menyeluruh. Sebaiknya, layout jangan dibuat terlalu rumit yang justru akan membuat para pembaca mengalami kesulitan untuk mengikuti alur yang disajikan.

2. White Space

White space juga menjadi hal yang penting dalam sebuah website. Elemen ini berfungsi untuk mempermudah  mata manusia dalam mengorganisasi data. White space sendiri merupakan sebuah ruang kosong yang diberikan dengan tujuan untuk memisahkan antara elemen satu dengan elemen yang lain. Perlu diketahui bahwa website merupakan sebuah ruang yang berisi aneka jenis informasi. Nah, agar informasi tersebut bisa diolah dan diterima secara baik oleh mata para pembaca, maka harus ada ruang kosong yang fungsinya sebagai jeda.

3. Navigasi

Navigasi memiliki peran yang penting dalam sebuah website bisnis. Navigasi bisa diibaratkan sebagai denah atau pun petunjuk jalan yang bisa mempermudah pengunjung untuk mencari konten atau kategori produk apa pun yang dibutuhkan. Maka dari itu, pastikan website bisnis Anda juga mempunyai navigasi yang letaknya strategis, sehingga lebih mudah ditemukan oleh para pembaca. Selain letaknya strategis, bentuk navigasi juga harus mudah dipakai. Dengan begitu, maka pembaca semakin betah berlama-lama di website bisnis Anda.

4. Tombol ‘search’

Para pembaca pasti sering dibuat kesal saat berkunjung ke sebuah situs website yang ternyata tidak menyediakan tombol ‘search’. Ya, adanya tombol ‘search’ ini memang sangat penting untuk memanjakan para pengunjung. Perlu Anda ketahui, bahwa kita tidak tahu apa yang ingin segera ditemukan oleh pembaca saat mengunjungi sebuah website.

Nah, tombol search inilah yang memberikan kebebasan bagi para pembaca untuk bisa segera mendapatkan informasi yang mereka inginkan. Pembaca tidak bisa meluangkan banyak waktu hanya untuk mencari informasi yang ingin mereka ketahui dengan membuka satu per satu konten yang ada dalam website. Dengan adanya tombol search, pembaca akan lebih mudah untuk mendapatkan informasi yang diinginkan secepat mungkin.

5. Kontak info

Pembaca pasti ingin tau dengan jelas apakah situs yang dikunjungi benar-benar dikelola oleh sebuah perusahaan asli atau hanya fiktif belaka. Untuk itulah, adanya laman kontak sangatlah penting, karena dibutuhkan oleh hampir semua pembaca agar mereka bisa mengenal perusahaan lebih jauh. Selain itu, kontak info juga bisa memudahkan pengunjung jika ingin menghubungi Anda. Tentu saja, adanya kontak info inilah yang akan membuat hubungan Anda dengan pelanggan bisa terjalin lebih dekat.

6. Halaman ‘about me’

Elemen yang tidak kalah penting dalam sebuah website adalah laman ‘about me/us’. Elemen ini ternyata mempunyai banyak fungsi. Fungsi elemen ini di antaranya adalah untuk memperkenalkan profil atau biografi perusahaan, menjelaskan dengan lebih spesifik tentang bidang bisnis yang ditekuni, mengenalkan jasa ataupun produk yang diproduksi dan dijual oleh perusahaan, hingga membangun engagement bersama para pembaca.

7. Footer yang Informatif

Footer dapat berupa pengulangan informasi, tapi dengan catatan bahwa informasi tersebut memang cukup krusial. Selain itu, footer juga bisa ditambahkan dengan informasi seperti copyright, sitemaps, privacy policy, ataupun jenis informasi lainnya yang bertujuan untuk memudahkan para pembaca.

Desain dan tampilan website terbukti menjadi impresi pertama yang akan menunjukkan siapa sebenarnya diri Anda. Melalui desain website, kita juga bisa mengetahui seberapa tinggi nilai profesionalitas bisnis yang Anda kelola hingga bisa diketahui sejauh manakah pengetahuan Anda tentang dunia teknologi digital.

Banyak tools di internet yang bisa kita manfaatkan untuk membangun website secara cepat, salah satunya adalah Zyro. Zyro menawarkan kemudahan membangun website yang cocok untuk bisnis kecil Anda. Dilengkapi dengan fitur Zyro template website yang menyediakan template web siap pakai yang bisa kita pilih. Silahkan cek template website bisnis langsung di situs Zyro untuk melihat-lihatnya langsung.

Untuk itulah, pastikan Anda membuat website bisnis dengan elemen dasar website yang lengkap sehingga bisa memanjakan para pengunjung. Dengan demikian, pengunjung pasti bisa lebih merasa nyaman dan berpotensi menjadi konsumen tetap untuk jasa atau produk yang Anda tawarkan.

Categories
Uncategorized

30 Website Penyedia Gambar Gratis Bekualitas Tinggi Untuk Keperluan Desain Web Anda

Seorang yang berprfesi sebagai Web Designer/UI Enginner biasanya membutuhkan gambar yang berkualitas tinggi untuk menunjang design yang dibuatnya. Jika Anda seorang web designer dan sedang mencari kumpulan gambar berkualitas tinggi dan dapat diunduh gratis, maka Anda akan menemukannya dalam artikel ini.

Di bawah ini adalah daftar website yang bisa Anda jadikan tempat mencari gambar, cekidot.

https://pixabay.com
http://www.pexels.com/
https://unsplash.com/
http://www.rgbstock.com/
http://publicdomainarchive.com/
http://www.public-domain-photos.com/
http://publicphoto.org/
http://www.unprofound.com/
http://freerangestock.com/
http://isorepublic.com/
http://www.designerspics.com/
http://albumarium.com/
http://www.1millionfreepictures.com/
http://www.burningwell.org/
http://www.copyrightfreephotos.com/
http://www.freephotos.se/
http://goodfreephotos.com/
http://gratisography.com/
http://www.imageafter.com/
http://littlevisuals.co/
http://www.morguefile.com/
http://www.pdpics.com/
http://www.photos-public-domain.com/
http://www.picdrome.com/page/gallery
https://picjumbo.com/
http://pickupimage.com/
http://www.mypublicdomainpictures.com/
http://nasrun.net/lsb (ini klo mau buat sendiri)
http://nasrun.net/dcn (video template )
http://bit.ly/2ubyl3P (list buat banner online gratis)

Link Sumber

Categories
Uncategorized

Tutorial Membuat CRUD Pada PHP OOP Dan MySQLi

Tutorial Membuat CRUD Pada PHP OOP Dan MySQLi – Create, Read, Update, Delete atau yang biasa disingkat dengan kata CRUD adalah program sederhana atau program dasar. Program ini hampir selalu ada. Dari mulai program yang kecil sampai program yang besar.

Nah berbicara tentang CRUD, kali ini saya akan membahas tutorial membuat CRUD menggunakan PHP OOP dengan MySQLi.

Langsung saja kita praktekkan script – script di bawah ini:

Pertama buat terlebih dahulu tableh yang akan kita gunakan. Oh iya nama database yang saya buat CRUD.

CREATE TABLE `penduduk` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `nama` text NOT NULL,
    `jenis_kelamin` text NOT NULL,
    `kota` text NOT NULL,
    PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1

Setelah table dibuat. Maka selanjutnya kita buat file untuk koneksinya. Kita beri nama filenya koneksi.php.

<?php
$koneksi = new mysqli(“localhost”, “root”, “”, “crud”);
//Jika Koneksi Gagal
if(mysqli_connect_errno())
{
    trigger_error(“Tidak Dapat Terkoneksi Dengan Database”);
}
$koneksi->set_charset(‘UTF-8’);
?>

Kemudian kita buat file index.php, file ini nantinya yang akan kita jadikan halaman depan, isi nya menampilkan data dari database.

Scriptnya dibawah ini :

<table class=”ui celled striped table”>
    <thead>
        <tr>
            <th colspan=”5″>Git Repository</th>
        </tr>
    </thead>
    <thead>
        <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Jenis Kelamin</th>
            <th>Kota</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
         <tr>
            <td class=”collapsing”>1</td>
             <td>Nama</td>
            <td>Jenis Kelamin</td>
            <td>Kota</td>
            <td class=”collapsing”>
                <a href=”#” class=”ui red mini icon button”>
                    <i class=”remove icon”></i>
                </a>
                <a href=”#” class=”ui green mini icon button”>
                    <i class=”edit icon”></i>
                </a>
            </td>
        </tr>
    </tbody>
</table>

Create

Setelah itu kita buat form untuk memasukkan data ke database-nya. Kita beri nama filenya tambah.php.

Script file tambah.php.

<form class=”ui form” action=”proses-tambah.php” method=”post”>
    <div class=”field”>
        <label>Nama</label>
        <input name=”nama” placeholder=”Nama Anda” type=”text”>
    </div>
    <div class=”field”>
        <label>Jenis Kelamin</label>
        <select class=”ui dropdown” name=”kelamin”>
            <option value=””>Select</option>
            <option value=”Laki – laki”>Laki – Laki</option>
            <option value=”Perempuan”>Perempuan</option>
        </select>
    </div>
    <div class=”field”>
        <label>Kota</label>
        <input name=”kota” placeholder=”Kota Anda” type=”text”>
    </div>
    <button class=”ui button blue” type=”submit”>Tambah</button>
</form>

Kemudian kita buat file untuk proses memasukkan datanya. Kita beri nama filenya prosess-tambah.php.

<?php
include_once “koneksi.php”;
$nama = $_POST[‘nama’];
$jenis_kelamin = $_POST[‘kelamin’];
$kota = $_POST[‘kota’];

$insert = $koneksi->prepare(“INSERT INTO `penduduk` (`nama`, `jenis_kelamin`, `kota`) VALUES (?, ?, ?)”);
$insert->bind_param(“sss”, $nama, $jenis_kelamin, $kota);
if($insert->execute())
{
    header(“location:index.php”);
}
else
{
    echo “GAGAL INSERT”;
}
?>

Dengan begitu kita sudah bisa memasukkan data ke databasenya.

Advertisement

(adsbygoogle = window.adsbygoogle || []).push({});

READ

Nah kita akan menampilkan data tersebut di halaman index, artinya kita akan edit script di file index.php.

<?php
include_once “koneksi.php”;
?>
<table class=”ui celled striped table”>
    <thead>
        <tr>
            <th colspan=”5″>
                Git Repository
            </th>
        </tr>
    </thead>
    <thead>
        <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Jenis Kelamin</th>
            <th>Kota</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        <?php
        $i = 1;
        $select = $koneksi->prepare(“SELECT id, nama, kota, jenis_kelamin FROM penduduk”);
        $select->execute();
        $select->store_result();
        $select->bind_result($db_id, $db_nama, $db_kota, $db_kelamin);
        while($select->fetch())
        {
        ?>
        <tr>
            <td class=”collapsing”><?= $i++; ?></td>
            <td><?= $db_nama; ?></td>
            <td><?= $db_kelamin; ?></td>
            <td><?= $db_kota; ?></td>
            <td class=”collapsing”>
                <a href=”delete.php?id=<?= $db_id; ?>” class=”ui red mini icon button”>
                    <i class=”remove icon”></i>
                </a>
                <a href=”edit.php?id=<?= $db_id; ?>” class=”ui green mini icon button”>
                    <i class=”edit icon”></i>
                </a>
            </td>
        </tr>
        <?php
        }
        ?>
    </tbody>
</table>

Nah kita sudah bisa menampilkan data di database.

UPDATE

Kemudian kita membuat program untuk mengupdate data. Kita buat dulu form yang akan kita gunakan. Oh iya sebelumnya lihat potongan script pada file index.php :

<a href=”edit.php?id=<?= $db_id; ?>” class=”ui green mini icon button”>
    <i class=”edit icon”></i>
</a>

Pada script tersebut, kita membuat linknya berbentu edit.php?id=<?= $db_id; ?>, yang nantinya akan menjadi edit.php?id=1, angka 1 itu adalah ID dari data yang akan kita update.

Sekarang kita buat file updatenya, kita beri nama filenya edit.php.

<?php
include_once “koneksi.php”;
$id = $_GET[‘id’];
$select = $koneksi->prepare(“SELECT nama, jenis_kelamin, kota FROM `penduduk` WHERE id=?”);
$select->bind_param(“i”, $id);
$select->execute();
$select->store_result();
$select->bind_result($db_nama, $db_kelamin, $db_kota);
$select->fetch();
?>
<form class=”ui form” action=”proses-edit.php?id=<?= $id; ?>” method=”post”>
    <div class=”field”>
        <label>Nama</label>
        <input name=”nama” placeholder=”Nama Anda” type=”text” value=”<?= $db_nama; ?>”>
    </div>
    <div class=”field”>
        <label>Jenis Kelamin</label>
        <select class=”ui dropdown” name=”jenis_kelamin”>
            <option value=””>Select</option>
            <option value=”Laki – laki”>Laki – Laki</option>
            <option value=”Perempuan”>Perempuan</option>
        </select>
    </div>
    <div class=”field”>
        <label>Kota</label>
        <input name=”kota” placeholder=”Kota Anda” type=”text” value=”<?= $db_kota; ?>”>
    </div>
    <button class=”ui button blue” type=”submit”>Edit</button>
</form>

Lihat pada variable $id = $_GET[‘id’];, pada variable itu kita mengambil data dari link yang tadi kita buat “edit.php?id=1“, link dengan parameter id.

Setelah itu kita buat file prosesnya, kita beri nama filenya proses-edit.php.

<?php
include_once “koneksi.php”;
$id = $_GET[‘id’];
$nama = $_POST[‘nama’];
$kelamin = $_POST[‘jenis_kelamin’];
$kota = $_POST[‘kota’];

$edit = $koneksi->prepare(“UPDATE `penduduk` SET `nama`=?, `jenis_kelamin`=?, `kota`=? WHERE id=?”);
$edit->bind_param(“sssi”, $nama, $kelamin, $kota, $id);
if($edit->execute())
{
    header(“location:index.php”);
}
else
{
    echo “GAGAL UPDATE”;
}

Sekarang kita sudah bisa mengupdate datanya.

DELETE

Untuk delete, kita akan membuat link yang sama seperti edit. Oke langsung saja sekarang kita buat filenya, kita beri nama delete.php.

<?php
include_once “koneksi.php”;
$id = $_GET[‘id’];
$delete = $koneksi->prepare(“DELETE FROM penduduk WHERE id=?”);
$delete->bind_param(“i”, $id);
if($delete->execute())
{
    header(“location:index.php”);
}
else
{
    echo “GAGAL DELETE”;
}
?>

Program delete/menghapus datanya sudah bisa dilakukan. Kalau begitu kita sudah selesai membuat aplikasi CRUD sederhana menggunakan PHP OOP dan MySQLi.

Selamat mencoba dan semoga berhasil.

Categories
Learn

Pengertian Web Statis dan Web Dinamis Beserta Perbedaannya

Pengertian Web Statis dan Web Dinamis Beserta Perbedaannya – Website merupakan teknologi yang dibuat untuk memberikan informasi secara meluas, informasi tersebut dapat berupa text, gambar, video, dan lain sebagainya. Selama website terkoneksi dengan internet, website bisa diakses oleh dunia luas tanpa dibatasi oleh ruang dan waktu.

Berdasarkan teknologinya, website terbagi menjadi 2, yaitu:

  • Web Statis (Diam).
  • Web Dinamis (Tidak Diam).

Web Statis adalah website dimana informasi yang terkandung di dalamnya tidak bisa diupdate melalui aplikasi website tersebut melainkan harus merubah script yang ada di dalamnya. Sedangkan Web Dinamis adalah website dimana informasi yang terkandung di dalamnya dapat di update melalui aplikasi website tersebut. Dengan website dinamis, kita bisa membuat sebuah aplikasi yang namanya Content Management System (CMS), nah CMS inilah yang nantinya digunakan untuk mengupdate informasi – informasi terbarunya.

Perbedaan Web Statis dan Web Dinamis

Dari pengertian diatas, kita bisa menarik beberapa perbedaan antara web statis dan web dinamis, diantaranya :

Web Statis Web Statis
Yang bisa dilakukan pengguna hanya sekedar melihat – lihat saja, tidak bisa mengisi data. Pengguna bisa mengupdate informasi website langsung dari websitenya.
Apabila ingin mengubah tampilannya harus mengubah syntaxnya atau scriptnya langusng. Bisa mengubah tampilan website melalui CMS yang ada.
Biasanya digunakan untuk website company profile, yang hanya menampilkan informasi penting saja. Web Dinamis digunakan secara fungsionalnya, misalnya jejaring sosial, toko online, web blog, dan lain sebagainya.
Tidak menggunakan bahasa pemrograman web, hanya sebatas menggunakan HTML & CSS, javascript juga diperlukan agar website terlihat hidup. Menggunakan bahasa pemrograman web, seperti php, mysql, ruby, dan lain – lain.
Waktu pengerjaannya memakan waktu yang singkat, kecuali ingin membuat banyak halaman. Waktu pengerjaan memakan waktu yang lama.
Kalau ingin menambah halaman, harus menambah file baru, misalnya ingin menambah halaman profile, berarti harus membuat file yang menampilkan halaman profile. Tidak perlu membuat file baru, cukup dibuatkan saja programnya lalu buat halaman dari program tersebut, seperti yang digunakan CMS.
Informasi jarang diupdate dan kalau pun ingin diupdate tidak bisa langsung diupdate, melainkan harus merubah scriptnya. Informasi dapat diubah melalui CMS yang sudah ada, biasanya untuk mengubah informasi bisa dilakukan di halaman admin.
Web Statis tidak menggunakan database, semua informasi sudah ada dalam sebuah file dan file itulah yang ditampilkan di halaman web. Web dinamis menggunakan database, database inilah yang digunakan untuk menampung banyaknya data, sehingga website tinggal mengambil data dari database.

Itulah perbedaan – perbedaan yang terdapat pada web statis dan web dinamis. Kedua web tersebut sama – sama penting dalam dunia internet, web statis itu biasanya digunakan untuk sebuah perusahaan yang ingin menampilkan profil dari perusahaan tersebut, maka di buatlah web company profile yang hanya berupa landing page. Dan web dinamis, ini yang membuat internet benar – benar hidup, lihat saja google, facebook, dan yang lainnya, hampir setiap saat banyak informasi yang di update.

Apa pun itu, semua itu sudah ada porsinya masing – masing, jadi kalau ingin buat website jangan bingung mau buat statis atau dinamis, tinggal buat sesuai kebutuhan saja.

Categories
Uncategorized

Cara Membuat Posisi Element di Tengah Secara Vertikal dan Horizontal dengan CSS

Membuat Posisi Element di Tengah Secara Vertikal dan Horizontal – Untuk membuat posisi berada di tengah secara horizontal itu mungkin sudah biasa. Hanya menggunakan property text-align:center; atau menggunakan margin:0 auto;. Tapi pada tutorial kali ini berbeda dari tutorial lainnya, saya akan berbagi tentang bagaimana caranya supaya posisi element berada di tengah bila dilihat secara vertikal maupun horizontal.

Seperti yang terlihat pada gambar di atas, posisi lingkarang tersebut tepat berada di tengah – tengah, seimbang antara kiri & kanan juga atas & bawah.

Untuk cara membuatnya lihat scriptnya si bawah ini, sangat sederhana :

CSS

.wrapper {
    display:flex;
    align-items:center;
    width:400px;
    height:400px;
    background:#eee;
}
.lingkaran {
    background: #e51e63;
    border-radius: 50%;
    box-shadow: 0px 5px 10px -2px #e51e63;
    height: 50px;
    margin: 0 auto;
    width: 50px;
}

HTML

<div class=”wrapper”>
    <span class=”lingkaran”></span>
</div>

Bagian yang perlu diperhatikan adalah pada property css pada class .wrapper. Disana ada property display:flex; property ini berguna untuk mengatur element yang ada di dalamnya, jadi element yang ada di dalam wrapper saya buat supaya beris berdasarkan garis vertikal. Dan property align-items:center; berfungsi agar item – item yang ada di dalam wrapper berada pada posisi tengah yang di ambil dari garis vertikal atau garis yang di tarik dari atas ke bawah.

Categories
Uncategorized

Tutorial Mengirim Multiple Email Dari Database Dengan PHP MySQL

Tutorial mengirim multiple email dari database – Pada tutorial yang sebelumnya saya sudah membahas tentang bagaimana mengirim email dengan php yang paling sederhana. Klik disini. Fasilitas pengiriman email pada suatu website memang sangat diperlukan. Dengan adanya aplikasi ini kita bisa mendapatkan notifikasi dari website melalui email.

Tidak hanya mengirim ke satu tujuan, dengan PHP kita bisa mengirim pesan ke banyak email sekaligus. Contoh misalkan kita memiliki website toko online, nah dengan adanya fasilitas sending email, member yang berlangganan dengan website toko online tersebut bisa mendapatkan pemberitahuan apabila terdapat barang yang baru.

Mengirim Multiple Email Dari Database Dengan PHP MySQL

Pada kesempatan ini saya menulis sebuah tutorial mengirim multiple email dari database.
Pertama siapkan dahulu database dengan nama“email”. Kemudian buat table dengan nama “email” untuk menyimpan data Emailnya, buat saja 1 field dengan nama “email” juga. Setelah itu kita masukkan beberapa data pada table “email”.

Setelah selesai menyiapkan database, sekarang kita buat form untuk mengirim Email.

<?php
mysql_connect(“localhost”, “root”, “”) or die (“gagal konek”);
mysql_select_db(“email”);

$select = mysql_query(“SELECT * FROM email”);
$data_r = “”;
while ($row=mysql_fetch_array($select)){
       $rows[] = $row[’email’];
}

foreach($rows as $key=>$r)
{
    if($key==0){$data_r .= $r;}
    else{ $data_r .= “, “.$r; }
}
?><form action=”index.php” method=”post”>
    <input type=”hidden” name=”send” />
    <div class=”row”>
        <label>Nama</label>
        <input type=”text” name=”nama” />
    </div>
    <div class=”row”>
        <label>To</label>
        <textarea name=”to”><?= $data_r; ?></textarea>
    </div>
    <div class=”row”>
        <label>Subject</label>
        <input type=”text” name=”subject” />
    </div>
    <div class=”row”>
        <textarea name=”messages” rows=”7″></textarea>
    </div>
    <div class=”row”>
        <button>Kirim</button>
    </div>
</form>

Kemudian buat untuk proses pengirimannya.

<?php

if(isset($_POST[‘send’]))
{
    $nama = $_POST[‘nama’];
    $to = $_POST[‘to’];
    $subject = $_POST[‘subject’];
    $messages = “From :”.$nama.”<br> “.$_POST[‘messages’];
   
    $headers = “MIME-Version: 1.0” . “rn”;
    $headers .= “Content-type:text/html;charset=iso-8859-1” . “rn”;
    // More headers
    $headers .= ‘From: <nikirahmadi9e@gmail.com>’ . “rn”;
    $headers .= ‘Cc: nikirahmadi9e@gmail.com’ . “rn”;
   
    @mail($to, $subject, $messages, $headers);
    if(@mail)
    {
        echo “pengiriman berhasil”;
    }
    else
    {
        echo “pengiriman gagal”;
    }
}
?>

Seperti yang terlihat pada script form diatas saya mengambil email dari database yang sudah kita siapkan sebelumnya. Sedikit saya jelaskan, pada bagian

while ($row=mysql_fetch_array($select)){
       $rows[] = $row[’email’];
}

saya menjadikan data email dari database tersebut menjadi array, sehingga berbentuk array seperti array([0]=>email1@domain .com[1]=>email2@domain.com) . 

Setelah dijadikan array, pada bagian

foreach($rows as $key=>$r)
{
    if($key==0){$data_r .= $r;}
    else{ $data_r .= “, “.$r; }
}

saya membuat array tersebut menjadi sebuah string agar bisa digunakan untuk tujuan pengiriman emailnya. Sehingga kita mendapatkan string seperti :
$data_r = “email1@domain.com,email2@domain.com”;

Maka dengan begitu variable $to pada proses memiliki email lebih dari satu yang dipisahkan tanda koma “,”. Untuk mengirim email ke tujuan yang lebih dari satu, alamat email yang banyak tersebut harus dipisahkan dengan tanda koma “,”. 

Aplikasi yang sederhana seperti ini sangat berguna. Ini adalah dasar – dasar untuk membuat fasilitas pengiriman email ganda. Selamat mencoba.

Categories
Uncategorized

Konfigurasi XAMPP Untuk Mengirim Email di Komputer Lokal

Konfigurasi XAMPP Untuk Mengirim Email di Komputer Lokal – Bagi seorang web developer, mengembangkan website di komputer lokal merupakan hal yang sangat direkomendasikan. Sebelum website benar – benar siap dionlinekan biasanya web developer melakukan berbagai ujicoba terhadap program yang dibuat.Ada beberapa kendala yang sering dialami seorang programer saat mengembangkan web di komputer lokal, misalnya pada saat membuat program pengiriman email. Untuk hal ini, biasanya sang programmer mengupload file – file website ke hosting yang memiliki fasilitas pengiriman email, karena dari hosting tersebut programmer bisa melakukan uji coba terhadap program pengiriman email yang dibuat. Namun cara tersebut sangat tidak efisien, pasti programmer menjadi tidak leluasa dalam mengembangkan programnya.

Konfigurasi XAMPP Untuk Mengirim Email di Komputer Lokal

Pada kesempatan kali ini, saya menulis tutorial tentang konfigurasi XAMPP untuk mengirim email di komputer lokal. Sebenarnya di komputer lokal bisa melakukan pengiriman email, hanya dengan merubah beberapa konfigurasi. Ikuti konfigurasi di bawah ini.
1. Edit File php.ini (xampp/php/php.ini)
Cari script [mail function], lalu sesuaikan perintah – perintah dibawah ini.

SMTP = smtp.gmail.com
smtp_port = 587
sendmail_from = [email-saya]@gmail.com
sendmail_path = “\”C:\xampp\sendmail\sendmail.exe\” -t”

Pada bagian “sendmail_from” isikan email yang digunakan untuk mengirim pesan, misal pintarkomputer@gmail.com.
Masih dalam file yang sama, cari script :

sendmail_path=”C:\xampp\mailtodisk\mailtodisk.exe”

Jika sudah ditemukan, tambahkan “;” pada awal bari script tersebut, sehingga menjadi seperti

;sendmail_path=”C:\xampp\mailtodisk\mailtodisk.exe”

2. Edit File sendmail.ini (xampp/sendmail/sendmail.ini)
Script default yang terdapat dalam file sendmail.ini bisa Anda hapus semua dan diganti dengan script dibawah ini :

[sendmail]

smtp_server=smtp.gmail.com
smtp_port=587
error_logfile=error.log
debug_logfile=debug.log
auth_username= [email-saya]@gmail.com
auth_password= [password email]

force_sender=[email-saya]@gmail.com

Pada bagian “auth_username” & “force_sender” isikan yang digunakan sebagai pengirim email sama seperti di bagian nomor 1. Dan password harus diisi sesuai dengan password akun email yang digunakan.

Baca juga : Tutorial Mengirim Email Dengan PHP Yang Sangat Sederhana.

Jika konfigurasi diatas sudah dilakukan, jangan lupa untuk me-restart XAMPP nya.Di bawah ini saya berikan video sebagai hasil konfigurasi diatas, dan berhasil.

Jika ada pertanyaan jangan sungkan untuk bertanya di kolom komentar. 🙂

 

Categories
Uncategorized

Kemkominfo Mengadakan Kontes Desain Web Yang Berhadiah 10 Juta

Website merupakan teknologi yang sangat membuming pada era modern ini. Dengan adanya website masyarakat luas bisa mendapatkan informasi secara cepat. Tidak heran kalau saat ini banyak instansi bahkan lembaga pemerintahan yang mempunyai website resmi. Salah satu lembaga pemerintahan yang aktif menyebarkan informasi melalui website ialah Kementrian Komunikasi dan Informatika (Kominfo).

Ada kabar baik nih buat kita semua khususnya para developer website bahwa Kominfo mengadakan kontes desain website. Kontes ini diadakan dalam rangka semangat melakukan perubahan dan mengedepankan pelayanan kepada masyarakat. Kontes ini tidak hanya bertujuan untuk mempercantik desain situs saja, akan tetapi kominfo betujuan memiliki Design Website dengan arsitektur Informasi yang mengedepankan fitur-fitur layanan dan informasi publik.

Oh iya, dalam pelaksaan lomba ini Kominfo mengajak www.babastudio.com sebagai konsultan website dan Event Organizer untuk acara lomba ini. Selain itu Kominfo juga akan menghadirkan Juri yang tentunya ahli di bidang Arsitektur Informasi dan Web Design.

Lomba ini terbuka bagi siapa saja baik perorangan maupun kelompok, yang terpenting tercatat sebagai Warga Negara Indonesia (WNI) dan berdomisili di Indonesia. Pemenang Lomba akan mendapatkan Sertifikat + Plakat + Voucher + Souvenir, khusus yang juara satu medapatkan bonus senilai 10 Juta Rupiah. Hasil karya pemenang lomba akan menjadi milik Kementrian Komunikasi dan Informatika. Pemenang 5 besar akan diundang ke Jakarta untuk mempresentasikan hasil karyanya, khusus bagi yang berada di luar daerah Jakarta semua biaya akomodasi, transportasi, dan konsumsi akan ditanggung.
Tahapan Lomba :

  • Pendaftaran & Pengumpulan Karya 13 April – 30 Mei 2015
  • Pengumuman 5 Besar 7 Juni 2015
  • Presentasi Karya Peserta 25 Juni 2015*
  • Pengumuman Pemenang Lomba 26 Juni 2015*

Persyaratan :

  • Peserta umum perorangan/kelompok dan merupakan WNI yang berdomisili di Indonesia
  • Desain Web wajib mengikuti panduan yang akan dikirimkan lewat email pada saat pendaftaran online.
  • desain web yang dilombakan merupakan karya baru dan orisinal.
  • Hasil karya pemenang akan menjadi milik Kementrian Komunikasi dan Informatika.
  • Pemenang 5 besar akan diundang ke Jakarta untuk presentasi. Khusus luar kota seluruh biaya akomodasi, transportasi dan konsumsi akan ditanggung.
  • Panduan lomba akan dikirim ke email peserta. Silahkan Daftar ke http://kontesweb.kominfo.go.id.

Hadia Bagi Pemenang

  1. Juara 1 berhadiah Rp. 10.000.000 + Sertifikasi + Plakat + Voucher + Souvenir.
  2. Juara 2 berhadiah Sertifikasi + Plakat + Voucher + Souvenir
  3. Juara 3 berhadiah Sertifikasi + Plakat + Voucher + Souvenir
  4. Juara 4 berhadiah Sertifikasi + Plakat + Voucher + Souvenir
  5. Juara 5 berhadiah Sertifikasi + Plakat + Voucher + Souvenir

Informasi Lengkap :
Email: kontesweb@mail.kominfo.go.id
Website pendaftaran : kontesweb.kominfo.go.id

Selamat berkompetisi, jadilah yang terbaik.

Categories
Uncategorized

Tutorial Mengirim Email Dengan PHP Yang Sangat Sederhana

Tutorial Mengirim Email Dengan PHP – Email merupakan layanan surat – menyurat di  internet. Dengan adanya email kita bisa mengirim pesan tanpa perantara pak pos. Seiring perkembangannya email juga banyak digunakan oleh website – website untuk keperluan tertentu. Misalnya verifikasi email.

Para web developer perlu mempelajari tentang bagaimana cara mengirim email dengan menggunakan php, karena banyak kasus yang menyangkut pengiriman email ini. Misalnya saat kita mendaftar ke website jejaring sosial, pasti setelah mendaftar kita harus memverifikasi email kita. Contoh lainnya adalah pada halaman contact us suatu website, dimana pada saat pengunjung mengisi form lalu mengirim data maka data tersebut akan sampai ke email admin website tersebut.
Pada kesempatan kali ini penulis menuliskan tutorial mengirim email menggunakan php dengan mudah.
Pertama buat dahulu form HTML yang akan kita gunakan untuk mengisi data.

<form action="kirim.php" method="post">
<div>Nama : <input type="text" name="nama" /></div>
<div>Email : <input type="text" name="email" /></div>
<div>Subject : <input type="text" name="subject" /></div>
<div>Messages : <input type="text" name="messages" /></div>
<div><input type="submit" value="kirim" /></div>
</form>

Setelah itu buat file PHP  yang akan memproses pengiriman email.

<?php
$nama = $_POST['nama'];
$to = $_POST['email'];
$subject = $_POST['subject'];
$messages = $_POST['messages'];
    
$headers .= 'From: <info@domain.com>' . "rn"; //bagian ini diganti sesuai dengan email dari pengirim
@mail($to, $subject, $messages, $headers.php);
if(@mail) 
{
    echo "pengiriman berhasil";
}
else 
{
    echo "pengiriman gagal";
}
?>

Baca juga : Konfigurasi XAMPP Untuk Mengirim Email dari Komputer Lokal
Dalam script diatas, pada $headers saya menggunakan nikirahmadi9e@gmail.com, anda bisa menyesuaikannya sendiri.  Hasilnya seperti berikut :

Demo

Categories
Tutorial

Cara Memasang Google Maps di Website Atau Blog

Cara Memasang Google Maps di Website Atau Blog – Google sebagai perusahaan teknologi tebesar di dunia memang banyak memberikan fasilitas untuk para pengguna teknologi. Salah satunya adalah Google Maps. Dengan adanya Google Maps kita bisa dengan mudah menemukan lokasi/tempat tertentu. Google Maps juga banyak digunakan oleh perusahaan – perusahaan untuk menampilkan lokasi/tempat dimana perusahaan itu berada pada website mereka. Dengan begitu pastinya pengunjung website akan merasa yakin dimana perusahaan itu berada.

Pada kesempatan kali ini penulis akan memberikan tutorial tentang cara memasang Google Maps di website atau blog. Caranya mudah dan sederhana, silahkan ikuti langkah – langkah di bawah ini :

1. Buka situs Google Maps.

2. Tentukan lokasi yang ingin di sorot. Misalnya Jakarta, tulis “Jakarta” pada kotak pencarian.

3. Maka Google Maps akan mengarahkan pointer-nya ke kota Jakarta.

4. Kemudian klik tombol Grigi di kanan bawah (lihat gambar dibawah ini), klik Bagikan atau Sematkan Peta.

5. Akan mucul jendela pop-up seperti dibawah ini, lalu klik tab Sematkan Peta

6. Maka akan muncul script frame, copy script tersebut. Dibagian ini juga akan muncul gambaran frame ketika kita gunakan di website.

<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d253840.4789497984!2d106.829518!3d-6.229746499999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f3e945e34b9d%3A0x5371bf0fdad786a2!2sJakarta%2C+Daerah+Khusus+Ibukota+Jak!5e0!3m2!1sid!2sid!4v1425776065340″ width=”600″ height=”450″ frameborder=”0″ style=”border:0″></iframe>

7. Setelah di copy, paste kan pada script html di website anda. Paste pada bagian <body>….</body>.

8. Setelah itu kita lihat di website, akan muncul frame Google Maps yang tadi kita pasang.

 

Dengan begitu kita berhasil memasang Google Maps di Website atau Blog kita.

 

Categories
Uncategorized

Manfaat Desain Web Yang Responsive

Manfaat Desain Yang Web Responsive – Saat ini pengguna smartphone dan tablet sudah banyak jumlahnya. Tidak bisa dipungkiri pengunjung situs Anda saat ini bukan dari platform PC atau Laptop saja, tapi dari smartphone dan tablet juga. Semakin merajalelanya smartphone, waktunya bagi para web designer untuk membuat website yang responsive. Apa itu responsive web design ? Responsive Web Design adalah desain web yang memungkinkan situs website untuk menyesuaikan keadaan lingkungan/platform apa yang digunakan, sehingga pada saat website dibuka melalui smartphone maka layout akan berubah karena dipengaruhi oleh lebar dari platform tersebut.

Manfaat Desain Web Yang Responsive

Dengan menggunakan desain web yang responsive kita bisa mendapatkan banyak sekali manfaat. Beberapa diantaranya adalah sebagai berikut :

1.Direkomendasikan Oleh Google

Bahkan mesin pencari terbesar pun merekomendasikannya. Tidak hanya merekomendasikan Responsive Web Design tapi ini bisa memudahkan para pengguna website kita pada saat digunakan pada smartphone.

(adsbygoogle = window.adsbygoogle || []).push({});

2. Tidak Perlu Membuat Website Versi Mobile

Dengan responsive, website sudah bisa menyesuaikan diri dengan lingkungan yang digunakan. Jadi kita tidak perlu repot – repot lagi untuk mendesain website versi mobile dari awal.

3. Mengurangi Bounce Rate

Apabila menggunakan desain yang responsive, pengunjung pasti akan merasa nyaman. Bagi website yang tidak menggunakan desain yang responsive meski di mesin pencari berada diurutan teratas, pasti bagi pengguna smartphone tidak efektif. Pengguna smartphone harus meng-scroll kesamping, dan itu pasti akan membuat jenuh sehingga mereka cepat meniggalkan situs Anda.

4. Traffic Lebih Tinggi

Semakin berkembangnya teknologi dan merajalelanya smartphone, penggunaan responsive web design ini semakin diperhitungkan. Dengan desain yang responsive pasti pengunjung yang menggunakan smartphone lebih banyak dibandingkan dengan desain yang non-responsive.

5. Mudah Untuk Melakukan Upgrade / Maintenance Website

Apabila seorang web designer / web developer ingin mengupgrade / memperbaiki websitenya, mereka tidak perlu bekerja dua kali. Berbeda dengan website yang menggunakan dua versi yatu versi desktop dan mobile, mereka akan memperbaiki dua website sekaligus.

Manfaatnya besar sekali bukan ? ayoo responsivekan website anda.