How to Create LAN Network and Router, Local Area Network Tutorial

Tutorial Komputer

How to Create LAN Network and Router, Local Area Network Tutorial

Rangga Saputra Komentar

How to Create LAN Network and Router, Local Area Network Tutorial

Table of contents :
1. Explanation of Computer Network, LAN and Router Function
2. Goods are prepared to create a LAN
3. Steps to Make LAN Network and Mikrotik Router
* Click the above list to jump directly to the list of contents you want to go

How to Create a LAN Network and Router, Tutorial Local Area Network - Computer Network is a series of interconnection between network devices that are interconnected between one another. The network devices in question, among others, such as a collection of computers, printers and other equipment connected in one unit. Information and data move through wires or wireless so as to enable computer network users to exchange documents and data, print files on the same printer and together using hardware / software connected in a network. Any computer, printer or peripheral connected in a network is called a node. A computer network can have two, tens, thousands or even millions of nodes.

Local area network is a computer network covering only small area, such as campus computer network, building, office, school, businessman, home or smaller scale. Most LANs based on IEEE 802.3 Ethernet technology use switch devices that have data transfer rates of 10, 100, or 1000 Mbit / s. In addition to Ethernet technology, current 802.11b technology (or so-called Wi-fi) is also often used to form LANs. Places that provide LAN connection with Wi-fi technology commonly called a hotspot.

On a LAN, each node or computer has its own computing power. Each computer can access other network devices connected to the LAN in accordance with the permissions that have been set. Unlike the Wide Area Network (WAN) Network, the LAN has the following characteristics:

1. Have a higher data rate

2. Includes a narrower geographic area

3. Does not require telecommunication lines hired from telecommunication operators

4. Usually one of the computers in between the computer network will be used as a server that governs all the systems within the network.

If in a place there is more than one local network (LAN) then it can be put together by using a tool called by the name of the Router. The use of different networks is much better, because we can map the network according to the place. For example, a university institution has three majors: Electrical, Civil and State Administration Department, then each department can be made of different local network and of course with different IP address. Then to perform computational communication between the majors, then used a Router.

To create Local Area Network and Router, the items to be prepared are as follows:

1. Set up a network device

2. Setting up network tools or tools

3. Choose a network topology

4. Setting up at least 2 PCs

Network Devices

Network devices (Network Devices) are often used include:

a. Cat UTP Cable 5

UTP stands for "Unshielded Twisted Pair" which is a type of cable made of copper conductor, has a plastic insulation and is encased by an insulating material that can protect from fire and also physical damage. UTP cable itself consists of 4 pairs of cable cores are intertwined where each pair has a different color code.

b. Switch / Hub

Switch / Hub is a network device that is used as central or central to divide connections that are connected with other ports to be able to connect a computer to one other computer.

c. Access Point

Access Point is a network device that contains a transceiver and antenna for transmitting and receiving signals to and from remote clients.

d. Router

A router is a computer networking hardware that can be used to connect multiple or different networks.

Tools or Network Tools

a. Crimping Tools

A pin with a kind of pliers used to clamp UTP and RJ-45 cables so that they are firmly attached.

b. LAN Tester

Used to check the LAN cabling that has been made. If the UTP and RJ-45 cables are installed perfectly, the LED indicator lights on the LAN Tester will illuminate all, and vice versa.

Network Topology

For network topology used is Star Topology. Star topologies are like forming a star because all laptops are connected to a single switch or hub.

At least 2 PCs

Used as a client. Call it the PC name is PC-Rangga and PC-Ibnu

Steps to Make LAN Network and Mikrotik Router

1. Make LAN cable

2. Installing Mikrotik Router and Configuration

3. Connect 2 PCs and 1 Router using Switch / HUB

Creating a LAN Cable

a. Pick up a UTP and RJ-45 cable then make the cable with Straight type. (If not clever to make it, readers can googling / see tutorial on youtube). Create 3 LAN cables.

b. Test the cable using a LAN Tester, if the LED indicator light is all, then the LAN cable is ready for use.

Install the Mikrotik Router and Configure it

a. Prepare a Mikrotik Router.

b. Reset mikrotik by using a needle that is inserted and pressed into the microtik reset hole.

c. Then insert / connect the power cable to mikrotik.

d. Hold the needle for a while and wait for the ACT LED light to flicker.

e. If it is blinking then remove the needle and mikrotik has successfully reset.

f. Connect the mikrotik to PC-Rangga using LAN Straight cable. The port connected to the mikrotik is ethernet2. Special ethernet1 is for modem.

g. The image below is a mikrotik that has been connected to PC-Rangga.

How to Create LAN Network and Router, Local Area Network Tutorial

h. Next is the mikrotik configuration. But before change first Sharing Setting on PC-Rangga so that the data-sharing process can run smoothly. Right-click the wifi / network icon on the taskbar.

i. Click Open Network and Sharing Center - Click Change Advanced Sharing Settings.

j. Select Turn On on all settings except in the Password Protected Settings section.

k. Also turn off Windows Firewall by opening Network and Sharing Center - Right click Windows Firewall - Turn Off Private and Public Network Settings.

l. Open Browser (Mozilla, Chrome, Safari, UC Browser, Internet Explore or the like) - then write IP "192.168.88.1" in Address Bar. This is the default IP to enter the mikrotik dashboard.

How to Create LAN Network and Router, Local Area Network Tutorial

m. In the navigation bar, click IP - Click Addresses - Click Add New. It is used to provide IP on mikrotik ethernet2 port.

n. Write IP according to individual taste. For example "192.168.31.1/24" - Select ether-2 interface - Click OK.

o. The image below is the IP that has been successfully created.

How to Create LAN Network and Router, Local Area Network Tutorial

Connect 2 PCs and 1 Router using Switch / HUB

a. Unplug the mikrotik LAN cable on PC-Rangga, then move to Port HUB. So Mikrotik has been connected to Switch / Hub (Port 3).

b. Retrieve a LAN cable and connect PC-Rangga to Hub (Port 5).

c. Retrieve a LAN cable and connect PC-Ibnu to Hub (Port 7).

