MENAMBAH LOGO/ICON PADA TITLE WEBSITE

Buat apa sih icon pada title bar?
Ya biar icon nya bukan logo xampp aja, ganati pakai logo sendiri.



Untuk menambahkanya cuku menyematkan code berikut:

<link rel="shortcut icon" src="gambar untuk icon bar">
Letakkan code tersebut di antara tag HEAD.

contoh:

<!DOCTYPE html>
<html>
<head>
 <title>Upload File</title>
 <link rel="shortcut icon" href="file/instagram_PNG16.png">
</head>
<body>
</body>
</html>

dalam code diatas, gambar berada di dalam folder file dengan nama instagram_PNG16.png, forder file dalam folder yang sama.
Jika gambar berada dalam satu folder dengan file html, makan di dalam href ditulis nama gambarnya saja, nama gambar harus beserta extension nya.


MEMBUAT UPLOAD FILE DENGAN PHP

Di dalam membangun sebuah aplikasi bebasis web tak jarang kita membutuhkan fitur upload file, dengan fitur tersebut kita bisa mengunggah gambar, video, audio, file excel, pdf dan lain sebagainya.
File akan dikirim ke server.
Bagaimana cara upload/unggah file dengan PHP?

OK langsung saja persiapkan alat tempurnya, seperti: code editor , xampp (untuk web server dan mysql), browser.

Pertama buat folder baru di dalam C:\xampp\htdocs\ dan beri nama latihan.
Di dalam folder latihan silahkan buat file:

  • index.html (untuk membuat form upload file)
  • proses_upload.php (untuk proses upload file)
  • dan buat folder file  (untuk menaruh file yang di upload)

Berikut source code untuk index.html


proses_upload.php


Selanjutnya silahkan coba lakukan upload. klik chose file lalu klik upload

dan jika berhasil akan tampil seperti ini

kemudian klik link nya, maka akan menampilkan file yang telah di upload.
kalau belum yakin silahkan buka direktori C:\xampp\htdocs\latihan  untuk mengetahui apakah file yang di upload sudah berada di server

IKLAN ONLINE


Iklan online adalah metode periklanan dengan menggunakan media internet dan layananya, misalkan web (World Wide Web) dengn tujuan menyampaikan pesan pemasaran ( promosi) agar pelanggan tertarik dan membeli produk yang ditawarkan. Salah satu faktor keberhasilan dalam menjual suatu produk adalah melakukan promosi. Promosi dapat dilakukan dengan membuat iklan. Baik iklan online dan offline / tradisional memiliki tujuan serupa yaitu.
  1. Menginformasikan konsumen tentang merek-merek baru, mendidik tentang berbagai fitur dan manfaat merek, serta menfasilitasi penciptaan citra merek yang positif.
  2. Membangun kesadaran merek, membuat konsumen sadar akan sebuah merek atau produk, merupakan tujuan jangka panjang yang penting bagi setiap pemasar. Setelah konsuen tahu tentang merek/produk, langkah selanjutnya dikenal oleh konsumen semakin mudah bisnis atau produk dan jasa dijual. Misalkan, iklan online banner baik statis ataupun interaktif, merupakan media tepat untuk mempromosikan merek. kekuatan visual dapat dikomunikasikan dengan baik melalui media ini.
  3. Menjangkau pelanggan baru dan meciptakan permintaan konsumen. terdapat 3 langkah dalam menciptakan permintaan konsumen, yaitu:
    • Menginformasikan.
    • Membujuk
    • Mengingatkan
    Ilkan harus dapat menyakinkan konsumen tentang apa yang mereka butuhkan, dan mengapa mereka membutuhkan. Dengan iklan online konsumen baru dapat dijangkau karena batasan waktu dan wiayah bukan lagi menjadi kendala.
  4. Mempresuasi (membujuk) konsumen untuk mencoba produk jan jasa yang diiklankan. Semua bentuk pemasaran online perlu diarahkan untuk target penjualan jangka panjang. Namun, iklan online mendorong penjualan dalam jangka pendek dan menengah. Tidak seperti media iklan tradisional, iklan online dapat mengubah konsumen potensial menjadi konsumen yang sebenarnya dan langsung melakukan tindakan pembelian produk terhadap iklan yang ditawarkan. Konsumen dapat pergi dari iklan online yang ditawarkan langsung ke halaman web perusahaan hanya dengan satu klik. Segala aktivitas konsumen dapat dilacak secara akurat dan diukur keberhasilanya. Begitu pula dengan target pengiklan.
  5. Membangun loyalitas konsumen. Setelah konsumen menyadari dan membutuhkan suatu produk, maka mereka perlu tahu bagaimana cara memenuhi keingina atau kebuthan tersebut. Pada titik inti penting bagi pemasar untuk menunjukan kepada konsumen bagaimana merek tertentu atau produk terbaik akan memenuhi kebutuhan tersebut. Sehingga timbulah loyalitas konsumenterhadap produk-produk yang ditawarkan oleh perusahaan.
