menu

Download - Game


Postingan kali ini akan menampilkan daftar game yang wajib saya download saat install komputer pertama kali dengan OS windows,

berikut list game beserta link downloadnya



===DONE!===

Download - Instalasi komputer baru (windows)


Postingan kali ini akan menampilkan daftar software yang wajib saya download saat install komputer pertama kali dengan OS windows,

berikut list software beserta link downloadnya


===DONE!===

Laravel - CRUD (create) pada laravel 4.2


Lama tidak update karena sibuk dikantor dan sibuk membuat projek baru akhirnya update juga,,

Melanjutkan postingan sebelumnya kali ini saya akan membuat sebuah sistem pada laravel untuk dapat menyimpan sebuah content ke database.

Sebelumnya pastikan struktur file laravel kita sama jika belum lihat disini

Jangan lupa juga untuk menyeting database connection bisa lihat disini dan terakhir pastikan sudah ada tabel pada phpmyadmin jika belum lihat disini.

Jika semua telah siap langsung saja ikuti tutorial berikut.

Pertama route baru dengan menambahkan code berikut pada file routes
Route::get('create', 'CreateController@createUser');
Route::post('create', 'CreateController@createpostUser');
Selanjutnya buat controller baru dengan nama CreateController.php seperti ini


Isikan code berikut pada CreateController.php
class CreateController extends BaseController 
{
 public function createUser()
 {
  return View::make('web.createUser');
 }

 public function createpostUser()
 {
  //var_dump($_POST);
  $validator = Validator::make(
   Input::all(),
   array(
     "name"      => "required",
     "username"  => "required",
     "email"     => "required|email|unique:users,email",
     "password"  => "required|min:6",
   )
  );
  if ($validator->passes()) {
      $user = new User;
      $user->name     = Input::get('name');
      $user->username = Input::get('username');
      $user->email    = Input::get('email');
      $user->password = Hash::make(Input::get('password'));
      $user->save();

      return Redirect::to('users');
     }
     else {
      return Redirect::to('create')
       ->withErrors($validator)
       ->withInput();
     }
 }
}
Kemudian buat file view baru dengan nama createUser.blade.php seperti ini


Isi dengan code berikut
@extends('layouts/web/master')
@section('content')
 <?php $title = "Create User" ?>
 <div class="isi">
  <form method="post" action="">
  <table>
   <tr>
    <td>Name <span class="error"><?php echo $errors->first('name') ?></span></td>
    <td nowrap>:</td>
    <td><input type="text" name="name"></td>
   </tr>
   <tr>
    <td>Username <span class="error"><?php echo $errors->first('username') ?></span></td>
    <td nowrap>:</td>
    <td><input type="text" name="username"></td>
   </tr>
   <tr>
    <td>Email <span class="error"><?php echo $errors->first('email') ?></span></td>
    <td nowrap>:</td>
    <td><input type="text" name="email"></td>
   </tr>
   <tr>
    <td>Password <span class="error"><?php echo $errors->first('password') ?></span></td>
    <td nowrap>:</td>
    <td><input type="password" name="password"></td>
   </tr>
   <tr>
    <td colspan="3">
     <br>
     <input type="submit" class="btn" value="Submit">
    </td>
   </tr>
  </table>
  </form>
 </div>
@stop

===DONE!===

Laravel - CRUD (read) pada laravel 4.2


Melanjutkan tutorial sebelumnya kita sudah membuat sebuah landing page website dimana kita sudah memiliki header dari sebuah website.

Selanjutnya kita akan membuat content atau isi dari website tersebut, content yang pertama berisi tentang fungsi Read database pada laravel.

Untuk melakukan tutorial ini kita harus membuat sebuah database connection terlebih dahulu jika belum lihat disini

Kemudian isi database dengan database migrate dan seeder lihat disini

Ada baiknya untuk mengikuti tutorial ini dari awal lihat menu laravel diatas dan lakukan semua tutorial dari atas kebawah..

Oke, langsung saja berikut tutorialnya,
  • Edit header.blade.php pada path protected/app/views/layouts/web/header.blade.php
    • isi dengan 