Note : The cable used is with the Straight type and is free to choose which port you want to plug into the hub.

d. If successfully connected then the LED indicator light on HUB will light up.

Port 3 LED for Mikrotik
LED Port 5 for PC-Rangga
LED Port 7 for PC-Ibnu

How to Create LAN Network and Router, Local Area Network Tutorial

e. Change the Ethernet IP address of each client, how to open Network and Sharing Center - Click Change Adapter Settings - Right click Ethernet - Click Properties - Click 2X on Internet Protocol Version 4 (TCP / IPv4).

f. On PC-Rangga write down

IP Address: 192.168.31.2
Subnet Mask: 255.255.255.0
Default Gateway: 192.168.31.1

g. On PC-Ibnu write down

IP Address: 192.168.31.3
Subnet Mask: 255.255.255.0
Default Gateway: 192.168.31.1

The Gateway in question is the IP on Mikrotik

h. Open CMD and type "ping 192.168.31.1" to ping Mikrotik. If successful then the status is Reply from ...

i. Ping also IP PC-Rangga and PC-Ibnu "192.168.31.2" and "192.168.31.3" in order to know whether all network devices have been successfully connected.

j. Furthermore, the data sharing. The author will share the image data from PC-Rangga by right click the folder you want to share (images folder) - click share with - click Specific people ... - Select Everyone - Click Add.

k. Select read / write on Permission Level.

Read and Write means that the data in the share can be read and modified, even can be deleted from a different computer.

l. Open the Explorer window - Select Network - Open PC-Rangga - then the shared folder will appear there. This folder can also be opened via PC-Ibnu.

This article is devoted to creating a network using a cable. For networks with Access Point (Wireless) may be discussed next time.

Follow blog ini jika ingin mendapatkan informasi yang lainnya. West Borneo Blogger #YourPartnerToBeAMaster.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108

Baca selengkapnya

Cara Membuat Jaringan LAN dan Router, Tutorial Local Area Network

Tutorial Komputer

Cara Membuat Jaringan LAN dan Router, Tutorial Local Area Network

Rangga Saputra 3 Komentar

Cara Membuat Jaringan LAN dan Router, Tutorial Local Area Network

Daftar isi :
1. Penjelasan Jaringan Komputer, LAN dan Fungsi Router
2. Barang-brang yang dipersiapkan untuk membuat LAN
3. Langkah-langkah Membuat Jaringan LAN dan Router Mikrotik
*Klik list diatas untuk langsung melompat ke daftar isi yang ingin dituju

Cara Membuat Jaringan LAN dan Router, Tutorial Local Area Network - Jaringan Komputer adalah serangkaian interkoneksi antar perangkat jaringan yang saling berhubungan antara satu dan lainnya. Adapun perangkat jaringan yang dimaksud antara lain seperti kumpulan komputer, printer dan peralatan lainnya yang terhubung dalam satu kesatuan. Informasi dan data bergerak melalui kabel-kabel atau nirkabel (wireless) sehingga memungkinkan pengguna jaringan komputer dapat saling bertukar dokumen dan data, mencetak file pada printer yang sama dan bersama-sama menggunakan hardware/software yang terhubung didalam sebuah jaringan. Setiap komputer, printer atau periferal yang terhubung dalam jaringan disebut node. Sebuah jaringan komputer dapat memiliki dua, puluhan, ribuan atau bahkan jutaan node.

Jaringan Wilayah lokal (dalam bahasa inggris: Local Area Network biasa disingkat LAN) adalah sebuah jaringan komputer yang hanya mencakup wilayah kecil, seperti jaringan komputer kampus, gedung, kantor, sekolah, pelaku bisnis, rumah atau skala yang lebih kecil. Kebanyakan LAN berbasis pada teknologi IEEE 802.3 Ethernet menggunakan perangkat switch yang mempunyai kecepatan transfer data 10, 100, atau 1000 Mbit/s. Selain teknologi Ethernet, saat ini teknologi 802.11b (atau biasa disebut Wi-fi) juga sering digunakan untuk membentuk LAN. Tempat-tempat yang menyediakan koneksi LAN dengan teknologi Wi-fi biasa disebut hotspot.

Pada sebuah LAN, setiap node atau komputer mempunyai daya komputasinya sendiri. Setiap komputer dapat mengakses perangkat jaringan lain yang terhubung dengan LAN sesuai dengan hak akses yang telah diatur. Berbeda dengan Jaringan Area Luas atau Wide Area Network (WAN), maka LAN mempunyai karakteristik sebagai berikut :

1. Mempunyai pesat data yang lebih tinggi

2. Meliputi wilayah geografi yang lebih sempit

3. Tidak membutuhkan jalur telekomunikasi yang disewa dari operator telekomunikasi

4. Biasanya salah satu komputer di antara jaringan komputer itu akan digunakan menjadi server yang mengatur semua sistem di dalam jaringan tersebut.

Jika dalam sebuah tempat terdapat lebih dari satu jaringan lokal (LAN) maka dapat disatukan dengan menggunakan sebuah alat yang disebut dengan nama Router. Penggunaan jaringan yang berbeda jauh lebih baik, sebab kita dapat memetakan jaringan berdasarkan tempatnya. Misalnya sebuah instansi perguruan tinggi memiliki 3 buah jurusan : Jurusan Teknik Elektro, Sipil dan Administrasi Negara, maka setiap jurusan tersebut dapat dibuat jaringan lokal yang berbeda-beda dan tentunya dengan alamat IP yang berbeda pula. Kemudian untuk melakukan komunikasi komputasi antar jurusan tersebut, maka digunakanlah sebuah Router.

Untuk membuat Local Area Network dan Router, barang-barang yang harus disiapkan antara lain sebagai berikut :

1. Menyiapkan perangkat jaringan

2. Menyiapkan alat atau tools jaringan

3. Memilih sebuah topology jaringan

4. Menyiapkan minimal 2 buah PC

Perangkat Jaringan

Perangkat jaringan (Network Devices) yang sering digunakan antara lain : 

a. Kabel UTP Cat 5

