PHP Framework

Download Sismadi PHP Framework, membangun aplikasi jauh lebih cepat dan lebih berstruktur.

Download

Modules

Kumpulan module aplikasi siap pakai, download dan manfaatkan kemudahannya

Read More

Skins

Kumpulan skin yang bisa didownload, dan jadikan aplikasi anda lebih nyaman digunakan.

Read More
  • Pengenalan Web Aplikasi

    Aplikasi berbasis Web sama seperti aplikasi lain yang terdiri dari baris perintah dan desain, atau umumnya disebut Command Line dan GUI (Graphic User Interface). berawal dari hal tersebut maka saya membuat aplikasi sederhana berbasis web berupa dua file desain dan program. keduanya mewakili GUI dan Command Line, yaitu Web Template dan Web Aplikasi.

    Peralatan yang digunakan cukup menggunakan Notepad (saya menggunakan Notepad ++ untuk Windows) dan server yang digunakan adalah Apache dan MySQL (saya menggunakan USBWebserver untuk Windows).


    Notepad ++ USBWebserver
  • Web Template

    Menggunakan Notepad, tulis baris perintah berikut, dan simpan dengan nama skin.html

    <style>
    html 	{ background:teal;}
    #header	{ background:teal; color: white; width:800px; height:50px; margin:0px auto; padding:10px 20px;}
    #menu	{ background:black; color: white; width:800px; height:20px; margin:0px auto; padding:10px 20px;}
    #content{ background:white; color: black; width:800px; height:auto; margin:0px auto; padding:10px 20px;}
    #footer	{ background:teal; color: white; width:800px; height:20px; margin:0px auto; padding:10px 20px;}
    </style>
    
    <div id="header"><H1>NIM </H1></div>
    <div id="menu">Home |  Contact</div>
    <div id="content">Hello Word</div>
    <div id="footer">Copy Right 2014</div>

    Demo Download
  • Web Object

    Menggunakan Notepad, tulis baris perintah berikut, dan simpan dengan nama page.html

    <style>
    #page div { padding:10px 20px;}
    #page div:not(:target)  { display: none; }
    #page div:target  { display: block; }
    </style>
    
    <div id="1">
      <ul>
        <li> <a href="#2">Images</a> </li>
        <li> <a href="#3">Form</a> </li>
        <li> <a href="#4">Table</a> </li>
      </ul>
    </div>
    
    <div id="page">
      <div id="2">
        <img src="logo.png" />
      </div>
      
      <div id="3">
        <form>
        <input type="text" name="1" />
        <input type="submit"  />
        </form>
      </div>
      
      <div id="4">
        <table border="1">
        <tr><td>Satu</td><td>Dua</td></tr>
        <tr><td>Tiga</td><td>Empat</td></tr>
        </table>
      </div>
    </div>

    Demo Download
  • Web Application

    Menggunakan Notepad, tulis baris perintah berikut, dan simpan dengan nama blog.php

    <?php
      koneksi();
      menu();
      echo "<hr>";
      content();
    
    function koneksi(){
      $con = mysql_connect("localhost","root","usbw");
      mysql_query("CREATE DATABASE IF NOT EXISTS nim",$con);
      mysql_select_db("nim", $con);
      mysql_query("CREATE TABLE IF NOT EXISTS blog (
      id int(12) NOT NULL auto_increment, 
      judul varchar (50) NOT NULL,
      isi text NOT NULL,
      PRIMARY KEY (id))",$con);
      }
      
    function menu(){
      echo "<a href='blog.php?f=select'>Blog</a> | <a href='blog.php?f=blog'>Web</a>";  
      }
    
    function content(){
      if (isset($_GET['f'])){ $_GET['f'](); } else {echo "Hello Word";}
      }
    
    function select() {  
      echo  "<a href=?f=edit>Add</a>";
    
      $sql="SELECT id,judul,isi FROM blog";
      $result=mysql_query($sql);
      while($row=mysql_fetch_array($result)){  echo "<br> $row[0] | $row[1] | $row[2] | <a href=?f=edit&id=$row[0]>edit</a>-<a href=?f=delete&id=$row[0]>delete</a>";}
      }
      
    function edit() {
      if(isset($_GET['id'])){$id=$_GET['id']; $f="update";} else {$id=''; $f="insert";} 
      
      $result=mysql_query("SELECT id,judul,isi FROM blog WHERE id='$id' ");
      $row=mysql_fetch_array($result);
      
      echo "<form action=?f=$f&id=$id method=post /> 
      id: <input type=text name=id value='$row[0]' > <br>
      judul: <input type=text name=1 value='$row[1]' > <br>
      isi: <input type=text name=2 value='$row[2]' > <br>  
      <input type=submit value=simpan > <br> 
      </form>";
      }
      
    function insert(){  
      mysql_query("INSERT INTO blog SET judul='$_POST[1]', isi='$_POST[2]' ");
      select();
      }
      
    function update(){
      mysql_query("UPDATE blog SET judul='$_POST[1]', isi='$_POST[2]' WHERE id='$_POST[id]' ");
      select();
      }
      
    function delete(){ 
      mysql_query("DELETE FROM blog WHERE id='$_GET[id]' ");
      select();
      }
      
    function blog(){
      $result=mysql_query("SELECT * FROM blog ");
      
      echo "<div style='float:left; style=clear:both;'>";
      while ($row=mysql_fetch_array($result)){ echo "<a href=?f=blog&id=$row[0]>$row[1]</a> <br>"; }
      echo "</div>";
     
      echo "<div style=float:left;padding-left:50px;>";
      if(isset($_GET['id'])) {
      $result=mysql_query("SELECT * FROM blog WHERE id='$_GET[id]'");
      $row=mysql_fetch_array($result);
      echo $row['isi']; }
      else {echo "Selamat datang";}
      echo "</div>";
      
      echo "<div style=clear:both;></div>";
      }
    ?>

    Demo Download
  • Cara Memakai Web Template pada Web Application

    Menggunakan Notepad, edit skin.html, tambahkan baris perintah sehingga seperti berikut

    <div id="header"><H1>NIM </H1></div>
    <div id="menu"><?php menu(); ?></div>
    <div id="content"><?php Content(); ?></div>
    <div id="footer">Copy Right 2014</div>

    Menggunakan Notepad, edit blog.php, tambahkan baris perintah sehingga seperti berikut

    <?php
        koneksi();
    //  menu();
    //  echo "<hr>";
    //  content();
        include "skin.html";

    Demo Download