-->

Amrun.dev

Engineer

Developer

Freelancer

Coder

I'm Amrun.dev,
Web Designer & Web Developer
from Indonesia , central java.

I have rich experience in web site design & building and customization. Also I am good at html, css, javascript, wordpress, php, jquery, bootstrap. I love to talk with you about our unique approach. Feel free to contact me writing an email with your project idea.

What I Do
UI/UX Design

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Brand Identity

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Web Design

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Mobile Apps

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Analytics

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Photography

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Recent Works

Mengenal komponen Komputer

Komponen Utama Komputer
1.       Motherbroad/Mainbroad
image
Fungsi umum dari Motherboard adalah tempat memasangkan Processor, RAM, VGA Card, Sound Card, Internal Modem, dan lain-lain.
2.       CPU/Processor ( Central Processing Unit )
image
Berfungsi untuk melakukan perhitungan dan menjalankan tugas. Processor terletak pada socket yang telah disediakan oleh motherboard.
3.       VGA ( Video Graphic Adapter )
image
Berfungsi untuk menerjemahkan/mengubah sinyal digital dari komputer menjadi tampilan grafis pada layar monitor.
4.       Hard Disk
image
adalah tempat menyimpan seluruh data baik berupa video, audio, text, dll. Selain kemampuan penyimpanan dengan jumlah yang berbeda beda, sekarang ada teknologi solid state disk yang tidak lagi menggunakan sistem optik sebagaimana pada hard disk lama. Dengan tekhnologi baru ini, kecepatan membaca dan menulis data pada hard disk tentu akan lebih cepat serta tahan akan adanya goncangan.
5.       Random Access Memory atau RAM
image
fungsinya menyimpan data sementara semua data dari seluruh program hasil olahan Komponen-Komponen Komputer yang sedang berjalan. Dalam perkembangannya, teknologi RAM selalu diikuti dengan penomoran. Mulai dari yang lawas yaitu DDR, hingga yang terbaru sekarang DDR3.
6.       Power Supply
image
digunakan untuk mengalirkan listrik kedalam komputer. Yang perlu diperhatikan dalam memilih komponen ini adalah daya yang dibutuhkan Komponen-Komponen Komputer haruslah sesuai dengan daya yang dapat diberikan oleh power supply.
7.       Sound Card
image
Berfungsi sebagai pengolah data berupa audio atau suara dan sebagai penghubung alat input/output suara keKomputer.
8.       Optical Disc Drive
image
merupakan Komponen-Komponen Komputer yang dipakai untuk membaca dan menulis media disk.
9.       Monitor
image
merupakan komponen yang digunakan untuk tempat keluarnya visual gambar ataupun video. Teknologi monitor sekarangpun sudah bermacam-macam, diantaranya monitor tabung dan layar datar.
10.   Keyboard
image
Berfungsi untuk mengetik atau memberikan perintah kepada komputer untuk menjalankan program yang ada didalam komputer.
11.   Mouse
image
Berfungsi untuk mengirim perintah dengan cara menggerakan kursor.

Komponen Tambahan Komputer
1)      LAND CARD adalah penghubung antara komputer yang satu dengan komputer yang lainnya.
2)      MODEM adalah komponen komunikasi untuk mengirimkan dan menerima sinyal dari dua arah. Fungsi utama yang kita ketahui adalah untuk jaringan internet.
3)   USB adalah singkatan dari Universal Serial Bus yang digunakan untuk penghubung. Kita sering menggunakan komponen ini untuk menghubungkan ponsel, flash disk, kamera digital, dll, dengan komputer kita.
4)      Printer Dan Scanner adalah Komponen-Komponen Komputer tambahan input dan output. Printer dipakai untuk menghasilkan cetakan dari olahan yang kita buat melalui komputer. Scanner dipakai untuk meminta digambar, text, foto atau dokumen-dokumen lainnya yang kemudian disimpan dalam bentuk file.
5)      Speaker adalah komponen yang mengeluarkan suara dari hasil olahan SoundCard. Kualitas suara dari komputer juga ikut dipengaruhi dari jenis speaker yang digunakan.
6)      Bluetooth, WiFi atau jaringan nirkabel lainnya merupakan Komponen-Komponen Komputer mempunyai fungsi untuk memindahkan data dari satu alat ketempat lainnya dengan batasan wilayah tertentu saja.