UTP merupakan singkatan dari "Unshielded Twisted Pair" yaitu jenis kabel yang terbuat dari bahan penghantar tembaga, mempunyai isolasi dari plastik dan terbungkus oleh bahan isolasi yang dapat melindungi dari api dan juga kerusakan fisik. Kabel UTP sendiri terdiri dari 4 pasang inti kabel yang saling berbelit dimana masing-masing pasang mempunyai kode warna yang berbeda.

b. Switch/Hub

Switch/Hub yaitu perangkat jaringan yang digunakan sebagai central atau pusat untuk membagi koneksi yang saling terhubung dengan port-port lainnya untuk dapat mengkoneksikan sebuah komputer satu dengan komputer lainnya.

c. Access Point

Access Point adalah sebuah perangkat jaringan yang berisi sebuah transceiver dan antena untuk transmisi dan menerima sinyal ke dan dari clients remote.

d. Router

Router merupakan perangkat keras jaringan komputer yang dapat digunakan untuk menghubungkan beberapa jaringan yang sama atau berbeda.

Alat atau Tools Jaringan

a. Crimping Tools

Sebuah penjepit dengan bentuk semacam tang yang digunakan untuk menjepit kabel UTP dan RJ-45 agar terpasang erat.

b. LAN Tester

Digunakan untuk mengecek pemasangan kabel LAN yang telah dibuat. Jika kabel UTP dan RJ-45 terpasang sempurna, maka lampu indikator LED pada LAN Tester akan menyala semua, begitu pula sebaliknya.

Topology Jaringan

Untuk topologi jaringan yang digunakan adalah Topologi Star. Topologi star seperti membentuk bintang karena semua laptop terhubung ke satu switch atau hub.

Minimal 2 buah PC

Digunakan sebagai client. Sebut saja nama PC tersebut PC-Rangga dan PC-Ibnu

Langkah-langkah Membuat Jaringan LAN dan Router Mikrotik

1. Membuat kabel LAN

2. Memasang Router Mikrotik dan Konfigurasinya

3. Menyambungkan 2 PC dan 1 Router menggunakan Switch/HUB

Membuat Kabel LAN

a. Ambil sebuah kabel UTP dan RJ-45 kemudian buat kabel dengan jenis Straight. (Jika belum pandai membuatnya, pembaca dapat Googling/ lihat tutorialnya di youtube). Buat kabel LAN sebanyak 3 buah.

b. Tes kabel tersebut menggunakan LAN Tester, jika lampu indikator LED menyala semua, maka kabel LAN siap untuk digunakan.

Memasang Router Mikrotik dan Konfigurasinya

a. Siapkan sebuah Router Mikrotik.

b. Reset mikrotik dengan menggunakan sebuah jarum yang ditusukkan dan ditekan kedalam lubang reset mikrotik.

c. Kemudian masukkan/sambungkan kabel power ke mikrotik.

d. Tahan jarum tersebut beberapa saat dan tunggu hingga lampu LED ACT berkedap-kedip.

e. Jika sudah berkedip maka lepaskan jarum tersebut dan mikrotik telah berhasil direset.

f. Sambungkan mikrotik tersebut ke PC-Rangga dengan menggunakan kabel LAN Straight. Port yang dihubungkan pada mikrotik adalah ethernet2. Khusus ethernet1 adalah untuk modem.

g. Gambar dibawah ini merupakan mikrotik yang telah terhubung ke PC-Rangga.

Router Mikrotik berhasil terhubung ke PC-Rangga

h. Selanjutnya yaitu konfigurasi mikrotik. Namun sebelumnya ubah terlebih dahulu Sharing Setting pada PC-Rangga agar nantinya proses sharing data dapat berjalan lancar. Klik kanan icon wifi/network pada taskbar.

i. Klik Open Network and Sharing Center - Klik Change Advanced Sharing Setting.

j. Select Turn On pada semua pengaturan terkecuali pada bagian Password Protected Setting.

k. Matikan juga Windows Firewall dengan cara buka Network and Sharing Center - Klik kanan Windows Firewall - Turn Off Private dan Public Network Setting.

l. Buka Browser (Mozilla, Chrome, Safari, UC Browser, Internet Explore atau sejenisnya) - kemudian tulis IP "192.168.88.1" pada Address Bar. Ini merupakan IP default untuk masuk ke dashboard mikrotik.

Ketik IP 192.168.88.1 untuk membuka dashboard Router Mikrotik

m. Pada bagian navigasi bar, klik IP - Klik Addresses - Klik Add New. Hal ini digunakan untuk memberikan IP pada port ethernet2 mikrotik.

n. Tulis IP sesuai dengan selera masing-masing. Misalnya "192.168.31.1/24" - Pilih interface ether-2 - Klik OK.

o. Gambar dibawah ini merupakan IP yang telah berhasil dibuat.

IP Mikrotik Ether-2 yang berhasil dibuat

Menyambungkan 2 PC dan 1 Router menggunakan Switch/HUB

a. Cabut kabel LAN mikrotik pada PC-Rangga, kemudian pindahkan ke Port HUB. Jadi Mikrotik telah terhubung ke Switch/Hub (Port 3).

b. Ambil lagi sebuah kabel LAN dan sambungkan PC-Rangga ke Hub (Port 5).

c. Ambil lagi sebuah kabel LAN dan sambungkan PC-Ibnu ke Hub (Port 7).

Catatan : Kabel yang digunakan adalah dengan jenis Straight dan bebas memilih port mana yang ingin dicoloki pada hub.

d. Jika berhasil terhubung maka lampu indikator LED pada HUB akan menyala.

LED Port 3 untuk Mikrotik
LED Port 5 untuk PC-Rangga
LED Port 7 untuk PC-Ibnu

Router dan 2 buah PC yang saling terhubung menggunakan Switch/HUB

e. Ubah alamat IP Ethernet masing-masing client, caranya yaitu buka Network and Sharing Center - Klik Change Adapter Setting - Klik kanan Ethernet - Klik Properties - Klik 2X pada Internet Protocol Version 4 (TCP/IPv4).