<div class="header">
 <div class="banner">
  <div class="welcome">Welcome</div>
  <div class="gambar"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWOzEVZ-vSf8RORS5_ZF7e0ltWpkD7gFpz-rqKoBgvvfJkgG9iXS5RxO3iU-MF2TvMqhkj7tIalKW48dq7bJv1Rjk-CKPsKLG6lZGuqVAd_IbNHzZYbWDuyvy2Rji4g1VTQsejHbKskbI/s80/mata.png" style="width:"100px" height="129px";"></a></div>
 </div>
 <hr>
 <div class="menu">
  <div class="kiri">
   <li>
    <div class="dropdown">
      <button class="button">Menu(css)</button>
      <div class="dropdown-content">
        <a href="{{ URL::to('users')}}">User</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </div>
   </li>
  </div>
  <div class="kanan">
   <li onclick="location.href='{{ URL::to('/') }}';">Login</li>
   <li onclick="location.href='{{ URL::to('/') }}';">Cari</li>
  </div>
 </div>
</div>
  • Edit routes.php pada path protected/app/routes.php
    • tambahkan code
Route::get('users', 'ReadController@readUsers');
  • Tambahkan controller baru pada path protected/app/controllers dengan nama ReadController.php
    • isi dengan 
<?php

class ReadController extends BaseController 
{
 public function readUsers()
 {
  $users = User::all();
  return View::make('web.readUser')->with('data_user', $users);
 }

}
  • Buat file view baru pada path protected/app/views/web/ bernama readUser.blade.php
    • isi dengan 
@extends('layouts/web/master')
@section('content')
 <?php $title = "User" ?>
 <div class="isi">
   <table border="1">
     <tr>
        <th>ID</th>
        <th>NAME</th>
        <th>USERNAME</th>
        <th>EMAIL</th>
        <th>PASSWORD</th>
        <th>CREATED AT</th>
        <th>UPDATED AT</th>
     </tr>
     @foreach($data_user as $users)
       <tr>
          <td>{{ $users->id }}</td>
          <td>{{ $users->name }}</td>
          <td>{{ $users->username }}</td>
          <td>{{ $users->email }}</td>
          <td>{{ $users->password }}</td>
          <td>{{ $users->created_at }}</td>
          <td>{{ $users->updated_at }}</td>
       </tr>
     @endforeach
   </table>
   <br>
   <button onclick="location.href='{{ URL::to('create') }}';">Create</button>
 </div>
@stop
  • Tambahkan code css berikut pada main.scss untuk membuat button
    body {
     margin: 0 0 0 0;
     width: 100%;
     background-color: #e9eaee;
     text-align: center;
    }
    .isi{
     margin-top: 20px;
     padding: 20px 2%;
     text-align: left;
     width: 96%;
     border-radius: 5px;
     background-color: white;
     border: 1px solid #e1e8ed;
     overflow: auto;
    }
    button,
    .btn{
        background-color: #e5e5e5;
        padding: 11px 20px;
        border-radius: 3px;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        cursor: pointer;
        border: none;
        &:hover {
      color: lighten(black, 10%);
      text-decoration: none;
      background-color: #ededed;
     }
    }
    @import 'header';
    @import 'footer';
    
  • Sehingga tampilannya akan tampak seperti ini

===DONE!===

Laravel - Membuat menu dropdown dengan style


Setelah pada posting kemarin kita telah membuat css untuk membuat sebuah header, sekarang kita akan membuat menu dropdown pada header.

Oke langsung saja tutorialnya..

Pertama kita jalankan dulu sass pada command prompt dengan cara lihat disini


