Posts

CodeIgniter : Controllers dan Fungsinya

Image
Melanjutkan tutorial sebelumnya, ini merupakan bagian dasar yang wajib diketahui. Seperti namanya, controller berfungsi untuk mengatur segala kegiatan dari website yang dibuat. Mulai dari alamat yang dituju, parameter yang dikirim baik melalui URL ataupun melalui HTTP Request akan diterima di controller.

Sebagai default, codeigniter membuat 2 file di dalam controllers nya, yaitu index.html dan Welcome.php . Semua file yang dipakai menggunakan extension .php ya. Untuk informasi tambahan, awalan controllers biasanya kita gunakan huruf kapital.


Perhatikan gambar di atas (isi dari welcome.php) . Syarat dari controllers yaitu, nama file harus sama dengan nama class. Sehingga jika nama file yang dibuat adalah "Welcome.php" , maka nama class yang dibuat juga harus "Welcome".

Create New Controllers Sebagai contoh, kita buat 1 file baru dengan nama "Home.php" di dalam folder Controllers. Isi filenya seperti berikut

Cara akses controllers yang baru dibuat yaitu &q…

Database : Part 1 - Pengenalan MySQL & Penggunaan PHPMyAdmin

Image
Sebelum beranjak lebih jauh tentang Codeigniter. Saya akan berbagi sedikit tentang MySQL. Secara sederhana, MySQL merupakan 'pasangan hidup' untuk PHP. Harapannya, kedepan kita akan menggunakan database ini untuk tutorial Codeigniter lanjutan.
Apa itu MySQL? MySQL adalah sistem manajemen database relasional open source (RDBMS) dengan client-server model. Sedangkan RDBMS merupakan software untuk membuat dan mengelola database berdasarkan pada model relasional. (source)
Berikut saya akan jelaskan sedikit tentang cara membuat database di MySQL dan cara penggunaannya.
1. Dashboard PHPMyAdmin Untuk mempermudah anda melihat database MySQL, biasanya saya menggunakan phpmyadmin. URL yang digunakan yaitu localhost/phpmyadmin (agar disesuaikan sesuai installernya). Berikut tampilan awal/dashboard dari phpmyadmin

Anda dapat melihat list database yang ada di sebelah kiri dashboard, atau klik tab 'Databases' di bagian atas.
2. Create New Database Untuk membuat database baru, anda …

CodeIgniter : Struktur Folder Aplikasi

Image
Sebelumnya sudah dijelaskan untuk instalasi framewok CodeIgniter, tetapi belum dijelaskan untuk folder-folder terkait sebagai arsitektur CodeIgniter. Berikut adalah penjelasan singkat untuk struktur folder dari codeigniter.
Terdapat 3 folder utama yaitu: ApplicationSystemUser Guide

Application Folder ini berfungsi untuk jalannya aplikasi. Nantinya, akses web URL dan sebagainya akan di atur di folder ini. Berikut isi dari folder Application

Cache Cache berfungsi sebagai penampung cache page untuk website. Folder ini akan terus meningkat isinya seiring perkembangan website anda.
Config Sesuai namanya, config berfungsi untuk pengaturan website. Di dalamnya terdapat beberapa file yang dapat dikonfigurasi menyesuaikan kebutuhan website. Contohnya seperti konfigurasi database.
Controllers Folder ini yang mengontrol website. Ini adalah folder dasar yang sangat perlu diketahui.
Core Folder ini berfungsi untuk menampung kelas dasar (base class) dari aplikasi.
Language Folder ini berfungsi untuk …

CodeIgniter : Instalasi CodeIgniter

Image
Halo. Pada tutorial ini saya akan menjelaskan cara instalasi framework codeigniter. Secara singkat, codeigniter merupakan framework yang memudahkan web developer untuk membuat website. Codeigniter sendiri menggunakan bahasa pemrograman PHP.

Cara insalasinya cukup mudah, berikut adalah kelengkapan yang diperlukan untuk instalasi CodeIgniter (dalam case ini saya menggunakan OS Windows, untuk OS lain agar diperhatikan webservernya):

XAMPP Web Server (download)CodeIgniter (download) Langkah pertama yang harus dilakukan adalah install XAMPP Web Server. Cukup ikuti step by step instalasinya sampai selesai. Jika sudah selesai, maka akan muncul XAMPP Control Panel. Klik "start" di bagian Apache dan MySQL seperti gambar berikut

Setelah dipastikan start keduanya, berikutnya copy file codeigniter.zip ke dalam folder xampp/htdocs sesuai path yang kalian install untuk XAMPP nya (Default XAMPP Windows: C:\xampp\htdocs). Kemudian ekstrak file codeigniter.zip di folder tersebut lalu rename …

React Native : Part 3 - Styles & Text Input [2]

Image
Halo, di bagian ini saya akan melanjutkan bahasan sebelumnya di React Native : Part 2 - Styles & Text Input [1] . Secara project juga masih melanjutkan dari tutorial sebelum-sebelumnya. Jadi jika terlewat, agar cek di tulisan sebelumnya ya.

1. Auto Capitalize

Untuk membuat textInput otomatis menggunakan huruf kapital, maka ditambahkan properti autoCapitalize pada textInput. Value yang disediakan untuk autoCapitalize yaitu
autoCapitalize="characters" . berarti seluruh text yang diinput dalam textInput otomatis kapital seluruhnya (contoh: "HELLO WORLD. HELLO WORLD")autoCapitalize="words" . berarti setiap karakter pertama dalam kata yang diinput di textInput akan otomatis kapital (contoh: "Hello World. Hello World")autoCapitalize="sentences" . berarti setiap karakter pertama dalam kalimat akan otomatis kapital. (contoh: "Hello world. Hello world")autoCapitalize="none" . berarti dalam textInput tersebut tidak ada otom…

React Native : Part 2 - Styles & Text Input [1]

Image
Halo, di bagian ini saya akan menjelaskan tentang styles dan text input pada react native. Secara code, styles di react native hampir sama dengan css di website. Saya contohkan sebagai berikut

CSS React Native background-color: red; backgroundColor: red; border-width: 1px; borderWidth: 1; margin-top: 1px; marginTop: 1; padding-top: 1px; paddingTop: 1;
Dalam tutorial ini, saya melanjutkan project yang sudah dibuat pada part 1 sebelumnya. Saat project baru dibuat dengan template blank, maka akan diberikan beberapa file dalam folder projectnya. Buka file app.js


1. Initiate Style

Inisialisasi style pada react native dengan cara


Jika flex bernilai 1, maka componentnya akan memenuhi ruang pada layar sedangkan jika flex bernilai 0, maka component akan fit to content yang ada di dalamnya.

2. Initiate TextInput

Lalu bagaimana dengan textinput? Tambahkan TextInput pada bagian import from 'react-native' anda, kemudian anda bisa mengetik bagian TextInput di dalam seperti di bawah


Jika dij…