Blog Gue

Posts

Showing posts from 2017

Hard Disk Drives

Hard disk drive adalah sebuah alat yang berfungsi untuk menyimpan data. Hard disk terdiri dari benda keras, piringan hitam yang biasanya terbuat dari alumunium atau gelas. Beberapa tipe hard disk yang ada dipasaran, kebanyakan mempunyai komponen dasar fisik yang hampir sama. Komponen-komponen tersebut antara lain : Disk platters, Logic board, Read / write heads, Cables danconnectors, Head actuator, mechanism atau switches, Configuration items seperti jumpers, Spindle motor, Bezel Jika hardisk dibuka, bagian dalamnya terdiri dari satu atau lebih alumunium disk yang disebut platter, yang dilapisi dengan bahan magnetik sama halnya yang digunakan dalam tape audio atau video. Data digital disimpan pada permukaan platter dalam track konsentrik yang terbagi dalam sector. Head read / write digunakan untuk melakukan pembacaan dan penulisan data pada platter. Kecepatan rotasi platter ditentukan oleh sebagaimana cepat data dapat ditransfer ke/dari disk. Seberapa dekat ruang track dan seberap

Apa Itu Sistem Operasi ?

Apa itu Sistem Operasi ? Sistem Operasi bisa dikatakan sebagai suatu jembatan atau penghubung antara Software ( Program Aplikasi ) dengan Hardware atau yang kita kenal dengan perangkat keras. Sistem operasi memiliki sutu inti yang bertugas untuk menghubungkan dan menerjemahkan sutu perintah untuk diteruskan yang dinamakan kernel. Kernel merupakan inti dari sistem operasi. Bagaimana Cara Kerja Sistem Operasi ? Setelah kita mengetahui apa yang dinamakan sistem operasi selanjutnya mengenai cara kerjanya. cara kerja OS yaitu seperti contoh dibawah ini : Syarat : Komputer tidak mengerti Huruf tetapi mengenal angka ( biner 10 ) " Ketika kita melakukukan suatu aksi atau perintah maka sistem operasi ada ditengah dialah yang akan menerima perintah tersebut terlebih dahulu untuk kemudian dilanjutkan sesuai dengan perintah yang diinginkan dan tentunya sudah diterjemahkan kedalam bahasa mesin dan sisem operasilah yang mengelola / menerima semua perintah untuk diteruskan"

Apa itu Komputer?

Apa itu Komputer? Sebuah komputer adalah perangkat elektronik yang memanipulasi informasi, atau data. Ia memiliki kemampuan untuk menyimpan, mengambil, dan memproses data. Anda mungkin sudah tahu bahwa Anda dapat menggunakan komputer untuk mengetik dokumen, mengirim email, bermain game, dan browsing Web. Anda juga dapat menggunakannya untuk mengedit atau membuat spreadsheet, presentasi, dan bahkan video. Hardware vs software Sebelum kita berbicara tentang berbagai jenis komputer, mari kita bicara tentang dua hal semua komputer memiliki kesamaan ada hardware dan software. Hardware adalah bagian dari komputer Anda yang memiliki struktur fisik, seperti keyboard atau mouse. Ini juga mencakup semua bagian internal komputer, yang dapat Anda lihat pada gambar di bawah. Software adalah setiap set instruksi yang memberitahu perangkat keras apa yang harus dilakukan dan bagaimana melakukannya. Contoh perangkat lunak termasuk web browser, permainan, dan pengolah kata. Di bawah, Anda da

Belajar CSS Selector