Selanjutnya isikan code berikut pada file _header.scss dan save
.header{
 text-align: left;
 margin-top: 10px;
 width: 100%;
 height: 197px;
 background-color: white;
 box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
 .banner{
  text-align: center;
  width: 100%;
  height: 129px;
  .welcome{
   padding-top: 60px;
   float: left;
   width: 40%;
   text-align: right;
  }
  .gambar{
   float: left;
   width: 20%;
  }
 }
}
.menu{
 width: 90%;
 margin-right: 5%;
 margin-left: 5%;
 .kiri{
  float: left;
  width: 50%;
  text-align: left;
  li{
   list-style: none;
   display: inline;
   margin-right: 5px;
  }
  .button {
      background-color: #e5e5e5;
      padding: 11px 20px;
      border-radius: 3px;
      box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
      cursor: pointer;
      border: none;
  }
  .dropdown {
      position: relative;
      display: inline-block;
      &:hover .dropdown-content{
       display: block;
      }
      &:hover .button{
       color: lighten(black, 10%);
   text-decoration: none;
   background-color: #ededed;
      }
  }
  .dropdown-content {
      border-radius: 3px;
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      a{
       color: black;
       padding: 10px 20px;
       text-decoration: none;
       display: block;
       &:hover{
        background-color: #e5e5e5;
       }
      }
  }
 }
 .kanan{
  float: right;
  width: 50%;
  text-align: right;
  li{
   display: inline-block;
   background-color: #e5e5e5;
   margin-right: 5px;
   display: inline-block;
   cursor: pointer;
   padding: 10px 20px;
   border-radius: 3px;
   box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
   &:hover {
    color: lighten(black, 10%);
    text-decoration: none;
    background-color: #ededed;
   }
  }
 }
}
Tambahkan code berikut pada file header.blade.php yang terletak pada path protected/app/views/layouts/web/header.blade.php
<div class="header">
 <div class="banner">
  <div class="welcome">Welcome</div>
  <div class="gambar"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWOzEVZ-vSf8RORS5_ZF7e0ltWpkD7gFpz-rqKoBgvvfJkgG9iXS5RxO3iU-MF2TvMqhkj7tIalKW48dq7bJv1Rjk-CKPsKLG6lZGuqVAd_IbNHzZYbWDuyvy2Rji4g1VTQsejHbKskbI/s80/mata.png" style="width:"100px" height="129px";"></a></div>
 </div>
 <hr>
 <div class="menu">
  <div class="kiri">
   <li>
    <div class="dropdown">
      <button class="button">Menu(css)</button>
      <div class="dropdown-content">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </div>
   </li>
  </div>
  <div class="kanan">
   <li onclick="location.href='{{ URL::to('/') }}';">Login</li>
   <li onclick="location.href='{{ URL::to('/') }}';">Cari</li>
  </div>
 </div>
</div>
Maka tampilan headernya akan menjadi seperti ini


Next tutorial akan saya bagikan juga cara membuat menu dropdown dengan menggunakan script

===DONE!===


Laravel - Database migrations dan seeds pada laravel 4.2


Setelah pada tutorial sebelumnya kita sudah membuat sebuah koneksi database untuk project kita sekarang saatnya membuat isi dari database tersebut.

Tutorial ini akan menggunakan library dari laravel itu sendiri yaitu php artisan

Oke, langsung saja caranya

Jangan lupa samakan dulu struktur project laravel kita jika belum lihat disini

1. Pertama masuk ke path project kita kemudian ketikkan sintax artisan, seperti ini


2. Maka secara otomatis program artisan akan mengenerate file migration pada path protected/app/database/migration seperti ini


3. Buka file (tanggal)_User.php kemudian masukkan query tablenya, seperti ini
<?php
//ini database laravel
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class User extends Migration {

 /**
  * Run the migrations.
  *
  * @return void
  */
 public function up()
 {
  Schema::create('users', function($table){
   $table->increments('id');
   $table->string('name');
   $table->string('username');
   $table->string('email');
   $table->string('password');
   $table->timestamps();
  });
 }

 /**
  * Reverse the migrations.
  *
  * @return void
  */
 public function down()
 {
  Schema::drop('users');
 }

}
4. Selanjutnya ketikkan code berikut pada command prompt


5. Maka secara otomatis akan terbentuk tabel baru bernama users


6. Kemudian kita akan mengisi tabel tersebut dengan perintah seed pertama buat dulu file seedernya dengan nama UserSeeder.php pada path protected/app/database/seeds seperti ini



7. Isi file UserSeeder.php dengan code berikut
<?php
 
