Dunia Telekomunikasi, dan Komputer: September 2018

Senin, 24 September 2018

Setting PC tidak otomatis shutdown saat di tekan power

https://www.youtube.com/watch?v=aM3f_e-JlzQ

Minggu, 23 September 2018

Tidak Bisa hapus background di photosob

Anda mengalami error di photosob seperti : could not use the background eraser because it does not work with indexed color image
Baca sumber dibawah ini untuk mengetahui solusinya :
Sumber : https://helpx.adobe.com/photoshop/using/converting-color-modes.html

Rabu, 19 September 2018

Membuat Judul Website di Laravel

1. Buka config kemudian app.blade.php
Lalu buat file seperti :

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Application Name
    |--------------------------------------------------------------------------
    |
    | This value is the name of your application. This value is used when the
    | framework needs to place the application's name in a notification or
    | any other location as required by the application or its packages.
    */

    'name' => 'Your App Name',

    'subtitle' => 'Your app’s subtitle',

    // Other configuration settings...

];

Selasa, 18 September 2018

Authentication Laravel

https://laravel.com/docs/5.6/authentication

Sabtu, 15 September 2018

Datatable Laravel

https://appdividend.com/2018/04/16/laravel-datatables-tutorial-with-example/

Datatable di Laravel

ntuk menginstall datatable kita akan menggunakan composer, silahkan buka CMD kemudian pastikan posisi pointer sekarang di dalam proyek laravel anda dan silahkan ketikan perintah berikut ini :

composer require yajra/laravel-datatables-oracle:"~8.0"

1	composer require yajra/laravel-datatables-oracle:"~8.0"

Konfigurasi Datatable Pada Framework Laravel

Setelah proses download datatable selesai maka kita masuk ke tahapan selanjutnya yaitu mendaftarkan provider dan facade datatable pada sistem laravel, silahkan buka app.php yang ada pada folder config dan silahkan tambahkan dua baris berikut pada block providers dan aliases.

'providers' => [
    ...,
    Yajra\DataTables\DataTablesServiceProvider::class,
]

'aliases' => [
    ...,
    'DataTables' => Yajra\DataTables\Facades\DataTables::class,
]

'providers' => [

...,

Yajra\DataTables\DataTablesServiceProvider::class,

]

'aliases' => [

...,

'DataTables' => Yajra\DataTables\Facades\DataTables::class,

]

Membuat Data Json

sekarang kita akan menggunakan datatable untuk menggenerate data dalam format json dan untuk table yang akan kita gunakan adalah table users yang sudah otomatis ada ketika anda melakukan migrate pertama kali.

Penawaran Spesial Untuk Anda, Promo Berakhir 16 September 2018

Kemudian silahkan gunakan perintah artisan untuk membuat sebuah controller baru dengan nama UserController

php artisan make:controller UserController

1	php artisan make:controller UserController

kemudian silahkan buat panggil model user dan buat function index yang akan kita gunakan untuk menampilkan data kepada visitor dan functio json untuk menggenerate data json yang akan digunakan oleh library datatable nantinya.

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\User;
use DataTables;
class UserController extends Controller
{
    public function json(){
        return Datatables::of(User::all())->make(true);
    }