Kembali ke Go-snupan

Pemrograman dasar

#1Pemrograman dasar

Pemrograman

merupakan suatu proses yang meliputi menulis, testing,  memperbaiki, dan memaintenace (memelihara) perintah-perintah (kode/ script) sebuah program komputer.

Contohnya begini !

SMADAV merupakan sebuah program komputer antivirus buatan Indonesia yang cukup keren dikelasnya. Apakah program SMADAV bisa langsung selesai hanya  dalam hitungan jam ? Tidak mungkin.

Pasti ada sebuah proses yang dilalui oleh programmer (pembuat program) untuk membuat aplikasi sesempurna SMADAV.


Sesuai dengan pengertian diatas maka proses pemrograman yang akan dilalui yaitu :

  • Programmer menulis kode-kode program menggunakan bahasa pemrograman tertentu
  • Setelah kode-kode selesai ditulis, programmer akan melakukan rilis (biasanya ada versi program alfa, beta, dan stable) dan testing.
  • Lalu programmer akan mencari apakah ada kesalahan (debug) pada program yang sudah dirisil
  • jika ditemukan debug, programmer akan mencari dimana letak kesalahan kemudian memperbaikinya
  • Tahap selanjutnya programmer akan merilis program  dengan versi yang lebih baru. Lalu akan dilakukan pemeliharaan secara berkala.

Tidak ada program komputer yang sempurna. Programmer akan selalu melakukan update terhadap programmnya sesuai dengan kebutuhan user dan perkembangan teknologi yang baru.

 

#2 Konsep Dasar Pemrograman

Konsep dasar pemrograman komputer yaitu Input, proses, dan output.

  • Input merupakan proses memasukan data ke dalam komputer menggunakan perangkat input (mouse, keyboard atau lainnya)
  • Setelah data di inputkan maka akan diproses menggunakan perangkat procesing yang biasanya terdiri dari : menghitung, membandingkan, mengurutkan, mengkelompokkan, dan mencari perangkat penyimpanan (storage).
  • Data yang sudah diproses akan ditampilkan berupa informasi melalui perangkat output (speaker, monitor, atau lainnya).

Namun kini konsep tersebut dikembangkan lagi menjadi Oiginating > Input > Proses > Output > Distribution.

  • Originating yaitu pengumpulan data yang biasanya berupa pencatatan data sebelum proses input.
  • Sedangkan distribution adalah proses menyebarkan informasi kepada pihak-pihak tertentu.
  • Ada satu lagi komponen penting yaitu Storage.
  • Storage adalah tahapan yang merekam hasil pengolahan data. Dan nantinya digunakan untuk proses input selanjutnya.
pemrograman dasar
Konsep Pemrograman

#3 Bahasa Pemrograman

Bahasa pemrograman digunakan untuk membuat sebuah program komputer yang terdiri dari kumpulan kode-kode (sintaks) yang digunakan untuk mengerjakan proses tertentu pada komputer.



Bahasa pemrograman memiliki tugas untuk menghubungkan pengguna dengan mesin komputer karena dia bisa menerjemahkan perintah yang dimengerti oleh komputer. Kita klik save maka data akan tersimpan. Kita klik play maka music akan diputar. itulah bagian dari mengerjakan perintah pada bahasa pemrograman.

Ini Gambaran sederhana komputer dan intruksi program !

pemrograman dasar
Komputer dan Intruksi Program

#4 Kategori Bahasa pemrograman