f. Pada PC-Rangga tuliskan

IP Address : 192.168.31.2
Subnet Mask : 255.255.255.0
Default Gateway : 192.168.31.1

g. Pada PC-Ibnu tuliskan

IP Address : 192.168.31.3
Subnet Mask : 255.255.255.0
Default Gateway : 192.168.31.1

Adapun Gateway yang dimaksud adalah IP pada Mikrotik

h. Buka CMD dan ketik "ping 192.168.31.1" untuk ping Mikrotik. Jika berhasil maka statusnya adalah Reply from...

i. Ping juga IP PC-Rangga dan PC-Ibnu "192.168.31.2" dan "192.168.31.3" agar dapat mengetahui apakah seluruh perangkat jaringan telah berhasil terhubung.

j. Selanjutnya yaitu sharing data. Penulis akan membagikan data-data gambar dari PC-Rangga dengan cara klik kanan folder yang ingin dishare (folder images) - klik share with - klik spesific people... - Pilih Everyone - Klik Add.

k. Pilih read/write pada Permission Level.

Read and Write artinya data yang di share dapat dibaca dan diubah, bahkan bisa dihapus dari komputer yang berbeda.

l. Buka jendela Explorer - Pilih Network - Buka PC-Rangga - maka folder yang tadi dishare akan muncul disana. Folder ini juga dapat dibuka melalui PC-Ibnu.

Artikel ini dikhususkan untuk membuat jaringan dengan menggunakan kabel. Untuk jaringan dengan Access Point (Wireless) mungkin akan dibahas dilain waktu.

Follow blog ini jika ingin mendapatkan informasi yang lainnya. West Borneo Blogger #YourPartnerToBeAMaster.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108

Baca selengkapnya

Sharing Cara Cepat Diterima Google Adsense Hanya 10 Hari

Tutorial Blog Tutorial Internet

Sharing Cara Cepat Diterima Google Adsense Hanya 10 Hari

Rangga Saputra 2 Komentar

Permohonan Adsense Yang Gagal - West Borneo Blogger

Sharing Cara Cepat Diterima Google Adsense Hanya 10 Hari (Pengalaman) - Pernah mengalami kegagalan seperti gambar diatas? Mungkin sering? Jika iya, maka nasip kita sama. Penulis juga pernah mengalami kegagalan mendaftar Google Adsense, bahkan sampai tiga kali banyaknya. Namun karena penulis sudah memahami pola dalam mendaftar ke Google Adsense, maka hanya butuh waktu 10 hari di full approve oleh Google AdSense Non-Hosted pada blog penulis yang lain (Blog Tekno Borneo). Padahal jika diperhatikan, artikel yang penulis posting tidak begitu banyak. Kurang lebih sekitar 29 artikel.

Akhir-akhir ini marak di social media group yang membahas masalah Iklan Google atau kerap disebut dengan nama Google Adsense. Topik ini kebanyakan diperbincangkan oleh kalangan pemain blog dan Youtube, baik yang baru berkecimpung maupun yang telah lama berkutat di aktifitas ini (Red : untuk artikel ini kita fokuskan ke Blog saja). Banyak pula yang mengeluhkan bahwa Google sangat super selektif dalam memilih dan memilah blog-blog yang ingin mendaftar kedalam layanan yang sangat menguntungkan bagi kedua belah pihak ini. Mungkin mereka baru tahu akan hal ini, terlalu berasumsi bahwa mendapatkan mitra kerja dengan Google dianggapnya sangat mudah. Apalagi usut punya usut, bahwa layanan periklanan Google konon katanya merupakan layanan CPC yang paling mahal bayarannya, dan itu kemungkinan para blogger sempat tergiur tanpa memikirkan bagaimana jalan yang mesti dilewati kedepannya.

Yah, memang pemain blog (blogger) seharusnya tidak berorientasi pada bayaran berupa uang dari apa yang mereka hobikan. Sebab salah satu Content Creator Indonesia pernah mengatakan bahwa

“Jika yang dituju adalah uang, maka hasil dari konten yang anda buat tidak akan maksimal. Sebab kontennya selalu merujuk untuk membawa audiences ke arah misi uang yang ingin ditujunya”.

Sebagai blogger, penulis sangat setuju dengan statement yang demikian, namun disisi lain penulis juga tidak setuju sebab untuk menimbulkan motivasi dalam menulis salah satunya adalah dengan mendapatkan timbal balik dari apa yang kita tuliskan. Seperti halnya blog ini, jika pembaca melihat lebih jauh sebenarnya blog ini jarang sekali diupdate. Bukan tidak ingin menulis, tapi lebih kepada pendapatan yang Alhamdulillah masih relatif sedikit (tertawa kecil).

Kembali ke topik bahasan sebelumnya, artikel ini diterbitkan dengan latar belakang bahwa penulis ingin berbagi kepada pembaca agar tips dan trik ini dapat pembaca ikuti, atau setidaknya menambah referensi baru mengenai Google Adsense.

Untuk memperkuat artikel ini agar lebih dipercaya, penulis selaku blogger memiliki lebih dari satu blog dan semuanya telah tersingkron dengan program Google Adsense. Salah satu blog lain yang penulis miliki adalah www.teknoborneo.com.

Kemudian, berikut ini merupakan screenshot bukti bahwa dalam 10 hari penulis telah berhasil di terima oleh Google Adsense

Adapun Cara Cepat Diterima Google Adsense Hanya 10 Hari Dari Pengalaman yang Penulis Rangkum, Antara Lain Sebagai Berikut :

Sebelum memulai permohonan pengajuan Google Adsense, ada baiknya pembaca mengikuti aturan yang telah tertera dibawah ini. Semoga dapat bermanfaat dan pastinya di full approve oleh Google.

1. Niat yang baik agar program Adsense ini dapat dimaksimalkan untuk keperluar yang positif.

2. Membaca Bassmalah bagi yang beragama islam

3. Salah satu pedoman yang wajib diikuti bagi yang ingin bermitra dengan Google Adsense adalah dari Google itu sendiri.