    public function index(){
        return view('list_users');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\User;

use DataTables;

class UserController extends Controller

{

public function json(){

return Datatables::of(User::all())->make(true);

}

public function index(){

return view('list_users');

}

Kemudian kita akan membuat dua routing baru dengan method GET agar kedua function tersebut bisa di akses melalui URL menggunakan web browser.

Route::get('user','UserController@index');
Route::get('user/json','UserController@json');

1 2	Route::get('user','UserController@index'); Route::get('user/json','UserController@json');

sekarang silahkan buka browser anda dan akses http://localhost:8000/user/json, pastikan tabel users sudah ada data nya dan jika semua step yang anda lakukan benar maka seharusnya akan muncul data json seperti dibawah ini :

Membuat View Untuk Menampilkan Data

Langkah selanjutnya adalah membuat view untuk menampilkan data nya, silahkan buat sebuah view dengan nama layout.blade.php yang akan kita gunakan sebagai template utama dan simpan pada folder resources/views kemudian tulislah script berikut ini :

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel DataTables Tutorial</title>

        <!-- Bootstrap CSS -->
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <style>
            body {
                padding-top: 40px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            @yield('content')
        </div>
<!-- jQuery -->
        <script src="//code.jquery.com/jquery.js"></script>
        <!-- DataTables -->
        <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
        <!-- Bootstrap JavaScript -->
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <!-- App scripts -->
        @stack('scripts')
    </body>
</html>

<!DOCTYPE html>

<head>

<title>Laravel DataTables Tutorial</title>

<!--[if lt IE 9]>

<![endif]-->

<style>

body {

padding-top: 40px;

}

</style>

</head>

<body>

@yield('content')

</div>

@stack('scripts')

</body>

</html>

Kemudian kita akan membuat sebuah child view dengan nama list_users.blade.php dan tulislah script berikut ini :

@extends('layout')

@section('content')
    <table class="table table-bordered" id="users-table">
        <thead>
<tr>
                <th>Id</th>
                <th>Name</th>
                <th>Email</th>
                <th>Created At</th>
                <th>Updated At</th>
            </tr>
</thead>
    </table>
@stop

@push('scripts')
<script>
$(function() {
    $('#users-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: 'user/json',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'name', name: 'name' },
            { data: 'email', name: 'email' },
            { data: 'created_at', name: 'created_at' },
            { data: 'updated_at', name: 'updated_at' }
        ]
    });
});
</script>
@endpush

@extends('layout')

@section('content')

<thead>

<tr>

<th>Email</th>

<th>Created At</th>

<th>Updated At</th>

</tr>

</thead>

</table>

@stop

@push('scripts')

$(function() {

$('#users-table').DataTable({

processing: true,

serverSide: true,

ajax: 'user/json',

columns: [

{ data: 'id', name: 'id' },

{ data: 'name', name: 'name' },

{ data: 'email', name: 'email' },

{ data: 'created_at', name: 'created_at' },

{ data: 'updated_at', name: 'updated_at' }

]

});

</script>

@endpush

sekarang silahkan buka web browser anda dan akses http://localhost:8000/user, jika semua step yang anda lakukan sudah benar maka akan muncul tampilan seperti berikut ini :

Begitulah step by step tutorial menggunakan datatable pada framework laravel dan jika tutorial ini bermanfaat bagi anda maka anda boleh menebar manfaat ini juga bagi orang lain dengan cara share artikel ini, terima kasih.

Sumber : https://belajarphp.net/tutorial-datatable-serverside-laravel/

Tutorial Datatable di laravel

Okay, sekarang saya akan membahas mengenai Datatables pada Laravel, hmmm udah pada tau mengenai datatables atau belum? Kalau belum silahkan cari tau dulu di website resmi langsung disini lalu karena kita akan menerapkan nya pada laravel jadi saya menggunakan package yang di khususkan untuk laravel nih yaitu yajra-datatables.
Jika ingin belajar datatables lebih dalam silahkan langsung ke website yajra-datatables nya langsung ya sob karena disini saya akan membahas cara menggunakan / penerapan dasar nya saja yang sering terpakai
Bahan nya yang harus disiapkan nih :

Project laravel sobat yang sudah terkoneksi dengan table tentunya (Saya masih pake Laravel 5.2 ya)
Package yajra-datatables nya (nanti dikasih tau cara install nya)
Ini Css dan Js datatables nya download disini <- Klik
Koneksi internet (buat download package)
Komputer / Laptop (pastikan komputer nya udah menyala ya)

Perkiraan waktu pengerjaan :

10 - 20 menit ( tergantung kalo ga ada error )

Udah kaya masak aja jadinya hahaha udah ah langsung saja nih pertama saya tampilkan dulu contoh project saya yang sudah siap buat di praktekin ke Datatables :
Ini adalah index.blade.php saya,
Laravel datatables

Note :

Project sobat harus lengkap dengan controllernya, model, dan view nya harus sudah siap ya

Sekali lagi saya tegaskan ya sob, disini saya tidak membahas mengenai Cara membuat model, controller, view dll hanya langsung ke cara menggabungkan Datatables nya dengan Laravel saja.
Jadi jika sobat masih belum paham, silahkan dibaca dulu pertahap tutorial – tutorial sebelumnya.
Pertama – tama kita install dulu yajra-datatables nya, dengan cara buka command prompt nya di Path Laravel sobat, klik kanan pada command promptnya lalu pastekan command line ini :

composer require yajra/laravel-datatables-oracle:~6.0

Tinggal enter, hasilnya gini :
Hasillaravel

Ket :

Perlu koneksi internet (wajib)
Pastikan sudah terinstall dengan benar, tidak ada yang failed (wajib)
Kopi / Minuman biar engga ngantuk (engga wajib)

Lanjut, jika sudah lalu langkah selanjutnya paste script ini di config\app.php dibagian providers ya :

Yajra\Datatables\DatatablesServiceProvider::class

Dan ini masih di config\app.php tapi dibagian aliases :

'Datatables' => Yajra\Datatables\Facades\Datatables::class,

Lalu kita publish , klik kanan pada commandprompt lalu paste lagi commandline berikut :

php artisan vendor:publish --tag=datatables

Yaa kita sudah selesai instalasi package Datatables nya, langsung kita lanjut lagi cara menggunakan datatables pada view table yang sudah kita siapkan tadi ya pastikan sudah terkoneksi dengan database sob
Pertama pastikan kita sudah memanggil css dan js nya datatables ya sob, kalau belum silahkan download disini, dan taroh di folder public nya Laravel. Lalu sesuaikan lokasi css/js nya
cssdatatables

Lanjut ke Controller masing – masing ya sob, disini nama controller saya yaitu DatatablesController
Panggil use Datatables nya seperti ini :

use Yajra\Datatables\Datatables;

Lalu buat method baru dengan nama dataBuku() isi nya gini :

public function dataBuku()
  {
      return Datatables::of(Buku::query())->make(true);
  }

Keseluruhan Controller nya :
laravel-datatables

Lalu kembali ke index.blade.php atau ke view table yang mau kita buat menjadi datatables
Tambahkan element id didalam tag table contoh :
laravel-gilacoding

Terserah saja mau id nya apa, nanti id pada table ini akan kita gunakan untuk javascriptnya datatables
Lalu kita ke bagian javascript, pastekan script berikut ke bagian bawah nya pemanggilan datatables ya, jangan sampai mempaste nya diatas script pemanggilan datatables nanti tidak akan jalan.

<script type="text/javascript">
    $(function() {
        var oTable = $('#table-buku').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ url("data-buku") }}'
            },
            columns: [
            {data: 'id_buku', name: 'id_buku'},
            {data: 'judul', name: 'judul'},
            {data: 'penulis', name: 'penulis'},
            {data: 'deskripsi', name: 'deskripsi', orderable: false},
            {data: 'kategori', name: 'kategori', orderable: false, searchable: false},
        ],
        });
    });