Berdasarkan tingkatannya bahasa pemrograman komputer dibedakan menjadi 2 yaitu Bahasa tingkat rendah dan bahasa tingkat tinggi.

  1. Bahasa Tingkat Rendah : yaitu bahasa pemrograman yang hanya dimengerti oleh mesin. Bahasa ini dikerjakan langsung oleh mesin. Contohnya yaitu bahasa standar rakitan atau biasa kita kenal dengan assembler.
  1. Bahasa tingkat tinggi : Bahasa ini sudah mendekati bahasa manusia. Artinya pengguna sudah dapat memahami bahasa ini. Mesin membutuhkan compiler untuk mengerjakan perintah. PHP, java, C++, Pascal dan masih banyak lainnya merupakan contoh dari bahasa tingkat tinggi.

#5 Jenis Bahasa Pemrograman

Ada puluhan jenis bahasa pemrograman yang digunakan diseluruh dunia. Setiap bahasa pemrograman pastinya memiliki keunggulan dan kekurangannya masing-masing.

Popularitas disetiap Negara juga berbeda-beda.

Jika di Indonesia bahasa pemrograman A booming belum tentu jika di negara lain.

Baru-baru ini stackoverflow yaitu situs untuk tanya jawab tentang masalah teknis pemrograman merilis survey bahasa pemrograman apa saja yang popular pada tahun 2018. Silahkan melihatnya pada situs resmi stackoverflow.


Beberapa bahasa pemrograman yang sering digunakan untuk belajar pemrograman dasar yaitu :

– Java

pemrograman dasar
Logo Bahasa Pemrograman Java

Java merupakan Salah satu bahasa pemrograman yang paling popular. Dikarenakan bisa dijalankan disemua platform dan OS yang berbeda-beda.

Aplikasi android kebanyakan dikembangkan menggunakan bahasa java.

Walaupun google telah resmi mendukung c++ dan baru-baru ini kotlin tetap saja java jadi primadona. Ini dikarenakan library java cukup lengkap sehingga memudahkan programmer.

– Pascal

Pascal memang tidak terkenal bahkan sampai sekarang saya belum pernah melihat lowongan pekerjaan yang membutuhkan programmer pascal.

Apakah bahasa pemrograman pascal ini jelek ?

Pascal cukup bagus dan mumpuni dikelasnya. Hanya saja mereka dukungan industry dan minimnya marketing mengakibatkan pascal tidak begitu populer.

Disekolah ataupun dikampus pascal masih banyak digunakan. Bukan tanpa alasan. Melainkan karena jika ingin mempelajari algoritma dan pemrograman dasar komputer pascal ini sangat cocok untuk dipelajari.

Lalu setelah paham dasar-dasar dipascal bisa dilanjutkan untuk belajar java, c++, php, dan bahasa pemrograman lainnya.





 – C++

pemrograman dasar
Icon Bahasa Pemrograman C++

 C++ merupakan bahasa pemrograman yang berorientasi objek. Bahasa pemrograman ini adalah pengembangan dari bahasa pemrograman C. Bahkan memiliki penulisan sintaks yang hampir mirip. Namun tetap sja keduanya memiliki perbedaan untuk menyelesaikan sebuah masalah dalam pemrograman komputer.

– PHP 

pemrograman dasar
Icon Bahasa Pemrograman PHP

Php yaitu salah satu bahasa pemrograman berbasis web dan cukup banyak penggunanya.

Jika html dan css hanya berfokus pada tampilan sebuah aplikasi web saja. maka php inilah yang menghidupkan fungsi-fungsi dari tampilan yang sudah dibuat  menggunakan html dan css.

Memberikan perintah pada tombol, menginputkan isian, dan lainnya itu bisa dikerjakan oleh bahasa pemrograman php.

di Indonesia sendiri komunitas PHP Indonesia khususnya grup facebook cukup banyak dan aktif anggotanya. Silahkan cek sendiri Grup Facebook PHP Indonesia.


#6 Perancangan Program