- Pembaca dapat membacanya di Support Adsense. Namun jika masih bingung dengan panduan yang dibuat oleh Google, maka baca nomor 4 dan abaikan trik nomor 3 ini. 

4. Memastikan halaman situs sesuai untuk AdSense. 

- Untuk sukses bermitra dengan Google Adsense, sebaiknya pembaca membuat halaman dengan konten yang unik dan relevan dengan tema blog. 

- Tidak diperkenankan menulis konten gado-gado atau konten dengan niche yang berbeda-beda.

- Pertimbangkan penataan teks, gambar dan lain sebagainya agar tampak menarik dan pengunjung dapat dengan mudah mencari apa yang mereka inginkan.

- Sediakan kolom komentar pada blog.

- Gunakan fitur moderasi komentar agar memastikan bagian komentar tetap sesuai dengan kebijakan Google.

- Buat menu navigasi yang jelas. Jika blog yang pembaca kelola merupakan blog teknologi, maka navigasi dibawah ini dapat dijadikan sebagai referensi :

Beranda | Visual Basic | Borland | Java | Android Studio | Sitemap | About | Contact | Disclaimer | Privacy Policy | Term of Services

- Dilarang copy-paste konten. Hal ini dikarenakan Google menginginkan publisher dapat membagikan konten yang bersifat orisinil dan bermanfaat bagi pembaca.

5. Kelayakan untuk turut berpartisipasi dalam program AdSense.

- Pembaca harus memiliki situs sendiri (sebagai admin) agar dapat memodifikasi kode sumber HTML saat peletakan kode AdSense.

- Mematuhi kebijakan program AdSense. Misalnya tidak diperkenankan menggunakan metode bot untuk mendapatkan visitor.

- Situs minimal sudah berumur 6 bulan. Langkah ini diambil Google untuk menyediakan jaringan iklan yang berkualitas.

- Usia pemilik blog minimal 18 tahun.

- Perhatikan bahwa konten dan tautan yang merujuk ke dalaman situs tertentu tidak mengandung unsur negatif. Adapun konten maupun tautan yang dilarang Google Adsense adalah sebagai berikut :

Konten dewasa, pornografi atau yang vulgar Konten bersifat kekerasan Konten yang bersifat mengancam atau provokasi Konten yang bersifat melecehkan, mengintimidasi atau menindas suatu individu maupun kelompok Konten yang bersifat menghasut kebencian, deskriminasi maupun SARA Bahasa yang digunakan tidak sopan yang berlebihan Konten hacking/cracking Konten yang memfasilitasi untuk mendapatkan software bajakan Malware atau Adware Konten narkoba dan sejenisnya Konten yang menjual atau mengiklankan spesies langka Konten yang menjual bir atau minuman keras Konten yang menjual tembakau atau sejenisnya Penjualan resep obat Penjualan senjata atau amunisi Penjualan atau distribusi tugas, misalnya makalah kuliah Konten seputar program yang mengompensasi pengguna untuk mengklik iklan atau penawaran, melakukan penelusuran, menjelajah situs, atau membaca email Konten lainnya yang ilegal, mempromosikan aktivitas ilegal, atau melanggar hak hukum orang lain

6. Menggunakan situs sendiri. 

- Bukan sebagai operator, member atau yang lainnya. Namun pembaca harus memiliki situs pribadi dengan hak akses berupa admin, sehingga dapat mengedit kode sumber HTML .

7. Gunakan akun Google Orang Tua / Wali jika pembaca belum berumur 18 tahun.

- Pembaca dapat mendaftarkan kedalam program AdSense dengan menggunakan akun Google milik Orang Tua atau Wali.

8. Jangan membuat konten yang sensitif

- Karena Google AdSense telah menerapkan sistem filter untuk menjaga iklan milik pengiklan untuk tidak tampil di sembarangan blog, maka jika ditafsirkan sebagai konten negatif, tidak aman bagi keluarga atau berpotensi menyinggung, maka sistem Google akan mengelompokkan blog pembaca kedalam situs dengan konten sensitif.

9. Mendaftar ke AdSense untuk pengiklan Google AdWords

10. Pembaca dapat menggunakan jaringan iklan lain bersamaan dengan Google Adsense.

- Namun perlu dipertimbangkan, bahwa pembaca jangan mengarahkan visitor untuk klik yang tidak sengaja

- Perhatian yang tidak wajar pada iklan

- Dilarang menampilkan iklan dalam tajuk yang menyesatkan. Misalnya : dilarang untuk menulis diatas iklan dengan nama “Sumber Info” atau “Tautan Bermanfaat”

- Dilarang menjajarkan iklan dengan gambar

- Dilarang memformat konten dengan meniru iklan

11. Jangan lupa untuk index-kan blog pembaca kedalam Google Web Master Tools

Sekian dari Penulis, Follow blog ini jika ingin mendapatkan informasi yang lainnya. West Borneo Blogger #YourPartnerToBeAMaster.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108

Baca selengkapnya

Membuat Efek Live Gradasi di Form Delphi 7

Tutorial Delphi

Membuat Efek Live Gradasi di Form Delphi 7

Rangga Saputra Komentar

West Borneo Blogger - Seperti pada artikel yang telah di posting oleh blog Tekno Borneo tentang “Cara Membuat Efek Gradasi di Delphi 7 Seperti Instagram”, maka artikel ini adalah pengembangan dari artikel tersebut.

Efek gradasi yang dihasilkan dari sebuah blok koding yang tertulis di blog tersebut, dapat manipulasi menjadi efek jenis lain. Adapun jenis efek gradasi ini penulis sebut sebagai Efek Live Gradasi.

Efek live Gradasi memungkinkan gradasi yang tampil pada form Delphi dapat berubah-ubah warnanya seiring perubahan waktu yang dihitung secara otomatis oleh komponen timer. Dengan kata lain efek ini layaknya seperti pada menu login aplikasi Instagram.