Iklan online dikelompokan menjadi 3, yaitu:
  1. Iklan Teks
    Iklan yang ditampilkan berupa teks saja, Contoh: iklan link. Jenis iklan ini lebih ditekankan ke penulisan alamat link iklan dan keterangan singkat dari iklan itu sendiri. Dalam membuat link usahakan ditulis sependek mungkin. 
    Contoh: Iklan baris, Iklan teks PPC, Pertukaran link dengan pemilik web lain, Iklan banner (yang berisi link iklan), Iklan Kontekstual (Contextual ads), Iklan hasil pencarian (Search ads dapat disebut juga pay per click ads), iklan direktori online (online directories), iklan daftar lokal (Local Listings) atau SEO (Search Engine Optimizing) lokal, dan iklan konten (Content ads) 
  2. Iklan Display Iklan yang ditampilkan kombinasi antara teks, gambar dan animasi (tetapi tidak interaktif seperti rich media) dan setiap iklan display memiliki ukuran yang telah diatur. Terdapat beberapa jenis iklan display diantaranya yaitu.
    • Interstitial banners
    • Pop up dan pop under
    • Floating advert
    • Wallpaper advertising
    • Map advertising
    • Iklan Banner
    • Video online advertising banner
    • Iklan Media Sosial
  3. Iklan rich media (multimedia) 
    The Interactive Advertising Bureau (IAB) telah menentukan aturan untuk iklan jenis ini. Iklan rich media adalah iklan yang dapat berinteraksi dengan konsumen dan merupakan gabungan antara video, teks, gambar, animasi dan suara. Iklan berbentuk animasi tetapi tidak terdapat interaksi maka disebut iklan display. Ada banyak jenis iklan ini diantaranya:
    • peel-back (iklan di sudut kanan atas halaman web. Dimana halaman web awal menggulung atau kembali disertai penampilan konten iklan);
    • floating (Iklan tampil diatas konten sampai lima belas detik dan menghilang. Sebuah tombol close harus ada untuk dapat menutup iklan);
    • expanding (iklan tampil di header atau footer dengan ukuran yang besar);
    • Interstitial (iklan tampil diatas atau menutupi konten, biasanya mendahului halaman konten. Iklan tampil selama lima detik sebelum secara otomatis mengarahkan ke konten. Terdapat tombol "Lewati Iklan" untuk melanjutkan ke konten); 
    • video;
    • popup/popunder;
Itu lah sedikit penjelasan tentang Iklan Online...

(rfs/Modul E-Commerce S1 Teknik Informatika UNPAM)

MEMBUAT POPUP MENGGUNAKAN HTML DAN CSS


Jika biasanya popup dibuat menggunakan jQuery kali ini saya akan membuat popup dengan css.
berikut source code nya:


<!DOCTYPE html>
<html>
<head>
 <title></title>