Beberapa hal yang harus dilakukan programmer untuk merancang program agar lebih terarah yaitu pembuatan algoritma dan flowchart (diagram alir).

Algoritma yaitu penjabaran langkah-langkah yang akan dikerjakan oleh program komputer yang akan dirancang menggunakan bentuk kalimat-kalimat sederhana.

Sudah paham Algoritma ? Perhatikan contohnya di bawah ini.

Algoritma Mencari Materi Pemrograman Dasar : 

  1. Buka browser
  2. Ketik di kolom pencarian
  3. Pemrograman dasar
  4. Akan ditampilkan hasil pencarian berupa artikel atau lainnya ( salah satunya artikel yang sedang kamu baca ini ).
  5. User membuka salah satu list yang ditampilkan
  6. User mendapatkan materi pemrograman dasar

Komputer itu bagian dari matematika. Dan matematika akan selalu berhubungan dengan logika. Algoritma itu langkah-langkah yang sistematis dan logis.

Algoritma disusun dalam bentuk kalimat. Sedangkan flowchart disusun menggunakan blok-blok gambar (grafis)


Ada yang bilang proses tersebut tidak harus dilakukan. Tapi saya sarankan lebih baik membuat algoritma dan flowchart sebelum merancang program. Walaupun hanya oret-oretan belaka.

#7 Software Pendukung

Untuk membuat program aplikasi dekstop, web, ataupun android kita membutuhkan software pendukung. Salah satunya adalah IDE.

IDE ( Integrated Development Environment ) merupakan software aplikasi biasanya berbasis GUI yang digunakan sebagai tempat menuliskan setiap baris-baris kode bahasa pemrograman. Di IDE ini juga kita bisa menjalankan (Running ) program aplikasi yang sudah dibuat.

Hampir semua IDE kini sudah modern yang memiliki beberapa feature :

  • Editor Kode (Code Editor) atau Text Editor 
  • Debugger
  • Intelegent Code Completion
  • Build Automation

Beberapa contoh IDE yaitu :

  • Android Studio : merupakan IDE yang digunakan untuk membuat aplikasi android. Android studio dilengkapi dengan code editor, intelegent code completion, emulator android dan banyak lainnya.
  • Atom, Visual Code, Sublime Text, Netbeans : digunakan untuk mengembangkan aplikasi web. Dimana di IDE tersebut kita bisa menulis atau mengedit HTML, CSS, PHP, javascript dan lain sebagainya.
  • Xcode : merupakan IDE yang digunakan untuk mengembangkan aplikasi mobile untuk IOS.

# Kesimpulan

Pemrograman dasar itu penting dipelajari khususnya mahasiswa jurusan sistem informasi dan teknik informatika karena pemrograman dasar merupakan pondasi awal untuk bisa membuat program aplikasi. Prospek pekerjaan lulusan sistem informasi dan teknik informatika juga sangat bagus karena kemajuan teknologi akan semakin pesat dimasa depan.


Struktur kode HTML

Struktur kode HTML

Pada topik sebelumnya, kita hanya mengetikkan hello world di dalam file hello.htm. Sebetulnya teks hello world tersebut masih belum sempurna. Karena HTML memiliki struktur yang harus diikuti sebagai berikut:


1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
  <head>
    <!-- Kode head -->
    <title>Hello HTML</title>
  </head>
  <body>
    Halo dunia HTML
  </body>
</html>

Sebelum membahas struktur tersebut lebih lanjut, sebaiknya terlebih dahulu kita bahas secara singkat mengenai elemen, tag dan atribut di dalam bahasa Markup seperti HTML.

Elemen, Tag dan Atribut pada HTML

Tag pada HTML adalah potongan teks yang diawali dengan < dan diakhiri dengan >. Terdapat tiga jenis tag, yaitu tag pembuka (opening tag), tag penutup (closing tag), dan tag yang menutup dirinya sendiri (self closing tag).

Tag pembuka adalah tag muncul terlebih dahulu. Murni merupakan teks yang diapit oleh tanda < dan >. Contoh tag pembuka: <table>, <h1>, <strong>, <a>.