Berbicara tentang efek tampilan pada pembuatan program, artikel ini lebih merujuk kepada desain interface atau lebih akrab dikenal dengan sebutan GUI (Graphical User Interface). Adapun manfaat yang didapatkan saat membuat desain suatu program adalah bukan terhadap sistem program yang dibuat, namun lebih kepada User Experience (Pengalaman Pengguna saat menggunakan aplikasi yang dibuat).

Membuat Efek Live Gradasi di Form Delphi 7

Tujuan dari user interface design adalah membuat interaksi pengguna sesederhana dan seefisien mungkin, dalam hal mencapai tujuan pengguna-apa yang sering disebut pengguna desain yang berpusat. User interface design yang bagus memfasilitasi dan menyelesaikan tugas di tangan pengguna tanpa menarik perhatian yang tidak perlu pada dirinya sendiri. Desain grafis dapat dimanfaatkan untuk mendukung kegunaan. Proses desain harus menyeimbangkan fungsi teknis dan elemen visual (misalnya, model mental) untuk menciptakan sebuah sistem yang tidak hanya operasional saja tetapi juga bermanfaat serta dapat disesuaikan dengan kebutuhan pengguna.

Interface design terlibat dalam berbagai proyek dari sistem komputer, untuk mobil, untuk pesawat komersial; semua proyek-proyek ini pada dasarnya melibatkan banyak interaksi sama manusia, namun juga membutuhkan beberapa keterampilan yang unik dan pengetahuan. Akibatnya, desainer cenderung mengkhususkan diri pada jenis proyek tertentu dan memiliki kemampuan berpusat di sekitar keahlian mereka, apakah itu perancangan perangkat lunak, penelitian pengguna atau desain tampilan.[1]

Sebelum mencoba mempraktikkan tutorial ini, pastikan bahwa komputer pembaca telah terinstall aplikasi Delphi 7, kemudian cek compability Delphi yang pembaca gunakan. Hal ini agar saat pengerjaan, semua pekerjaan dapat dijalankan secara lancar tanpa adanya bug-bug yang dapat memperlambat proses pembuatan yang sebenarnya sangat mudah ini.

Langkah-langkah Dalam Membuat Efek Live Gradasi di Delphi 7

1. Buka aplikasi Delphi 7, kemudian buat project baru dengan nama “prjlive_gradasi_teknoborneo”. Caranya klik File – New – Klik Applcation hingga terbuka form baru.

2. Klik Form1 tersebut kemudian atur propertiesnya seperti tabel di bawah ini :

Properties	Value
Caption	Live Gradasi Tekno Borneo
Name	prjlive_gradasi_teknoborneo
WindowState	wsMaximized

3. Jangan lupa di Save terlebih dahulu dengan cara klik File – Save. Lakukan save data secara rutin agar project yang dibuat telah tersimpan walaupun terjadi hal-hal yang tidak diinginkan seperti crash, debug atau error program.

4. Tambahkan dua buah komponen Timer dengan cara pilih tab System pada Component Palette.

Membuat Efek Live Gradasi di Form Delphi 7

5. Atur properties timer 1 seperti tabel di bawah ini :

Properties	Value
Enabled	True
Interval	30
Name	tmrperubahan

6. Atur properties timer 2 seperti tabel di bawah ini :

Properties	Value
Enabled	False
Interval	30
Name	tmrdefault

7. Tambahkan sebuah variabel integer dengan nama nilai pada deklarasi global. Hal ini dimaksudkan agar nilai dari variabel tersebut dapat dipakai oleh kedua komponen timer. Caranya klik 2x pada form delphi – scroll keatas. Pembaca dapat melihat teks berwarna merah dibawah ini sebagai contoh.

unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, ExtCtrls;

type
  Tprjlive_gradasi_teknoborneo = class(TForm)
    Timer1: TTimer;
    Timer2: TTimer;
    procedure FormCreate(Sender: TObject);
  private
    { Private declarations }
  public
    { Public declarations }
  end;

var
  prjlive_gradasi_teknoborneo: Tprjlive_gradasi_teknoborneo;
  nilai : integer;

implementation

8. Inisialisasi variabel nilai tersebut pada event form create, caranya adalah klik 2x pada form – Tulis koding seperti dibawah ini. Inisialisasi ini bertujuan untuk memberikan value = 0 pada variabel nilai.

procedure Tprjlive_gradasi_teknoborneo.FormCreate(Sender: TObject);
begin
     nilai  := 0;
end;

9. Kembali ke form, klik 2x pada komponen tmrperubahan – Lalu masukkan koding dibawah ini. Koding ini gunanya untuk membuat perubahan warna gradasi di form. Perubahan warna ini bersifat mutlak dari penulis, jika pembaca ingin membuat perubahan warna yang lain, maka pembaca dapat melakukan eksperimen sendiri. Jangan lupa, warna teks yang merah adalah koding yang dituliskan.

procedure Tprjlive_gradasi_teknoborneo.tmrperubahanTimer(Sender: TObject);
var Row, Ht: Word;
    IX: Integer;
begin
  //gradient abstract animation
  iX :=200 ;
  Ht:=(ClientHeight + 512) div 256;
    for Row := 0 to 512 do
    begin
    with Canvas do begin
    Brush.Color := RGB(Ix,nilai,230);
    FillRect(Rect(0, Row * Ht, ClientWidth, (Row + 1) * Ht));
    IX :=(IX-1);
    end;
  end;

  if (nilai >= 255) then
  begin
  tmrdefault.Enabled := True;
  tmrperubahan.Enabled := False;
  end
  else
  inc(nilai);
end;

10. Kembali lagi ke form, klik 2x pada tmrdefault – lalu tuliskan koding seperti dibawah ini. Koding ini bertujuan untuk mengembalikan gradasi form ke asalnya, kemudian jangan lupa teks berwarna merah adalah yang dituliskan.

procedure Tprjlive_gradasi_teknoborneo.tmrdefaultTimer(Sender: TObject);
var Row, Ht: Word;
    IX: Integer;