<style>
 #button {margin: 5% auto; width: auto; text-align: center;}
 #button a {
  width: auto;
  height: 30px;
  vertical-align: middle;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid transparent;
 }

 /* Jendela Pop Up */
 #popup {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,.7);
  top: 0;
  left: 0;
  z-index: 9999;
  visibility: hidden;
 }
 #window {
  width: 400px;
  height: 100px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  padding: 10px;
  text-align: center;
  margin: 15% auto;
 }
 #window span {
  margin: 30px 0 0 0;
  font-size: 40px;
  font-weight: bold;
 }
 /* Button Close */
 #close-button {
  width: 6%;
  height: 20%;
  line-height: 23px;
  background: #000;
  border-radius: 50%;
  border: 3px solid #fff;
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: -10px;
  right: -10px; 
 }

 /* Memunculkan Jendela Pop Up*/
 #popup:target {
  visibility: visible;
 }
</style>
</head>
<body>
 <div id="button"><a href="#popup">Coba Klik</a></div>
    
    <div id="popup">
     <div id="window">
         <a href="#" id="close-button" title="Close">X</a>
            <span>Ini contoh popup</span>
        </div>
    </div>
</body>
</html>



KONSEP DASAR SISTEM INFORMASI

Konsep dasar Sistem
Sistem adalah kumpulan dari elemen-elemen yang berinteraksiuntuk mencapai tujuan tertentu.
Karakteristik/sifat sistem:

  1. Komponen sistem (component)
  2. Batas sistem (boundary)
  3. Lingkungan Luar sistem (environments)
  4. Penghubung (interface)
  5. Masukan (input)
  6. Keluaran (output)
  7. Sasaran (objective)
  8. Tujuan (goal)
Konsep dasar Informasi
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima.
Siklus informasi

Kualitas Informasi:

  1. Akurat (bebas dari kesalahan)
  2. Tepat pada waktunya
  3. Relevan (bermanfaat)
Konsep dasar Sistem Informasi
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategis dari suatu organisasi yang menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.
Komponen Sistem Informasi:

  1. Blok Masukan
  2. Blok Model
  3. Blok Keluaran
  4. Blok Teknologi
  5. Blok Basis Data
  6. Blok Kendali

MEMBUAT PAGINATION DENGAN PHP DAN MYSQL

Pagination atau paging digunaan untuk menampilkan data beberapa halaman. Misalnya kita memiliki 100 data atau lebih, terasa membosanka jika menampilkanya dalam 1 halaman saja. Untuk mengatasinya kita gunakan pagination, dengan membatasi jumlah data yang akan ditampilkan, misalkan 20 data dalam 1 halaman.

Disini kita akan menampilkan data dari database MySql, sebagai contoh kita buat database dengan nama latihan dan buat tabel mahasiswa dan isi tabelnya seperti gambar berikut:
Selanjutnya buat folder baru di dalam htdocs dengan nama latihan.
Kemudian bual file koneksi.php dan simpan di dalam folder latihan.

koneksi.php
<?php  
 mysql_pconnect("localhost","root","");
 mysql_select_db("latihan");
?>

Baca juga: Membuat Koneksi Database MySQL dengan PHP
Lngkah selanjutnya menampilkan data dan membuat pagination
data_mahasiswa.php
<?php 
 require_once("koneksi.php");//memanggil file oneksi.php
 $dataperhalaman=5;//batas data yang akan ditampilkan dalam 1 halaman
 if(isset($_GET['halaman'])){ //memeriksa apakah variabel halaman apakah sudah terkirim
  $nomorhalaman=$_GET['halaman']; //jika variabel halaman sudah terkirim
 }else{
  $nomorhalaman=1;//jika variabel halaman belum terkirim
 }
 $mulai=($nomorhalaman-1)*$dataperhalaman;//untuk menentukan baas awal data yang akan ditampilkan
 $query=mysql_query("select * from mahasiswa limit $mulai,$dataperhalaman");//untuk mengambil data dari mysql
 $row=mysql_fetch_assoc($query);//menyimpan data dalam row
 $jumlahdata=mysql_num_rows($query);//menghitung jumlah barih dari record/data
 ?>
