LARAVEL-tutorial awal

 

Konfigurasi Laravel dan PostgreSQL Beserta Contoh Migration

https://jagongoding.com/web/laravel/konfigurasi-laravel-dan-postgresql-beserta-contoh-migration/

• Laravel
 
• Web Development
 
• PostgreSQL
 
• PHP

Daftar Isi

• • Apa yang dibutuhkan?
  • 1. Install Laravel
  • 2. Nyalakan PostgreSQL Server
  • 3. Buat Database
  • 4. Atur Koneksi
  • 5. Contoh Migration dan Seeder
  • Kesimpulan

Bagikan:

Bismillah.

Pada kesempatan kali ini saya akan membahas tentang bagaimana mengatur konfigurasi Laravel dengan postgresql. Tidak hanya itu, di bagian akhir dari tulisan ini juga akan dicontohkan membuat tabel baru dengan migration dan membuat data dummy untuk memberikan gambaran lebih detil tentang laravel dan postgresql.

Apa yang dibutuhkan?

Pertama yang dibutuhkan adalah tentu saja anda menginstall PostgreSQL server. Jika anda menggunakan arch linux, anda bisa membaca tutorial jagongoding yang lain tentang Cara Menginstall PostgreSQL 11 di Arch Linux.

Selanjutnya, karena kita akan menginstall laravel. Maka kita juga membutuhkan semua yang dibutuhkan oleh Laravel.

1. Install Laravel

Langkah pertama install laravel. Buka terminal anda dan jalankan perintah di bawah. Lebih jelasnya bisa dilihat di Cara Install Laravel di Linux Semua Distro jika anda menggunakan linux.

laravel new belajar-postgres

cd belajar-postgres
php artisan serve

Buka localhost:8000 pada browser untuk memastikan apakah project baru laravel sudah berhasil terpasang.

2. Nyalakan PostgreSQL Server

Pastikan PostgreSQL sudah menyala. Ini tentu saja tergantung dari sistem operasi yang teman-teman gunakan, jika menggunakan linux, secara umum postgresql bisa dinyalakan dengan perintah systemctl berikut:

sudo systemctl start postgresql

3. Buat Database

Ada beberapa cara membuat database di postgresql. Di sini saya mencontohkan tiga cara, silakan perhatikan dengan baik lalu pilih salah satu cara yang menurut anda lebih memudahkan.

Cara 1: Menggunakan perintah createdb

Dengan menggunakan perintah createdb, anda otomatis akan membuat database milik dari user yang sedang login tanpa melakukan autentikasi. Perintahnya adalah sebagai berikut:

createdb belajar

Cara 2: Menggunakan DB Client GUI

Cara yang kedua adalah menggunakan DB Client GUI. Di sini saya contohkah menggunakan DB Client adminer, simpel tapi powerfull untuk berbagai macam DBMS. Anda bisa bebas menggunakan DB Client yang lainnya.

Cara 3: Membuat dengan QUERY

Cara membuat database yang ketiga adalah dengan menggunakan Query secara langsung dari psql client. Yang pertama anda lakukan adalah login ke postgresql dengan menggunakan perintah psql. Secara umum tanpa menambahkan parameter apa pun, anda akan otomatis login menggunakan user yang sedang aktif.`

psql

Lalu tulis query untuk membuat database baru.

CREATE DATABASE belajar;

4. Atur Koneksi

Setelah database berhasil kita buat. Langkah selanjutnya adalah mengatur koneksi agar aplikasi laravel kita terhubung ke database yang telah kita buat. Pertama-tama buka file .env, kalau belum ada maka copy dulu file yang sudah ada dari .env.example.

cp .env.example .env

Jangan lupa jika belum ada APP_KEY maka kita generate dulu dengan perintah berikut:

php artisan key:generate

Pada nilai dengan prefix DB_ kita atur seperti di bawah ini agar bisa terkoneksi dengan database postgresql yang baru saja kita buat.

...

DB_CONNECTION=pgsql
DB_HOST=localhost
DB_PORT=5432
DB_DATABASE=<nama-database>
DB_USERNAME=<username>
DB_PASSWORD=<password>

...

Ganti nilai yang diapit tanda < dan > dengan konfigurasi yang sesuai`.

Harusnya aplikasi kita sekarang telah berhasil terkoneksi dengan postgresql.

Setelah ini kita akan mencoba untuk membuat migration dan seeder, agar bisa terbukti apakah benar-benar sudah berhasil terkoneksi atau tidak.

5. Contoh Migration dan Seeder

Sebenarnya secara default laravel sudah hadir dengan dua buah migration, yaitu untuk tabel users dan tabel password_resets. Sehingga kalau kita jalankan perintah php artisan migrate kita otomatis akan mendapatkan dua tabel tersebut di database kita dan satu tabel tambahan yaitu migrations.

