SlideShare a Scribd company logo

Pengantar sistem informasi

•
•
W
Wiga_Yullia

Buku ini membahas tentang pengantar sistem informasi. Pertama, membahas definisi sistem informasi dan pentingnya sistem informasi dalam kehidupan sehari-hari. Kemudian membahas perkembangan sistem informasi dari masa ke masa. Terakhir, membahas bagaimana sistem informasi diterapkan saat ini dengan mudah diakses dari berbagai tempat.

Education
1 of 164
Download to read offline
PENGANTAR SISTEM INFORMASI FAKULTAS PERIKANAN DAN ILMU KELAUTAN UNIVERSITAS RIAU PEKANBARU
KATA PENGANTAR Puji syukur kami panjatkan kehadirat Allah SWT yang telah memberikan rahmat serta karunia-Nya kepada kami sehingga kami berhasil menyelesaikan sebuah karya dalam bentuk buku yang alhamdulillah tepat pada waktunya yang berjudul “pengantar sistem informasi” Tidak dapat dipungkiri bahwa informasi sangat dibutuhkan dalam setiap perkembangan IPTEK. Dengan sistem informasi, setiap orang dapat memulai sebuah karya baru yang tent unya memacu kepada teknologi. Dengan semakin banyak dan beragamnya terobosan- terobosan teknologi yang ada saat ini, menuntut siapa saja untuk dapat memahami keunggulan dan kekurangan dari tiap-tiap terobosan produk informasi saat ini di antaranya internet. Agar dapat memenuhi kebutuhan yang ada, sehingga mempermudah keberlangsungan hidup manusia. Oleh karena itu diciptakanlah buku ini, yang membahas tentang tentang apa itu sistem informasi, perkembangannya, serta penerapannya dalam kehidupan sehari- hari. Di dalam buku ini juga menyajikan tentang bahasa SQL. Sehingga dapat membantu pembaca dalam mengadministrasi database, seperti seperti yang terkenal saat ini adalah database Oracle XE. Dalam buku ini juga menyajikan tentang PHP, Blog, wordpress dan berbagai macam widget yang dapat membantu pembaca dalam mengarungi dunia maya. Dengan diterbitkannya buku ini semoga dapat menambah wawasan pembaca mengenai sistem informasi dan bermanfaat untuk ikut mencerdaskan bangsa Indonesia. Pekanbaru, 23 Desember 2012 TIM PENULIS i
UCAPAN TERIMA KASIH Alhamdulillahirabbil’aalamin, segala puja dan puji syukur penulis panjatkan kepada Allah Yang Maha Pengasih lagi Maha Penyayang. Tanpa karunia-Nya, mustahillah penulisan buku ini terselesaikan tepat waktu mengingat tugas dan kewajiban lain yang bersamaan hadir. Penulis benar-benar merasa tertantang untuk merealisasikan penulisan buku ini sebagai bagian untuk mempertahankan slogan pribadi banyak memberi banyak menerima. Terima kasih kepada seluruh keluarga tercinta, terutama para Ibu dan Bapak kami yang mengajari kami membaca, menyediakan buku-buku bacaan sejak kami masih duduk di bangku sekolah dasar dan membuat kami menyukai buku-buku. Membuat kami berpikir, kelak nama kami harus tertera di sampul sebuah buku. Terima kasih kepada seorang figur yang tiada henti memberikan masukan guna terciptanya buku ini yaitu seorang Dosen Pengantar Sistem Informasi Fakultas Perikanan Dan Ilmu Kelautan Universitas Riau Ronald Mangasi Hutauruk, S.T, M.T, yang memberikan kami kesempatan untuk menciptakan sebuah karya dalam bentuk buku berisikan Sistem Informasi. Kepada Tim Penulis, Riswanda Imawan, Lukman, M. Isnainy Ramadhan, Yulinda Suaseh Nasution, Wiga Yulia Utami dan Kartini Kazid, untuk diskusi-diskusi dunia kepenulisan yang mencerahkan dan penuh inspirasi dan kerja sama yang baik keseluruhannya. Semua bentuk kemudahan yang telah diberikan benar-benar bermanfaat bagi penulis untuk belajar menjadi pribadi yang lebih baik. Selain itu, penulis juga menyampaikan rasa terima kasih kepada segenap pengelola Program Studi Sosial Ekonomi Perikanan (S1) FAPERIKA Universitas Riau (UR) Pekanbaru untuk semua bantuan, motivasi, dan saran-sarannya. Meskipun telah berusaha untuk menghindarkan kesalahan, penulis menyadari juga bahwa buku ini masih mempunyai kelemahan sebagai kekurangannya. Karena itu, penulis berharap agar pembaca berkenan menyampaikan kritikan. Dengan segala pengharapan dan keterbukaan, penulis menyampaikan rasa terima kasih dengan setulus-tulusnya. Kritik merupakan perhatian agar dapat menuju kesempurnaan. Akhir kata, penulis berharap agar buku ini dapat membawa ii
manfaat kepada pembaca. Secara khusus, penulis berharap semoga buku ini dapat menginspirasi generasi bangsa ini agar menjadi generasi yang tanggap dan tangguh. Jadilah generasi yang bermartabat, kreatif, dan mandiri. Pekanbaru, 23 Desember 2012 TIM PENULIS iii
DAFTAR ISI Kata pengantar ............................................................................. i Ucapan terimakasih ..................................................................... ii Daftar isi ..................................................................................... iv Daftar gambar ........................................................................... ix Daftar tabel ............................................................................... xiv Bab 1. Pendahuluan 1.1 apa itu sistem informasi ........................................................................................................ 1 1.2 mengapa sistem informasi itu penting .................................................................................. 3 1.3 beda sistem infoirmasi dengan teknologi informasi ............................................................ 4 1.4 penerapan sistem informasi................................................................................................... 6 1.5 perkembangan sistem informasi ........................................................................................... 6 1.6 keadaan sitem informasi pada saat sekarang ....................................................................... 8 Bab 2. Blog 2.1 blog ........................................................................................................................................ 11 2.1.1 pengertian blog .......................................................................................................... 11 2.1.2 manfaat blog ............................................................................................................... 13 2.2 blogspot ................................................................................................................................. 13 2.2.1 kelebihanblogspot ...................................................................................................... 13 2.2.2 cara membuat blogspot ............................................................................................. 14 iv
2.3 wordpress .............................................................................................................................. 19 2.3.1 kelebihan wordpress .................................................................................................. 20 2.3.2 cara membuat blog di wordpress ............................................................................. 21 2.4 blogdetik ................................................................................................................................ 26 2.4.1 keuntungan blogdetik ................................................................................................ 26 2.4.2 cara membuat blog di blogdetik ............................................................................... 26 2.5 mempercantik blog dengan item tambahan ...................................................................... 29 2.5.1 memberikan status ym ( yahoo messenger ) di blog keblogspot ........................... 29 2.5.2 widget binatang pelirahaan ....................................................................................... 31 2.5.3 mendownload tempelate untuk blogspot ................................................................ 32 2.5.4 meng-upload tempelate keblogspot......................................................................... 34 2.5.5 cara menambahkan widget like box facebook melayang pada blogspot .............. 37 2.6 efek-efek extra untuk blog ................................................................................................... 46 2.6.1 efek ringan .................................................................................................................. 46 2.6.2 efek menengah-berat................................................................................................. 47 Bab 3. Pengantar internet dankomputer 3.1 pengantar internet................................................................................................................ 59 3.1.1 apa itu jaringan? ......................................................................................................... 59 3.1.2 domain ........................................................................................................................ 62 3.1.3 server........................................................................................................................... 64 3.1.4 webhosting ................................................................................................................. 64 3.2 komputer ............................................................................................................................... 66 3.2.1 apa itu komputer? ......................................................................................................66 v
3.2.2 sejarah komputer........................................................................................................67 3.2.2.1 sejarah komputer – generasi komputer pertama ........................................67 3.2.2.2 sejarah komputer – generasi komputer ke dua ...........................................70 3.2.2.3 sejarah komputer – generasi komputer ketiga ............................................72 3.2.2.4 sejarah komputer – generasi komputer keempat .......................................73 3.2.2.4 sejarah komputer – generasi komputer ke lima ..........................................75 3.2.3 bagian-bagian komputer ............................................................................................76 3.2.4 perangkat tambahan pada komputer .......................................................................82 3.2.5 kegunaan komputer ...................................................................................................94 3.2.5.1 komputer sebagai sarana mempermudah kerja ..........................................94 3.2.5.2 kompter sebagai sarana komunikasi ............................................................94 3.2.5.3 komputer sebagai alat hiburan .....................................................................95 3.2.5.4 komputer sebagai alat pendidikan................................................................95 3.2.5.5 komputer sebagai sarana informasi .............................................................96 3.2.5.6 komputer sebagai sarana usaha ...................................................................96 3.2.5.7 komputer sebagai sarana kontrol .................................................................97 3.2.5.8 komputer dalam bidang industry ..................................................................98 3.2.5.9 komputerdalambidangperbankan ............................................................... 98 3.2.5.10 komputer dalam bidang perdagangan .......................................................99 3.2.5.11 komputer dalam bidang kedokteran ..........................................................99 3.2.5.12 komputer dalam bidang seni.......................................................................99 3.2.5.13 komputer dalam bidang rekreasi ................................................................99 3.2.5.14 komputer dalam bidang penelitian science ...............................................99 3.2.5.15 komputer dalam bidang hankam ................................................................99 3.2.5.16 komputer dalam bidang komunikasi ..........................................................99 vi
Bab 4. HTML, PHP, DAN MySQL 4.1 html ......................................................................................................................................100 4.1.1 apa itu html? .............................................................................................................100 4.1.2 sejarah html ..............................................................................................................100 4.1.3 apaitu tag html? ........................................................................................................101 4.1.4 halaman sederhana ..................................................................................................102 4.1.5 tag meta ....................................................................................................................103 4.1.6 tag body .....................................................................................................................104 4.1.7 tag tunggal.................................................................................................................105 4.1.8 font style....................................................................................................................107 4.1.9 tag font ......................................................................................................................107 4.1.10 atribut warna ..........................................................................................................108 4.1.11 list.............................................................................................................................109 4.1.12 tag alignment ..........................................................................................................110 4.1.13 tag image .................................................................................................................110 4.1.14 tag hyperlink ...........................................................................................................111 4.1.15 tabel .........................................................................................................................112 4.1.16 tag frame .................................................................................................................114 4.2 php .......................................................................................................................................116 vii
4.2.1 apa itu php? ..............................................................................................................116 4.2.2 sejarah php ................................................................................................................116 4.2.3 syarat untuk menjalankan php ................................................................................116 4.2.4 pemasangan mysql ...................................................................................................117 4.2.5 memebuat aplikasi php dalam satu file ..................................................................121 4.3 mysql ....................................................................................................................................126 4.3.1 apa itu mysql? ...........................................................................................................126 4.3.2 keistimewaan msql ...................................................................................................126 Referensi bab 1 .........................................................................................................................133 Referensi bab 2 .........................................................................................................................134 Referensi bab 3 .........................................................................................................................135 Referensi bab 4 .........................................................................................................................136 Biodata penulis viii
DAFTAR GAMBAR Gambar 1.1 Bagaimana sistem informasi pada saat sekarang ................................................... 1 Gambar 1.2 Tidak selamanya sistem informasi melibatkan computer ...................................... 2 Gambar 1.3 Betapa mudahnya sekarang system informasi dicapai........................................... 8 Gambar 1.4 Orang bias mengakses dari mana saja informasi tersebut ..................................... 9 Gambar 1.5 Betapa mudahnya mengakses informasi ................................................................. 9 Gambar 1.6 Orang saling terhubung dalam jarinan informasi................................................... 10 Gambar 2.7 Blog ............................................................................................................................ 11 Gambar 2.8 Blogspot..................................................................................................................... 13 Gambar 2.9 Halaman awal ........................................................................................................... 14 Gambar 2.10 Formulir pendaftaran ............................................................................................. 15 Gambar 2.11 Ciptakan blog .......................................................................................................... 15 Gambar 2.12 Halaman identitas blog .......................................................................................... 16 Gambar 2.13 Hasil dari pembuatan identitas blog ..................................................................... 16 Gambar 2.14 Cara untuk melihat blog ......................................................................................... 17 Gambar 2.15 Cara untuk menulis pada blog ............................................................................... 17 Gambar 2.16 Hasil blog yang telah di buat.................................................................................. 18 Gambar 2.17 Wordpress ............................................................................................................... 19 Gambar 2.18 Halaman awal wordpress....................................................................................... 22 Gambar 2.19 Cara memulai membuat blog di wordpress ......................................................... 22 Gambar 2.20 Formulir pendaftaran ............................................................................................. 23 ix
Gambar 2.21 Langkah selanjutnya dalam pendaftaran ............................................................. 23 Gambar 2.22 Perintah untuk regristrasi ke alamat email anda ................................................. 24 Gambar 2.23 Regristrasi di email ................................................................................................. 24 Gambar 2.24 Ucapan selamat bahwa anda telah berhasil membuat blog ............................... 25 Gambar 2.25 Blogdetik ................................................................................................................. 26 Gambar 2.26 Halaman awal blogdetik ........................................................................................ 26 Gambar 2.27 Formulir pendaftaran ............................................................................................. 27 Gambar 2.28 Langkah berikutnya dalam pendaftaran ............................................................... 27 Gambar 2.29 Pembuatan identitas blog di blogdetik ................................................................. 28 Gambar 2.30 Ucapan selamat dan konfirmasi ke email ............................................................. 28 Gambar 2.31 Konfirmasi di email................................................................................................. 29 Gambar 2.32 Tambah gadget ....................................................................................................... 29 Gambar 2.33 Menuju HTML/ javascirp........................................................................................ 30 Gambar 2.34 Halaman konfigurasi di HTML/javascript.............................................................. 30 Gambar 2.35 Hasil ahir dari penambahan item YM ................................................................... 31 Gambar 2.36 Halaman awal abowman.com ............................................................................... 31 Gambar 2.37 Data yang harus dicopy .......................................................................................... 32 Gambar 2.38 Halaman awal blogger tempelates ....................................................................... 33 Gambar 2.39 Pilih salas satu tempelates yang anda inginkan ................................................... 33 Gambar 2.40 Mendwonload tempelates .................................................................................... 34 Gambar 2.41 Halaman rancangan ............................................................................................... 35 Gambar 2.42 Langkah mengklik cadangkan ................................................................................ 36 x
Gambar 2.43 Langkah selanjutnya dalam proses mengupload tempelates ............................. 36 Gambar 2.44 Halaman pengunggahan tempelates .................................................................... 37 Gambar 2.45 Data yang akan di unggah ...................................................................................... 37 Gambar 2.46 Halaman awal ......................................................................................................... 38 Gambar 2.47 Masukan informasi ................................................................................................. 39 Gambar 2.48 Halaman pengunggahan ........................................................................................ 39 Gambar 2.49 Langkah ke-2 ........................................................................................................... 40 Gambar 2.50 Langkah ke-3 ........................................................................................................... 40 Gambar 2.51 Halaman fans fecebook.......................................................................................... 41 Gambar 2.52 Lankah mengklik like box ....................................................................................... 42 Gambar 2.53 Formulir pendaftaran ............................................................................................. 42 Gambar 2.54 Data yang haru dicopy ........................................................................................... 43 Gambar 2.55 Menuju tata letak ................................................................................................... 43 Gambar 2.56 Tambah gadget ....................................................................................................... 44 Gambar 2.57 HTML/javascript ..................................................................................................... 44 Gambar 2.58 Halaman konfigurasi............................................................................................... 45 Gambar 3.59 Client-server............................................................................................................ 60 Gambar 3.60 Topologi bus............................................................................................................ 61 Gambar 3.61 Topologi bintang ................................................................................................... 62 Gambar 3.62 Topologi cincin ....................................................................................................... 62 Gambar 3.63 Zuse Z3 Machine 1936 ........................................................................................... 67 Gambar 3.64 Colossus komputer ................................................................................................. 68 xi
Gambar 3.65 Penampakan komputer MARK I ............................................................................ 68 Gambar 3.66 Komputer eniac ...................................................................................................... 69 Gambar 3.67 Komputer EDVAC.................................................................................................... 69 Gambar 3.68 Komputer Univac .................................................................................................... 70 Gambar 3.69 Komputer IBM Stretch ........................................................................................... 71 Gambar 3.70 Komputer LARC....................................................................................................... 71 Gambar 3.71 Jack kilby dikelilingi komputer generasi ke 3 ....................................................... 72 Gambar 3.72 Chip intel 4004 ........................................................................................................ 73 Gambar 3.73 Atari-2600 ............................................................................................................... 74 Gambar 3.74 Komputer IBM tahun 1981 .................................................................................... 74 Gambar 3.75 Machintos generasi pertama................................................................................. 75 Gambar 3.76 Ilustrasi .................................................................................................................... 75 Gambar 3.77 VGA CARD ............................................................................................................... 76 Gambar 3.78 Casing ...................................................................................................................... 77 Gambar 3.79 Power supply .......................................................................................................... 78 Gambar 3.80 Processor................................................................................................................. 79 Gambar 3.81 Motherboard .......................................................................................................... 79 Gambar 3.82 Mouse ..................................................................................................................... 80 Gambar 3.83 Keyboard ................................................................................................................. 80 Gambar 3.84 Monitor ................................................................................................................... 80 Gambar 3.85 RAM ......................................................................................................................... 81 Gambar 3.86 Hardisk .................................................................................................................... 82 xii
Gambar 3.87 Modem eksternal ................................................................................................... 83 Gambar 3.88 Network card .......................................................................................................... 84 Gambar 3.89 Usb flasdisk ............................................................................................................. 86 Gambar 3.90 Firewire card ........................................................................................................... 88 Gambar 4.91 Laman web mysql .................................................................................................. 117 Gambar 4.92 Kotak dialog untuk menentukan lokasi mysql..................................................... 118 Gambar 4.93 Pemilihan jenis pemasangan yang dikehendaki .................................................. 119 Gambar 4.94 Pemasangan mysql telah selesai .......................................................................... 120 Gambar 4.95 Hasil olah tabel ...................................................................................................... 124 Gambar 4.96 Php myadmin ......................................................................................................... 132 xiii
DAFTAR TABEL Tabel 4.1 Font style ................................................................................................................. 107 Tabel 4.2 Kombinasi warna .................................................................................................... 108 Tabel 4.3 Tabulasi.................................................................................................................... 112 Tabel 4.4 Atribut...................................................................................................................... 113 Tabel 4.5 Atribut 2 .................................................................................................................. 113 Tabel 4.6 Beberapa prperintah SQL ....................................................................................... 127 Tabel 4.7 DML .......................................................................................................................... 128 Tabel 4.8 Tabel tipe data numerik di MySql .......................................................................... 129 Tabel 4.9 Tipe data string di MySql ........................................................................................ 130 Tabel 4.10 Tipe data date time di MySql ............................................................................... 131 xiv
BAB 1 PENDAHULUAN 1.1 Apa itu sistem informasi Terdapat beberapa pengertian sistem informasi dari beberapa pengertian yaitu: 1. Sistem informasi adalah sekumpulan komponen dari informasi yang saling terintegrasi untuk mencapai tujuan yang spesifik. Komponen yang di maksud adalah komponen input, model, output, teknologi, basis data, kontrol atau komponen pengendali. 2. Sistem Informasi adalah sekumpulan hardware, software, brainware, prosedur atau aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan. 3. Sistem informasi adalah satu kesatuan data olahan yang terintegrasi dan saling melengkapi yang menghasilkan output baik dalam bentuk gambar, suara maupun tulisan. 4. Sistem informasi adalah proses yang menjalankan fungsi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk kepentingan tertentu. 5. Suatu sistem informasi (SI) atau information system (IS) merupakan aransemen dari orang, data, proses-proses, dan antar-muka yang berinteraksi mendukung dan memperbaiki beberapa operasi sehari-hari dalam suatu bisnis termasuk mendukung memecahkan soal dan kebutuhan pembuat keputusan manejemen dan para pengguna yang berpengalaman di bidangnya. Pengandaian sistem informasi pada kehidupan sehari-hari dapat dilihat (Gambar 1.1). Gambar 1.1 Bagaimana sistem informasi pada saat sekarang (Sumber: http://drogpatravel.blogspot.com/2012/11/pengertian-sistem-informasi-menurut.html) Bisa kita lihat Gambar 1.1 bahwa sistem informasi itu ternyata ada di mana-mana saja dan dekat dengan kita sebagaimana orang yang digambar berada pada sebuah lingkungan yang dipenuhi data-data. 1
Turban, McLean, dan Wetherbe (1999) mendefinisikan bahwa sistem informasi adalah sebuah sistem informasi yang mempunyai fungsi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk tujuan yang khusus. Bodnar dan HopWood (1993) mendefinisikan bahwa sistem informasi adalah kumpulan perangkat keras dan lunak yang dirancang untuk mengubah data ke dalam bentuk informasi yang berguna. Alter (1992) mendefinisikan bahwa sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang, dan teknologi informasi untuk mencapai tujuan dalam sebuah perusahaan. (Sumber: http://piyetoiki.wordpress.com/2010/10/04/definisi-sistem-informasi/) Lalu dipertanyakan apakah sistem informasi itu selamanya membutuhkan komputer? Jawabannya “TIDAK”. Sistem informasi juga bisa berlaku tanpa komputer seperti berupa majalah, buku, selebaran dan lain-lain (Gambar 1.2). Gambar1.2 Tidak selamanya sistem informasi melibatkan komputer (Sumber: http://piyetoiki.wordpress.com/2010/10/04/definisi-sistem-informasi/) 2
1.2 Mengapa sistem informasi itu penting Sebuah pertanyaaan mendasar untuk membahas tentang tema sistem informasi “mengapa sistem informasi itu penting?” Untuk menjawab pertanyaan tersebut jelas kita harus mengacu pada beberapa kegiatan yang selalu dilakukan manusia dalam kehidupan sehari- hari. Informasi dapat diibaratkan sebagai darah yang mengalir di dalam tubuh manusia, seperti halnya informasi di dalam sebuah perusahaan yang sangat penting untuk mendukung kelangsungan perkembangannya, sehingga terdapat alasan bahwa informasi sangat dibutuhkan bagi sebuah perusahaan. Akibat bila kurang mendapatkan informasi, dalam waktu tertentu perusahaan akan mengalami ketidakmampuan mengontrol sumber daya, sehingga dalam mengambil keputusan-keputusan strategis sangat terganggu, yang pada akhirnya akan mengalami kekalahan dalam bersaing dengan lingkungan pesaingnya. Di samping itu, sistem informasi yang dimiliki seringkali tidak dapat bekerja dengan baik. Masalah utamanya adalah bahwa sistem informasi tersebut terlalu banyak informasi yang tidak bermanfaat atau berarti (sistem terlalu banyak data). Memahami konsep dasar informasi adalah sangat penting (vital) dalam mendesain sebuah sistem informasi yang efektif (effective business system). Menyiapkan langkah atau metode dalam menyediakan informasi yang berkualitas adalah tujuan dalam mendesain sistem baru. Menurut UUD 1945, Pasal 28 Setiap orang berhak untuk berkomunikasi dan memperoleh informasi untuk mengembangkan pribadi dan lingkungan sosialnya, serta berhak untuk mencari, memperoleh, memiliki, menyimpan, mengolah dan menyampaikan informasi dengan menggunakan segala jenis saluran yang tersedia. (Sumber: http://nur-arianto.blogspot.com/2009/10/perkembangan-sistem-informasi-di.html) Dalam kehidupan sehari-hari manusia tersebut jelas terdapat komponen-komponen penting dalam kehidupan manusia yang jelas sangat membutuhkan orang lain dan lalu dipertanyakan bagaimana kita menghubungi orang itu dan bagaimana skemanya dan lalu lintas hubungannya. Maka bisa dijabarkan beberapa alasan yang mengakibatkan sistem informasi itu penting untuk kita, yaitu: 1. Semakin majunya peradapan maka semakin menuntut orang untuk melakukan hubungan dengan orang lain dan lingkungannya. 2. Globalisasi. 3. Banyaknya informasi yang beredar di lingkungan. 4. Tuntutan keadaan manusia yang semakin didesak oleh waktu. 5. Adanya kebutuhan manusia tentang informasi terbaru. 3
1.3 Beda sistem informasi dengan teknologi informasi Untuk menjawab sebuah wacana di atas jelas sangat perlu kita harus mengartikan apa itu sitem informasi dan teknologi informasi. Dan pada ahirnya kita bisa membedakan apa perbedaan dari dua wacana tersebut. Sistem informasi: Kumpulan orang, data, proses, dan teknologi informasi yang berinteraksi untuk mengumpulkan, memproses, menyimpan, dan menyediakan informasi yang dibutuhkan untuk mendukung suatu organisasi. Teknologi informasi: Istilah yang digunakan untuk menggambarkan kombinasi teknologi komputer (HW dan SW) serta teknologi telekomunikasi (jaringan data, citra, dan suara). Maka dapat kita jabarkan dari hasil diatas bahwa sistem informasi ini lebih menitik beratkan pada kumpulan data yang disampaikan yang mengandung informasi, dan untuk teknologi informasi menitik beratkan kepada software dan hardware yang lebih cenderung pada alat yang mendukung informasi tersebut. Jika kita membandingkan dua hal tersebut jelas sekali berhubungan erat satu dengan yang lainnya dimana sistem informasi yang berupa pesannya dan teknologi informasi berupa alat untuk melaksanakan informasi tersebut. Namun yang perlu di garisbawahi teknologi informasi tidak hanya mencakup pada alat elektronik berupa komputer atau laptop tapi bisa juga alat lainnya yang bisa mendukung untuk informasi tersebut. Dalam pembahasan lain diperoleh, sebagai berikut: Banyak orang mendefinisikan suatu SI dengan definisi yang berbeda secara pandangan dan implementasinya masing-masing. Adapun beberapa pengertian sistem Informasi tersebut adalah sebagai berikut: Definisi 1 (satu): sistem informasi adalah sekumpulan hardware, software, brainware, prosedur atau aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan. Definisi 2 (dua): sistem informasi adalah satu kesatuan data olahan yang terintegrasi dan saling melengkapi yang menghasilkan output baik dalam bentuk gambar, suara maupun tulisan. 4
Definisi 3 (tiga): sistem informasi adalah proses yang menjalankan fungsi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk kepentingan tertentu. Definisi 4 (empat): sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input- proses-output yang berhubungan dengan pengolahan informasi (data yang telah diolah sehingga lebih berguna bagi user). Dari definisi-definisi di atas dapat ditarik kesimpulan bahwa SI adalah suatu kumpulan komponen yang saling terkait dan terintegrasi dalam proses pengolahan suatu data baik mulai dari input-proses-output atau informasi melalui proses komputerisasi. Definisi teknologi informasi: Teknologi informasi berasal dari dua kata yaitu teknologi dan informasi, sebelum kita mengetahui pengertian dari teknologi informasi maka kita perlu tahu definisi dari teknologi dan informasi tersebut. Dan berikut definisinya: Informasi secara umum adalah sebagai hasil dari pengolahan data yang secara prinsip memiliki nilai atau value yang lebih dibandingkan data mentah. Teknologi adalah ilmu yang berkaitan dengan seni atau sains dengan menerapkan pengetahuan saintifik ke praktis. Jadi dapat kita simpulkan bahwa teknologi informasi adalah teknologi yang berhubungan dengan pengolahan data menjadi informasi dan proses penyaluran data atau informasi tersebut dalam batas–batas ruang dan waktu. Teknologi informasi merupakan pengembangan dari teknologi komputer dipadukan dengan teknologi telekomunikasi. Kesamaan antara SI dan TI diantaranya yaitu: Dilihat dari tujuan SI dan TI mempunyai satu tujuan yang sama yaitu mengolah suatu data menjadi suatu informasi yang dibutuhkan oleh pengguna atau user. Baik SI dan TI didukung dengan peralatan elektronik yaitu komputer. Perbedaan SI dan TI yaitu: Dari definisinya SI bisa dikatakan lebih menuju pada proses, atau tahapan pengolahan data menjadi suatu informasi. Sedangkan TI lebih kepada faktor atau alat pendukung dan batasan- batasan dalam penyajian suatu informasi dengan menggunakan alat elektronik berikut perkembangannya. (Sumber: http://www.worldfriend.web.id/blog-friend/567-definisi-sistem-informasi- teknologi-informasi-dan-ilmu-pengetahuan) 5
1.4 Penerapan sistem informasi Dalam dunia yang sungguh modern ini semua orang dituntut untuk bisa menguasai sistem informasi dan mampu berkecimpung dalam lingkungan sistem informasi tersebut. Dalam kondisi tersebut manusia dituntut untuk bisa menguasai bagaimana sistem informasi tersebut dan mempraktekkannya dalam lingkungan sehari-hari. Penerapan sistem informasi bisa dibagi dalam beberapa hal bagian yaitu: 1. Sistem informasi manejemen. 2. Sistem informasi perusahaan. 3. Sistem informasi pendidikan. 4. Sistem informasi politik. 5. Sistem informasi sosial. 6. Sistem informasi ekonomi. 7. Sistem informasi mayarakat. 8. Dan lainnya. Sungguh banyak sekali penerapan sistem informasi yang telah diterapkan manusia dalam kehidupannya. Dalam lingkungan kita saja jelas sekali kita bisa melihat sistem informasi tersebut seperti orang yang berkecimpung dalam satu perusahaan untuk melakukan sesuatu ataupun memberikan perintah pada bawahannya jelas melewati suatu sistem tertentu untuk sampai kepada seluruh bawahannya dan mengerti dari tujuan pemerintahan tersebut. 1.5 Perkembangan sistem informasi Manusia mulai mempertukarkan informasi sejak dahulu kala, sekitar 3000 tahun sebelum masehi atau jika dihitung sudah lebih dari 5000 tahun yang lalu. Cara mempertukarkan informasi itu adalah dengan menuliskannya pada batu, kayu, papirus atau tanah liat. Awal 6
sejarah perkembangan sistem informasi dimulai dari sini. Tanpa langkah yang dilakukan oleh manusia kuno ini, tidak akan ada perangkat teknologi canggih seperti komputer dan telepon . Ada empat tahapan yang dilalui dalam perkembangan komunikasi dan informasi, di antaranya dapat kami jabarkan dibawah ini. 1. Periode pertama: pra mekanik Pada periode ini, komunikasi menggunakan simbol untuk menyampaikan informasi. Pada tahun 3000-2000 sebelum masehi, manusia menggunakan gambar juga untuk menyampaikan pesan. Contohnya adalah bangsa fenisia yang mendiami timur tengah (saat ini lebanon) menciptakan model yang sama. Bangsa yunani kuno mengadaptasi simbol milik bangsa fenisia dengan menambahkan huruf vokal yang membuatnya mudah digunakan. Bangsa romawi kuno kemudian memakainya juga, yang mana saat ini menjadi alfabet yang kita kenal dan gunakan saat ini. Pembuatan buku dari papirus yang dilekatkan dimulai pada tahun 600 sebelum masehi. Pada awalnya hanya pemuka agama dan pemimpin yang memiliki koleksi buku. Setelah itu ada bangsa mesir kuno yang menciptakan sistem angka, sehingga juga mengarahkan pada penemuan alat bantu hitung yang disebut abakus. 2. Periode kedua: mekanik Masa ini termasuk dalam masa abad pertengahan. Di mana orang sudah menggunakan peralatan untuk menyimpan, mengolah dan merekam informasi. Salah satu penemuan terpenting dalam masa ini adalah mesin cetak gutenburg dari Jerman. Penyampaian informasi menjadi lebih mudah di karenakan mesin cetak dapat memproduksi tulisan yang sama dalam jumlah besar. Pada tahun 1600, komputer atau mesin hitung pertama kali diciptakan oleh Blaise pascal. Komputer ini disebut sebagai pascale line dan dianggap sebagai titik awal mesin menggantikan otak manusia dalam menghitung data. 3.Periode ketiga: elektromekanik Pada masa ini, penggunaan listrik untuk memberikan energi untuk menjalankan penemuan mesin sesudah pascale line terus ditemukan. Pada periode ini pula diciptakan telepon dan kode morse untuk digunakan dalam komunikasi jarak jauh secara langsung. Kemudian diperkenalkan komputer pertama yang digunakan untuk menyimpan program dan data pada awal 1948. Komputer tersebut adalah dubbedmanchester mark1. Komputer ini adalah awal penemuan teknologi selanjutnya yang sekarang menjadi komputer, laptop, tablet dan smartphone. 4. Periode keempat: elektronik Jean Hoerni mengembangkan transistor planar pada tahun 1957. Alat ini dapat mengintegrasikan semua sirkuit yang diciptakan tahun-tahun selanjutnya. Pada tahun 1960, Departemen Pertahanan Amerika Serikat mendirikan ARPANET (Advanced Research Project 7
Agency NETwork) yang mana ini adalah cikal bakal dari Internet yang anda gunakan sekarang ini. Pada saat itu ARPANET hanya digunakan untuk pemerintah, penelitian dan universitas. Peneliti dari MIT yang bernama Licklider memperluas ARPANET ke jaringan komputer di seluruh dunia untuk interaksi sosial. Ini terjadi pada tahun 1962. Pada tahun 1968, Andrew Grove, Gordon Moore dan Robert Noyce telah menciptakan mikrochip pertama kalinya. Mereka lalu menjual rancangan tersebut kepada intel untuk diproduksi secara massal. Setelah keempat era ini, perkembangan teknologi berlangsung secara cepat. Ditemukannya sistem operasi UNIX, komputer dari Apple, sistem operasi Windows, Linux, era dot com dan masih penemuan terbaru lainnya yang belum bisa kita sebutkan satu persatu. Semoga artikel penjelasan sejarah perkembangan sistem informasi di atas bisa menambah pengetahuan kamu di dunia komputer. (Sumber: http://belajar-komputer-mu.com/sejarah-perkembangan-sistem-informasi/) Sungguh perkembangan yang maju bukan jika kita bisa simak dari ulasan di atas dan bisa kita prediksikan pada zaman yang akan datang mungkin akan lebih maju lagi. Sungguh perkembangan sistem informasi yang sangat pesat dan kita bisa tertinggal jika tidak mengejarnya dari sekarang. Bisa kita lihat gambaran kebahagiaan masyarakat sekarang dengan sistem informasi (Gambar 1.3). Gambar1.3 Betapa mudahnya sekarang sistem informasi dicapai (Sumber: http://www.cs.ui.ac.id/lang/id/pendidikan/sarjana/s1-sistem-informasi/) 1.6 Keadaan sistem informasi pada saat sekarang Keadaan sistem informasi pada saat sekarang sungguh sangat maju dimana sistem informasi telah merambah di sektor mana saja dan telah digunakan pada lingkungan mana saja. Sungguh kemajuan yang sangat pesat di mana jika kita mundur pada dekade kebelakang sistem informasi bisa dikatakan masih pada tahap keterbatasan jarang dan waktu. Namun, jika kita lihat pada saat sekarang sungguh berbeda jauh sekali di mana jarak dan waktu bukan lagi alasan orang untuk tidak dapat menjangkau informasi. 8
Di mana jika kita ibaratkan orang hanya perlu untuk menghidupkan komputer dan mencari informasi yang dia inginkan dan dia dapat menemukan informasi dari seluk benua terkecilpun dengan hanya menggoyangkan tangannya di atas keyword dan menunggu sebentar dan informasi itu datang padanya dengan landasan jaringan internet. Dan juga pada saat sekarang sungguh sistem informasi telah ada pada seluk beluk kehidupan kita dari yang mulai seluk beluk terkecil sampai ukuran yang besar. Manusia sudah menggunakan sistem informasi pada sistem kerjanya yang bila dicontohkan pada sistem informasi pada rumah sakit yang bisa kita update dengan hanya mengetik keyword dan kita bisa mendapatkan data rumah sakit. Bahkan pada saat sekarang kita bisa mendapatkan tiket pesawat terbang hanya dengan memesan di-intenet dan kita hanya membayar dengan rekening tabungan kita dan santai untuk penerbangan kita tanpa harus pergi ke loket tiket pesawat terbang dan menunggu antrian untuk membelinya. Bahkan pada saat sekarang orang bisa membeli tiket untuk jangka waktu kedepan maka dia tidak perlu lagi pusing untuk membeli tiket pada hari keberangkatannya dan ini, merupakan keadaan yang sungguh maju pada zaman sekarang. Dan juga pada saat sekarang kita kita bisa melihat sistem informasi tersebut berlalu pada sektor-sektor seperti kesehatan, politik, ekonomi, sosial, pendidikan, agama, dan lainnya. Maka untuk zaman sekarang tidak ada lagi istilah orang yang beranggapan tidak mengatahui keadaan dan ilmu terbaru karna bisa dikatakan sistem informasi berada didekat kita dan hanya orang pemalas yang beranggapan sistem informasi itu jauh dari kehidupan manusia. Dan untuk membahas apa saja contoh dari perkembangan sistem informasi tersebut tidak cukup sekian halaman bahkan akan membuat pokok bahasan yang menjadi ribuan lembar dan bahkan bisa menjadi jutaan lembar. Itu mungkin saja terjadi jika kita melihat apa saja sistem informasi yang ada pada lingkungan kita dan lingkungan lainnya (Gambar 1.4). 9
Gambar1.4 Orang bisa mengakses dari mana saja informasi tersebut (sumber: http://laluharry.blogspot.com/2012/07/a.html) Nah, bisa kita lihat dari Gambar 1.4 orang bisa mengakses dari apa saja dengan cara apa saja sungguh luar biasa bukan sistem informasi tersebut. Maka pada zaman sekarang sangat mudahnya untuk mengakses informasi (Gambar 1.5). Gambar1.5 Betapa mudahnya mengakses informasi (Sumber: http://sindoradio.com/news/detail/2035/sistem-informasi-siasati-posko-angkutan-lebaran-tahun-2012-dapat- diakses) Dan pada Gambar 1.5 orang hanya perlu mengetik alamat suatu yang dituju dan informasi itu akan datang pada Anda (Gambar 1.6). Gambar1.6 Orang saling terhubung dalam jarinan informasi (Sumber:http://kampus.okezone.com/read/2011/12/28/373/548146/uin-alauddin-luncurkan-sistem-informasi-online) Pada Gambar 1.6 orang untuk berhubungan dengan orang lain dalam jarak dan waktu yang jauh sungguh enak sekali dengan kemajuan sistem informasi. Referensi bab1 10
Ratih Amanda.”Cara Mudah Membuat Tempelate Blogger”,Penerbit PT. Elek Media Komputindo, Jakarta, 2012. Supardi Yuniar.”Teknik Mudah Cari Uang di Blog dan Situs”,Penerbit PT.Elek Media Komputindo, Jakarta ,2012. http://www.belajar-komputer-mu.com/sejarah-perkembangan-sistem-informasi/ http://www.cs.ui.ac.id/lang/id/pendidikan/sarjana/s1-sistem-informasi/ http://www.drogpatravel.blogspot.com/2012/11/pengertian-sistem-informasi-menurut.html http://www.gilangfirmansyah.blogspot.com/2008/09/perbedaan-sistem-informasi-dan.html http://www.laluharry.blogspot.com/2012/07/a.htm http://www.nur-arianto.blogspot.com/2009/10/perkembangan-sistem-informasi-di.html http://www.piyetoiki.wordpress.com/2010/10/04/definisi-sistem-informasi/ http://www.worldfriend.web.id/blog-friend/567-definisi-sistem-informasi--teknologi- informasi-dan-ilmu-pengetahuan 11
BAB 2 BLOG 2.1 BLOG Gambar 2.7 Blog (Sumber: http://www.cara-membuat-blog.info/pengertian-blog.htm) 2.1.1 Pengertian blog Blog merupakan singkatan dari weblog adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum (Gambar 2.7 blog). Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. Dalam zaman sekarang ini blog sudah familiar di telinga masyarakat dan khususnya para pengguna internet. Blog yang sering kita lihat bisa berupa sebuah wacana dari si penyampai atau sebuah ajang kreativitas sang pengguna atau malah di zaman sekarang ini merupakan wadah yang bertujuan sebagai penghasil pundi-pundi uang yang bisa kita dapatkan hanya dengan nge-net dan duduk di depan layar komputer. Dalam definisi dan sumber lain, sebagai berikut: Blog berasal dari kata web dan log (weblog) yang berarti catatan online (yang berada di web). Pengertian yang lebih lengkap, blog adalah situs web yang berisi tulisan, artikel atau informasi bermanfaat yang di-update (diperbaharui) secara teratur dan dapat diakses secara online baik untuk umum maupun pribadi. 12
Ciri-ciri: Berikut adalah ciri-ciri blog secara umum. 1. memiliki nama dan alamat yang bisa diakses secara online. 2. memiliki isi atau posting-an yang berupa artikel, catatan, dan informasi lainnya. 3. posting-an atau isi blog terarsip (tersimpan sesuai tanggal, bulan dan tahun posting). 4. Isi blog umumnya selalu bertambah atau ter-update sesuai dengan tujuan blog. Tujuan blog secara umum, antara lain: Menyampaikan informasi yang bermanfaat untuk diri sendiri maupun bagi orang lain. Memberikan keuntungan bagi diri sendiri maupun orang lain. Menyalurkan hobi dan mengisi waktu luang dengan kegiatan yang positif. Berkarya atau aktualisasi diri. Saling bertukar pengetahuan dengan pembaca, blogger menulis, pengunjung memberikan tanggapan atau komentar. Berbagi pengalaman. Berbagi software berguna, seperti foto, film atau video, dokumen, dsb. Banyak lagi, sesuai dengan jenis atau topik yang diangkat. Karena blog bermacam-macam jenisnya, maka tujuan blog juga dipengaruhi oleh jenis blog tersebut. misal: Tujuan blog pribadi: bertujuan untuk memberikan informasi yang update tentang diri pemilik blog. Seputar pengalaman, hal-hal yang berkesan, catatan harian, catatan perjalanan pribadi, dan sebagainya. Tujuan blog kesehatan: bertujuan untuk memberikan informasi kesehatan terkini. Tujuan blog bisnis: bertujuan untuk memberikan informasi terkini seputar bisnis sebuah perusahaan. Pengertian blogger: Blogger adalah pemilik blog atau pengarang isi blog. Etika blogger: Memiliki tujuan yang baik. Membuat artikel/posting-an yang asli, bukan hasil copy paste (plagiat) atau kegiatan lain yang melanggar hak cipta (tanpa ijin pemilik). Tidak membuat posting-an yang merugikan orang lain, mengganggu, menipu (spam), mengandung kekerasan, isu sara, dan hal negatif lainnya (Sumber: http://cara-buat-blog-di.blogspot.com/2011/01/pengertian-blog.html) 13
2.1.2 Manfaat blog Di zaman sekarang ini manusia sudah dituntut untuk terus menghasilkan sesuatu dan mencari sesuatu yang bisa di-update agar kita tidak ketinggalan zaman dan termakan oleh waktu. Sungguh merupakan zaman globalisasi yang menuntut tiap-tiap kepala manusia untuk berpikir dan berkembang untuk meraih tujuan yang mereka inginkan. Maka sangat jelas sekali bisa kita bayangkan manfaat dari sebuah kata blog bagi kita sendiri. Manfaat yang sangat jelas sekali bisa kita tuliskan sebagai berikut: 1. Wadah kreativitas untuk para peselancar internet. 2. Wadah pencarian tugas bagi para copas (copy paste). 3. Wadah wadah meluangkan gagasan. 4. Wadah peng-update ilmu terbaru. 5. Wadah berbisnis ria. 6. Wadah pencarian teman. 7. Wadah menunjukan jati diri. 8. Wadah untuk pencarian penambahan uang, dll. 2.2 Blogspot Gambar 2.8Blogspot (Sumber: http://harinfo-blog.blogspot.com/2012/04/cara-membuat-arsip-blog-urut-tanggal.html) Blogspot merupakan salah satu penyedia akun website gratis di mana anda bisa posting, Sharing dan lainnya (Gambar 2.8 blogspot). Akun blogspot juga merupakan akun google karena saat kita login blog tersebut menggunakan akun google. 2.2.1 Kelebihan blogspot 1. Dimiliki oleh perusahaan TI terkemuka, google. 2. Murah. 3. Blogger lebih aman. 14
4. Tidak perlu khawatir tentang memperbarui platform blog. 5. Kemudahan dalam mendesain template blog. 6. Jangan khawatir bahkan jika domain Anda berakhir. 7. Login terpadu dengan akun google Anda. (Sumber: http://reformasibaru.blogspot.com/2012/08/kelebihan-blogspot-dibandingkan-blog- gratisan-lainnya.html) 2.2.2 Cara membuat blog di Blogspot Untuk membuat suatu blog di blogspot sangat mudah anda hanya perlu mengikuti langkah- langkah yang diberikan dan blog anda akan selesai dengan apa yang Anda inginkan. Untuk membuat blog di blogspot satu catatan yang paling penting bagi anda adalah bahwa anda harus sudah memiliki akun email terutama di akun email google, jika ternyata Anda belum memiliki akun email tersebut sebaiknya anda harus membuat terlebih dahulu dan jika sudah baru mengikuti langkah-langkah sebagai berikut: 1. Di browser Anda, ketik: http://www.blogger.com/dan tekan enter (Gambar 2.9). Gambar 2.9 Halaman awal (Sumber: dokumen pribadi) 2. Klik tulisan daftar, untuk membuat awal blog di blogspot atau blogger. 3. Isi formulir pendaftaran dan masukan data pribadi (Gambar 2.10). 15
Gambar 2.10 Formulir pendaftaran (Sumber: dokumen pribadi) 4. Jika sudah selesai dalam penyelesaian pada formulir, langsung ke dasbor dan klik tombol ciptakan blog Anda (Gambar 2.11). Gambar 2.11 Ciptakan blog (Sumber: dokumen pribadi) 16
5. Sampai muncul halaman seperti (Gambar 2.12) berikut: Gambar2.12 Halaman identitas blog (Sumber: dokumen pribadi) 6. Beri nama blog anda yang pada kolom judul. 7. Beri juga alamat lokasi blog anda pada kolom alamat. 8. Selanjutnya pilih template anda pada kolom template. 9. Hingga pada dashbor timbul tulisan (Gambar 2.13). 17
Gambar 2.13 Hasil dari pembuatan identitas blog (Sumber: dokumen pribadi) 10. Jika ingin melihat blog Anda silahkan klik tulisan lihat blog (Gambar 2.14). 18
Gambar 2.14 Cara untuk melihat blog (Sumber: dokumen pribadi) 11. Jika ingin menambahkan tulisan pada blog klik gambar pensil(Gambar 2.15). Gambar 2.15 Cara untuk menulis pada blog (Sumber: dokumen pribadi) 12. Maka blog anda akan menjadi (Gambar 2.16). 19
Gambar 2.16 Hasil blog yang telah dibuat (Sumber: dokumen pribadi) 13. Selanjutnya buatlah kreativitas anda agar tampilan blog anda menarik dan memikat niat orang untuk melihat dan membaca blog anda, selamat mencoba. 20
2.3 Wordpress Gambar 2.17 Wordpress (Sumber: http://techpp.com/2012/08/31/test-preview-blogs-instant-wordpress/) Wordpress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine) (Gambar 2.17). Wordpress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog, Wordpress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanyahttp://id.wikipedia.org/wiki/WordPress - cite_note-fany- 5. Wordpress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama Wordpress diusulkan oleh Christie Selleck, teman ketua pengembang (developer), Matt Mullenweg. Dalam definisi lain dari sumber yang berbeda, sebagai berikut: Wordpress adalah suatu blog tool yang dirancang untuk memudahkan pembuatan dan pemeliharaan blog seperti penulisan, pengeditan, pempublikasian posting blog dan komentar dengan fungsi khusus untuk memanajemen image, video, sindikasi web, serta moderasi posting dan komentar. Selain mudah digunakan, blog tool juga sangat mudah dikenali oleh mesin pencari seperti google atau yahoo. Banyaknya aplikasi tambahan untuk memaksimalkan blog serta themes yang mudah dikelola untuk mempercantik tampilannya menjadikan wordpress banyak diminati oleh sebagian besar blogger. Wordpress bisa langsung di-download di wordpress.org serta dapat digunakan secara gratis karena blog software ini bersifat open source. Selain itu, Wordpress juga menyediakan hosting gratis di wordpress.com bagi siapa saja yang ingin membuat blog dengan wordpress tapi belum mempunyai webhosting sendiri untuk memasangnya. Blog yang dibuat secara gratis di wordpress.com akan ditempatkan pada sub-domain dengan pilihan nama yang bisa ditentukan oleh user sesuai dengan apa yang diinginkan. (Sumber: http://mhs.narotama.ac.id/2011/08/14/mengenal-apa-itu-wordpress/) 21
2.3.1 Kelebihan Wordpress 1. Template system. Template system memudahkan kita dalam merubah tampilan blog dalam beberapa klik. Anda bisa mengubah-ubah tampilan blog dengan hitungan detik. Blog wordpress anda akan tetap berjalan normal seperti semula. 2. Integrated link management. Anda bisa mengatur dan mengorganisir link atau tautan di dalam blog atau ke blog atau website lain dengan mudah. Hanya butuh beberapa detik untuk melakukannya. 3. Search engine friendly perma-link structure. Wordpress mempunyai struktur alamat URL atau disebut perma-link yang bisa kita modifikasi sesuai dengan URL yang disukai oleh mesin pencari google. Tiap artikel mampu memberi alamat halaman yang sesuai dengan judul artikel dan itu lebih mudah dibaca oleh mesin pencari. Kita bandingkan dengan blogger, struktur perma-link sangat terbatas dalam hal jumlah karakter. Sehingga jika judul artikel kita terlalu panjang, maka dalam tampilannya, otomatis judul akan terpotong. 4. Support for plugins. Di wordpress kita bisa menambah kemampuan dan meningkatkan performa blog. Bahkan merubah fungsi blog dengan sangat mudah. Kita tinggal memilih dan mengaktifkan plugin yang sesuai dengan fitur atau fungsi yang kita inginkan. Mengaktifkan dan meng-install plugin juga sangat mudah. 5. Support for widgets. Kita bisa mengatur urutan blok modul hanya dengan drag and drop, yaitu seret dan letakkan. Kita bisa menambah dan mengurangi modul di sidebar hanya dengan mengklik aja. 6. Trackback and pingback. Anda juga bisa saling terhubung dengan blog-blog lain untuk meningkatkan popularitas artikel-artikel anda. 7. Nested categories and multiple categories for articles. Kita bisa mengumpulkan artikel- artikel dalam satu kategori atau satu artikel masuk ke banyak kategori dengan pengorganisasian yang mudah. Pembaca atau pengunjung blog anda akan lebih mudah menemukan artikel yang sesuai dengan kategori yang mereka cari. 8. Typographic filters for proper formatting and styling of text. Wordpress memungkinkan anda begitu mudah membuat artikel, mengubah huruf dan gaya penulisan. Semuanya cukup dengan klik. Kita bahkan tidak perlu memahami kode HTML atau CSS atau bahasa pemrograman lainnya. 9. Static pages. Jika anda butuh sebuah halaman statis yang berisi info tentang diri anda atau apapun juga, bisa dilakukan di wordpress dengan menambahkan page atau halaman baru dari menu yang disediakan di halaman admin. 10. Tag support. Pada tiap artikel bisa ditambahkan tag untuk mempermudah search engine mengenali isi blog atau artikel Anda dan menemukannya. 11. Multiple authors. Capek menulis sendiri dan ingin mengundang penulis luar, dengan membuat blog wordpress kita bisa menanganinya dengan skala keamanan yang berjenjang, sangat praktis dan aman. 12. Can store a list of users who visit your blog. Wordpress juga bisa mendata pengunjung yang mengunjungi blog Anda setiap saat. Menampilkan statistik yang lumayan komplit dan atraktif. 13. Can block site visitors by IP address. Bisa memblokir pengunjung dari IP tertentu yang tidak kita inginkan. 22
14. Comment support. Kita bisa berinteraksi langsung dengan pengunjung. Mereka bisa memberikan komentar di tiap artikel dan kita bisa menyaring komentar mana yang akan kita terima. 15. RSS feedsupport. Pengunjung juga bisa memantau perkembangan atau update artikel- artikel dengan berlangganan artikel-artikel kita melalui email maupun RSS reader. 16. Perma-link. Ini kelihatanya sepele, tapi sangat penting. Perma-link adalah struktur link spesifik sebuah artikel, contoh: http://myblogmylife.blogdetik.com/cara-membuat- blog/, dengan wordpress kita bisa custome perma-link lebih google friendly, dan kita bisa mengganti judul artikel tanpa merubah susunan perma-link. (Sumber: http://www.cara-membuat-blog.info/16-kelebihan-wordpress.htm) 2.3.2 Cara membuat blog di Wordpress Wordpress adalah salah satu layanan penyedia blog yang terkenal dan sangat mudah untuk membuatnya dan tidak membutuhkan tahapan yang panjang untuk pembuatan blog pada layanan Wordpress ini. Dengan catatan bahwa Anda sudah memiliki akun email, langkah- langkah pembuatannya sebagai berikut: 1. Di browser Anda, ketik :http://www.wordpress.com/dan tekan enter (Gambar 2.18). Gambar 2.18 Halaman awal wordpress (Sumber: dokumen pribadi) 23
2. Klik tulisan memulai, untuk mengawali pembuatan blog di wordpress (Gambar 2.19). Gambar 2.19 Cara memulai membuat blog di wordpress (Sumber: dokumen pribadi) 3. Lalu muncullah formulir pendaftaran dan Anda di wajibkan untuk mengisi formulir tersebut (Gambar 2.20). 24
Gambar 2.20 Formulir pendaftaran (Sumber: dokumen pribadi) 4. Gulung ke bawah dan klik create blog (Gambar 2.21). 25
Gambar 2.21 Langkah selanjutnya dalam pendaftaran (Sumber: dokumen pribadi) 5. Selanjutnya Anda diminta untuk melakukan aktivasi blog dengan cara mengklik link yang dikirimkan ke email Anda (Gambar 2.22). Gambar 2.22 Perintah untuk regristrasi ke alamat email Anda (Sumber: dokumen pribadi) 6. Lalu kunjungi akun email Anda untuk melanjutkan tahap selanjutnya dan klik activate blog (Gambar 2.23). 26
Gambar 2.23 Regristrasi di email (Sumber: dokumen pribadi) 7. Akhirnya blog Anda selesai dan silahkan isi sesuai dengan kreativitas yang Anda miliki untuk mengundang pengunjung mengunjungi blog Anda (Gambar 2.24). Selamat mencoba. 27
Gambar 2.24 Ucapan selamat bahwa anda telah berhasil membuat blog (Sumber: dokumen pribadi) 2.4 Blogdetik Gambar 2.25 Blogdetik (Sumber: http://fahmi52.blogdetik.com/pengalaman-dapat-hadiah-dari-blogdetik/logo-blogdetik) Blogdetik merupakan anak cabang dari detik.com yang familiar saat ini. Blogdetik umumnya sama seperti penyedia akun lain seperti blogger, wordpress, dan lainnya. Namun, yang perlu di garisbawah blogdetik merupakan asli hasil karya anak Indonesia (Gambar 2.25). 2.4.1 Keuntungan blogdetik 28
1. Gratis. 2. Mudah digunakan. 3. Dalam segi pendaftaran gampang. 4. Karna sifatnya anak cabang dari detik.com secara otomatis kita bisa mengakses detik.com secara langsung. 5. Blog-nya cukup menarik untuk digunakan. 2.4.2 Cara membuat blog di blogdetik 1. Untuk langkah pertama Anda harus terlebih dahulu mungunjungi website-nya blogdetik di www.blogdetik.com (Gambar 2.26). Lalu klik daftar sekarang. Gambar 2.26 Halaman awal blogdetik (Sumber: dokumen pribadi) 2. Isi formulir pendaftarannya (Gambar 2.27). 29
Gambar 2.27 Formulir pendaftaran (Sumber: dokumen pribadi) 3. Setelah Anda mengisi formulir pendaftarannya lalu gulung ke bawah dan klik berikutnya (Gambar 2.28). 30
Gambar 2.28 Langkah berikutnya dalam pendaftaran (Sumber: dokumen pribadi) 4. Buat judul blog Anda dan klik sign up (Gambar 2.29). Gambar 2.29 Pembuatan identitas blog di blogdetik (Sumber: dokumen pribadi) 31
5. Laluakan mendapatkan kalimat dari blogdetik (Gambar 2.30). Gambar 2.30 Ucapan selamat dan konfirmasi ke email (Sumber: dokumen pribadi) 6. Selanjutnya konfirmasikan ke-akun email Anda dan blog Anda siap untuk di gunakan (Gambar 2.31). Gambar 2.31 Konfirmasi di email (Sumber: dokumen pribadi) 2.5 Mempercantik blog dengan item tambahan 2.5.1 Memberikan Status YM ( Yahoo Messenger ) Di blog ke Blogspot Ini merupakan fitur tambahan yang bagus jika Anda miliki dalam blog pribadi Anda. Kegunaan fitur ini adalah pembaca bisa mengetahui status YM blog Anda dan dengan mudah dapat berhubungan online dengan pembaca ataupun para pengunjung blog Anda. Berikut adalah langkah-langkah pembuatan status YM di blog sebagai berikut: 32
1. Di jendela dashbor Anda, klik link text (tulisan) rancangan, tambah gadget (Gambar 2.32). Gambar 2.32 Tambah gadget (Sumber: dokumen pribadi) 2. Selanjutnya, Copy-kan kode berikut ini di dalamnya (Gambar 2.33), dan klik simpan (Gambar 2.34). <ahref=”ymsgr:sendIM?orbek_16”><imgsrc=http://opi.yahoo.com/online?u=orbek_1 6&amp;t=12&amp;1=us/> Gambar 2.33 Menuju HTML/ javascript (Sumber: dokumen pribadi) 33
Gambar 2.34 Halaman konfigurasi di HTML/javaScript (Sumber: dokumen pribadi) # ganti tulisan “orbek_16” dengan ID yahoo Anda, dan angka 12 dengan angka 1 sampai 16 3. Akan menjadi seperti (Gambar 2.35). 34
Gambar 2.35 Hasil ahir dari penambahan item YM. (Sumber: dokumen pribadi) 2.5.2 Widget Binatang peliharaan Untuk fitur ini sangat lucu jika dimasukkan dalam blog Anda. Cara memasangnya: 1. Masuk pada situs Http://abowman.com/google-modules/ (Gambar 2.36). 2. Pilih jenis binatang yang Anda inginkan dan sesuai dengan blog Anda agar tidak janggal bila sudah masuk di blog Anda(Gambar 2.36). 35
Gambar 2.36 Halaman awal abowman.com (Sumber: dokumen pribadi) 3. Copy datanya dan masukkan ke tambah gadget, javascript (Gambar 2.37). Gambar 2.37 Data yang harus di-copy (Sumber: dokumen pribadi) 4. Selesai, dan gambar akan mengikuti kemana kursor berjalan. 36
2.5.3. Men-download template blog untuk Blogspot Template blog atau website adalah desain-desain halaman blog ataupun website beserta seluruh komponennya (misal: gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Tersedia banyak situs tempat men-download template ini, tersedia juga bermacam-macam model template dan yang pasti keren-keren. Beberapa situs tersebut yaitu: 1.www.templates.com 2.www.bloggerbuster.com 3.http://blogtemplate4u.com/ 4.www.freeblogger-templates.blogspot.com 5.www.blogger-templates.blogspot.com 6.www.finalsense.com 7.www.ourblogtemplates.com 8.www.bloggerstyles.com 9.www.eblogtemplates.com 10.www.blogspottemplate.com Langkah-langkah men-download template yaitu: 1. Buka salah satu situs yang ada di atas Dalam buku ini di tampilkan contoh dengan situs www.templates.com (Gambar 2.38). Gambar 2.38 Halaman awal blogger tempelates (Sumber: dokumen pribadi) 37
2. Pilih salah satu template yang ingin di-download kemudian klik download (Gambar 2.39). Gambar 2.39 Pilih salas satu template yang Anda inginkan (Sumber: dokumen pribadi) 3. Kemudian klik download (Gambar 2.40). Gambar 2.40 Men-download templates (Sumber: dokumen pribadi) 5. Muncul kotak dialog download, klik save. 38
2.5.4. Meng-Upload template ke blogspot Meng-upload template bertujuan untuk mengganti template atau tema suatu blog dengan template yang sudah ada di dalam disk kita. Template yang di upload harus berformat *.Xml. Langkah-langkah meng-upload template adalah sebagai berikut: 1. Masuk ke Blogger. Akan muncul tampilan berikut(Gambar 2.41). Gambar 2.41 Halaman rancangan (Sumber: dokumen pribadi) 2. Klik template, kemudian muncul tampilan berikut (Gambar 2.42). 39
Gambar 2.42 Langkah mengklik cadangkan (Sumber: dokumen pribadi) 3. klik Cadangkan/pulihkan (Gambar2.43). Gambar 2.43 Langkah selanjutnya dalam proses meng-upload templates (Sumber: dokumen pribadi) 4. Muncul tampilan berikut (Gambar 2.44). 40
Gambar 2.44 Halaman pengunggahan templates (Sumber: dokumen pribadi) 5. Klik Browse, kemudian cari file template yang ingin di upload (*.xml) dan klik unggah (Gambar 2.45). Gambar 2.45 Data yang akan di unggah (Sumber: dokumen pribadi) 6. Klik tutup. 2.5.5. Cara menambahkan widgetlikeboxfacebook melayang pada blog Like box facebook memang digemari oleh para blogger, karena bermanfaat untuk popularitas. Widget ini berfungsi untuk para pengunjung blog Anda yang ingin memberikan apresiasi terhadap blog Anda, yaitu dalam bentuk like fans page. Karena semakin banyak 41
orang yang like fans page Anda tandanya semakin baik juga populer blog Anda. Namun masih banyak widget lainnya yang dapat menunjukkan kepopuleran sebuah blog. Adapun langkah-langkah untuk membuat like box facebook melayang pada blog adalah sebagai berikut: 1. Terlebih dahulu Anda harus memiliki halaman fans page facebook. Jika Anda belum memilikinya silahkan sign in menggunakan akun facebook Anda, dan ikuti langkah berikut:  Kunjungi halaman berikut ini. http://www.facebook.com/pages/create.php  Anda akan dihadapkan pada halaman berikut (Gambar 2.46). Pilih kategori blog Anda. Gambar 2.46 Halaman awal (Sumber: dokumen pribadi)  Setelah dipilih, Anda akan diminta memasukan beberapa informasi seperti judul halaman fans facebook(Gambar 2.47). Gambar 2.47 Masukan informasi (Sumber: dokumen pribadi)  Selanjutnya isi informasi yang diminta, setelah selesai klik mulai. 42
Anda akan di bawa ke langkah 1 (Gambar 2.48). Gambar 2.48 Halaman pengunggahan (Sumber: dokumen pribadi)  Unggah gambar: untuk upload foto profil halaman fans page Anda.  Setelah selesai unggah foto klik lanjutkan untuk ke langkah berikutnya (Gambar 2.49). 43
Gambar 2.49 Langkah ke-2 (Sumber: dokumen pribadi)  Pada langkah dua diatas merupakan informasi apakah Anda ingin mengundang teman Anda untuk bergabung dengan halaman Anda sekarang atau tidak dan apakah Anda ingin membagikan halaman ini di dinding facebook Anda atau tidak. Jika tidak Anda juga langsung bisa klik lanjutkan untuk ke langkah berikutnya.  Berikutnya Anda akan dibawa ke langkah terakhir (Gambar 2.50). Gambar 2.50 Langkah ke-3 (Sumber: dokumen pribadi) Situs web: Masukkan URL blog Anda. Tentang: Berikan Informasimengenai halaman fans page facebook Anda.  Jika semua sudah Anda isi klik lanjutkan, bila berhasil Anda akan langsung di bawa ke halaman fans page facebook Anda (Gambar 2.51). Gambar 2.51 Halaman fans fecebook 44
(Sumber: dokumen pribadi)  Untuk melakukan pengaturan lebih lanjut pada halaman fans page facebook Anda silahkan klik tombol sunting halaman yang ada di pojok atas sebelah kanan halaman fans page facebook Anda.  Selesai 2. Setelah halaman fans facebook Anda selesai, ambillah kode like box facebook. Caranya yaitu:  Sign in dulu ke akun facebook Anda.  Kemudian kunjungi http://developers.facebook.com/docs/plugins/  Anda akan menjumpai halaman di bawah ini.  Anda akan menjumpai halaman berikut (Gambar2.52), kemudian klik like box Gambar 2.52 Langkah mengkliklikebox (Sumber: dokumen pribadi)  Berikutnya akan muncul pengaturan untuk widget like box (Gambar 2.53), dan klik get code. 45
Gambar 2.53 Formulir pendaftaran (Sumber: dokumen pribadi)  Kemudian copy semua kode yang diberikan (Gambar 2.54). Gambar 2.54 Data yang harus di-copy (Sumber: dokumen pribadi) 46
Sekarang Anda sudah mendapatkan kode untuk menampilkan widget like box di blog Anda. Selanjutnya adalah log in ke blog Anda. 3. Selanjutnya Anda masuk ke blog Anda. 4. Pada tampilan dashbor blog Anda pilih tata letak atau layout. 5. Pilih tata letak seperti (Gambar 2.55) berikut: Gambar 2.55 Menuju tata letak (Sumber: dokumen pribadi) 6. Klik tambah gadget/widget seperti (Gambar 2.56) berikut: 47
Gambar 2.56 Tambah gadget (Sumber: dokumen pribadi)  Pilih HTML/Java script seperti (Gambar 2.57) berikut: Gambar 2.57 Menuju HTML/javaScript (Sumber: dokumen pribadi) 7. Paste-kan kode like box FB yang sudah Anda copy tadi ke box HTML/Java script (Gambar 2.58). 48
Gambar 2.58 Halaman konfigurasi (Sumber: dokumen pribadi) 8. Terakhir klik simpan. 9. Selesai dan berdoa. 2.6 Efek-efek extra untuk blog Banyak hal yang disediakan pada blog, namun di sini blog menyediakan elemen-elemen kecil yang bisa membuat blog menjadi menarik dan enak untuk dilihat para pengunjung blog Anda. Misalnya bisa membuat kursor di ikuti teks, membuat efek hujan salju dan banyak lagi yang lainnya. Berikut ini adalah beberapa efek yang dapat diberikan pada blog Anda: 2.6.1.Efek Ringan 1. Efek salju berjatuhan <script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script> 2. Efek hati bertaburan <script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script> 3. Efek bintang bertaburan 49
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script> 4. Efek kembang api <script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script> 5. Efek gelembung <script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script> 6. Efek kupu -kupu terbang <script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu- kupu1.js"></script> Cara pemasangan: 1. Klik rancangan --> Edit html 2. Letakkan script efek di atas kode </body> 3. Klik save 2.6.2. Efek menengah–berat 1. Meteor jatuh <script language="javascript"> nd_mode="meteor"; nd_control="on"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 2. Banjir <script language="javascript"> nd_mode="flood"; nd_vAlign="bottom"; 50
nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 3. Bunga mekar <script language="javascript"> nd_mode="flowers"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 4. Bom atom <script language="javascript"> nd_mode="bomb"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 5. Ufo 51
<script language="javascript"> nd_mode="ufo"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 6. Graffity <script language="javascript"> nd_mode="graff"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 7. Shaver <script language="javascript"> nd_mode="shaver"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a 52
href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 8. Gun <script language="javascript"> nd_mode="gun"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 9. Bloody gun <script language="javascript"> nd_mode="blood"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 10. Paint ball <script language="javascript"> nd_mode="paint"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> 53
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 11. Chainsaw <script language="javascript"> nd_mode="chainsaw"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 12. Dinosaurus <script language="javascript"> nd_mode="dino"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 13. Lebah <script language="javascript"> nd_mode="wasp"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; 54
nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 14. Lalat <script language="javascript"> nd_mode="fly"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 15. Semut <script language="javascript"> nd_mode="ants"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 16. Siput 55
<script language="javascript"> nd_mode="snail"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 17. Cacing <script language="javascript"> nd_mode="worms"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 18. Mold <script language="javascript"> nd_mode="mold"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 56
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi
Pengantar sistem informasi

Recommended

2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)
2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)
2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)Syiroy Uddin
 
2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)
2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)
2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)Syiroy Uddin
 
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...Syiroy Uddin
 
Ebook 2 jam membuat website sekolah dengan mudah dan cepat
Ebook 2 jam membuat website sekolah dengan mudah dan cepatEbook 2 jam membuat website sekolah dengan mudah dan cepat
Ebook 2 jam membuat website sekolah dengan mudah dan cepatAriep Jaenul
 
E book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuE book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuYuningsih Yuningsih
 
Ebook gratis premium panduan menulis buku penerbit deepublish revisi
Ebook gratis premium panduan menulis buku penerbit deepublish revisiEbook gratis premium panduan menulis buku penerbit deepublish revisi
Ebook gratis premium panduan menulis buku penerbit deepublish revisiRokhmawati Darwito
 
Ninik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijaya
Ninik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijayaNinik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijaya
Ninik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijayaninik256
 
KIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHA
KIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHAKIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHA
KIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHAermawidiana
 

Recommended

2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)
2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)
2015 06 & 21 ardian - dicky - pemrograman game unity (roll ball)Syiroy Uddin
 
2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)
2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)
2015 03,13, andrey f, eki h - pemrograman game unity (ninja stick)Syiroy Uddin
 
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...
2015 17 & 14 hendy & fachrur rozi - Pemrograman Game Android ( save satelli...Syiroy Uddin
 
Ebook 2 jam membuat website sekolah dengan mudah dan cepat
Ebook 2 jam membuat website sekolah dengan mudah dan cepatEbook 2 jam membuat website sekolah dengan mudah dan cepat
Ebook 2 jam membuat website sekolah dengan mudah dan cepatAriep Jaenul
 
E book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuE book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuYuningsih Yuningsih
 
Ebook gratis premium panduan menulis buku penerbit deepublish revisi
Ebook gratis premium panduan menulis buku penerbit deepublish revisiEbook gratis premium panduan menulis buku penerbit deepublish revisi
Ebook gratis premium panduan menulis buku penerbit deepublish revisiRokhmawati Darwito
 
Ninik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijaya
Ninik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijayaNinik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijaya
Ninik fa'idatush k dan ridha ageng tricahyani proofing rumah pintar brawijayaninik256
 
KIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHA
KIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHAKIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHA
KIPRAH KELOMPOK WANITA TANI MENJADI WIRAUSAHAermawidiana
 
200401261 buku-setengah-abad-menwa-jayakarta
200401261 buku-setengah-abad-menwa-jayakarta200401261 buku-setengah-abad-menwa-jayakarta
200401261 buku-setengah-abad-menwa-jayakartamenwakepri
 
Menjelajahyiiframework
MenjelajahyiiframeworkMenjelajahyiiframework
MenjelajahyiiframeworkMaurice Andreas Saragih
 
Bag awal
Bag awal Bag awal
Bag awal Dwi Anita
 
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1NASuprawoto Sunardjo
 
PKP_andrie
PKP_andriePKP_andrie
PKP_andrieAndrie Febriansyah
 
Psikotropika By Childern
Psikotropika By ChildernPsikotropika By Childern
Psikotropika By Childernpauwabega
 
Rpl jilid 1
Rpl jilid 1Rpl jilid 1
Rpl jilid 1Ferry Ardiansyah
 
Smk10 rekayasa perangkatlunak aunur
Smk10 rekayasa perangkatlunak aunurSmk10 rekayasa perangkatlunak aunur
Smk10 rekayasa perangkatlunak aunurRizal_Fanani
 
SMK-MAK kelas10 smk kesekretarisan sheddy
SMK-MAK kelas10 smk kesekretarisan sheddy SMK-MAK kelas10 smk kesekretarisan sheddy
SMK-MAK kelas10 smk kesekretarisan sheddy sekolah maya
 
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...Henda Suhenda
 
Modul Pembelajaran Kapita Selekta Matematika
Modul Pembelajaran Kapita Selekta MatematikaModul Pembelajaran Kapita Selekta Matematika
Modul Pembelajaran Kapita Selekta MatematikaAdelia Ibrahim
 
Buku ajar pengembangan kepramukaann
Buku ajar pengembangan kepramukaannBuku ajar pengembangan kepramukaann
Buku ajar pengembangan kepramukaannMuhammad Rusni
 
eBook-Gratis-Premium-Panduan-Menulis-Buku.pdf
eBook-Gratis-Premium-Panduan-Menulis-Buku.pdfeBook-Gratis-Premium-Panduan-Menulis-Buku.pdf
eBook-Gratis-Premium-Panduan-Menulis-Buku.pdfKetua LBM MWC NU Lenteng dan Wakil Ketua Ansor lenteng bagian MDS RA
 
E book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuE book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuroza asmilda
 
SMP-MTs kelas09 ips sutarto nanang bambang sunardi penny
SMP-MTs kelas09 ips sutarto nanang bambang sunardi pennySMP-MTs kelas09 ips sutarto nanang bambang sunardi penny
SMP-MTs kelas09 ips sutarto nanang bambang sunardi pennysekolah maya
 
Fix wasbang
Fix wasbangFix wasbang
Fix wasbangGithaieltha Bae
 
Kelas vi sd ips_indrastuti
Kelas vi sd ips_indrastutiKelas vi sd ips_indrastuti
Kelas vi sd ips_indrastutiChoirul Anam
 
Kelas Vi Sd Ips Indrastuti
Kelas Vi Sd Ips IndrastutiKelas Vi Sd Ips Indrastuti
Kelas Vi Sd Ips Indrastutisekolah maya
 
Paket pembelajaran tik
Paket pembelajaran tikPaket pembelajaran tik
Paket pembelajaran tikEDUCATIONAL TECHNOLOGY
 
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)Ramadhani Sardiman
 
Kata pengantar
Kata pengantarKata pengantar
Kata pengantarNur Alfiyatur Rochmah
 
Kelas ix smp bahasa indonesia_asep yudha
Kelas ix smp bahasa indonesia_asep yudhaKelas ix smp bahasa indonesia_asep yudha
Kelas ix smp bahasa indonesia_asep yudhaNurdin Al-Azies
 

More Related Content

What's hot

200401261 buku-setengah-abad-menwa-jayakarta
200401261 buku-setengah-abad-menwa-jayakarta200401261 buku-setengah-abad-menwa-jayakarta
200401261 buku-setengah-abad-menwa-jayakartamenwakepri
 
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1NASuprawoto Sunardjo
 
Psikotropika By Childern
Psikotropika By ChildernPsikotropika By Childern
Psikotropika By Childernpauwabega
 
Smk10 rekayasa perangkatlunak aunur
Smk10 rekayasa perangkatlunak aunurSmk10 rekayasa perangkatlunak aunur
Smk10 rekayasa perangkatlunak aunurRizal_Fanani
 
SMK-MAK kelas10 smk kesekretarisan sheddy
SMK-MAK kelas10 smk kesekretarisan sheddy SMK-MAK kelas10 smk kesekretarisan sheddy
SMK-MAK kelas10 smk kesekretarisan sheddy sekolah maya
 
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...Henda Suhenda
 
Modul Pembelajaran Kapita Selekta Matematika
Modul Pembelajaran Kapita Selekta MatematikaModul Pembelajaran Kapita Selekta Matematika
Modul Pembelajaran Kapita Selekta MatematikaAdelia Ibrahim
 
Buku ajar pengembangan kepramukaann
Buku ajar pengembangan kepramukaannBuku ajar pengembangan kepramukaann
Buku ajar pengembangan kepramukaannMuhammad Rusni
 

What's hot (12)

200401261 buku-setengah-abad-menwa-jayakarta
200401261 buku-setengah-abad-menwa-jayakarta200401261 buku-setengah-abad-menwa-jayakarta
200401261 buku-setengah-abad-menwa-jayakarta
 
Menjelajahyiiframework
MenjelajahyiiframeworkMenjelajahyiiframework
Menjelajahyiiframework
 
Bag awal
Bag awal Bag awal
Bag awal
 
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1
REKAYASA PERANGKAT LUNAK UNTUK SMK Jilid 1
 
PKP_andrie
PKP_andriePKP_andrie
PKP_andrie
 
Psikotropika By Childern
Psikotropika By ChildernPsikotropika By Childern
Psikotropika By Childern
 
Rpl jilid 1
Rpl jilid 1Rpl jilid 1
Rpl jilid 1
 
Smk10 rekayasa perangkatlunak aunur
Smk10 rekayasa perangkatlunak aunurSmk10 rekayasa perangkatlunak aunur
Smk10 rekayasa perangkatlunak aunur
 
SMK-MAK kelas10 smk kesekretarisan sheddy
SMK-MAK kelas10 smk kesekretarisan sheddy SMK-MAK kelas10 smk kesekretarisan sheddy
SMK-MAK kelas10 smk kesekretarisan sheddy
 
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
 
Modul Pembelajaran Kapita Selekta Matematika
Modul Pembelajaran Kapita Selekta MatematikaModul Pembelajaran Kapita Selekta Matematika
Modul Pembelajaran Kapita Selekta Matematika
 
Buku ajar pengembangan kepramukaann
Buku ajar pengembangan kepramukaannBuku ajar pengembangan kepramukaann
Buku ajar pengembangan kepramukaann
 

Similar to Pengantar sistem informasi

E book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuE book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuroza asmilda
 
SMP-MTs kelas09 ips sutarto nanang bambang sunardi penny
SMP-MTs kelas09 ips sutarto nanang bambang sunardi pennySMP-MTs kelas09 ips sutarto nanang bambang sunardi penny
SMP-MTs kelas09 ips sutarto nanang bambang sunardi pennysekolah maya
 
Kelas vi sd ips_indrastuti
Kelas vi sd ips_indrastutiKelas vi sd ips_indrastuti
Kelas vi sd ips_indrastutiChoirul Anam
 
Kelas Vi Sd Ips Indrastuti
Kelas Vi Sd Ips IndrastutiKelas Vi Sd Ips Indrastuti
Kelas Vi Sd Ips Indrastutisekolah maya
 
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)Ramadhani Sardiman
 
Kelas ix smp bahasa indonesia_asep yudha
Kelas ix smp bahasa indonesia_asep yudhaKelas ix smp bahasa indonesia_asep yudha
Kelas ix smp bahasa indonesia_asep yudhaNurdin Al-Azies
 
SD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowo
SD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowoSD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowo
SD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowosekolah maya
 
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...DEPDIKNASBUD
 
ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70
ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70
ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70DEPDIKNASBUD
 
SD-MI kelas06 pkn sunarso anis
SD-MI kelas06 pkn sunarso anisSD-MI kelas06 pkn sunarso anis
SD-MI kelas06 pkn sunarso anissekolah maya
 
SMK-MAK kelas10 smk ips nur
SMK-MAK kelas10 smk ips nurSMK-MAK kelas10 smk ips nur
SMK-MAK kelas10 smk ips nursekolah maya
 

Similar to Pengantar sistem informasi (20)

eBook-Gratis-Premium-Panduan-Menulis-Buku.pdf
eBook-Gratis-Premium-Panduan-Menulis-Buku.pdfeBook-Gratis-Premium-Panduan-Menulis-Buku.pdf
eBook-Gratis-Premium-Panduan-Menulis-Buku.pdf
 
E book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-bukuE book gratis-premium-panduan-menulis-buku
E book gratis-premium-panduan-menulis-buku
 
SMP-MTs kelas09 ips sutarto nanang bambang sunardi penny
SMP-MTs kelas09 ips sutarto nanang bambang sunardi pennySMP-MTs kelas09 ips sutarto nanang bambang sunardi penny
SMP-MTs kelas09 ips sutarto nanang bambang sunardi penny
 
Fix wasbang
Fix wasbangFix wasbang
Fix wasbang
 
Kelas vi sd ips_indrastuti
Kelas vi sd ips_indrastutiKelas vi sd ips_indrastuti
Kelas vi sd ips_indrastuti
 
Kelas Vi Sd Ips Indrastuti
Kelas Vi Sd Ips IndrastutiKelas Vi Sd Ips Indrastuti
Kelas Vi Sd Ips Indrastuti
 
Paket pembelajaran tik
Paket pembelajaran tikPaket pembelajaran tik
Paket pembelajaran tik
 
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)
B. Indonesia - Makalah Tentang Dampak Handphone Bagi Para Remaja (Cover)
 
Kata pengantar
Kata pengantarKata pengantar
Kata pengantar
 
Kelas ix smp bahasa indonesia_asep yudha
Kelas ix smp bahasa indonesia_asep yudhaKelas ix smp bahasa indonesia_asep yudha
Kelas ix smp bahasa indonesia_asep yudha
 
SD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowo
SD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowoSD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowo
SD-MI kelas05 indahnya bahasa dan sastra indonesia suyatno ekarini wibowo
 
1279763
12797631279763
1279763
 
Kata pengantar
Kata pengantarKata pengantar
Kata pengantar
 
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
Analisis pengalaman pengalaman yang tercermin dalam puisi angkatan balai pust...
 
ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70
ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70
ANALISIS PENGALAMAN YANG TECERMIN DALAM PUISI ANGKATAN BALAI PUSTAKA-ANGKATAN 70
 
SD-MI kelas06 pkn sunarso anis
SD-MI kelas06 pkn sunarso anisSD-MI kelas06 pkn sunarso anis
SD-MI kelas06 pkn sunarso anis
 
SMK-MAK kelas10 smk ips nur
SMK-MAK kelas10 smk ips nurSMK-MAK kelas10 smk ips nur
SMK-MAK kelas10 smk ips nur
 
Kelas vi sd pkn_sunarso
Kelas vi sd pkn_sunarsoKelas vi sd pkn_sunarso
Kelas vi sd pkn_sunarso
 
Kls 6 pend. kewrgngran
Kls 6 pend. kewrgngranKls 6 pend. kewrgngran
Kls 6 pend. kewrgngran
 
Kerja sama antarperpustakaan
Kerja sama antarperpustakaanKerja sama antarperpustakaan
Kerja sama antarperpustakaan
 

Recently uploaded

Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CAbdiera
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfSitiJulaeha820399
 
Lembar Catatan Percakapan Pasca observasidocx
Lembar Catatan Percakapan Pasca observasidocxLembar Catatan Percakapan Pasca observasidocx
Lembar Catatan Percakapan Pasca observasidocxbkandrisaputra
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)3HerisaSintia
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...Kanaidi ken
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxJamhuriIshak
 
Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5KIKI TRISNA MUKTI
 
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxTugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxmawan5982
 
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptxKONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptxawaldarmawan3
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggeraksupriadi611
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfbibizaenab
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptxHendryJulistiyanto
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxIrfanAudah1
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfirwanabidin08
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxRezaWahyuni6
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxmawan5982
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDmawan5982
 
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Abdiera
 