class UserSeeder extends Seeder
{
    public function run()
    {
        DB::table('users')->delete();
        DB::table('users')->insert(array (
            array (
              'name'     => 'Dracule Mihawk',
              'username' => 'mihawk',
              'email'    => 'mihawk@gmail.com',
              'password' => Hash::make('rahasiakampret'),
            ),
            array (
              'name'     => 'Trafalgar Law',
              'username' => 'trafa',
              'email'    => 'trafa@gmail.com',
              'password' => Hash::make('rahasiakampret'),
            ),
        ));
    }
}
8. Edit file DatabaseSeeder.php isi dengan code berikut
<?php

class DatabaseSeeder extends Seeder {

 /**
  * Run the database seeds.
  *
  * @return void
  */
 public function run()
 {
  Eloquent::unguard();

  $this->call('UserSeeder');
 }

}

8. Ketikkan lagi pada cmd


9. Secara otomatis table users akan terisi seperti ini


===DONE!!!===

Laravel - Setting database connection laravel 4.2


Dalam membuat sebuah database migration pada laravel maka kita harus mengkoneksikan terlebih dahulu website kita dengan phpmyadmin yang merupakan website pada server local yang berfungsi sebagai tempat meletakkan seluruh database kita.

Dalam tutorial ini saya akan mengajarkan cara membuat koneksi database tersebut hanya pada komputer pribadi anda sebagai developernya.

Saya anggap struktur project laravel kita sama jika belum samakan dulu lihat disini

Okay, kita langsung saja..

1. Pertama buat lokal koneksi khusus untuk komputer kita dengan menambahkan environment laravel

  • buka file start.php pada path protected/bootstrap/start.php
  • tambahkan 'local_terserah' => array('nama komputer'), seperti ini
  • mengganti nama komputer bisa lihat disini
$env = $app->detectEnvironment(array(

 'local' => array('homestead'),
 'local_terserah' => array('Namakomputer'),

));
2. Tambahkan folder local_terserah pada path protected/app/config/local_terserah
3. Isikan dua file app.php dan database.php pada folder local_terserah
4. file app.php berisi
<?php

return array(

 /*
 |--------------------------------------------------------------------------
 | Application Debug Mode
 |--------------------------------------------------------------------------
 |
 | When your application is in debug mode, detailed error messages with
 | stack traces will be shown on every error that occurs within your
 | application. If disabled, a simple generic error page is shown.
 |
 */

 'debug' => true,

);

5. file database.php berisi
<?php

return array(

 /*
 |--------------------------------------------------------------------------
 | Database Connections
 |--------------------------------------------------------------------------
 |
 | Here are each of the database connections setup for your application.
 | Of course, examples of configuring each database platform that is
 | supported by Laravel is shown below to make development simple.
 |
 |
 | All database work in Laravel is done through the PHP PDO facilities
 | so make sure you have the driver for your particular database of
 | choice installed on your machine before you begin development.
 |
 */

 'connections' => array(

  'mysql' => array(
   'driver'    => 'mysql',
   'host'      => 'localhost',
   'database'  => 'project',
   'username'  => 'root',
   'password'  => 'root',
   'charset'   => 'utf8',
   'collation' => 'utf8_unicode_ci',
   'prefix'    => '',
  ),

  'pgsql' => array(
   'driver'    => 'mysql',
   'host'      => 'localhost',
   'database'  => 'project',
   'username'  => 'root',
   'password'  => 'root',
   'charset'   => 'utf8',
   'collation' => 'utf8_unicode_ci',
   'prefix'    => '',
  ),

 ),
);
6. Buat database di phpmyadmin dengan nama project(sesuai dengan isi file database.php) atau terserah kalian
7. Buat hak akses baru


8. Klik ini


9. Isi form

10. Centang ini


11. Klik kirim


12. Jika sudah ada hak akses untuk root maka tinggal edit privileges saja


13. Ubah password dengan root(sesuai dengan isi file database.php)



===DONE!!!===

Windows - Mengganti nama komputer


Untuk mengganti nama komputer pada windows sangatlah mudah tapi banyak orang yang belum tahu caranya.
Cara mengganti nama komputer disini saya menggunakan windows 10.

Oke langsung saja berikut caranya.