Pertama-tama kita akan coba lakukan php artisan migrate terlebih dahulu untuk mengecek apakah koneksi database kita sudah benar atau tidak. Setelah itu kita akan coba membuat tabel baru dengan migration yang baru.

php artisan migrate

Jika tidak ada error dan anda mendapatkan output seperti gambar di atas, maka itu artinya koneksi kita berhasil dan di database kita yaitu database belajar sekarang telah terdapat 3 tabel baru.

Pada bagian selanjutnya kita akan mencoba membuat tabel baru bernama tabel buku dengan memanfaatkan migration laravel.

Buat Migration Untuk Tabel Buku

Kita akan membuat tabel baru bernama tabel buku. Dengan attribut seperti berikut:

buku
	id - integer
	judul - varchar
	penulis - varchar
	stok - integer
	buku_terjemahan - boolean
	deskripsi - longtext
	created_at - timestamp
	updated_at - timestamp

Jalankan perintah php artisan make:migration <nama-migration> untuk membuat migration baru.

php artisan make:migration create_buku_table --create=buku

Setelah itu kita akan mendapati file baru di dalam direktori database/migrations sesuai dengan nama migration yang kita definisikan.

Ketika kita buka file database/migrations/XXXX_XX_XX_XXXXXX_create_buku_table.php, kita akan dapati kode sebagai berikut pada fungsi up:

<?php

Schema::create('buku', function (Blueprint $table) {
		$table->bigIncrements('id');
		$table->timestamps();
});

Ini otomatis tertambahkan jika kita saat membuat migration baru kita sertakan flag --create=<nama-table>. Ini memudahkan kita karena kita tidak perlu menulis banyak kode secara manual.

Baik, selanjutnya kita akan membuat kolom-kolom seperti yang sudah berlalu penjelasannya. Kita tambahkan kode berikut ini kedalam fungsi up().

<?php

public function up()
{
    Schema::create('buku', function (Blueprint $table) {
        $table->bigIncrements('id');
        $table->string('judul', 60);
        $table->string('penulis', 30);
        $table->integer('stok');
        $table->boolean('buku_terjemahan')->default(false);
        $table->longText('deskripsi')->nullable();
        $table->timestamps();
    });
}

Eksekusi perintah php artisan migrate untuk mengaplikasikan migration yang baru kita buat.

php artisan migrate

Jika tidak terjadi error, berarti tabel buku telah berhasil kita buat.

Buat Seeder Untuk Tabel Buku

Oke, di sini kita akan membuat seeder baru untuk tabel buku. Lalu kita isi data dummy sebanyak 100 baris. Bagi kalian yang ingin mempelajari lebih jauh, saya pernah menulis tutorial tersendiri tentang Cara Membuat Data Dummy di Laravel.

Ada pun pada kesempatan kali ini, kita ambil simpelnya saja.

Jalankan perintah php artisan make:seeder untuk membuat seeder baru.

php artisan make:seeder TabelBukuSeeder

Maka file baru di folder database/seeds/ akan dibuat.

Buka file database/seeds/TabelBukuSeeder.php. Lalu pada fungsi run() ubah kodenya menjadi seperti berikut:

<?php

/**
 * Run the database seeds.
 *
 * @return void
 */
public function run()
{
    $faker = \Faker\Factory::create();

    \DB::table('buku')->truncate();

    for ($i=0; $i < 100; $i++) { 
        DB::table('buku')->insert([
            'judul' => $faker->sentence(3),
            'penulis' => $faker->name,
            'stok' => $faker->numberBetween(1, 10),
            'buku_terjemahan' => $faker->randomElement([true, false]),
            'deskripsi' => $faker->text(100),
            'created_at' => now(),
            'updated_at' => now()
        ]);
    }
}

Buka file database/seeds/DatabaseSeeder lalu pada fungsi run(), panggil kelas TabelBukuSeeder.

<?php

/**
 * Seed the application's database.
 *
 * @return void
 */
public function run()
{
    $this->call(TabelBukuSeeder::class);
}

Setelah semuanya rampung, eksekusi perintah php artisan db:seed.

php artisan db:seed

Jika tidak ada error, maka sekarang tabel buku memiliki 100 data dummy.

Kesimpulan

Kesimpulannya, laravel dengan segala kemudahannya membuat kita benar-benar bisa fokus ke proses pembuatan program. Karena layer database telah dihandle sedemikian rupa sehingga kita tidak perlu berkotor-kotor untuk bersentuhan langsung dengan layer database.