Recently uploaded (20)

Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
 
Lembar Catatan Percakapan Pasca observasidocx
Lembar Catatan Percakapan Pasca observasidocxLembar Catatan Percakapan Pasca observasidocx
Lembar Catatan Percakapan Pasca observasidocx
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
 
Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5
 
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxTugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
 
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptxKONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggerak
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptx
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SD
 
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
 

Pengantar sistem informasi

  • 1. PENGANTAR SISTEM INFORMASI FAKULTAS PERIKANAN DAN ILMU KELAUTAN UNIVERSITAS RIAU PEKANBARU
  • 2. KATA PENGANTAR Puji syukur kami panjatkan kehadirat Allah SWT yang telah memberikan rahmat serta karunia-Nya kepada kami sehingga kami berhasil menyelesaikan sebuah karya dalam bentuk buku yang alhamdulillah tepat pada waktunya yang berjudul “pengantar sistem informasi” Tidak dapat dipungkiri bahwa informasi sangat dibutuhkan dalam setiap perkembangan IPTEK. Dengan sistem informasi, setiap orang dapat memulai sebuah karya baru yang tent unya memacu kepada teknologi. Dengan semakin banyak dan beragamnya terobosan- terobosan teknologi yang ada saat ini, menuntut siapa saja untuk dapat memahami keunggulan dan kekurangan dari tiap-tiap terobosan produk informasi saat ini di antaranya internet. Agar dapat memenuhi kebutuhan yang ada, sehingga mempermudah keberlangsungan hidup manusia. Oleh karena itu diciptakanlah buku ini, yang membahas tentang tentang apa itu sistem informasi, perkembangannya, serta penerapannya dalam kehidupan sehari- hari. Di dalam buku ini juga menyajikan tentang bahasa SQL. Sehingga dapat membantu pembaca dalam mengadministrasi database, seperti seperti yang terkenal saat ini adalah database Oracle XE. Dalam buku ini juga menyajikan tentang PHP, Blog, wordpress dan berbagai macam widget yang dapat membantu pembaca dalam mengarungi dunia maya. Dengan diterbitkannya buku ini semoga dapat menambah wawasan pembaca mengenai sistem informasi dan bermanfaat untuk ikut mencerdaskan bangsa Indonesia. Pekanbaru, 23 Desember 2012 TIM PENULIS i
  • 3. UCAPAN TERIMA KASIH Alhamdulillahirabbil’aalamin, segala puja dan puji syukur penulis panjatkan kepada Allah Yang Maha Pengasih lagi Maha Penyayang. Tanpa karunia-Nya, mustahillah penulisan buku ini terselesaikan tepat waktu mengingat tugas dan kewajiban lain yang bersamaan hadir. Penulis benar-benar merasa tertantang untuk merealisasikan penulisan buku ini sebagai bagian untuk mempertahankan slogan pribadi banyak memberi banyak menerima. Terima kasih kepada seluruh keluarga tercinta, terutama para Ibu dan Bapak kami yang mengajari kami membaca, menyediakan buku-buku bacaan sejak kami masih duduk di bangku sekolah dasar dan membuat kami menyukai buku-buku. Membuat kami berpikir, kelak nama kami harus tertera di sampul sebuah buku. Terima kasih kepada seorang figur yang tiada henti memberikan masukan guna terciptanya buku ini yaitu seorang Dosen Pengantar Sistem Informasi Fakultas Perikanan Dan Ilmu Kelautan Universitas Riau Ronald Mangasi Hutauruk, S.T, M.T, yang memberikan kami kesempatan untuk menciptakan sebuah karya dalam bentuk buku berisikan Sistem Informasi. Kepada Tim Penulis, Riswanda Imawan, Lukman, M. Isnainy Ramadhan, Yulinda Suaseh Nasution, Wiga Yulia Utami dan Kartini Kazid, untuk diskusi-diskusi dunia kepenulisan yang mencerahkan dan penuh inspirasi dan kerja sama yang baik keseluruhannya. Semua bentuk kemudahan yang telah diberikan benar-benar bermanfaat bagi penulis untuk belajar menjadi pribadi yang lebih baik. Selain itu, penulis juga menyampaikan rasa terima kasih kepada segenap pengelola Program Studi Sosial Ekonomi Perikanan (S1) FAPERIKA Universitas Riau (UR) Pekanbaru untuk semua bantuan, motivasi, dan saran-sarannya. Meskipun telah berusaha untuk menghindarkan kesalahan, penulis menyadari juga bahwa buku ini masih mempunyai kelemahan sebagai kekurangannya. Karena itu, penulis berharap agar pembaca berkenan menyampaikan kritikan. Dengan segala pengharapan dan keterbukaan, penulis menyampaikan rasa terima kasih dengan setulus-tulusnya. Kritik merupakan perhatian agar dapat menuju kesempurnaan. Akhir kata, penulis berharap agar buku ini dapat membawa ii
  • 4. manfaat kepada pembaca. Secara khusus, penulis berharap semoga buku ini dapat menginspirasi generasi bangsa ini agar menjadi generasi yang tanggap dan tangguh. Jadilah generasi yang bermartabat, kreatif, dan mandiri. Pekanbaru, 23 Desember 2012 TIM PENULIS iii
  • 5. DAFTAR ISI Kata pengantar ............................................................................. i Ucapan terimakasih ..................................................................... ii Daftar isi ..................................................................................... iv Daftar gambar ........................................................................... ix Daftar tabel ............................................................................... xiv Bab 1. Pendahuluan 1.1 apa itu sistem informasi ........................................................................................................ 1 1.2 mengapa sistem informasi itu penting .................................................................................. 3 1.3 beda sistem infoirmasi dengan teknologi informasi ............................................................ 4 1.4 penerapan sistem informasi................................................................................................... 6 1.5 perkembangan sistem informasi ........................................................................................... 6 1.6 keadaan sitem informasi pada saat sekarang ....................................................................... 8 Bab 2. Blog 2.1 blog ........................................................................................................................................ 11 2.1.1 pengertian blog .......................................................................................................... 11 2.1.2 manfaat blog ............................................................................................................... 13 2.2 blogspot ................................................................................................................................. 13 2.2.1 kelebihanblogspot ...................................................................................................... 13 2.2.2 cara membuat blogspot ............................................................................................. 14 iv
  • 6. 2.3 wordpress .............................................................................................................................. 19 2.3.1 kelebihan wordpress .................................................................................................. 20 2.3.2 cara membuat blog di wordpress ............................................................................. 21 2.4 blogdetik ................................................................................................................................ 26 2.4.1 keuntungan blogdetik ................................................................................................ 26 2.4.2 cara membuat blog di blogdetik ............................................................................... 26 2.5 mempercantik blog dengan item tambahan ...................................................................... 29 2.5.1 memberikan status ym ( yahoo messenger ) di blog keblogspot ........................... 29 2.5.2 widget binatang pelirahaan ....................................................................................... 31 2.5.3 mendownload tempelate untuk blogspot ................................................................ 32 2.5.4 meng-upload tempelate keblogspot......................................................................... 34 2.5.5 cara menambahkan widget like box facebook melayang pada blogspot .............. 37 2.6 efek-efek extra untuk blog ................................................................................................... 46 2.6.1 efek ringan .................................................................................................................. 46 2.6.2 efek menengah-berat................................................................................................. 47 Bab 3. Pengantar internet dankomputer 3.1 pengantar internet................................................................................................................ 59 3.1.1 apa itu jaringan? ......................................................................................................... 59 3.1.2 domain ........................................................................................................................ 62 3.1.3 server........................................................................................................................... 64 3.1.4 webhosting ................................................................................................................. 64 3.2 komputer ............................................................................................................................... 66 3.2.1 apa itu komputer? ......................................................................................................66 v
  • 7. 3.2.2 sejarah komputer........................................................................................................67 3.2.2.1 sejarah komputer – generasi komputer pertama ........................................67 3.2.2.2 sejarah komputer – generasi komputer ke dua ...........................................70 3.2.2.3 sejarah komputer – generasi komputer ketiga ............................................72 3.2.2.4 sejarah komputer – generasi komputer keempat .......................................73 3.2.2.4 sejarah komputer – generasi komputer ke lima ..........................................75 3.2.3 bagian-bagian komputer ............................................................................................76 3.2.4 perangkat tambahan pada komputer .......................................................................82 3.2.5 kegunaan komputer ...................................................................................................94 3.2.5.1 komputer sebagai sarana mempermudah kerja ..........................................94 3.2.5.2 kompter sebagai sarana komunikasi ............................................................94 3.2.5.3 komputer sebagai alat hiburan .....................................................................95 3.2.5.4 komputer sebagai alat pendidikan................................................................95 3.2.5.5 komputer sebagai sarana informasi .............................................................96 3.2.5.6 komputer sebagai sarana usaha ...................................................................96 3.2.5.7 komputer sebagai sarana kontrol .................................................................97 3.2.5.8 komputer dalam bidang industry ..................................................................98 3.2.5.9 komputerdalambidangperbankan ............................................................... 98 3.2.5.10 komputer dalam bidang perdagangan .......................................................99 3.2.5.11 komputer dalam bidang kedokteran ..........................................................99 3.2.5.12 komputer dalam bidang seni.......................................................................99 3.2.5.13 komputer dalam bidang rekreasi ................................................................99 3.2.5.14 komputer dalam bidang penelitian science ...............................................99 3.2.5.15 komputer dalam bidang hankam ................................................................99 3.2.5.16 komputer dalam bidang komunikasi ..........................................................99 vi
  • 8. Bab 4. HTML, PHP, DAN MySQL 4.1 html ......................................................................................................................................100 4.1.1 apa itu html? .............................................................................................................100 4.1.2 sejarah html ..............................................................................................................100 4.1.3 apaitu tag html? ........................................................................................................101 4.1.4 halaman sederhana ..................................................................................................102 4.1.5 tag meta ....................................................................................................................103 4.1.6 tag body .....................................................................................................................104 4.1.7 tag tunggal.................................................................................................................105 4.1.8 font style....................................................................................................................107 4.1.9 tag font ......................................................................................................................107 4.1.10 atribut warna ..........................................................................................................108 4.1.11 list.............................................................................................................................109 4.1.12 tag alignment ..........................................................................................................110 4.1.13 tag image .................................................................................................................110 4.1.14 tag hyperlink ...........................................................................................................111 4.1.15 tabel .........................................................................................................................112 4.1.16 tag frame .................................................................................................................114 4.2 php .......................................................................................................................................116 vii
  • 9. 4.2.1 apa itu php? ..............................................................................................................116 4.2.2 sejarah php ................................................................................................................116 4.2.3 syarat untuk menjalankan php ................................................................................116 4.2.4 pemasangan mysql ...................................................................................................117 4.2.5 memebuat aplikasi php dalam satu file ..................................................................121 4.3 mysql ....................................................................................................................................126 4.3.1 apa itu mysql? ...........................................................................................................126 4.3.2 keistimewaan msql ...................................................................................................126 Referensi bab 1 .........................................................................................................................133 Referensi bab 2 .........................................................................................................................134 Referensi bab 3 .........................................................................................................................135 Referensi bab 4 .........................................................................................................................136 Biodata penulis viii
  • 10. DAFTAR GAMBAR Gambar 1.1 Bagaimana sistem informasi pada saat sekarang ................................................... 1 Gambar 1.2 Tidak selamanya sistem informasi melibatkan computer ...................................... 2 Gambar 1.3 Betapa mudahnya sekarang system informasi dicapai........................................... 8 Gambar 1.4 Orang bias mengakses dari mana saja informasi tersebut ..................................... 9 Gambar 1.5 Betapa mudahnya mengakses informasi ................................................................. 9 Gambar 1.6 Orang saling terhubung dalam jarinan informasi................................................... 10 Gambar 2.7 Blog ............................................................................................................................ 11 Gambar 2.8 Blogspot..................................................................................................................... 13 Gambar 2.9 Halaman awal ........................................................................................................... 14 Gambar 2.10 Formulir pendaftaran ............................................................................................. 15 Gambar 2.11 Ciptakan blog .......................................................................................................... 15 Gambar 2.12 Halaman identitas blog .......................................................................................... 16 Gambar 2.13 Hasil dari pembuatan identitas blog ..................................................................... 16 Gambar 2.14 Cara untuk melihat blog ......................................................................................... 17 Gambar 2.15 Cara untuk menulis pada blog ............................................................................... 17 Gambar 2.16 Hasil blog yang telah di buat.................................................................................. 18 Gambar 2.17 Wordpress ............................................................................................................... 19 Gambar 2.18 Halaman awal wordpress....................................................................................... 22 Gambar 2.19 Cara memulai membuat blog di wordpress ......................................................... 22 Gambar 2.20 Formulir pendaftaran ............................................................................................. 23 ix
  • 11. Gambar 2.21 Langkah selanjutnya dalam pendaftaran ............................................................. 23 Gambar 2.22 Perintah untuk regristrasi ke alamat email anda ................................................. 24 Gambar 2.23 Regristrasi di email ................................................................................................. 24 Gambar 2.24 Ucapan selamat bahwa anda telah berhasil membuat blog ............................... 25 Gambar 2.25 Blogdetik ................................................................................................................. 26 Gambar 2.26 Halaman awal blogdetik ........................................................................................ 26 Gambar 2.27 Formulir pendaftaran ............................................................................................. 27 Gambar 2.28 Langkah berikutnya dalam pendaftaran ............................................................... 27 Gambar 2.29 Pembuatan identitas blog di blogdetik ................................................................. 28 Gambar 2.30 Ucapan selamat dan konfirmasi ke email ............................................................. 28 Gambar 2.31 Konfirmasi di email................................................................................................. 29 Gambar 2.32 Tambah gadget ....................................................................................................... 29 Gambar 2.33 Menuju HTML/ javascirp........................................................................................ 30 Gambar 2.34 Halaman konfigurasi di HTML/javascript.............................................................. 30 Gambar 2.35 Hasil ahir dari penambahan item YM ................................................................... 31 Gambar 2.36 Halaman awal abowman.com ............................................................................... 31 Gambar 2.37 Data yang harus dicopy .......................................................................................... 32 Gambar 2.38 Halaman awal blogger tempelates ....................................................................... 33 Gambar 2.39 Pilih salas satu tempelates yang anda inginkan ................................................... 33 Gambar 2.40 Mendwonload tempelates .................................................................................... 34 Gambar 2.41 Halaman rancangan ............................................................................................... 35 Gambar 2.42 Langkah mengklik cadangkan ................................................................................ 36 x
  • 12. Gambar 2.43 Langkah selanjutnya dalam proses mengupload tempelates ............................. 36 Gambar 2.44 Halaman pengunggahan tempelates .................................................................... 37 Gambar 2.45 Data yang akan di unggah ...................................................................................... 37 Gambar 2.46 Halaman awal ......................................................................................................... 38 Gambar 2.47 Masukan informasi ................................................................................................. 39 Gambar 2.48 Halaman pengunggahan ........................................................................................ 39 Gambar 2.49 Langkah ke-2 ........................................................................................................... 40 Gambar 2.50 Langkah ke-3 ........................................................................................................... 40 Gambar 2.51 Halaman fans fecebook.......................................................................................... 41 Gambar 2.52 Lankah mengklik like box ....................................................................................... 42 Gambar 2.53 Formulir pendaftaran ............................................................................................. 42 Gambar 2.54 Data yang haru dicopy ........................................................................................... 43 Gambar 2.55 Menuju tata letak ................................................................................................... 43 Gambar 2.56 Tambah gadget ....................................................................................................... 44 Gambar 2.57 HTML/javascript ..................................................................................................... 44 Gambar 2.58 Halaman konfigurasi............................................................................................... 45 Gambar 3.59 Client-server............................................................................................................ 60 Gambar 3.60 Topologi bus............................................................................................................ 61 Gambar 3.61 Topologi bintang ................................................................................................... 62 Gambar 3.62 Topologi cincin ....................................................................................................... 62 Gambar 3.63 Zuse Z3 Machine 1936 ........................................................................................... 67 Gambar 3.64 Colossus komputer ................................................................................................. 68 xi
  • 13. Gambar 3.65 Penampakan komputer MARK I ............................................................................ 68 Gambar 3.66 Komputer eniac ...................................................................................................... 69 Gambar 3.67 Komputer EDVAC.................................................................................................... 69 Gambar 3.68 Komputer Univac .................................................................................................... 70 Gambar 3.69 Komputer IBM Stretch ........................................................................................... 71 Gambar 3.70 Komputer LARC....................................................................................................... 71 Gambar 3.71 Jack kilby dikelilingi komputer generasi ke 3 ....................................................... 72 Gambar 3.72 Chip intel 4004 ........................................................................................................ 73 Gambar 3.73 Atari-2600 ............................................................................................................... 74 Gambar 3.74 Komputer IBM tahun 1981 .................................................................................... 74 Gambar 3.75 Machintos generasi pertama................................................................................. 75 Gambar 3.76 Ilustrasi .................................................................................................................... 75 Gambar 3.77 VGA CARD ............................................................................................................... 76 Gambar 3.78 Casing ...................................................................................................................... 77 Gambar 3.79 Power supply .......................................................................................................... 78 Gambar 3.80 Processor................................................................................................................. 79 Gambar 3.81 Motherboard .......................................................................................................... 79 Gambar 3.82 Mouse ..................................................................................................................... 80 Gambar 3.83 Keyboard ................................................................................................................. 80 Gambar 3.84 Monitor ................................................................................................................... 80 Gambar 3.85 RAM ......................................................................................................................... 81 Gambar 3.86 Hardisk .................................................................................................................... 82 xii
  • 14. Gambar 3.87 Modem eksternal ................................................................................................... 83 Gambar 3.88 Network card .......................................................................................................... 84 Gambar 3.89 Usb flasdisk ............................................................................................................. 86 Gambar 3.90 Firewire card ........................................................................................................... 88 Gambar 4.91 Laman web mysql .................................................................................................. 117 Gambar 4.92 Kotak dialog untuk menentukan lokasi mysql..................................................... 118 Gambar 4.93 Pemilihan jenis pemasangan yang dikehendaki .................................................. 119 Gambar 4.94 Pemasangan mysql telah selesai .......................................................................... 120 Gambar 4.95 Hasil olah tabel ...................................................................................................... 124 Gambar 4.96 Php myadmin ......................................................................................................... 132 xiii
  • 15. DAFTAR TABEL Tabel 4.1 Font style ................................................................................................................. 107 Tabel 4.2 Kombinasi warna .................................................................................................... 108 Tabel 4.3 Tabulasi.................................................................................................................... 112 Tabel 4.4 Atribut...................................................................................................................... 113 Tabel 4.5 Atribut 2 .................................................................................................................. 113 Tabel 4.6 Beberapa prperintah SQL ....................................................................................... 127 Tabel 4.7 DML .......................................................................................................................... 128 Tabel 4.8 Tabel tipe data numerik di MySql .......................................................................... 129 Tabel 4.9 Tipe data string di MySql ........................................................................................ 130 Tabel 4.10 Tipe data date time di MySql ............................................................................... 131 xiv
  • 16. BAB 1 PENDAHULUAN 1.1 Apa itu sistem informasi Terdapat beberapa pengertian sistem informasi dari beberapa pengertian yaitu: 1. Sistem informasi adalah sekumpulan komponen dari informasi yang saling terintegrasi untuk mencapai tujuan yang spesifik. Komponen yang di maksud adalah komponen input, model, output, teknologi, basis data, kontrol atau komponen pengendali. 2. Sistem Informasi adalah sekumpulan hardware, software, brainware, prosedur atau aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan. 3. Sistem informasi adalah satu kesatuan data olahan yang terintegrasi dan saling melengkapi yang menghasilkan output baik dalam bentuk gambar, suara maupun tulisan. 4. Sistem informasi adalah proses yang menjalankan fungsi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk kepentingan tertentu. 5. Suatu sistem informasi (SI) atau information system (IS) merupakan aransemen dari orang, data, proses-proses, dan antar-muka yang berinteraksi mendukung dan memperbaiki beberapa operasi sehari-hari dalam suatu bisnis termasuk mendukung memecahkan soal dan kebutuhan pembuat keputusan manejemen dan para pengguna yang berpengalaman di bidangnya. Pengandaian sistem informasi pada kehidupan sehari-hari dapat dilihat (Gambar 1.1). Gambar 1.1 Bagaimana sistem informasi pada saat sekarang (Sumber: http://drogpatravel.blogspot.com/2012/11/pengertian-sistem-informasi-menurut.html) Bisa kita lihat Gambar 1.1 bahwa sistem informasi itu ternyata ada di mana-mana saja dan dekat dengan kita sebagaimana orang yang digambar berada pada sebuah lingkungan yang dipenuhi data-data. 1
  • 17. Turban, McLean, dan Wetherbe (1999) mendefinisikan bahwa sistem informasi adalah sebuah sistem informasi yang mempunyai fungsi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk tujuan yang khusus. Bodnar dan HopWood (1993) mendefinisikan bahwa sistem informasi adalah kumpulan perangkat keras dan lunak yang dirancang untuk mengubah data ke dalam bentuk informasi yang berguna. Alter (1992) mendefinisikan bahwa sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang, dan teknologi informasi untuk mencapai tujuan dalam sebuah perusahaan. (Sumber: http://piyetoiki.wordpress.com/2010/10/04/definisi-sistem-informasi/) Lalu dipertanyakan apakah sistem informasi itu selamanya membutuhkan komputer? Jawabannya “TIDAK”. Sistem informasi juga bisa berlaku tanpa komputer seperti berupa majalah, buku, selebaran dan lain-lain (Gambar 1.2). Gambar1.2 Tidak selamanya sistem informasi melibatkan komputer (Sumber: http://piyetoiki.wordpress.com/2010/10/04/definisi-sistem-informasi/) 2
  • 18. 1.2 Mengapa sistem informasi itu penting Sebuah pertanyaaan mendasar untuk membahas tentang tema sistem informasi “mengapa sistem informasi itu penting?” Untuk menjawab pertanyaan tersebut jelas kita harus mengacu pada beberapa kegiatan yang selalu dilakukan manusia dalam kehidupan sehari- hari. Informasi dapat diibaratkan sebagai darah yang mengalir di dalam tubuh manusia, seperti halnya informasi di dalam sebuah perusahaan yang sangat penting untuk mendukung kelangsungan perkembangannya, sehingga terdapat alasan bahwa informasi sangat dibutuhkan bagi sebuah perusahaan. Akibat bila kurang mendapatkan informasi, dalam waktu tertentu perusahaan akan mengalami ketidakmampuan mengontrol sumber daya, sehingga dalam mengambil keputusan-keputusan strategis sangat terganggu, yang pada akhirnya akan mengalami kekalahan dalam bersaing dengan lingkungan pesaingnya. Di samping itu, sistem informasi yang dimiliki seringkali tidak dapat bekerja dengan baik. Masalah utamanya adalah bahwa sistem informasi tersebut terlalu banyak informasi yang tidak bermanfaat atau berarti (sistem terlalu banyak data). Memahami konsep dasar informasi adalah sangat penting (vital) dalam mendesain sebuah sistem informasi yang efektif (effective business system). Menyiapkan langkah atau metode dalam menyediakan informasi yang berkualitas adalah tujuan dalam mendesain sistem baru. Menurut UUD 1945, Pasal 28 Setiap orang berhak untuk berkomunikasi dan memperoleh informasi untuk mengembangkan pribadi dan lingkungan sosialnya, serta berhak untuk mencari, memperoleh, memiliki, menyimpan, mengolah dan menyampaikan informasi dengan menggunakan segala jenis saluran yang tersedia. (Sumber: http://nur-arianto.blogspot.com/2009/10/perkembangan-sistem-informasi-di.html) Dalam kehidupan sehari-hari manusia tersebut jelas terdapat komponen-komponen penting dalam kehidupan manusia yang jelas sangat membutuhkan orang lain dan lalu dipertanyakan bagaimana kita menghubungi orang itu dan bagaimana skemanya dan lalu lintas hubungannya. Maka bisa dijabarkan beberapa alasan yang mengakibatkan sistem informasi itu penting untuk kita, yaitu: 1. Semakin majunya peradapan maka semakin menuntut orang untuk melakukan hubungan dengan orang lain dan lingkungannya. 2. Globalisasi. 3. Banyaknya informasi yang beredar di lingkungan. 4. Tuntutan keadaan manusia yang semakin didesak oleh waktu. 5. Adanya kebutuhan manusia tentang informasi terbaru. 3
  • 19. 1.3 Beda sistem informasi dengan teknologi informasi Untuk menjawab sebuah wacana di atas jelas sangat perlu kita harus mengartikan apa itu sitem informasi dan teknologi informasi. Dan pada ahirnya kita bisa membedakan apa perbedaan dari dua wacana tersebut. Sistem informasi: Kumpulan orang, data, proses, dan teknologi informasi yang berinteraksi untuk mengumpulkan, memproses, menyimpan, dan menyediakan informasi yang dibutuhkan untuk mendukung suatu organisasi. Teknologi informasi: Istilah yang digunakan untuk menggambarkan kombinasi teknologi komputer (HW dan SW) serta teknologi telekomunikasi (jaringan data, citra, dan suara). Maka dapat kita jabarkan dari hasil diatas bahwa sistem informasi ini lebih menitik beratkan pada kumpulan data yang disampaikan yang mengandung informasi, dan untuk teknologi informasi menitik beratkan kepada software dan hardware yang lebih cenderung pada alat yang mendukung informasi tersebut. Jika kita membandingkan dua hal tersebut jelas sekali berhubungan erat satu dengan yang lainnya dimana sistem informasi yang berupa pesannya dan teknologi informasi berupa alat untuk melaksanakan informasi tersebut. Namun yang perlu di garisbawahi teknologi informasi tidak hanya mencakup pada alat elektronik berupa komputer atau laptop tapi bisa juga alat lainnya yang bisa mendukung untuk informasi tersebut. Dalam pembahasan lain diperoleh, sebagai berikut: Banyak orang mendefinisikan suatu SI dengan definisi yang berbeda secara pandangan dan implementasinya masing-masing. Adapun beberapa pengertian sistem Informasi tersebut adalah sebagai berikut: Definisi 1 (satu): sistem informasi adalah sekumpulan hardware, software, brainware, prosedur atau aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan. Definisi 2 (dua): sistem informasi adalah satu kesatuan data olahan yang terintegrasi dan saling melengkapi yang menghasilkan output baik dalam bentuk gambar, suara maupun tulisan. 4
  • 20. Definisi 3 (tiga): sistem informasi adalah proses yang menjalankan fungsi mengumpulkan, memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk kepentingan tertentu. Definisi 4 (empat): sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input- proses-output yang berhubungan dengan pengolahan informasi (data yang telah diolah sehingga lebih berguna bagi user). Dari definisi-definisi di atas dapat ditarik kesimpulan bahwa SI adalah suatu kumpulan komponen yang saling terkait dan terintegrasi dalam proses pengolahan suatu data baik mulai dari input-proses-output atau informasi melalui proses komputerisasi. Definisi teknologi informasi: Teknologi informasi berasal dari dua kata yaitu teknologi dan informasi, sebelum kita mengetahui pengertian dari teknologi informasi maka kita perlu tahu definisi dari teknologi dan informasi tersebut. Dan berikut definisinya: Informasi secara umum adalah sebagai hasil dari pengolahan data yang secara prinsip memiliki nilai atau value yang lebih dibandingkan data mentah. Teknologi adalah ilmu yang berkaitan dengan seni atau sains dengan menerapkan pengetahuan saintifik ke praktis. Jadi dapat kita simpulkan bahwa teknologi informasi adalah teknologi yang berhubungan dengan pengolahan data menjadi informasi dan proses penyaluran data atau informasi tersebut dalam batas–batas ruang dan waktu. Teknologi informasi merupakan pengembangan dari teknologi komputer dipadukan dengan teknologi telekomunikasi. Kesamaan antara SI dan TI diantaranya yaitu: Dilihat dari tujuan SI dan TI mempunyai satu tujuan yang sama yaitu mengolah suatu data menjadi suatu informasi yang dibutuhkan oleh pengguna atau user. Baik SI dan TI didukung dengan peralatan elektronik yaitu komputer. Perbedaan SI dan TI yaitu: Dari definisinya SI bisa dikatakan lebih menuju pada proses, atau tahapan pengolahan data menjadi suatu informasi. Sedangkan TI lebih kepada faktor atau alat pendukung dan batasan- batasan dalam penyajian suatu informasi dengan menggunakan alat elektronik berikut perkembangannya. (Sumber: http://www.worldfriend.web.id/blog-friend/567-definisi-sistem-informasi- teknologi-informasi-dan-ilmu-pengetahuan) 5
  • 21. 1.4 Penerapan sistem informasi Dalam dunia yang sungguh modern ini semua orang dituntut untuk bisa menguasai sistem informasi dan mampu berkecimpung dalam lingkungan sistem informasi tersebut. Dalam kondisi tersebut manusia dituntut untuk bisa menguasai bagaimana sistem informasi tersebut dan mempraktekkannya dalam lingkungan sehari-hari. Penerapan sistem informasi bisa dibagi dalam beberapa hal bagian yaitu: 1. Sistem informasi manejemen. 2. Sistem informasi perusahaan. 3. Sistem informasi pendidikan. 4. Sistem informasi politik. 5. Sistem informasi sosial. 6. Sistem informasi ekonomi. 7. Sistem informasi mayarakat. 8. Dan lainnya. Sungguh banyak sekali penerapan sistem informasi yang telah diterapkan manusia dalam kehidupannya. Dalam lingkungan kita saja jelas sekali kita bisa melihat sistem informasi tersebut seperti orang yang berkecimpung dalam satu perusahaan untuk melakukan sesuatu ataupun memberikan perintah pada bawahannya jelas melewati suatu sistem tertentu untuk sampai kepada seluruh bawahannya dan mengerti dari tujuan pemerintahan tersebut. 1.5 Perkembangan sistem informasi Manusia mulai mempertukarkan informasi sejak dahulu kala, sekitar 3000 tahun sebelum masehi atau jika dihitung sudah lebih dari 5000 tahun yang lalu. Cara mempertukarkan informasi itu adalah dengan menuliskannya pada batu, kayu, papirus atau tanah liat. Awal 6
  • 22. sejarah perkembangan sistem informasi dimulai dari sini. Tanpa langkah yang dilakukan oleh manusia kuno ini, tidak akan ada perangkat teknologi canggih seperti komputer dan telepon . Ada empat tahapan yang dilalui dalam perkembangan komunikasi dan informasi, di antaranya dapat kami jabarkan dibawah ini. 1. Periode pertama: pra mekanik Pada periode ini, komunikasi menggunakan simbol untuk menyampaikan informasi. Pada tahun 3000-2000 sebelum masehi, manusia menggunakan gambar juga untuk menyampaikan pesan. Contohnya adalah bangsa fenisia yang mendiami timur tengah (saat ini lebanon) menciptakan model yang sama. Bangsa yunani kuno mengadaptasi simbol milik bangsa fenisia dengan menambahkan huruf vokal yang membuatnya mudah digunakan. Bangsa romawi kuno kemudian memakainya juga, yang mana saat ini menjadi alfabet yang kita kenal dan gunakan saat ini. Pembuatan buku dari papirus yang dilekatkan dimulai pada tahun 600 sebelum masehi. Pada awalnya hanya pemuka agama dan pemimpin yang memiliki koleksi buku. Setelah itu ada bangsa mesir kuno yang menciptakan sistem angka, sehingga juga mengarahkan pada penemuan alat bantu hitung yang disebut abakus. 2. Periode kedua: mekanik Masa ini termasuk dalam masa abad pertengahan. Di mana orang sudah menggunakan peralatan untuk menyimpan, mengolah dan merekam informasi. Salah satu penemuan terpenting dalam masa ini adalah mesin cetak gutenburg dari Jerman. Penyampaian informasi menjadi lebih mudah di karenakan mesin cetak dapat memproduksi tulisan yang sama dalam jumlah besar. Pada tahun 1600, komputer atau mesin hitung pertama kali diciptakan oleh Blaise pascal. Komputer ini disebut sebagai pascale line dan dianggap sebagai titik awal mesin menggantikan otak manusia dalam menghitung data. 3.Periode ketiga: elektromekanik Pada masa ini, penggunaan listrik untuk memberikan energi untuk menjalankan penemuan mesin sesudah pascale line terus ditemukan. Pada periode ini pula diciptakan telepon dan kode morse untuk digunakan dalam komunikasi jarak jauh secara langsung. Kemudian diperkenalkan komputer pertama yang digunakan untuk menyimpan program dan data pada awal 1948. Komputer tersebut adalah dubbedmanchester mark1. Komputer ini adalah awal penemuan teknologi selanjutnya yang sekarang menjadi komputer, laptop, tablet dan smartphone. 4. Periode keempat: elektronik Jean Hoerni mengembangkan transistor planar pada tahun 1957. Alat ini dapat mengintegrasikan semua sirkuit yang diciptakan tahun-tahun selanjutnya. Pada tahun 1960, Departemen Pertahanan Amerika Serikat mendirikan ARPANET (Advanced Research Project 7
  • 23. Agency NETwork) yang mana ini adalah cikal bakal dari Internet yang anda gunakan sekarang ini. Pada saat itu ARPANET hanya digunakan untuk pemerintah, penelitian dan universitas. Peneliti dari MIT yang bernama Licklider memperluas ARPANET ke jaringan komputer di seluruh dunia untuk interaksi sosial. Ini terjadi pada tahun 1962. Pada tahun 1968, Andrew Grove, Gordon Moore dan Robert Noyce telah menciptakan mikrochip pertama kalinya. Mereka lalu menjual rancangan tersebut kepada intel untuk diproduksi secara massal. Setelah keempat era ini, perkembangan teknologi berlangsung secara cepat. Ditemukannya sistem operasi UNIX, komputer dari Apple, sistem operasi Windows, Linux, era dot com dan masih penemuan terbaru lainnya yang belum bisa kita sebutkan satu persatu. Semoga artikel penjelasan sejarah perkembangan sistem informasi di atas bisa menambah pengetahuan kamu di dunia komputer. (Sumber: http://belajar-komputer-mu.com/sejarah-perkembangan-sistem-informasi/) Sungguh perkembangan yang maju bukan jika kita bisa simak dari ulasan di atas dan bisa kita prediksikan pada zaman yang akan datang mungkin akan lebih maju lagi. Sungguh perkembangan sistem informasi yang sangat pesat dan kita bisa tertinggal jika tidak mengejarnya dari sekarang. Bisa kita lihat gambaran kebahagiaan masyarakat sekarang dengan sistem informasi (Gambar 1.3). Gambar1.3 Betapa mudahnya sekarang sistem informasi dicapai (Sumber: http://www.cs.ui.ac.id/lang/id/pendidikan/sarjana/s1-sistem-informasi/) 1.6 Keadaan sistem informasi pada saat sekarang Keadaan sistem informasi pada saat sekarang sungguh sangat maju dimana sistem informasi telah merambah di sektor mana saja dan telah digunakan pada lingkungan mana saja. Sungguh kemajuan yang sangat pesat di mana jika kita mundur pada dekade kebelakang sistem informasi bisa dikatakan masih pada tahap keterbatasan jarang dan waktu. Namun, jika kita lihat pada saat sekarang sungguh berbeda jauh sekali di mana jarak dan waktu bukan lagi alasan orang untuk tidak dapat menjangkau informasi. 8
  • 24. Di mana jika kita ibaratkan orang hanya perlu untuk menghidupkan komputer dan mencari informasi yang dia inginkan dan dia dapat menemukan informasi dari seluk benua terkecilpun dengan hanya menggoyangkan tangannya di atas keyword dan menunggu sebentar dan informasi itu datang padanya dengan landasan jaringan internet. Dan juga pada saat sekarang sungguh sistem informasi telah ada pada seluk beluk kehidupan kita dari yang mulai seluk beluk terkecil sampai ukuran yang besar. Manusia sudah menggunakan sistem informasi pada sistem kerjanya yang bila dicontohkan pada sistem informasi pada rumah sakit yang bisa kita update dengan hanya mengetik keyword dan kita bisa mendapatkan data rumah sakit. Bahkan pada saat sekarang kita bisa mendapatkan tiket pesawat terbang hanya dengan memesan di-intenet dan kita hanya membayar dengan rekening tabungan kita dan santai untuk penerbangan kita tanpa harus pergi ke loket tiket pesawat terbang dan menunggu antrian untuk membelinya. Bahkan pada saat sekarang orang bisa membeli tiket untuk jangka waktu kedepan maka dia tidak perlu lagi pusing untuk membeli tiket pada hari keberangkatannya dan ini, merupakan keadaan yang sungguh maju pada zaman sekarang. Dan juga pada saat sekarang kita kita bisa melihat sistem informasi tersebut berlalu pada sektor-sektor seperti kesehatan, politik, ekonomi, sosial, pendidikan, agama, dan lainnya. Maka untuk zaman sekarang tidak ada lagi istilah orang yang beranggapan tidak mengatahui keadaan dan ilmu terbaru karna bisa dikatakan sistem informasi berada didekat kita dan hanya orang pemalas yang beranggapan sistem informasi itu jauh dari kehidupan manusia. Dan untuk membahas apa saja contoh dari perkembangan sistem informasi tersebut tidak cukup sekian halaman bahkan akan membuat pokok bahasan yang menjadi ribuan lembar dan bahkan bisa menjadi jutaan lembar. Itu mungkin saja terjadi jika kita melihat apa saja sistem informasi yang ada pada lingkungan kita dan lingkungan lainnya (Gambar 1.4). 9
  • 25. Gambar1.4 Orang bisa mengakses dari mana saja informasi tersebut (sumber: http://laluharry.blogspot.com/2012/07/a.html) Nah, bisa kita lihat dari Gambar 1.4 orang bisa mengakses dari apa saja dengan cara apa saja sungguh luar biasa bukan sistem informasi tersebut. Maka pada zaman sekarang sangat mudahnya untuk mengakses informasi (Gambar 1.5). Gambar1.5 Betapa mudahnya mengakses informasi (Sumber: http://sindoradio.com/news/detail/2035/sistem-informasi-siasati-posko-angkutan-lebaran-tahun-2012-dapat- diakses) Dan pada Gambar 1.5 orang hanya perlu mengetik alamat suatu yang dituju dan informasi itu akan datang pada Anda (Gambar 1.6). Gambar1.6 Orang saling terhubung dalam jarinan informasi (Sumber:http://kampus.okezone.com/read/2011/12/28/373/548146/uin-alauddin-luncurkan-sistem-informasi-online) Pada Gambar 1.6 orang untuk berhubungan dengan orang lain dalam jarak dan waktu yang jauh sungguh enak sekali dengan kemajuan sistem informasi. Referensi bab1 10
  • 26. Ratih Amanda.”Cara Mudah Membuat Tempelate Blogger”,Penerbit PT. Elek Media Komputindo, Jakarta, 2012. Supardi Yuniar.”Teknik Mudah Cari Uang di Blog dan Situs”,Penerbit PT.Elek Media Komputindo, Jakarta ,2012. http://www.belajar-komputer-mu.com/sejarah-perkembangan-sistem-informasi/ http://www.cs.ui.ac.id/lang/id/pendidikan/sarjana/s1-sistem-informasi/ http://www.drogpatravel.blogspot.com/2012/11/pengertian-sistem-informasi-menurut.html http://www.gilangfirmansyah.blogspot.com/2008/09/perbedaan-sistem-informasi-dan.html http://www.laluharry.blogspot.com/2012/07/a.htm http://www.nur-arianto.blogspot.com/2009/10/perkembangan-sistem-informasi-di.html http://www.piyetoiki.wordpress.com/2010/10/04/definisi-sistem-informasi/ http://www.worldfriend.web.id/blog-friend/567-definisi-sistem-informasi--teknologi- informasi-dan-ilmu-pengetahuan 11
  • 27. BAB 2 BLOG 2.1 BLOG Gambar 2.7 Blog (Sumber: http://www.cara-membuat-blog.info/pengertian-blog.htm) 2.1.1 Pengertian blog Blog merupakan singkatan dari weblog adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum (Gambar 2.7 blog). Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. Dalam zaman sekarang ini blog sudah familiar di telinga masyarakat dan khususnya para pengguna internet. Blog yang sering kita lihat bisa berupa sebuah wacana dari si penyampai atau sebuah ajang kreativitas sang pengguna atau malah di zaman sekarang ini merupakan wadah yang bertujuan sebagai penghasil pundi-pundi uang yang bisa kita dapatkan hanya dengan nge-net dan duduk di depan layar komputer. Dalam definisi dan sumber lain, sebagai berikut: Blog berasal dari kata web dan log (weblog) yang berarti catatan online (yang berada di web). Pengertian yang lebih lengkap, blog adalah situs web yang berisi tulisan, artikel atau informasi bermanfaat yang di-update (diperbaharui) secara teratur dan dapat diakses secara online baik untuk umum maupun pribadi. 12
  • 28. Ciri-ciri: Berikut adalah ciri-ciri blog secara umum. 1. memiliki nama dan alamat yang bisa diakses secara online. 2. memiliki isi atau posting-an yang berupa artikel, catatan, dan informasi lainnya. 3. posting-an atau isi blog terarsip (tersimpan sesuai tanggal, bulan dan tahun posting). 4. Isi blog umumnya selalu bertambah atau ter-update sesuai dengan tujuan blog. Tujuan blog secara umum, antara lain: Menyampaikan informasi yang bermanfaat untuk diri sendiri maupun bagi orang lain. Memberikan keuntungan bagi diri sendiri maupun orang lain. Menyalurkan hobi dan mengisi waktu luang dengan kegiatan yang positif. Berkarya atau aktualisasi diri. Saling bertukar pengetahuan dengan pembaca, blogger menulis, pengunjung memberikan tanggapan atau komentar. Berbagi pengalaman. Berbagi software berguna, seperti foto, film atau video, dokumen, dsb. Banyak lagi, sesuai dengan jenis atau topik yang diangkat. Karena blog bermacam-macam jenisnya, maka tujuan blog juga dipengaruhi oleh jenis blog tersebut. misal: Tujuan blog pribadi: bertujuan untuk memberikan informasi yang update tentang diri pemilik blog. Seputar pengalaman, hal-hal yang berkesan, catatan harian, catatan perjalanan pribadi, dan sebagainya. Tujuan blog kesehatan: bertujuan untuk memberikan informasi kesehatan terkini. Tujuan blog bisnis: bertujuan untuk memberikan informasi terkini seputar bisnis sebuah perusahaan. Pengertian blogger: Blogger adalah pemilik blog atau pengarang isi blog. Etika blogger: Memiliki tujuan yang baik. Membuat artikel/posting-an yang asli, bukan hasil copy paste (plagiat) atau kegiatan lain yang melanggar hak cipta (tanpa ijin pemilik). Tidak membuat posting-an yang merugikan orang lain, mengganggu, menipu (spam), mengandung kekerasan, isu sara, dan hal negatif lainnya (Sumber: http://cara-buat-blog-di.blogspot.com/2011/01/pengertian-blog.html) 13
  • 29. 2.1.2 Manfaat blog Di zaman sekarang ini manusia sudah dituntut untuk terus menghasilkan sesuatu dan mencari sesuatu yang bisa di-update agar kita tidak ketinggalan zaman dan termakan oleh waktu. Sungguh merupakan zaman globalisasi yang menuntut tiap-tiap kepala manusia untuk berpikir dan berkembang untuk meraih tujuan yang mereka inginkan. Maka sangat jelas sekali bisa kita bayangkan manfaat dari sebuah kata blog bagi kita sendiri. Manfaat yang sangat jelas sekali bisa kita tuliskan sebagai berikut: 1. Wadah kreativitas untuk para peselancar internet. 2. Wadah pencarian tugas bagi para copas (copy paste). 3. Wadah wadah meluangkan gagasan. 4. Wadah peng-update ilmu terbaru. 5. Wadah berbisnis ria. 6. Wadah pencarian teman. 7. Wadah menunjukan jati diri. 8. Wadah untuk pencarian penambahan uang, dll. 2.2 Blogspot Gambar 2.8Blogspot (Sumber: http://harinfo-blog.blogspot.com/2012/04/cara-membuat-arsip-blog-urut-tanggal.html) Blogspot merupakan salah satu penyedia akun website gratis di mana anda bisa posting, Sharing dan lainnya (Gambar 2.8 blogspot). Akun blogspot juga merupakan akun google karena saat kita login blog tersebut menggunakan akun google. 2.2.1 Kelebihan blogspot 1. Dimiliki oleh perusahaan TI terkemuka, google. 2. Murah. 3. Blogger lebih aman. 14
  • 30. 4. Tidak perlu khawatir tentang memperbarui platform blog. 5. Kemudahan dalam mendesain template blog. 6. Jangan khawatir bahkan jika domain Anda berakhir. 7. Login terpadu dengan akun google Anda. (Sumber: http://reformasibaru.blogspot.com/2012/08/kelebihan-blogspot-dibandingkan-blog- gratisan-lainnya.html) 2.2.2 Cara membuat blog di Blogspot Untuk membuat suatu blog di blogspot sangat mudah anda hanya perlu mengikuti langkah- langkah yang diberikan dan blog anda akan selesai dengan apa yang Anda inginkan. Untuk membuat blog di blogspot satu catatan yang paling penting bagi anda adalah bahwa anda harus sudah memiliki akun email terutama di akun email google, jika ternyata Anda belum memiliki akun email tersebut sebaiknya anda harus membuat terlebih dahulu dan jika sudah baru mengikuti langkah-langkah sebagai berikut: 1. Di browser Anda, ketik: http://www.blogger.com/dan tekan enter (Gambar 2.9). Gambar 2.9 Halaman awal (Sumber: dokumen pribadi) 2. Klik tulisan daftar, untuk membuat awal blog di blogspot atau blogger. 3. Isi formulir pendaftaran dan masukan data pribadi (Gambar 2.10). 15
  • 31. Gambar 2.10 Formulir pendaftaran (Sumber: dokumen pribadi) 4. Jika sudah selesai dalam penyelesaian pada formulir, langsung ke dasbor dan klik tombol ciptakan blog Anda (Gambar 2.11). Gambar 2.11 Ciptakan blog (Sumber: dokumen pribadi) 16
  • 32. 5. Sampai muncul halaman seperti (Gambar 2.12) berikut: Gambar2.12 Halaman identitas blog (Sumber: dokumen pribadi) 6. Beri nama blog anda yang pada kolom judul. 7. Beri juga alamat lokasi blog anda pada kolom alamat. 8. Selanjutnya pilih template anda pada kolom template. 9. Hingga pada dashbor timbul tulisan (Gambar 2.13). 17
  • 33. Gambar 2.13 Hasil dari pembuatan identitas blog (Sumber: dokumen pribadi) 10. Jika ingin melihat blog Anda silahkan klik tulisan lihat blog (Gambar 2.14). 18
  • 34. Gambar 2.14 Cara untuk melihat blog (Sumber: dokumen pribadi) 11. Jika ingin menambahkan tulisan pada blog klik gambar pensil(Gambar 2.15). Gambar 2.15 Cara untuk menulis pada blog (Sumber: dokumen pribadi) 12. Maka blog anda akan menjadi (Gambar 2.16). 19
  • 35. Gambar 2.16 Hasil blog yang telah dibuat (Sumber: dokumen pribadi) 13. Selanjutnya buatlah kreativitas anda agar tampilan blog anda menarik dan memikat niat orang untuk melihat dan membaca blog anda, selamat mencoba. 20
  • 36. 2.3 Wordpress Gambar 2.17 Wordpress (Sumber: http://techpp.com/2012/08/31/test-preview-blogs-instant-wordpress/) Wordpress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine) (Gambar 2.17). Wordpress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog, Wordpress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanyahttp://id.wikipedia.org/wiki/WordPress - cite_note-fany- 5. Wordpress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama Wordpress diusulkan oleh Christie Selleck, teman ketua pengembang (developer), Matt Mullenweg. Dalam definisi lain dari sumber yang berbeda, sebagai berikut: Wordpress adalah suatu blog tool yang dirancang untuk memudahkan pembuatan dan pemeliharaan blog seperti penulisan, pengeditan, pempublikasian posting blog dan komentar dengan fungsi khusus untuk memanajemen image, video, sindikasi web, serta moderasi posting dan komentar. Selain mudah digunakan, blog tool juga sangat mudah dikenali oleh mesin pencari seperti google atau yahoo. Banyaknya aplikasi tambahan untuk memaksimalkan blog serta themes yang mudah dikelola untuk mempercantik tampilannya menjadikan wordpress banyak diminati oleh sebagian besar blogger. Wordpress bisa langsung di-download di wordpress.org serta dapat digunakan secara gratis karena blog software ini bersifat open source. Selain itu, Wordpress juga menyediakan hosting gratis di wordpress.com bagi siapa saja yang ingin membuat blog dengan wordpress tapi belum mempunyai webhosting sendiri untuk memasangnya. Blog yang dibuat secara gratis di wordpress.com akan ditempatkan pada sub-domain dengan pilihan nama yang bisa ditentukan oleh user sesuai dengan apa yang diinginkan. (Sumber: http://mhs.narotama.ac.id/2011/08/14/mengenal-apa-itu-wordpress/) 21
  • 37. 2.3.1 Kelebihan Wordpress 1. Template system. Template system memudahkan kita dalam merubah tampilan blog dalam beberapa klik. Anda bisa mengubah-ubah tampilan blog dengan hitungan detik. Blog wordpress anda akan tetap berjalan normal seperti semula. 2. Integrated link management. Anda bisa mengatur dan mengorganisir link atau tautan di dalam blog atau ke blog atau website lain dengan mudah. Hanya butuh beberapa detik untuk melakukannya. 3. Search engine friendly perma-link structure. Wordpress mempunyai struktur alamat URL atau disebut perma-link yang bisa kita modifikasi sesuai dengan URL yang disukai oleh mesin pencari google. Tiap artikel mampu memberi alamat halaman yang sesuai dengan judul artikel dan itu lebih mudah dibaca oleh mesin pencari. Kita bandingkan dengan blogger, struktur perma-link sangat terbatas dalam hal jumlah karakter. Sehingga jika judul artikel kita terlalu panjang, maka dalam tampilannya, otomatis judul akan terpotong. 4. Support for plugins. Di wordpress kita bisa menambah kemampuan dan meningkatkan performa blog. Bahkan merubah fungsi blog dengan sangat mudah. Kita tinggal memilih dan mengaktifkan plugin yang sesuai dengan fitur atau fungsi yang kita inginkan. Mengaktifkan dan meng-install plugin juga sangat mudah. 5. Support for widgets. Kita bisa mengatur urutan blok modul hanya dengan drag and drop, yaitu seret dan letakkan. Kita bisa menambah dan mengurangi modul di sidebar hanya dengan mengklik aja. 6. Trackback and pingback. Anda juga bisa saling terhubung dengan blog-blog lain untuk meningkatkan popularitas artikel-artikel anda. 7. Nested categories and multiple categories for articles. Kita bisa mengumpulkan artikel- artikel dalam satu kategori atau satu artikel masuk ke banyak kategori dengan pengorganisasian yang mudah. Pembaca atau pengunjung blog anda akan lebih mudah menemukan artikel yang sesuai dengan kategori yang mereka cari. 8. Typographic filters for proper formatting and styling of text. Wordpress memungkinkan anda begitu mudah membuat artikel, mengubah huruf dan gaya penulisan. Semuanya cukup dengan klik. Kita bahkan tidak perlu memahami kode HTML atau CSS atau bahasa pemrograman lainnya. 9. Static pages. Jika anda butuh sebuah halaman statis yang berisi info tentang diri anda atau apapun juga, bisa dilakukan di wordpress dengan menambahkan page atau halaman baru dari menu yang disediakan di halaman admin. 10. Tag support. Pada tiap artikel bisa ditambahkan tag untuk mempermudah search engine mengenali isi blog atau artikel Anda dan menemukannya. 11. Multiple authors. Capek menulis sendiri dan ingin mengundang penulis luar, dengan membuat blog wordpress kita bisa menanganinya dengan skala keamanan yang berjenjang, sangat praktis dan aman. 12. Can store a list of users who visit your blog. Wordpress juga bisa mendata pengunjung yang mengunjungi blog Anda setiap saat. Menampilkan statistik yang lumayan komplit dan atraktif. 13. Can block site visitors by IP address. Bisa memblokir pengunjung dari IP tertentu yang tidak kita inginkan. 22
  • 38. 14. Comment support. Kita bisa berinteraksi langsung dengan pengunjung. Mereka bisa memberikan komentar di tiap artikel dan kita bisa menyaring komentar mana yang akan kita terima. 15. RSS feedsupport. Pengunjung juga bisa memantau perkembangan atau update artikel- artikel dengan berlangganan artikel-artikel kita melalui email maupun RSS reader. 16. Perma-link. Ini kelihatanya sepele, tapi sangat penting. Perma-link adalah struktur link spesifik sebuah artikel, contoh: http://myblogmylife.blogdetik.com/cara-membuat- blog/, dengan wordpress kita bisa custome perma-link lebih google friendly, dan kita bisa mengganti judul artikel tanpa merubah susunan perma-link. (Sumber: http://www.cara-membuat-blog.info/16-kelebihan-wordpress.htm) 2.3.2 Cara membuat blog di Wordpress Wordpress adalah salah satu layanan penyedia blog yang terkenal dan sangat mudah untuk membuatnya dan tidak membutuhkan tahapan yang panjang untuk pembuatan blog pada layanan Wordpress ini. Dengan catatan bahwa Anda sudah memiliki akun email, langkah- langkah pembuatannya sebagai berikut: 1. Di browser Anda, ketik :http://www.wordpress.com/dan tekan enter (Gambar 2.18). Gambar 2.18 Halaman awal wordpress (Sumber: dokumen pribadi) 23
  • 39. 2. Klik tulisan memulai, untuk mengawali pembuatan blog di wordpress (Gambar 2.19). Gambar 2.19 Cara memulai membuat blog di wordpress (Sumber: dokumen pribadi) 3. Lalu muncullah formulir pendaftaran dan Anda di wajibkan untuk mengisi formulir tersebut (Gambar 2.20). 24
  • 40. Gambar 2.20 Formulir pendaftaran (Sumber: dokumen pribadi) 4. Gulung ke bawah dan klik create blog (Gambar 2.21). 25
  • 41. Gambar 2.21 Langkah selanjutnya dalam pendaftaran (Sumber: dokumen pribadi) 5. Selanjutnya Anda diminta untuk melakukan aktivasi blog dengan cara mengklik link yang dikirimkan ke email Anda (Gambar 2.22). Gambar 2.22 Perintah untuk regristrasi ke alamat email Anda (Sumber: dokumen pribadi) 6. Lalu kunjungi akun email Anda untuk melanjutkan tahap selanjutnya dan klik activate blog (Gambar 2.23). 26
  • 42. Gambar 2.23 Regristrasi di email (Sumber: dokumen pribadi) 7. Akhirnya blog Anda selesai dan silahkan isi sesuai dengan kreativitas yang Anda miliki untuk mengundang pengunjung mengunjungi blog Anda (Gambar 2.24). Selamat mencoba. 27
  • 43. Gambar 2.24 Ucapan selamat bahwa anda telah berhasil membuat blog (Sumber: dokumen pribadi) 2.4 Blogdetik Gambar 2.25 Blogdetik (Sumber: http://fahmi52.blogdetik.com/pengalaman-dapat-hadiah-dari-blogdetik/logo-blogdetik) Blogdetik merupakan anak cabang dari detik.com yang familiar saat ini. Blogdetik umumnya sama seperti penyedia akun lain seperti blogger, wordpress, dan lainnya. Namun, yang perlu di garisbawah blogdetik merupakan asli hasil karya anak Indonesia (Gambar 2.25). 2.4.1 Keuntungan blogdetik 28
  • 44. 1. Gratis. 2. Mudah digunakan. 3. Dalam segi pendaftaran gampang. 4. Karna sifatnya anak cabang dari detik.com secara otomatis kita bisa mengakses detik.com secara langsung. 5. Blog-nya cukup menarik untuk digunakan. 2.4.2 Cara membuat blog di blogdetik 1. Untuk langkah pertama Anda harus terlebih dahulu mungunjungi website-nya blogdetik di www.blogdetik.com (Gambar 2.26). Lalu klik daftar sekarang. Gambar 2.26 Halaman awal blogdetik (Sumber: dokumen pribadi) 2. Isi formulir pendaftarannya (Gambar 2.27). 29
  • 45. Gambar 2.27 Formulir pendaftaran (Sumber: dokumen pribadi) 3. Setelah Anda mengisi formulir pendaftarannya lalu gulung ke bawah dan klik berikutnya (Gambar 2.28). 30
  • 46. Gambar 2.28 Langkah berikutnya dalam pendaftaran (Sumber: dokumen pribadi) 4. Buat judul blog Anda dan klik sign up (Gambar 2.29). Gambar 2.29 Pembuatan identitas blog di blogdetik (Sumber: dokumen pribadi) 31
  • 47. 5. Laluakan mendapatkan kalimat dari blogdetik (Gambar 2.30). Gambar 2.30 Ucapan selamat dan konfirmasi ke email (Sumber: dokumen pribadi) 6. Selanjutnya konfirmasikan ke-akun email Anda dan blog Anda siap untuk di gunakan (Gambar 2.31). Gambar 2.31 Konfirmasi di email (Sumber: dokumen pribadi) 2.5 Mempercantik blog dengan item tambahan 2.5.1 Memberikan Status YM ( Yahoo Messenger ) Di blog ke Blogspot Ini merupakan fitur tambahan yang bagus jika Anda miliki dalam blog pribadi Anda. Kegunaan fitur ini adalah pembaca bisa mengetahui status YM blog Anda dan dengan mudah dapat berhubungan online dengan pembaca ataupun para pengunjung blog Anda. Berikut adalah langkah-langkah pembuatan status YM di blog sebagai berikut: 32
  • 48. 1. Di jendela dashbor Anda, klik link text (tulisan) rancangan, tambah gadget (Gambar 2.32). Gambar 2.32 Tambah gadget (Sumber: dokumen pribadi) 2. Selanjutnya, Copy-kan kode berikut ini di dalamnya (Gambar 2.33), dan klik simpan (Gambar 2.34). <ahref=”ymsgr:sendIM?orbek_16”><imgsrc=http://opi.yahoo.com/online?u=orbek_1 6&amp;t=12&amp;1=us/> Gambar 2.33 Menuju HTML/ javascript (Sumber: dokumen pribadi) 33
  • 49. Gambar 2.34 Halaman konfigurasi di HTML/javaScript (Sumber: dokumen pribadi) # ganti tulisan “orbek_16” dengan ID yahoo Anda, dan angka 12 dengan angka 1 sampai 16 3. Akan menjadi seperti (Gambar 2.35). 34
  • 50. Gambar 2.35 Hasil ahir dari penambahan item YM. (Sumber: dokumen pribadi) 2.5.2 Widget Binatang peliharaan Untuk fitur ini sangat lucu jika dimasukkan dalam blog Anda. Cara memasangnya: 1. Masuk pada situs Http://abowman.com/google-modules/ (Gambar 2.36). 2. Pilih jenis binatang yang Anda inginkan dan sesuai dengan blog Anda agar tidak janggal bila sudah masuk di blog Anda(Gambar 2.36). 35
  • 51. Gambar 2.36 Halaman awal abowman.com (Sumber: dokumen pribadi) 3. Copy datanya dan masukkan ke tambah gadget, javascript (Gambar 2.37). Gambar 2.37 Data yang harus di-copy (Sumber: dokumen pribadi) 4. Selesai, dan gambar akan mengikuti kemana kursor berjalan. 36
  • 52. 2.5.3. Men-download template blog untuk Blogspot Template blog atau website adalah desain-desain halaman blog ataupun website beserta seluruh komponennya (misal: gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Tersedia banyak situs tempat men-download template ini, tersedia juga bermacam-macam model template dan yang pasti keren-keren. Beberapa situs tersebut yaitu: 1.www.templates.com 2.www.bloggerbuster.com 3.http://blogtemplate4u.com/ 4.www.freeblogger-templates.blogspot.com 5.www.blogger-templates.blogspot.com 6.www.finalsense.com 7.www.ourblogtemplates.com 8.www.bloggerstyles.com 9.www.eblogtemplates.com 10.www.blogspottemplate.com Langkah-langkah men-download template yaitu: 1. Buka salah satu situs yang ada di atas Dalam buku ini di tampilkan contoh dengan situs www.templates.com (Gambar 2.38). Gambar 2.38 Halaman awal blogger tempelates (Sumber: dokumen pribadi) 37
  • 53. 2. Pilih salah satu template yang ingin di-download kemudian klik download (Gambar 2.39). Gambar 2.39 Pilih salas satu template yang Anda inginkan (Sumber: dokumen pribadi) 3. Kemudian klik download (Gambar 2.40). Gambar 2.40 Men-download templates (Sumber: dokumen pribadi) 5. Muncul kotak dialog download, klik save. 38
  • 54. 2.5.4. Meng-Upload template ke blogspot Meng-upload template bertujuan untuk mengganti template atau tema suatu blog dengan template yang sudah ada di dalam disk kita. Template yang di upload harus berformat *.Xml. Langkah-langkah meng-upload template adalah sebagai berikut: 1. Masuk ke Blogger. Akan muncul tampilan berikut(Gambar 2.41). Gambar 2.41 Halaman rancangan (Sumber: dokumen pribadi) 2. Klik template, kemudian muncul tampilan berikut (Gambar 2.42). 39
  • 55. Gambar 2.42 Langkah mengklik cadangkan (Sumber: dokumen pribadi) 3. klik Cadangkan/pulihkan (Gambar2.43). Gambar 2.43 Langkah selanjutnya dalam proses meng-upload templates (Sumber: dokumen pribadi) 4. Muncul tampilan berikut (Gambar 2.44). 40
  • 56. Gambar 2.44 Halaman pengunggahan templates (Sumber: dokumen pribadi) 5. Klik Browse, kemudian cari file template yang ingin di upload (*.xml) dan klik unggah (Gambar 2.45). Gambar 2.45 Data yang akan di unggah (Sumber: dokumen pribadi) 6. Klik tutup. 2.5.5. Cara menambahkan widgetlikeboxfacebook melayang pada blog Like box facebook memang digemari oleh para blogger, karena bermanfaat untuk popularitas. Widget ini berfungsi untuk para pengunjung blog Anda yang ingin memberikan apresiasi terhadap blog Anda, yaitu dalam bentuk like fans page. Karena semakin banyak 41
  • 57. orang yang like fans page Anda tandanya semakin baik juga populer blog Anda. Namun masih banyak widget lainnya yang dapat menunjukkan kepopuleran sebuah blog. Adapun langkah-langkah untuk membuat like box facebook melayang pada blog adalah sebagai berikut: 1. Terlebih dahulu Anda harus memiliki halaman fans page facebook. Jika Anda belum memilikinya silahkan sign in menggunakan akun facebook Anda, dan ikuti langkah berikut:  Kunjungi halaman berikut ini. http://www.facebook.com/pages/create.php  Anda akan dihadapkan pada halaman berikut (Gambar 2.46). Pilih kategori blog Anda. Gambar 2.46 Halaman awal (Sumber: dokumen pribadi)  Setelah dipilih, Anda akan diminta memasukan beberapa informasi seperti judul halaman fans facebook(Gambar 2.47). Gambar 2.47 Masukan informasi (Sumber: dokumen pribadi)  Selanjutnya isi informasi yang diminta, setelah selesai klik mulai. 42
  • 58. Anda akan di bawa ke langkah 1 (Gambar 2.48). Gambar 2.48 Halaman pengunggahan (Sumber: dokumen pribadi)  Unggah gambar: untuk upload foto profil halaman fans page Anda.  Setelah selesai unggah foto klik lanjutkan untuk ke langkah berikutnya (Gambar 2.49). 43
  • 59. Gambar 2.49 Langkah ke-2 (Sumber: dokumen pribadi)  Pada langkah dua diatas merupakan informasi apakah Anda ingin mengundang teman Anda untuk bergabung dengan halaman Anda sekarang atau tidak dan apakah Anda ingin membagikan halaman ini di dinding facebook Anda atau tidak. Jika tidak Anda juga langsung bisa klik lanjutkan untuk ke langkah berikutnya.  Berikutnya Anda akan dibawa ke langkah terakhir (Gambar 2.50). Gambar 2.50 Langkah ke-3 (Sumber: dokumen pribadi) Situs web: Masukkan URL blog Anda. Tentang: Berikan Informasimengenai halaman fans page facebook Anda.  Jika semua sudah Anda isi klik lanjutkan, bila berhasil Anda akan langsung di bawa ke halaman fans page facebook Anda (Gambar 2.51). Gambar 2.51 Halaman fans fecebook 44
  • 60. (Sumber: dokumen pribadi)  Untuk melakukan pengaturan lebih lanjut pada halaman fans page facebook Anda silahkan klik tombol sunting halaman yang ada di pojok atas sebelah kanan halaman fans page facebook Anda.  Selesai 2. Setelah halaman fans facebook Anda selesai, ambillah kode like box facebook. Caranya yaitu:  Sign in dulu ke akun facebook Anda.  Kemudian kunjungi http://developers.facebook.com/docs/plugins/  Anda akan menjumpai halaman di bawah ini.  Anda akan menjumpai halaman berikut (Gambar2.52), kemudian klik like box Gambar 2.52 Langkah mengkliklikebox (Sumber: dokumen pribadi)  Berikutnya akan muncul pengaturan untuk widget like box (Gambar 2.53), dan klik get code. 45
  • 61. Gambar 2.53 Formulir pendaftaran (Sumber: dokumen pribadi)  Kemudian copy semua kode yang diberikan (Gambar 2.54). Gambar 2.54 Data yang harus di-copy (Sumber: dokumen pribadi) 46
  • 62. Sekarang Anda sudah mendapatkan kode untuk menampilkan widget like box di blog Anda. Selanjutnya adalah log in ke blog Anda. 3. Selanjutnya Anda masuk ke blog Anda. 4. Pada tampilan dashbor blog Anda pilih tata letak atau layout. 5. Pilih tata letak seperti (Gambar 2.55) berikut: Gambar 2.55 Menuju tata letak (Sumber: dokumen pribadi) 6. Klik tambah gadget/widget seperti (Gambar 2.56) berikut: 47
  • 63. Gambar 2.56 Tambah gadget (Sumber: dokumen pribadi)  Pilih HTML/Java script seperti (Gambar 2.57) berikut: Gambar 2.57 Menuju HTML/javaScript (Sumber: dokumen pribadi) 7. Paste-kan kode like box FB yang sudah Anda copy tadi ke box HTML/Java script (Gambar 2.58). 48
  • 64. Gambar 2.58 Halaman konfigurasi (Sumber: dokumen pribadi) 8. Terakhir klik simpan. 9. Selesai dan berdoa. 2.6 Efek-efek extra untuk blog Banyak hal yang disediakan pada blog, namun di sini blog menyediakan elemen-elemen kecil yang bisa membuat blog menjadi menarik dan enak untuk dilihat para pengunjung blog Anda. Misalnya bisa membuat kursor di ikuti teks, membuat efek hujan salju dan banyak lagi yang lainnya. Berikut ini adalah beberapa efek yang dapat diberikan pada blog Anda: 2.6.1.Efek Ringan 1. Efek salju berjatuhan <script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script> 2. Efek hati bertaburan <script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script> 3. Efek bintang bertaburan 49
  • 65. <script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script> 4. Efek kembang api <script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script> 5. Efek gelembung <script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script> 6. Efek kupu -kupu terbang <script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu- kupu1.js"></script> Cara pemasangan: 1. Klik rancangan --> Edit html 2. Letakkan script efek di atas kode </body> 3. Klik save 2.6.2. Efek menengah–berat 1. Meteor jatuh <script language="javascript"> nd_mode="meteor"; nd_control="on"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 2. Banjir <script language="javascript"> nd_mode="flood"; nd_vAlign="bottom"; 50
  • 66. nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 3. Bunga mekar <script language="javascript"> nd_mode="flowers"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 4. Bom atom <script language="javascript"> nd_mode="bomb"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 5. Ufo 51
  • 67. <script language="javascript"> nd_mode="ufo"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 6. Graffity <script language="javascript"> nd_mode="graff"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 7. Shaver <script language="javascript"> nd_mode="shaver"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a 52
  • 68. href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 8. Gun <script language="javascript"> nd_mode="gun"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 9. Bloody gun <script language="javascript"> nd_mode="blood"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 10. Paint ball <script language="javascript"> nd_mode="paint"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> 53
  • 69. <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 11. Chainsaw <script language="javascript"> nd_mode="chainsaw"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 12. Dinosaurus <script language="javascript"> nd_mode="dino"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 13. Lebah <script language="javascript"> nd_mode="wasp"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; 54
  • 70. nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 14. Lalat <script language="javascript"> nd_mode="fly"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 15. Semut <script language="javascript"> nd_mode="ants"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 16. Siput 55
  • 71. <script language="javascript"> nd_mode="snail"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 17. Cacing <script language="javascript"> nd_mode="worms"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 18. Mold <script language="javascript"> nd_mode="mold"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> 56