Tag penutup sama dengan tag pembuka, tetapi diawali dengan / dan tidak dapat berisi atribut. Contoh tag penutup: </table>, </h1>, </strong>, </a>.

Self closing tag membuka dan menutup dirinya sendiri. Biasanya ditandai dengan spasi, garis miring dan simbol lebih besar sebagai penutupnya. Contoh self closing tag: <br />, <img />, <hr />. Tidak jarang, self closing tag diketik tanpa tanda garis miring di belakangnya sepeti <br>, <img> dan <hr>. Browser pada umumnya cukup pintar dan pemaaf untuk mengenali hal ini. Akan tetapi sangat disarankan untuk mengikuti format yang benar.

Tag di dalam HTML biasanya berpasangan mengapit isi di dalamnya. Sepasang tag beserta isinya biasanya disebut elemen. Terkecuali self-closing-tag yang menutup dirinya sendiri, hanya terdiri dari satu tag yang membuka sekaligus menutup dirinya sendiri. Self closing tag bisa dianggap satu elemen HTML.

Teks di dalam suatu tag menentukan jenis dan perilaku tag tersebut. Misalkan tag <strong> akan menyebabkan teks yang diapit oleh tag pembuka dan penutupnya dicetak tebal. Elemen <strong>Tebal</strong> akan tampak seperti:

Tebal

Atribut adalah parameter pada elemen HTML yang diketikkan pada tag pembuka. Atribut ini mengatur lebih lanjut perilaku suatu elemen HTML. Misalkan <a href="http://facebook.com">link ke pesbuk</a> akan tampil seperti:

link ke pesbuk

Atribut href mengatur situs yang dituju bila tag <a> diklik. Terdapat juga atribut seperti color dan bgcolor yang mengatur warna teks. Akan tetapi atribut pengaturan ukuran warna dan teks tersebut sudah jarang dipakai karena kemunculan teknologi CSS yang lebih mudah. Akan tetapi atribut seperti href, src, id, class, style tetap tidak dapat tergantikan.

Penjelasan struktur HTML

Mari kita kembali ke contoh pertama di atas. Pada contoh tersebut, paling atas terdapat tag doctype: <!DOCTYPE html>. Tag doctype merupakan tag khusus yang menyatakan format HTML yang dipakai. Tag ini secara khusus mengatakan pada browser untuk mengolah HTML yang diketik berikutnya menggunakan standar HTML 5.

Struktur HTML yang lengkap terdiri dari elemen html, dan di dalamnya terdapat elemen head dan body. Ini adalah struktur minimal sebuah dokumen / file html.

Isi di dalam elemen head tidak tampil ke layar dan biasanya diisi dengan elemen-elemen yang mempengaruhi perilaku dokumen html tersebut. Elemen head dapat berisi misalnya:

  • title, yaitu judul yang tampil pada tab browser
  • link rel="shortcut icon", yaitu ikon pada tab browser
  • script dan style, yaitu skrip Javascript atau CSS
  • meta name="viewport", yaitu keterangan lebih lanjut mengenai target ukuran layar
  • meta name="description", yaitu keterangan topik untuk search engine

Sedangkan isi di dalam elemen body adalah isi yang akan ditampilkan ke layar browser. Kebanyakan orang lebih senang membahas elemen-elemen yang berada di dalam elemen body.

Komentar pada HTML

Komentar adalah bagian dari skrip program yang tidak diolah. Pada HTML, komentar diketik dalam format

1
<!-- komentar apa saja -->

Diawali dengan <!-- dan diakhiri dengan -->. Dapat berisi teks apa saja yang dapat diketik sebagai suatu keteranga di dalam dokumen html.

Contact Me
Cloud Hosting Indonesia

Search This Blog

Powered by Blogger.

Adress/Street

paninggaran, pekalongan 51164

Phone number

+628 139 178 2567

Website

amrun.dev