Oleh karena itu jika teman-teman perhatikan di atas, tidak ada bedanya ketika kita menggunakan postgresql atau mysql sebagai DBMS kita, laravel menjembataninya dengan baik sekali. Sehingga jika teman-teman ingin mengubah DBMS ke mysql, tinggal mengganti .env nya saja.

Semoga bermanfaat :) Nantikan tutorial-tutorial selanjutnya!

ANDROID-tool desain

 

7 Tools Terbaik untuk Membuat Desain Aplikasi Seluler

Oktober 5, 2020 by Feradhita NKD

Desain Aplikasi Seluler

Ketika membuat desain aplikasi seluler, para desainer membutuhkan beberapa tools untuk memudahkan tugas mereka. Menggunakan tools yang tepat juga akan membantu mereka untuk menghasilkan desain aplikasi yang baik di mata user.

Perlu Anda ketahui, ketika user mencoba untuk mengoperasikan sebuah aplikasi mobile, hal pertama yang mereka lihat adalah tampilan desainnya. Setelah itu, mereka akan menilai apakah aplikasi Anda memiliki fitur yang mudah digunakan serta mampu memenuhi kebutuhan yang mereka cari di aplikasi yang Anda desain. Jadi, penting bagi desainer untuk menghasilkan desain yang menarik serta mudah dioperasikan oleh user.

Sampai saat ini, sudah banyak tools atau software yang dapat digunakan ketika membuat desain aplikasi seluler. Jika Anda adalah seorang desainer aplikasi, berikut beberapa rekomendasi tools yang bisa Anda gunakan.

Tools untuk Membuat Desain Aplikasi Seluler

1. Sketch

Sketch adalah alat desain UI/UX untuk mengembangkan aplikasi mobile yang modern. Tool ini memiliki fitur yang memungkinkan seorang desainer untuk berkolaborasi dengan desainer lain untuk menyelesaikan sebuah proyek. 

Secara tampilan, Sketch terlihat mirip dengan software desain Photoshop. Namun Sketch memiliki lebih banyak alat desain grafis di dalamnya. 

Fitur-fitur yang disediakan juga akan membantu Anda untuk menghasilkan desain yang terlihat profesional. Beberapa diantaranya seperti vector editing, zoom in ke tingkat pixel, export yang mudah, komponen yang dapat digunakan kembali, shared libraries, dan masih banyak lagi.

Alat ini populer di kalangan desainer karena performanya yang sangat baik. Ketika menggunakan tool ini, penggunakan dapat merasakan 3 fungsionalitas dari beberapa aplikasi desain terbaik, yaitu :

• Memiliki logo vektor seperti Illustrator
• Mempunyai desain visual yang terlihat mirip dengan Photoshop
• Wireframing yang hampir sama dengan Omnigraffle 

Aplikasi ini berbayar, namun mereka menyediakan free trial selama 30 hari.

2. Adobe Experience Design (XD)

Adobe Experience Design atau Adobe XD merupakan salah satu pesaing Sketch. Alat ini juga memiliki berbagai fitur yang bisa digunakan untuk membuat wireframe, prototype, dan lain-lain.

Ketika menggunakan Adobe XD, Anda dapat membuat prototype interaktif tanpa harus terhubung dengan plugin pihak ketiga. Meskipun demikian, komponen interaktif yang bisa ditambahkan belum selengkap InVision.

Baca Juga: Hal-hal yang Perlu Diperhatikan Ketika Membuat Desain Dark Mode

3. InVision

Ketika menggunakan InVision, Anda dapat membuat desain aplikasi seluler yang dilengkapi dengan berbagai komponen interaktif di dalamnya. Para desainer dapat menggunakannya untuk menambahkan animasi, transisi, gerakan, dan komponen interaktif lainnya ke dalam desain. Dengan demikian, desainer tidak hanya dapat melihat tampilan visual saja namun juga dapat melihat desain wireframe yang terlihat lebih nyata. 

Selain itu, desain yang mereka buat dari aplikasi atau platform lain juga bisa Anda unggah ke dalam InVision. Alat ini juga menjadi salah satu prototyping tools favorite para desainer karena dapat bekerja dengan cepat.

4. Fluid UI

Sumber: www.fluidui.com

Fluid UI juga bisa menjadi tool yang Anda andalkan untuk membuat desain aplikasi seluler karena fungsionalitasnya yang lengkap. Banyak desainer yang menganggap Fluid UI sebagai one platform solution. Dengan Fluid UI, desainer dapat memenuhi kebutuhan untuk pembuatan desain, kolaborasi, serta memudahkan komunikasi dalam tim.

Fluid UI memiliki fitur kolaborasi sehingga Anda bisa membuat desain dan mengubahnya secara real time bersama tim. Anda juga bisa membuat prototype dan menampilkan desain Anda kepada client untuk memperoleh feedback dengan cepat. 

