Posts

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…

React Native : Part 1 - Getting Started

Image
Halo, di bagian ini saya akan menjelaskan bagian dasar untuk memulai coding dengan React Native. Sebelum itu, sebaiknya dipersiapkan alat dan bahannya terlebih dahulu ya. (saya menggunakan os Windows dalam contoh ini)

Tools:
Nodejs (version 5 or higher)Visual Studio Code (optional)Step: install nodejsinstall expoCreate new project
1. Install nodejs
Install nodejs sampai selesai.
Untuk mengecek versi dari nodejs, anda dapat menggunakan command berikut di cmd

> npm -v

Maka akan tampil versi dari node anda, seperti berikut

2. Install Expo
Setelah install nodejs, langkah berikutnya adalah install expo. Untuk install expo via cmd, ketik command berikut kemudian enter (prosesnya cukup lama, tergantung koneksi pribadi)
> npm i -g expo-cli
Maka akan otomatis download, seperti berikut
Jika sudah selesai maka akan seperti berikut
3. Create New Project React Native
Untuk membuat project react native, anda perlu menentukan path source akan disimpan terlebih dahulu. Di sini saya menggunakan path E:…

TUGAS: Komponen-Komponen CPU dan Fungsinya

Image
Central processing unit (CPU) adalah bagian dari hardware yang melaksanakan instruksi dari program komputer. Ia melakukan aritmatika, logis, dan operasi input / output dasar dari sebuah sistem komputer. CPU adalah seperti otak dari komputer – setiap instruksi, tidak peduli seberapa sederhana, harus melalui CPU.


CPU dikontrol mendayagunakan sekumpulan seruan perangkat lunak komputer. Perangkat lunak tersebut dapat dijalankan oleh CPU dengan membacanya dari media penyimpan, seperti cakram keras, disket, cakram padat, maupun pita perekam. Instruksi-instruksi tersebut kemudian disimpan terlebih dahulu didalam memori badan (RAM), yang mana berbagai instruksi akan diberi alamat unik yang dibilang alamat kenangan. Selanjutnya, CPU dapat mengakses data-data pada RAM dengan menentukan alamat data yang dikehendaki.
Komponen-Komponen CPU: 1.Motherboard Motherboard atau mainboard adalah komponen utama yang membangun sebuah komputer. Berbentuk papan persegi dengan slot-slot untuk memasukkan komponen-k…