<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5">
 <thead>
  <th>ID</th>
  <th>NAMA</th>
 </thead>
 <?php  
  if($jumlahdata > 0){ //memeriksa apakah jumlah baris lebih dari 0
   do{
 ?>
 <tr>
  <td><?php echo $row['id'] ?></td>
  <td><?php echo $row['nama'] ?></td>
 </tr>
 <?php
   }while($row=mysql_fetch_assoc($query));
  }
 ?>
</table>
<?php  
 $query2=mysql_query("select * from mahasiswa");//mengambil seluruh data untuk menampilkan pagination
 $jumlahdata2=mysql_num_rows($query2);//menghitung jumlah barih dari record/data untuk pagination
 $jumlahhalaman=ceil($jumlahdata2/$dataperhalaman);
 if($nomorhalaman>1){
  echo "<a href='data_mahasiswa.php?halaman=".($nomorhalaman-1)."'>Sebelumnya</a>";
  //jika halaman lebih dari 1 akan muncul dan jika di klik akan menuju ke halaman sebelumnya
 }
 for($page=1;$page<=$jumlahhalaman;$page++){
  echo "<a href='data_mahasiswa.php?halaman=".$page."'>".$page."</a>";
 }
 if($nomorhalaman<$jumlahhalaman){
  echo "<a href='data_mahasiswa.php?halaman=".($nomorhalaman-1)."'>Selanjutnya</a>";
  //jika halaman sama dengan halaman terakhin akan hilang , jika di klik akan menuju ke halaman selanjutnya
 }
?>
</body>
</html>

Kemudian coba dijalankan denga url:localhost/latihan/data_mahasiswa.php




Silahkan dicoba, dipahami, dan diotak-atik. Bisa ditambahkan css nya juga
Jika ada yang urang jelas atau ada masukan silahkan tinggalkan komen dibawah.
Terima kasih,,
Semoga bermanfaat...

MEMBUAT TABEL MENGGUNAKAN BOOTSTRAP

Untuk membuat tabel dengan bootstrap sangat mudah , yakni dengan memanggil class-class yang terdapat dalam bootstrap.
Untuk membuat table standart / biasa kita hanya perlu memanggil class .table, contoh implementasinya sebagai berikut

<table class="table">
 <thead>
  <th>No</th>
  <th>NIM</th>
  <th>NAMA</th>
 </thead>
 <tr>
  <td>1</td>
  <td>2013141516</td>
  <td>Azmil</td>
 </tr>
 <tr>
  <td>2</td>
  <td>2013141517</td>
  <td>Ibnu</td>
 </tr>
 <tr>
  <td>3</td>
  <td>Syaifulloh</td>
  <td>2013141518</td>
 </tr>
</table>

Hasilnya:

Untuk membuat table belang_belang (striped) cukup menambahkan .table-striped setelah .table

<table class="table table-striped">

Ada juga untuk memberi border pada table ,cukup mengganti table-striped menjadi table-bordered
table-striped
table-bordered
Ada lagi untuk membuat tabel memilliki efek hover, ketika  berada diletakan pada row table makan akan berubah warnanya. Caranya tinggal merubah .table bordered menjadi .table-hover.

Nah coba kita mengkombinasikan semuanya

<table class="table table-striped table-bordered table-hover">
 <thead>
  <th>No</th>
  <th>NIM</th>
  <th>NAMA</th>
 </thead>
 <tr>
  <td>1</td>
  <td>2013141516</td>
  <td>Azmil</td>
 </tr>
 <tr>
  <td>2</td>
  <td>2013141517</td>
  <td>Ibnu</td>
 </tr>
 <tr>
  <td>3</td>
  <td>Syaifulloh</td>
  <td>2013141518</td>
 </tr>
</table>



dan untu memberi warna pada table, di dalam bootstrap sudah disediakan beberapa warna, dan kita cukup memanggil classnya saja. berikut warna yang disediakan
.active .success .info .warning . danger