5. Proto.io

Proto.io merupakan tool berbasis web untuk membuat desain aplikasi seluler yang interaktif serta berkualitas tinggi. Dengan Proto.io Anda juga bisa membuat transisi layar serta menentukan touch event untuk setiap elemen sehingga desain dapat terlihat real. Meskipun demikian, desain yang Anda buat tetap bisa dicetak untuk dipresentasikan secara tradisional.

6. Figma

Figma saat ini juga menjadi tool populer dikalangan desainer. Alat ini memiliki banyak fungsionalitas yang dapat memudahkan tugas app desainer. 

Figma memiliki fitur kolaborasi di dalamnya. Semua stakeholders dapat memberikan komentar atau feedback di dalamnya sehingga desainer dapat merancang tampilan sesuai dengan desain yang diinginkan. Fitur ini tersedia untuk mode desain atau prototype.

Figma dapat digunakan melalui web browser sehingga Anda tidak perlu melakukan instalasi. Untuk berbagi desain, Anda cukup membagikan link web, dan desain akan terbuka di browser rekan atau tim Anda. 

Tool ini menyediakan desain yang customizable. Desain yang Anda buat dapat disesuaikan dengan style, komponen, warna, ukuran yang Anda inginkan. Setiap desain juga berisi component library sehingga UX designer dan pengembangan front end dapat dengan mudah mengakses daan mengunduh elemen desain di dalamnya.  

7. Marvel

Sumber: marvelapp.com

Marvel adalah platform berbasis cloud untuk membuat desain dan prototype serta media untuk berkolaborasi dengan tim desain. Selain itu, Marvel juga memungkinkan penggunanya untuk menyinkronkan desain dari platform lain seperti Sketch dengan mudah. Marvel memiliki beragam fitur mulai dari customizable templates, content library, drag & drop interface, dan masih banyak lagi

SPEEDTEST-local

 

https://betweenmeandlinux.wordpress.com/2017/08/01/membuat-speedtest-untuk-jaringan-lokal/

Saya langsung ke contoh kasus ya. Misalnya begini, akses internet anda hanya 10 MBps, lalu semua user termasuk user yang menggunakan kabel LAN mengeluhkan akses lambat, anda cek di router, ternyata hanya 2 MBps, anda cek langsung koneksi internet dengan menghubungkan Laptop ke router, dan ternyata kecepatan internet baik-baik saja. Lalu dimana masalahnya? Tentu masalahnya di jaringan kabel backbone, bisa saja rusak bisa saja ada switch/hub yang error. Tapi tahunya darimana?

Ada banyak cara untuk mengukur kecepatan internet, biasanya menggunakan aplikasi semacam speedtest.net. Masalahnya untuk mengukur kecepatan gadget ke Access Point seringkali susah dilakukan. Kalau hanya mengandalkan akses ke speedtest.net atau aplikasi speedtest yang servernya di internet, kita tidak bisa tahu apakah jaringan lokal kita cukup baik.

Cara paling gampang adalah dengan mencoba download file dari salah satu server/PC. Dari situ bisa dianalisa berapa kecepatannya. Tapi untuk mengukur kecepatan akses dari gadget, ini yang agak susah. Lebih baik anda buat server sederhana untuk pengukuran kecepatan jaringan. Server ini bisa saja diikutkan PC/Server yang sudah ada, karena hanya membutuhkan Apache+PHP saja.

Speedtest lokal ini menggunakan HTML5 dan PHP sehingga bisa diakses juga lewat browser gadget. Ok, berikut langkah-langkahnya:

1. Saya menggunakan aplikasi buatan adolfintel, filenya ada di github. Untuk download file, klik disini.
2. Upload ke server dan ekstrak ke folder web, kalau menggunakan Linux biasanya ada di /var/www
3. Hasil ekstrak adalah folder speedtest-master, saya biasanya akan rename ke speedtest. Di Linux menggunakan perintah: mv speedtest-master speedtest
4. Ubah hak akses folder speedtest jika anda upload bukan dengan user apache. Di Ubuntu bisa lakukan ini: chown -R www-data.www-data speedtest
5. Di dalam folder speedtest, ada file example1.html sampai dengan example7.html, anda bisa pilih salah satu untuk dijadikan file index.html. Cukup dengan mengcopy salah satu file dan beri nama index.html
6. Uji coba dengan membuka di browser ke alamat http://alamat_ip_server/speedtest, hasilnya akan ditampilkan seperti screenshot dibawah ini, saya menggunakan file example4.html sebagai file index.html

Rate this:

 

 

 

 

 

 

1 Votes