menu

Website sederhana untuk pemula menggunakan PHP - debug POST (submit)


Cara melihat variabel yang di submit terbawa atau tidak

buat file php sederhana
<form method="POST">
 <table>
   <tr>
     <td>Nama</td>
     <td>:</td>
     <td><input type="text" name="name" id="name"></td> 
   </tr> 
   <tr>
     <td>Alamat</td>
     <td>:</td>
     <td><textarea name="alamat" id="alamat"></textarea> </td> 
   </tr> 
      <tr>
     <td><input type="submit" name="save" id="save" value="save"> </td> 
   </tr>
 </table>
</form>

akan terlihat seperti ini,,


kemudian tambahkan code
<?php
 echo "<pre>";
 print_r($_POST);
 echo "</pre>";
?>

menjadi seperti ini
<form method="POST">
 <table>
   <tr>
     <td>Nama</td>
     <td>:</td>
     <td><input type="text" name="name" id="name"></td> 
   </tr> 
   <tr>
     <td>Alamat</td>
     <td>:</td>
     <td><textarea name="alamat" id="alamat"></textarea> </td> 
   </tr> 
      <tr>
     <td><input type="submit" name="save" id="save" value="save"> </td> 
   </tr>
 </table>
</form>

<?php
 echo "<pre>";
 print_r($_POST);
 echo "</pre>";
?>

tampilan setelah debug


setelah di save akan muncul array inputan form
dengan ini kita dapat memastikan code form sudah benar atau belum..

===DONE===

Website sederhana untuk pemula menggunakan PHP - mengganti domain localhost ubuntu


1. Letakan file web pada /var/www/html/
2. Edit file hosts
    - vim /etc/hosts
    - (root) sudo vim /etc/hosts

  

3. Sehingga tampilannya akan menjadi seperti ini



===DONE!===

Website sederhana untuk pemula menggunakan PHP - belajar css sederhana (header)


Pada artikel kali ini kita akan membuat sebuah header website dengan css dan php sebelumnya kita telah membuat project awal sebuah website. Sebelum melanjutkan ke artikel yang ini sangat dianjurkan membaca artikel sebelumnya tentang Website sederhana untuk pemula menggunakan PHP - membuat project sederhana..

Belajarlah untuk tidak hanya copy-paste karena dengan mengetik langsung sebuah code secara tidak langsung kita telah menulis code tersebut pada alam bawah sadar kita sehingga kita akan lebih mudah mengingatnya. Itulah sebabnya semua code saya tampilkan dalam bentuk gambar, bukan dalam bentuk tulisan yang bisa di copy-paste. hehe,,

Oke saya asumsikan project webcoboy sudah dibuat, berikut langkah selanjutnya:
1. Buat file _header.php pada folder webcoboy yang berisi
<!DOCTYPE html>
<html>
  <head>
    <title>Webcoboy</title>
    <link rel="stylesheet" href="styles/style.css">
  </head>
  <body>

2. Buat file _footer.php pada folder webcoboy yang berisi
</body>
</html>

2. Buat folder styles dan buat file style.css pada folder tersebut yang berisi
body {
  margin: 0px 0px 0px 0px;
}

/*-------------------header---------------------*/
.main_image {
  width: 100%;
  height: 591px;
  background-image: url(../images/main_image.jpg);
  background-size: cover;
}

.center_area {
  width: 1024px;
  margin: 0 auto;
  text-align: center;
}

.header_content {
  width: 1024px;
  color: white;
}

.header_content #title1 {
  font-weight: normal;
  font-size: 22px;
}

.header_content #title2 {
  font-weight: bolder;
  font-size: 34px;
}

.header_content #date {
  color: #EDD5D7;
  font-size: 13px;
}

.button_green {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  width: 324px;
  height: 70px;
  background-color: #6BAD20;
  font-weight: bolder;
  font-size: 17px;
  display: inline-block;
    vertical-align: middle;
  border-radius: 5px;
  cursor: pointer;
}

.button_green:hover{
 background-color:rgba(90, 148, 27, 255);
}

.header_content #button2 {
  height: 40px;
  width: 240px;
  border-style: solid;
  font-size: 17px;
  display: inline-block;
    vertical-align: middle;
  border-radius: 25px;
  cursor: pointer;
}

3. Buat folder content dan buat file header.php pada folder tersebut yang berisi
<div class="main_image">
  <div style="height:186px"></div>
    <div class="center_area">
      <div class="header_content">
        <div id="title1">Title 1</div>
        <div id="title2">Title 2</div>
        <div id="title2">Title 2</div>
        <div style="height:21px"></div>
        <div id="date">APRIL-MEI 2016</div>
        <div style="height:31px"></div>
        <div class="button_green">
          <div style="height:25px"></div>
          DAFTAR SEKARANG
        </div>
        <div style="height:74px"></div>
        <div id="button2">
          <div style="height:10px"></div>
          LIHAT DETAIL ACARA
        </div>
      </div>
    </div>
</div>

4. Buat folder images dan isikan sebuah gambar pada folder tersebut sebagai
    gambar background header dengan nama gambar main_image
5. Terakhir koneksikan seluruh file tersebut pada file index.php dengan
    mengetikan
<?php include_once "_header.php" ?>
<?php include_once "content/header.php" ?>
<?php include_once "_footer.php" ?>

6. Sehingga akan terbentuk susunan file sebagai berikut



Semua file .php saya letakkan pada folder yang berbeda-beda dan saya pisah-pisah agar code tidak terlalu panjang pada satu halaman saja, inilah yang disebut dengan refactor. sehingga code tampak lebih rapi..

Setelah semua sudah dibuat selanjutnya mengecek pada browser dengan mengetikkan localhost/webcoboy dan taraaaaaa..



---Selamat Mencoba---

