Posts

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…

TUGAS: Sejarah dan Perkembangan Komputer

Image
Komputer berasal dari bahasa latin "computare", yang berarti alat hitung, karena awalnya komputer lebih digunakan sebagai perangkat bantu dalam hal penghitungan angka-angka sebelum akhirnya menjadi perangkat multifungsi. Tetapi pengertian komputer saat ini bukanlah semata-mata sebagai alat hitung saja tetapi adalah suatu alat hitung dengan konstruksi elektronika yang mempunyai storage internal (tempat penyimpanan) dan bekerja dengan bantuan sistem operasi (operating system) menurut program-program yang diberikan kepadanya.
Sejarah Komputer
Berikut merupakan contoh penemuan komputer: 1. Abacus, adalah alat yang paling awal digunakan untuk perhitungan yang terbuat dari rangka kayu dengan sederetan poros yang berisi manik-manik yang bisa digeser. Saat ini lebih dikenal dengan istilah sempoa.
2. Babbage, adalah mesin hitung mekanik untuk melakukan perhitungan persamaan differensial yang muncul pada tahun 1822 yang ditemukan oleh Charles Babbage. Setelah bekerja dengan mesin differen…