begin
  //gradient abstract animation
  iX :=200 ;
  Ht:=(ClientHeight + 512) div 256;
    for Row := 0 to 512 do
    begin
    with Canvas do begin
    Brush.Color := RGB(Ix,nilai,230);
    FillRect(Rect(0, Row * Ht, ClientWidth, (Row + 1) * Ht));
    IX :=(IX-1);
    end;
  end;

  if (nilai <= 0) then
  begin
  tmrdefault.Enabled := False;
  tmrperubahan.Enabled := True;
  end
  else
  dec(nilai);
end;

11. Terakhir jalankan aplikasi ini dengan cara klik icon Run atau tekan F9 pada keyboard.

Lanjut Membaca :

1. Membuat Efek Gradasi di Delphi 7 Seperti Instagram >> (Artikel Dasar di blog Tekno Borneo)

2. Desain Form Delphi 7 Modern, Cantik, Keren dan Menarik << Artikel Sebelumnya
3. Belum Tersedia >> Artikel Selanjutnya

(Video Belum Tersedia)

Blog West Borneo Blogger tidak menyediakan project seperti gambar di atas untuk disebarkan, namun jika pembaca ingin, maka dapat menghubungi penulis dengan kontak yang telah tertera di akhir artikel atau masuk ke dalam menu Contact.

Follow blog ini jika ingin mendapatkan informasi yang lainnya. West Borneo Blogger #YourPartnerToBeAMaster.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108

Referensi :

[1] https://defikristiana.wordpress.com/2016/02/11/antar-muka-pengguna-user-interface/

Baca selengkapnya

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

Tutorial Delphi

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

Rangga Saputra Komentar

West Borneo Blogger - Graphics User Interface (GUI) or Interface in the world of programming is absolutely necessary when building an application, especially in the appearance. Interface is used by the user (user) to feel the ease and convenience when interacting on the application made, this is called the "User Experience".

A good User Experience allows the user to experience a great experience when using an application created without any loss of focus on objects in the application form.

In designing the look of the application, the first thing to do is to design the application mockup by using the help of special software such as Balsemiq Mockup 3 and etc.

If less familiar, the author recommends readers to use other graphic design applications such as Adobe Photoshop, Illustrator, Corel or Microsoft Paint.

If the reader is a person who often updates about the design world, whether the reader is familiar with the term "Flat Design"? Yes, the design is booming at the launch of Microsoft Windows 10. This design is very distinctive, simple and elegant to be a modern design mecca today. This is supported by the rise of designers to competitors who adopted this design as User Interface Application.

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

Also read: Windows 10 gets the best interface design award

According to the topic of discussion in this article, the author will share some knowledge about the example of Delphi 7 Application Special Interface Design 7. Before going deeper, you should read Delphi 7 or at least install and open this application.

A little explanation of Delphi 7, Delphi is a Windows-based programming language that provides visual application creation facilities such as Visual Basic. Delphi makes it easy to use program code, fast compilation, multiple unit file use for modular programming, software development, attractive design patterns and reinforced structured programming languages ​​in Object Pascal programming language. Delphi has a special look that supports a Delphi component scope of work to build an application using Visual Component Library (VCL). Most Delphi developers write and compile program code in the IDE (Integrated Development Environment).

With the various advantages listed above, it turns out there is a weakness that is on the program display. The classic view of the program makes it worth a minus if viewed from the side of the GUI, although it is still relative, meaning not all have that view.

The reader can see as shown below. The classic look makes things boring (sorry) when in view.

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

How can a display like this can be published, used as Final Project or made Thesis?

For that, as shown in the blog Tekno Borneo that there are examples of design that can be used as a reference in building application programs in Delphi 7. Authors can create a GUI with a little plagiarism and modification by mimicking the appearance of applications that have been worldwide, such as Google products, Microsoft, Avast and others.

Here are three design models from blogs that use more modern display principles:

1. Opening Form or Splash Screen ala Microsoft Office

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

Is the opening form as when you first run Microsoft Office 2016. Bubuhi short information in it such as the application name and Copyright applications.

2. Login form with Instagram background design.

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

Delphi 7 form can also be made in graded color. Certainly using coding / instead of using images.

3. Form Menu with Metro UI design ala Windows 10

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

Interactive and dynamic designs can be utilized in building applications. By utilizing the empty space during the transition process on the UI Metro boxes, so the placement of other information such as images and text can be put to the maximum (not impressed slum).

4. Home Form with Modern design UI ala Android

Design Modern User Interface Delphi 7, Beautiful, Cool and Attractive

A little plagiarization and modification of the Google Keep GUI and Telegram Apps, making the new look more elegant.

Those are three examples of Interface designs that are expected to spoil the user when using the created application. Not only indulge but also get a plus from the User Experience side.

This article is not intended to judge, menjudge or maybe cut and lower the spirit of the reader in creating, because back again to the law of aesthetics, that the good appearance is relative. This means that some people say this is good but some people think this is bad. But be assured that the development of technology is always directly proportional to the development of the times, in other words if the classical has had a place in his time, then we as users who still play the classic objects in the current generation, can conjure it into something extraordinary or maybe more Good from what appears in the present generation.

Blog West Borneo Blogger does not provide readers to get projects like the picture above, but the author will guide the dear reader to make things (relatively) the same as above by posting related matters in the next article.

• Creating Gradation Form Like Instagram

Follow this blog if you want to get more information. West Borneo Blogger - #YourPartnerTobeAMaster.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108 (Indonesia)

Referensi :

http://www.teknoborneo.com/2017/08/desain-program-delphiku-tidak-seklasik.html

Baca selengkapnya

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Tutorial Delphi

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Rangga Saputra Komentar

West Borneo Blogger - Graphics User Interface (GUI) atau Antar Muka dalam dunia pemrograman merupakan hal yang mutlak diperlukan ketika membangun suatu aplikasi khususnya di bagian tampilannya. Antar Muka digunakan oleh user (pengguna) agar merasakan kemudahan dan kenyamanan saat berinteraksi diatas aplikasi yang dibuat, hal ini disebut dengan istilah "User Experience".

User Experience yang baik memungkinkan user merasakan pengalaman yang luar biasa saat menggunakan aplikasi yang dibuat tanpa adanya lost focus pada objek di form aplikasi.