React Native - Install React Native dengan Brew pada ubuntu


== CARA INSTALL REACT-NATIVE


  1. Install Brew
    • sudo apt-get install build-essential curl git python-setuptools ruby
    • ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Linuxbrew/linuxbrew/go/install)"
    • tambah pada .bashrc >>
      • export PATH="$HOME/.linuxbrew/bin:$PATH"
      • export MANPATH="$HOME/.linuxbrew/share/man:$MANPATH"
      • export INFOPATH="$HOME/.linuxbrew/share/info:$INFOPATH"
  2. Install react-native menggunakan brew
    • brew install node
    • brew install watchman
    • brew install -g react-native-cli
== DONE!!!
HOW?
  1. To run
    • react-native start
  2. To build
    • react-native init (nama project)
  3. To stop
    • Ctrl + c
WHY?
  1. can't found command brew?
    • tambah pada .bashrc (lihat diatas)

---Semoga Membantu---

How to - Install JDK menggunakan file tar.gz ubuntu


== INSTALL JDK

  1. Download file tar gz jdk dari
    • download dari oracle
    • pastikan klik Accept License Agreement
    • Download untuk linux (sesuaikan arsitektur os)
  2. extract filr tar.gz
    • bisa dengan GUI archiev manager
    • atau dengan
      • tar -xvf jdk-8-linux-i586.tar.gz (32-bit)
      • tar -xvf jdk-8-linux-x64.tar.gz (64-bit)
  3. pindahkan file hasil extract ke /usr/lib (file bernama) jdk1.8.0_73
    • sudo mkdir -p /usr/lib/jvm
    • sudo mv jdk1.8.0_73 /usr/lib/jvm/
  4. jalankan file
    • sudo update-alternatives --install "/usr/bin/java" "java" "/usr/lib/jvm/jdk1.8.0_73/bin/java" 1
    • sudo update-alternatives --install "/usr/bin/javac" "javac" "/usr/lib/jvm/jdk1.8.0_73/bin/javac" 1
    • sudo update-alternatives --install "/usr/bin/javaws" "javaws" "/usr/lib/jvm/jdk1.8.0_73/bin/javaws" 1
  5. Allow permission
    • sudo chmod a+x /usr/bin/java
    • sudo chmod a+x /usr/bin/javac
    • sudo chmod a+x /usr/bin/javaws
    • sudo chown -R root:root /usr/lib/jvm/jdk1.8.0_73
  6. Run update java
    • sudo update-alternatives --config java
    • choose jdk1.8.0_73 misal nomor 3
    • lakukan juga pada
      • sudo update-alternatives --config javac
      • sudo update-alternatives --config javaws
  7. Restart apparmor
    • sudo /etc/init.d/apparmor restart
  8. Check it
    • java -version
    • tampilan seharusnya
      • java version "1.8.0_73"
      • Java(TM) SE Runtime Environment (build 1.8.0_73-b132)
      • Java HotSpot(TM) 64-Bit Server VM (build 25.0-b70, mixed mode)
== DONE!!!

---Semoga Membantu---

How to - Install LAMP di ubuntu


Pada windows kita mengenal sebuah software yang sering digunakan untuk membuat sebuah website pada localhost. software tersebut adalah xampp(X(any os) Apache Mysql PHP Perl).




Xampp merupakan sebuah software yang digunakan untuk menjalankan sebuah website pada server sendiri atau localhost, didalam xampp itu sendiri terdapat beberapa program pendukung untuk developer sebuah website seperti mysql, apache dan lain-lain. 

Tapi disini kita tidak akan membahas panjang lebar tentang xampp, karena kita akan menginstall componen untuk membuat sebuah website PHP pada localhost ubuntu. 

Software tersebut adalah LAMP server, LAMP merupakan singkatan dari Linux Apache Mysql PHP, sama seperti XAMPP, LAMP juga digunakan untuk menjalankan sebuah website pada server sendiri atau localhost. Berikut penampakannya.


Oke langsung ke proses instalasinya di ubuntu 14.04:


== CARA INSTALL LAMP SERVER UBUNTU

Pastikan ada koneksi internet pada perangkat.

  • sudo apt-get install lamp-server^ 
    • jika sudah selesai cek localhost pada browser 
    • instalasi akan secara otomatis membuat folder pada komputer cd /var/www/html 
    • cara mengetes 
    • buat file test.php berisi => phpinfo() 
    • restart apache dengan cara 
    • sudo service apache2 restart 
    • buka lcoalhost/test.php pada browser 
  • jika sudah muncul (info php) berarti instalasi apache selesai check Mysql Bind address 
    • cat /etc/hosts | grep localhost 
  • check mysql config
    • vim /etc/mysql/my.cnf 
  • installing phpmyadmin 
    • sudo apt-get install phpmyadmin 
    • pilih apache2 
    • masukkan semua password 
    • test >> localhost/phpmyadmin pada browser 
    • jika tidak muncul lakukan: 
    • configurasi apache2: vim /etc/apache2/apache2.conf 
    • tambahkan pada file apache2.conf: include/etc/phpmyadmin/apache.conf 
    • restart apache 
  • jika ingin configur ulang phpmyadin 
    • sudo dpkg-reconfigure phpmyadmin 
  • jika ingin menghapus/uninstall phpmyadmin 
    • sudo apt-get purge phpmyadmin atau 
    • sudo apt-get purge phpmyadmin* 

== DONE!!!

!!! Jika muncul:

AH00558: apache2: Could not reliably determine the server's fully qualified domain name, using 127.0.1.1.

lakukan:

1. echo "ServerName localhost" | sudo tee /etc/apache2/conf-available/servername.conf

2. sudo a2enconf servername

3. sudo service apache2 restart


---Selamat Mencoba---