CSS selector dapat dikatakan suatu pola untuk memilih elemen yang akan diubah atau diberikan suatu gaya. Selector memiliki beberapa macam Selector Class(.) Selector Class berfungsi untuk menyeleksi semua elemen <div class=”elemen”></DIV> Berikut ini adalah contoh selector class() <html> <head> <style> .mulai{ Color:green; } </style> </head> <body> <h1> Selamat Datang di ilmuinformatika</h1> <div class=mulai> <p> Nama Saya Blade. </p> </div> <p> Saya Tinggal di Bandung. </p> </body> </html> Berdasarkan Skrip diatas ditunjukan untuk penilisan CSS selector Class yang akan digunakan untuk mengubah didalam tag html <div class=mulai></div> Dimana hasilnya adalah seperti dibawah ini :

Belajar CSS Selector id(#)

Selector id berfungsi untuk menyeleksi semua elemen <div class=”elemen”></DIV> Berikut ini adalah contoh selector id() <html> <head> <style> #nama{ color:red; } </style> </head> <body> <div id=nama> <h1> Selamat Datang di ilmuinformatika</h1> <p> Nama Saya Blade. </p> </div> <p> Saya Tinggal di Bandung. </p> </body> </html> Berdasarkan Skrip diatas ditunjukan untuk penilisan CSS selector id yang akan digunakan untuk [wpedon id="211" align="left"]mengubah didalam tag html <div class=nama></div> Dimana hasilnya adalah seperti dibawah ini :

Belajar CSS Selector {*}

Pada selector ini bertujuan memilih semua element menjadi seperti yang telah tentukan pada bagian ini, seperti contoh : <html> <head> <style> *{ color:red; } #nama{ background-color:yellow; } </style> </head> <body> <div id=nama> <h1> Selamat Datang di ilmuinformatika</h1> <p> Nama Saya Blade. </p> </div> <p> Saya Tinggal di Bandung. </p> </body> </html> Dalam skript diatas saya membuat 2 selector , selector (*) saya gunakan untuk merubah warna tulisan yang ada pada semua elemen ytang ada pada halaman html yang saya buat, sedangkan untuk selector id saya gunakan untuk membedakan hasil dari selector (*)[wpedon id="211" align="right"] Seperti gambar dibawah ini :

Selector (element) CSS

Pada selector ini berfungsi untuk menyeleksi semua element yang didefinisikan pada selector, misyal kita akan menyeleksi elemen <h1></h1> , Berikut ini adalah cara penyeleksiannya yaitu dengan menggunakan h1 sebagai selector <html> <head> <style> h1{ color:red; } </style> </head> <body> <h1> Selamat Datang di ilmuinformatika</h1> <p> Nama Saya Blade. </p> <h1> Saya Harus Pintar </h1> </body> </html> Dari skript di atas kita telah memahami dan mengetahui apa fungsi dari selector element, berikut ini adalah hasil dari selector tersebut :

Pengetian Cascading Style Sheet ( CSS )

CSS merupakan skumpulan kode pemerograman yang berguna untuk membuat beberapa komponen web sehingga menjadi tampak tersetruktur dan teratur. CSS juga dapat disebut sebagai kode pem yang digunakan untuk mengidentifikasi desain dari markup ( HTML, XML, dll ). CSS merupakan sebuah teknologi internet yang direkomendasi oleh World Wide Web Consortium atau WWWC. Bicara CSS biasanya CSS selalu berpasangan dengan bahasa markup HTML karena keduanya saling mendukung dan melengkapi, HTML digunakan untuk membuat struktur konten dari halaman web sedangkan CSS digunakan untuk tampilan halaman web tersebut.

CSS : Selector elemen,elemen1{}

Selectror ini berfungsi untuk memberikan even kepada elemen dan elllement1 pada kode html, misyal kita akan menyeleksi h1,p{} makan ketika ada elemen didalah <h1><h/1> dan <p></p> akan mendapatkan even yang dibuat, sebagai contoh <html> <head> <style> h1,p{ color:red; } </style> </head> <body> <h1> Selamat Datang di ilmuinformatika</h1> <p> Nama Saya Blade. </p> <h1> Saya Harus Pintar </h1> <br>Kemana</br> </body> </html> Berikut ini adalah contoh hasilnya :

CSS : Selector elementA elemenB{} CSS

Pada selector kali ini berfungsi untuk merubah style yang terdapat pada elemenB yang terletak di element A Sebagai contoh : <html> <head> <style> h1 b{ color:blue; } </style> </head> <body> <h1> gue juga <b>Nama Saya Blade. <b> Saya Harus Pintar </h1> <b> Aku Manusia </b> </body> </html> Pada source code diatas bisa kita lihat terjadi perubahan pada elemenB yaitu <b><b> yang berada pada element a yaitu <h1></h1> sedangkan element b yang berapada diluar elementA tidak berubah. berikut ini adalah hasil script diatas :

CSS : Selector elementlokasi > elementseleksi

Mengapa pada selector ini saya gunakan nama lokasi dan seleksi, karena element ini berfungsi untuk menyeleksi semua script html element seleksi yang berada pada elementlokasi namun tidak boleh ada pada element lain pada element lokasi. Untuk yang masih bingung bias perhatikan script dibawah ini : <html> <head> <style> lok > sel{ background-color:red; } </style> </head> <body> <h1> <lok> <sel> Aku adalah Superman </sel> <span> <sel> you = kamu </sel> </span> <sel>surat</sel> </lok> <h1> </body> </html> Pada script diatas kita membuat sebuat script html yang yang berisi selector css, perhatikan pada bagian style saya membuat elementlokasi dengan nama lok dan elementseleksi dengan nama sel, jadi ketika sel berada pada lok secara langsung maka akan diberikan sebuat style background merah seperti script diatas namun tiak berlaku ketika ada element lain didalam ele

CSS : Selector Hover

Selector hover digunakan untuk membuat objek yang kita sentuh dengan kursor berubah baik itu warna background maupun warna tulisan. Untuk elemen hover ketentuan penulisannya adalah sebagai berikut “namaelemen:hover{}” berikut ini adalah contoh CSS element hover <html> <head> <style> h1:hover,p:hover{ background-color:red; } </style> </head> <body> <h1> Selamat Datang di ilmuinformatika</h1> <p> Nama Saya Blade. </p> <h1> Saya Harus Pintar </h1> <br>Kemana</br> </body> </html> Pada bagian source code diatas saya coba memberikan style menggunakan elemen hover apabila <p></p> dan <h1></h1> disentuh dengan kursor maka warna backgrounnya akan berubah. Sebagai contoh gambar dibawah ini :

Belajar memberi background berbentuk kotak HTML & CSS

Berikut ini adalah kode html yang saya gabungkan dengan css untuk memberikan sebuah aksi pada objek yang saya buat. berikut ini adalah kode programnya <html> <head> <style> .mulai{ width:110px; height:110px; background-color:red; } </style> </head> <body><center><br> <h1> Selamat Datang Bro<br> ini adalah belajar ngasih warna background dengan dibuat kotak<p> <div class="mulai"> kamu<br> aku<br> dia<br></h1></div> </body> </html> Pada kodingan diatas saya membuat style dengan bantuan css selector class dengan nama mulai. pada mulai saya isikan width dan hightnya dengan ukuran 110 px agar berbentuk kotak ukurannya sama panjang, kemudian saya berikan background-color dengan warna merah. kode program css selector class diatas saya aktifkan pada bagian <div class="mulai"> dan diakhiri </div> dan saya letakan posisinya dengan kode <ce

Hack Wifi With Kali Linux ( Aircrack )

Hallo Semua balik lagi bareng gue Rizky. Kali ini gue mau coba bahas dan ngasih tau cara - cara hack wifi di kali linux menggunakan aircrack. Aircrack merupakan salah satu tools yang sudah tersedia dikali linux yang bisa kita pakai untuk menemukan atau meng hack password wifi yang menjadi target kita. Tapi sebelum memulai saya ingatkan dengan tegas " HAL INI HANYA UNTUK BELAJAR BUKAN UNTUK KEJAHATAN " apabila kalian gunakan unutk kejahatan kalian yang harus tanggung resikonya sendiri. Ok kita mulai aja 1. Buka terminal atau Console kemudian posisikan di root bisa dengan cara ketik "su" atau "sudo" 2.Setelah terminal terbuka selanjutnya kita bisa ketikan " airmon -ng start wlan0 " wlan0 adalah adafter wifi kita kalian bisa cek menggunakan printah ifconfig 3. setelah itu wlan0 akan berubah menjadi wlan0mon atau mode monitor. selanjutnya ketikan printah "airodump-ng wlan0mon" printah tersebut berfungsi untuk m

Reset Menggunakan Tombol Printer Cannon Pixma MG2570 dll

Pasti sangat pusing sekali kekita kalian semua dihadapkan dengan printer yang sering sekali error, apalagi error ketika mau digunakan pasti kesal sekali rasanya. apalagi dikejar deadlock.. woww rasanya mau bilang wow. Pada kesempatan kali ini saya akan coba share bagi atau memberikan sebuah info cara yang ampuh untuk reset jenis printer canon pixma MG2570 dan saya sudah coba untuk semua jenis blinking dan berhasil. Printer MG2570 adalah printer multi fungsi yang dikeluarkan oleh cannon dengan kemampuan untuk melakukan print, scan, foto copy secara multytasking dan sangat cocok sekali digunakan untuk keperluan sehari - hari, printer ini didukung dengan teknologi fine and cannon hybrid system dengan kualitas cetak yang tegas dan jelas. jenis printer ini adalah Inkjet dengan connectivity USB dan ukuran kertas A4, A5, B5, LTR, LGL, 4 x 6″, 5 x 7″, Envelopes (DL, COM10), Custum size ( width 101.6mm – 215.9mm, length 152.4mm – 676mm ) dan dengan berat yang ringan hanya 3.5 KG.

Alasan Pemilihan Extreme Programming ( XP )

Extreme Programming (XP) merupakan suatu pendekatan yang paling banyak digunakan untuk pengembangan perangkat lunak cepat. Alasan menggunakan metode Extreme Programming (XP) yaitu karena sifat dari aplikasi yang di kembangkan dilakukan dengan cepat melalui tahapan - tahapan yang ada meliputi : Planning/Perencanaan, Design/Perancangan, Coding/Pengkodean dan Testing/Pengujian. (Pressman, 2012:88). Adapun tahapan pada Extreme Programming dapat di jelaskan sebagai berikut: 1. Planning / Perencanaan Pada tahap perencanaan ini dimulai dari pengumpulan kebutuhan yang membantu tim teknikal untuk memahami konteks bisnis dari sebuah aplikasi. Selain itu pada tahap ini juga mendefinisikan output yang akan dihasilkan, fitur yang dimiliki oleh aplikasi dan fungsi dari aplikasi yang dikembangkan. 2. Design / Perancangan Metode ini menekankan desain aplikasi yang sederhana, untuk mendesain aplikasi dapat menggunakan Class-Responsibility-Collaborator (CRC) cards yang mengidenti

Model Pengembangan Perangkat Lunak beserta Kelebihan dan Kekurangannya

Berikut ini akan coba saya jelaskan mengenai kelebihan dan kekurangan dari model - model pengembangan perangkat lunak ayo ikuti : 1. Model Waterfall Model Waterfall merupakan salah satu model untuk perencanaan dari sebuah Perangkat Lunak. Model Waterfall adalah salah satu model klasik yang bersifat sistematis. Mengapa disebut sistematis ? Karena model ini dikerjakan secara berurutan. Penggunaan model ini dalam penerapan di kehidupan sehari-hari sangatlah memakan waktu dan sangat sedikit dipakai membuat software. Namun model ini cocok untuk bisnis kecil. Kelebihan: Merupakan model pengembangan paling handal dan paling lama digunakan. Cocok untuk sistem software yang bersifat generik. Pengerjaan projek sistem akan terjadwal dengan baik dan mudah dikontrol. Kekurangan: Persyaratan sistem harus digambarkan dengan jelas. Rincian proses harus benar-benar jelas dan tidak boleh berubah ubah Sulit untuk mengadaptasi jika terjadi perubahan spes

Yang dimaksud dengan Rekayasa Perangkat Lunak

Rekayasa Perangkat Lunak menurut IEEE Computer Society adalah penerapan suatu pendekatan yang sistematis, disiplin dan terkuantifikasi terhadap pengembangan, penggunaan, pemeliharaan perangkat lunak, dan studi atas pendekatan-pendekatan tersebut, yaitu penerapan pendekatan engineering terhadap perangkat lunak. Jadi Rekayasa perangkat lunak merupakan pengubahan perangkat lunak itu sendiri guna mengembangkan, memelihara, dan membangun kembali dengan menggunakan prinsip-prinsip rekayasa untuk menghasilkan perangkat lunak yang dapat bekerja lebih efektif dan efisien untuk pengguna nya. perbedaan karakteristik perangkat lunak dan perangkat keras Perangkat lunak lebih merupakan elemen logika dan bukan merupakan elemen sistem fisik. Dengan demikian, perangkat lunak memiliki ciri yang berbeda dari perangkat keras : Perangkat lunak dibangun dan dikembangkan, tidak dibuat dalam bentuk yang klasik (pabrikasi). Biaya untuk perangkat lunak dikonsentrasikan kepada pengembangan. Hal ini

Latihan 5 - Pembuatan Soal di html

Pada latihan kali ini adalah pembuatan contoh soal menggunakan html, dengan text input, combobox(option), radio, button, image biodata dll. pada kesempatan kali ini saya pisahka antara script CSS dan HTMLnya 1. Pembuatan CSS ( berikan nama soal.css ) *{ box-sizing:border-box; margin:0 auto; } body{ background-color:azure; } html,body{ font-family:Helvetica; } form { top:-150px; left: -0px; position:relative; width:100%; max-width:400px; background-color:azure; border-radius:0px; box-shadow:0px 0px 0px azure; } .input-mode{ border:1px solid silver; border-radius:1px; font-size:1px; height:20px; padding:10 0px; display:inline; width:60%; } soal { top:-150px; left: -0px; position:relative; width:100%; max-width:400px; background-color:azure; border-radius:0px; box-shadow:0px 0px 0px azure; } ad { top:-1px; left: 20px; position:relative; width:100%; max-width:400px; background-color:azure; border-radius:0px; box-shadow:0px 0px 0px azure; } p

Latihan 4 - Pembuatan biodata

Pada latihan kali ini adalah pembuatan biodata dengan penambahan background color, marquee, color text, backgroun color pada text, underline dan bold berikut ini adalah contoh kode htmlnya : <html> <head> <title>Biodata</title> <style> lok > sel { background-color:Red; } </style> </head> <body bgcolor="black"> <font color="green" face="verdana" size="12"</font> <marquee>Ini Biodata Saya</marquee><p> <font color="white" face="verdana" size="12"</font> <lok> <b>Nama:</b><sel><u>Rizky</u><br></sel> <b>Kelas:</b><sel><u>1</u></sel><br> </lok> </body> </html> Berikut ini adalah hasilnya :

Latihan 3 - Pembuatan Table kolom Header dan penambahan background melalui css

Berikut ini adalah contoh pembuatan html dasar di latihan 3, dengan menambahkan image backgroun di css dan warna tulisan <html> <head> <title>Cara Membuat Header dan Kolom</title> <style type="text/css"> body { background-image: url(a.png); color: black ; } </style> </head> <body> <font color ="blue" face="verdana" size="12"</font> <center><b><h2> Kolom dan Header </h2> <table border="1"> <tr> <th>NO</th> <th>NIM</th> <th>Nama</th> <th>Mata Kuliah</th> </tr> </center> <tr> <td>1</td> <td>311510268</td> <td>Rizky Muhamad Ridwan</td> <td>Teknik Informatika</td> </tr> <tr> <td>2</td> <td>

Latihan 2 - HTML dasar menggunakan form radio dan button

Berikut ini adalah contoh script html dasar menggunakan css, form, input text, radio, image header dan button <html> <head> <title>Latihan 2017</title> <style> #head{ background-color:red; } #uj{ background-color:yellow; } #isi{ background-color:orange; } #atas{ background-color:violet; } #welcome{ background-color:white; } </style> </head> <body bgcolor="red"> <div id=atas><b>Silahkan Pilih Jurusan</b> <select> <option value="">Teknik Informatika</option> <option value="">Sistem Informatika</option> <option value="">Bahasa Indonesia</option> <option value="">Bahasa Inggris</option> </select></div> <div id=welcome> <center><img src="b.png"><img src="c.png"><img src="d.png"><img src="e.png"><img src="f.png"><

Latihan 1 - Pembuatan design tugas akhir menggunakan HTML

Pada kesempatan kali ini saya akan memperlihatkan bagaimana cara pembuatan sebuah contoh penyusunan sebuah halaman dari script html dibawah ini dengan menggunakan CSS dan link <html> <head> <title>Latihan 2017</title> <style> #head{ background-color:red; } #uj{ background-color:yellow; } #isi{ background-color:orange; } #atas{ background-color:violet; } #welcome{ background-color:white; } </style> </head> <body bgcolor="red"> <div id=head> <div id=uj> <center><b> Tugas Akhir Kelompok TA 2017/2018<br> Pengembangan TI STT Pelita Bangsa</b></center><p></div> <div id=isi> <ul> <b><li>Pendahuluan</b> <ol> <li><a href=#>Latar Belakang</a> <li><a href="new 1.html">Rumusan Masalah</a> <li><a href="new 2.html">Tujuan</a> <li><a href="new 2.html">Batasan

Mengenal Struktur HTML

Berikut ini saya akan coba menjelaskan mengenai struktur html <html> <head> <title> </title> </head> <body> </body> </html> Penjelasan Kode <html>....</html> Tag Html diatas dimaksudkan bahwa website menggunakan bahasa html <head>.....</head> Tag <head> merupakan kepala dari halaman website, pada tag ini biasanya digunakan untuk peletakan css, java/script, font, dll <title>web gue</title> tag <title> digunakan untuk menyatakan title website anda, title terletak pada <head> <body>.....</body> tag <body>, tag body digunakan sebagai tempat pengisian web anda, atau isi dari website anda terletak di body

Mengenal Visual Basic

Visual Basic merupakan salah satu bahasa pemrograman computer yang dikembangkan oleh Microsoft sejak tahun 1991, yang merupakan pengembangan dari pendahulunya yaitu bahasa pemrograman BASIC (Beginner’s All-purpose Symbolic Instruction Code) yang dikembangkan pada era 1950-an. Visual Basic merupakan salah satu Development Tool yaitu alat bantu untuk membuat berbagai macam pembuatan program komputer, khususnya yang menggunakan sistem operasi Windows. Visual Basic merupakan salah satu bahasa pemrograman komputer yang mendukung object (Object Oriented Programming / OOP). Bahasa pemrograman adalah perintah - perintah yang dimengerti oleh komputer untuk melakukan tugas - tugas tertentu. Berikut ini adalah tampilan dari visual basic 6 standard exe Berikut ini adalah penjelasan dari masing – masing bagian yang terletak pada tampilan visual basic 6 Menu Bar Tools Bar Form Design Source Code Tools Box Project Explore Properties View