Dalam merancang tampilan aplikasi, hal yang pertama dilakukan adalah dengan mendesain mockup aplikasi dengan menggunakan bantuan software khusus seperti Balsemiq Mockup 3 dan sejenisnya.

Jika kurang familiar, penulis merekomendasikan pembaca untuk menggunakan aplikasi desain grafis lain seperti Adobe Photoshop, Ilustrator, Corel ataupun Microsoft Paint.

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Jika pembaca merupakan orang yang sering update tentang dunia desain, apakah pembaca sudah tidak asing lagi dengan istilah "Flat Desain"? Ya, desain yang booming saat peluncuran Microsoft Windows 10. Desain ini sangat khas, simpel dan elegan sehingga menjadi kiblat desain modern saat ini. Hal tersebut didukung oleh maraknya desainer hingga kompetitor yang mengadopsi desain ini sebagai User Interface Aplikasinya.

Baca juga : Windows 10 mendapat penghargaan desain interface terbaik

Sesuai topik bahasan di artikel kali ini, penulis akan membagikan sedikit ilmu tentang contoh Desain Antar Muka Aplikasi khusus Program Delphi 7. Sebelum masuk lebih dalam, sebaiknya pembaca pernah menggunakan Delphi 7 atau minimal pernah menginstall dan membuka aplikasi ini.

Sedikit penjelasan tentang Delphi 7, Delphi merupakan bahasa pemrograman berbasis Windows yang menyediakan fasilitas pembuatan aplikasi visual seperti Visual Basic. Delphi memberikan kemudahan dalam menggunakan kode program, kompilasi yang cepat, penggunaan file unit ganda untuk pemrograman modular, pengembangan perangkat lunak, pola desain yang menarik serta diperkuat dengan bahasa pemrograman yang terstruktur dalam bahasa pemrograman Object Pascal. Delphi memiliki tampilan khusus yang didukung suatu lingkup kerja komponen Delphi untuk membangun suatu aplikasi dengan menggunakan Visual Component Library (VCL). Sebagian besar pengembang Delphi menuliskan dan mengkompilasi kode program dalam IDE (Integrated Development Environment).

Dengan berbagai kelebihan yang tertera di atas, ternyata terdapat kelemahan yaitu pada bagian tampilan program. Tampilan program yang cenderung masih klasik membuatnya mendapatkan nilai minus jika dipandang dari sisi GUI, walaupun hal tersebut masih bersifat relatif, artinya tidak semua berpandangan demikian.

Pembaca dapat lihat seperti gambar di bawah ini. Tampilan yang klasik menjadikan hal yang membosankan (mohon maaf) saat di pandang.

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Bagaimana mungkin tampilan yang seperti ini dapat dipublish, dijadikan Tugas Akhir atau dibuat Skripsi?

Untuk itu, seperti yang tertera di blog Tekno Borneo bahwa terdapat contoh desain yang dapat dijadikan sebagai referensi dalam membangun program aplikasi di Delphi 7. Penulis dapat membuat GUI dengan sedikit plagiasi dan modifikasi dengan meniru tampilan aplikasi yang sudah mendunia, seperti produk-produk Google, Microsoft, Avast dan lain sebagainya.

Berikut ini tiga model desain dari blog yang menggunakan prinsip tampilan lebih modern :

1. Form Pembukaan atau Splash Screen ala Microsoft Office

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Merupakan form pembuka seperti saat pertama kali menjalankan Microsoft Office 2016. Bubuhi short information di dalamnya seperti nama aplikasi dan Copyright aplikasi.

2. Form Login dengan desain background ala instagram.

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Form Delphi 7 juga dapat dibuat dengan warna bergradasi. Pastinya menggunakan coding/bukan menggunakan gambar.

3. Form Menu dengan desain Metro UI ala Windows 10

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Desain interaktif dan dinamis dapat dimanfaatkan dalam membangun aplikasi. Dengan memanfaatkan ruang kosong saat proses transisi pada kotak-kotak Metro UI, sehingga penempatan informasi lain seperti gambar dan teks dapat diletakkan secara maksimal (tidak terkesan kumuh).

4. Form Beranda dengan desain Modern UI ala Android

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Sedikit plagiasi dan modifikasi GUI Google Keep dan Telegram Apps, membuat tampilan baru yang lebih elegan.

Itulah tiga buah contoh desain Antar Muka yang diharapkan dapat memanjakan pengguna saat menggunakan aplikasi yang dibuat. Tidak hanya memanjakan namun juga mendapatkan nilai plus dari sisi User Experience.

Artikel ini bukan bertujuan untuk menghakimi, menjudge atau mungkin memotong dan menurunkan semangat pembaca dalam berkreasi, karena balik lagi kepada hukum estetika, bahwasanya tampilan yang bagus itu bersifat relatif. Artinya ada orang yang bilang ini bagus namun ada juga yang beranggapan ini buruk. Namun yakinlah bahwasanya perkembangan teknologi selalu berbanding lurus dengan perkembangan zaman, dengan kata lain jika yang klasik telah memiliki tempat di masanya, maka kita selaku pengguna yang masih memainkan benda klasik tersebut di generasi saat ini, dapat menyulap itu menjadi hal yang luar biasa atau mungkin lebih bagus dari yang muncul di generasi sekarang.

Blog West Borneo Blogger tidak menyediakan pembaca untuk mendapatkan project seperti gambar di atas, namun penulis akan memandu pembaca yang budiman untuk membuat hal yang (relatif) sama seperti di atas dengan memposting hal-hal terkait pada artikel berikutnya.

Lanjut Membaca :
1. Desain Programku Tidak Seklasik Desain Miliknya >> (Artikel Dasar di Blog Tekno Borneo)
2. Membuat Efek Live Gradasi di Form Delphi 7 >> Artikel Selanjutnya

Follow blog ini jika ingin mendapatkan informasi lebih lanjut. West Borneo Blogger - #YourPartnerTobeAMaster.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108

Referensi :

http://www.teknoborneo.com/2017/08/desain-program-delphiku-tidak-seklasik.html

Baca selengkapnya