Contoh implementasinya sebagai berikut:

<table class="table table-bordered table-hover">
 <thead>
  <th>No</th>
  <th>NIM</th>
  <th>NAMA</th>
 </thead>
 <tr class="active">
  <td>1</td>
  <td>2013141516</td>
  <td>Azmil</td>
 </tr>
 <tr calss="info">
  <td>2</td>
  <td>2013141517</td>
  <td>Ibnu</td>
 </tr>
 <tr class="warning">
  <td>3</td>
  <td>Syaifulloh</td>
  <td>2013141518</td>
 </tr>
</table>


MEMBUAT MULTILEVEL LOGIN

Login digunakan untuk membatasi akses dari user agar tidak sembarang user dapat mengakses ke dalam sebuah sistem. Di dalam sebuah sistem terkadang kita perlu membuat login berdasarkan level pengguna, atau yang lebih dikenal Muti Level Login. disini saya akan coba membagikan cara bagaimana kita membuat multi level login yang sederhana.

Langsung saja pertama kita buat dulu database dengan nama latihan, dan buat table user di dalam database latihan.


Oh iya pastikan sudah menginstal Xampp sebelumnya, kemudian buat folder  latihan  di dalam folder xampp/htdocs.
Selanjutnya kita buat file koneksi.php dan simpan di dalam folder latihan .
koneksi.php
membuat form_login.php
Buat proses_login.php
selanjutnya isi tabel user seperti berikut:



MEMBUAT FORM LOGIN SEDERHANA DENGAN PHP DAN MYSQL

Kali ini saya coba membuat login sederhana dengan PHP dan MySQL.
Login sangat penting untuk aplikasi berbasis web, dekstop atau lainya,login digunakan untuk membatasi akses dari user agar tidak dapat mengakses bagian dalam sistem atau user hanya bisa mengakses sesuai hak akses yang diberikan. Login juga digunakan sebagai security data atau akun, supaya tidak sembarang orang dapat mengaksesnya.

Ok langsung saja kita membuatnya, pertama kita persiapkan web server, dan editornya.
disini saya menggunakan Xampp untuk web server nya yang sudah ada MySQL nya juga, untuk teks editornya saya menggunakan Sublime Text.

Pertama buat database dengan nama latihan, dan buat tabel user di dalam database latiihan seperti berikut:



Isi table user



Selanjutnya buat folder baru di dalam htdocs beri nama latihan , dan di dalam folder latihan buat file bernama form_login.php, perlu diingat untuk penamaa file php tidak boleh menggunakan spasi.
Selanjutnya di file from_login.php ketikan code sebagai berikut:



<!DOCTYPE html>
<html>
<head>
 <title>Form Login</title>
</head>
<body>
 <form action="proses_login.php" method="get">
  <table>
   <thead>
    <th>FORM LOGIN</th>
   </thead>
   <tr>
    <td>Username</td>
    <td>:</td>
    <td><input type="text" name="username"></td>
   </tr>
   <tr>
    <td>password</td>
    <td>:</td>
    <td><input type="text" name="password"></td>
   </tr>
   <tr>
    <td colspan="3">
     <input type="submit" value="Login">
    </td>
   </tr>
  </table>
 </form>
</body>
</html>


selanjutnya kita buat file proses_login.php di dalam folder yang sama

<?php 
 mysql_pconnect("localhost","root","");
 mysql_select_db("latihan");
 $username=$_GET['username'];
 $password=$_GET['password'];
 $query=mysql_query("SELECT * FROM user where username='$username' and password='$password'");
 $row=mysql_fetch_assoc($query);
 if($username==$row['username'] && $password==$row['password']){
  echo "Selamat Anda Berhasil Login";
 }
 else{
  echo "Gagal Login";
 }
?>

Selanjutnya buka browser kemudian isi url localhost/latihan/form_login.php

Mudah kan...
Selamat mencoba..