</script>

Ket :

var oTable = $('#table-buku') , pastikan id nya sama dengan id kita pada table tadi
processing: true, ini menampilkan gif animation processing nya
serverSide: true, menampilkan data dari database dengan serverside artinya tidak sekaligus semua data dari database terload ,
ajax: { url: '{{ url("data-buku") }}' }, ini url yang sudah kita buat untuk menampilkan data buku
columns: [ data: 'id_buku', name: 'id_buku'} ], sesuaikan jumlah data nya dengan yang ingin kita tampilkan, misal tadi pada table jumlah <th></th> atau kolom yang ingin kita tampilkan ada 5 maka jumlah column pada script datatable kita juga isi nya harus 5.
- Maksud dari data: ‘id_buku’ ini harus sama dengan yang didatabase
- Sedangkan name: ‘ id_buku’ ini untuk name nya saja
orderable: false, jika kita false ini kolom pilihan tidak akan bisa kita order
searchable: false, kalau ini kita false maka saat kita search kata kunci dikolom juga tidak masuk dalam kategori pencarian

Sekarang kita ke routes.php ya, tambahkan url pada datatables kita tadi yaitu data-buku
Method nya dataBuku pada DatatablesController yang sudah saya buat :
datatables-gilacoding

Jika sudah sekarang coba kita jalankan, dan hasilnya :
laravel-datatables-gc

Pada kolom deskripsi dan kategori tidak ada tanda panah atas/bawah , karena orderable nya tadi kita false untuk menampilkan nya silahkan di true atau dihapus orderablenya. Silahkan kalian coba hasilnya sob
Sekian tutorial Menggabungkan Datatables dengan Laravel Part I nya, Mohon maaf jika saya terdapat salah kata ya sob. Ditunggu untuk Part – Part Datatables selanjutnya!
Jika ada yang kurang jelas / ada yang ingin ditanyakan silahkan di Tanyakan di bawaah. Terimakasih :D
Ohya ini project saya tadi silahkan didownload datatables part I nya --> Disini <--

Sumber : https://gilacoding.com/read/tutorial-laravel-dengan-datatables-part-i

Jumat, 14 September 2018

Materi Golang

https://pemrogramanwebgolang.novalagung.com/

Selasa, 11 September 2018

On screen keyboard di ubuntu

Assalammualaikum Wr Wb. Halo guys ... bagi teman teman yang mau install on screen keyboard di linux ubuntu berikut langkah langkahnya :

1. Booting Linux anda dan login ke dashoard linux ubuntu .
2. Buka terminal bisa cari di menu atau ctrl + alt+t
3. ketik : sudo spasi apt-get install onboard.
4. Tunggu proses sampai selesai.

Dunia Telekomunikasi, dan Komputer

Feedburner