1. Klik kanan pada this pc dan klik properties


2. Klik ini

3. Maka akan terbuka modal seperti ini, kemudian pilih computer name


4. Klik change


5. Isikan nama komputer dan save



===DONE!!!===

Laravel - Belajar membuat css laravel dengan sass pada windows


Oke kita lanjut lagi tutorial laravelnya masih di frontend kita akan membuat sebuah landing page sederhana di laravel dengan sass yang merupakan salah satu compiler css untuk cara menginstallnya silahkan baca terlebih dahulu disini.

Untuk syntax sass bisa lihat disini,

Sebelum masuk ke tutorial saya presepsikan struktur laravel kita sama untuk memastikan silahkan baca terlebih dahulu disini

1. Pertama buat folder css di folder public kemudian buat folder web pada folder css sehingga strukturnya akan menjadi seperti ini.


2. Lanjut membuat file main.scss, _header.scss, dan _footer.scss akan terlihat seperti ini

4. Masukkan code dibawah ini pada main.scss
body {
 margin: 0 0 0 0;
 width: 100%;
 background-color: #e9eaee;
 text-align: center;
}
@import 'header';
@import 'footer';
3. Buka path pada command prompt lihat gambar

  

5. Jalankan sass dengan code seperti dibawah ini


6. Maka compiler sass akan membuat file css beserta mapingnya seperti ini

7. Selanjutnya masukkan code berikut pada file _header.scss kemudian save
.header{
 text-align: left;
 margin-top: 10px;
 width: 100%;
 height: 197px;
 background-color: white;
 box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
 .banner{
  text-align: center;
  width: 100%;
  height: 129px;
  .welcome{
   padding-top: 60px;
   float: left;
   width: 40%;
   text-align: right;
  }
  .gambar{
   float: left;
   width: 20%;
  }
 }
}
.menu{
 width: 90%;
 margin-right: 5%;
 margin-left: 5%;
 .kanan{
  float: right;
  width: 50%;
  text-align: right;
  li{
   display: inline-block;
   background-color: #e5e5e5;
   margin-right: 5px;
   display: inline-block;
   cursor: pointer;
   padding: 10px 20px;
   border-radius: 3px;
   box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
   &:hover {
    color: lighten(black, 10%);
    text-decoration: none;
    background-color: #ededed;
   }
  }
 }
}
8. Tidak perlu menjalankan sass lagi untuk _header karena kita sudah mengimpor _header pada main.scss sehingga saat kita menjalankan sass main.scss secara otomatis juga akan menjalankan sass untuk file _header.scss

9. Buat folder layouts dan web pada folder protected/app/views kemudian buat file master, header, dan footer seperti ini

10. Isikan pada file header.blade.php code berikut
<div class="header">
 <div class="banner">
  <div class="welcome">Welcome</div>
  <div class="gambar"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWOzEVZ-vSf8RORS5_ZF7e0ltWpkD7gFpz-rqKoBgvvfJkgG9iXS5RxO3iU-MF2TvMqhkj7tIalKW48dq7bJv1Rjk-CKPsKLG6lZGuqVAd_IbNHzZYbWDuyvy2Rji4g1VTQsejHbKskbI/s80/mata.png" style="width:"100px" height="129px";"></a></div>
 </div>
 <hr>
 <div class="menu">
  <div class="kanan">
   <li onclick="location.href='{{ URL::to('/') }}';">Login</li>
   <li onclick="location.href='{{ URL::to('/') }}';">Cari</li>
  </div>
 </div>
</div>
11. Isikan pada file master.blade.php code berikut
<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>{{ $title }}</title>
 {{ HTML::style('public/css/master/main.css') }}
</head>
<body>
 @include('layouts.web.header')
 @yield('content')
 @include('layouts.web.footer')
</body>
</html>
12. Isikan code berikut pada file hello.blade.php jika file tidak ada silahkan buat pada path berikut

@extends('layouts/web/master')
@section('content')
 <?php $title = "Welcome" ?>
@stop
13. Atur routes dan controller baca postingan sebelumnya disini

14 Sehingga akan tampil seperti ini



===DONE!!!===