PENGANTAR SISTEM        INFORMASIFAKULTAS PERIKANAN DAN ILMU KELAUTAN           UNIVERSITAS RIAU              PEKANBARU
KATA PENGANTAR    Puji syukur kami panjatkan kehadirat Allah SWT yang telah memberikan rahmat sertakarunia-Nya kepada kami...
UCAPAN TERIMA KASIH     Alhamdulillahirabbil’aalamin, segala puja dan puji syukur penulis panjatkan kepada AllahYang Maha ...
manfaat kepada pembaca. Secara khusus, penulis berharap semoga buku ini dapat menginspirasigenerasi bangsa ini agar menjad...
DAFTAR ISIKata pengantar ............................................................................. iUcapan terimakasih...
2.3 wordpress ...............................................................................................................
3.2.2 sejarah komputer.......................................................................................................
Bab 4. HTML, PHP, DAN MySQL4.1 html .........................................................................................
4.2.1 apa itu php? ..........................................................................................................
DAFTAR GAMBARGambar 1.1 Bagaimana sistem informasi pada saat sekarang ................................................... ...
Gambar 2.21 Langkah selanjutnya dalam pendaftaran ............................................................. 23Gambar 2...
Gambar 2.43 Langkah selanjutnya dalam proses mengupload tempelates ............................. 36Gambar 2.44 Halaman pen...
Gambar 3.65 Penampakan komputer MARK I ............................................................................ 68Gamb...
Gambar 3.87 Modem eksternal .................................................................................................
DAFTAR TABELTabel 4.1 Font style ............................................................................................
BAB 1                                                                   PENDAHULUAN1.1 Apa itu sistem informasi   Terdapat...
Turban, McLean, dan Wetherbe (1999) mendefinisikan bahwa sistem informasi adalah    sebuah sistem informasi yang mempunyai...
1.2 Mengapa sistem informasi itu penting    Sebuah pertanyaaan mendasar untuk membahas tentang tema sistem informasi “meng...
1.3 Beda sistem informasi dengan teknologi informasi  Untuk menjawab sebuah wacana di atas jelas sangat perlu kita harus m...
Definisi 3 (tiga): sistem informasi adalah proses yang menjalankan fungsi        mengumpulkan, memproses, menyimpan, menga...
1.4 Penerapan sistem informasi  Dalam dunia yang sungguh modern ini semua orang dituntut untuk bisa menguasai sistem  info...
sejarah perkembangan sistem informasi dimulai dari sini. Tanpa langkah yang dilakukan olehmanusia kuno ini, tidak akan ada...
Agency NETwork) yang mana ini adalah cikal bakal dari Internet yang anda gunakan sekarang   ini. Pada saat itu ARPANET han...
Di mana jika kita ibaratkan orang hanya perlu untuk menghidupkan komputer dan mencariinformasi yang dia inginkan dan dia d...
Gambar1.4 Orang bisa mengakses dari mana saja informasi tersebut                                (sumber: http://laluharry....
Ratih Amanda.”Cara Mudah Membuat Tempelate Blogger”,Penerbit PT. Elek Media      Komputindo, Jakarta, 2012.Supardi Yuniar....
BAB 2                                                                                      BLOG2.1 BLOG                   ...
Ciri-ciri:      Berikut adalah ciri-ciri blog secara umum.      1. memiliki nama dan alamat yang bisa diakses secara onlin...
2.1.2 Manfaat blog      Di zaman sekarang ini manusia sudah dituntut untuk terus menghasilkan sesuatu dan      mencari ses...
4. Tidak perlu khawatir tentang memperbarui platform blog.    5. Kemudahan dalam mendesain template blog.    6. Jangan kha...
Gambar 2.10 Formulir pendaftaran                                (Sumber: dokumen pribadi)4.   Jika sudah selesai dalam pen...
5.   Sampai muncul halaman seperti (Gambar 2.12) berikut:                          Gambar2.12 Halaman identitas blog      ...
Gambar 2.13 Hasil dari pembuatan identitas blog                                   (Sumber: dokumen pribadi)         10.   ...
Gambar 2.14 Cara untuk melihat blog                                  (Sumber: dokumen pribadi)11.   Jika ingin menambahkan...
Gambar 2.16 Hasil blog yang telah dibuat                                 (Sumber: dokumen pribadi)13.   Selanjutnya buatla...
2.3 Wordpress                                      Gambar 2.17 Wordpress                (Sumber: http://techpp.com/2012/08...
2.3.1 Kelebihan Wordpress   1. Template system. Template system memudahkan kita dalam merubah tampilan blog       dalam be...
14. Comment support. Kita bisa berinteraksi langsung dengan pengunjung. Mereka bisa       memberikan komentar di tiap arti...
2.   Klik tulisan memulai, untuk mengawali pembuatan blog di wordpress (Gambar 2.19).                Gambar 2.19 Cara memu...
Gambar 2.20 Formulir pendaftaran                                 (Sumber: dokumen pribadi)4.   Gulung ke bawah dan klik cr...
Gambar 2.21 Langkah selanjutnya dalam pendaftaran                                 (Sumber: dokumen pribadi)5.   Selanjutny...
Gambar 2.23 Regristrasi di email                                  (Sumber: dokumen pribadi)7.   Akhirnya blog Anda selesai...
Gambar 2.24 Ucapan selamat bahwa anda telah berhasil membuat blog                                               (Sumber: d...
1.   Gratis.     2.   Mudah digunakan.     3.   Dalam segi pendaftaran gampang.     4.   Karna sifatnya anak cabang dari d...
Gambar 2.27 Formulir pendaftaran                              (Sumber: dokumen pribadi)3.   Setelah Anda mengisi formulir ...
Gambar 2.28 Langkah berikutnya dalam pendaftaran                                  (Sumber: dokumen pribadi)4.   Buat judul...
5.   Laluakan mendapatkan kalimat dari blogdetik (Gambar     2.30).                          Gambar 2.30 Ucapan selamat da...
1.   Di jendela dashbor Anda, klik link text (tulisan) rancangan, tambah gadget (Gambar     2.32).                        ...
Gambar 2.34 Halaman konfigurasi di HTML/javaScript                                  (Sumber: dokumen pribadi)# ganti tulis...
Gambar 2.35 Hasil ahir dari penambahan item YM.                                       (Sumber: dokumen pribadi)2.5.2 Widge...
Gambar 2.36 Halaman awal abowman.com                                 (Sumber: dokumen pribadi)3.   Copy datanya dan masukk...
2.5.3. Men-download template blog untuk Blogspot   Template blog atau website adalah desain-desain halaman blog ataupun we...
2. Pilih salah satu template yang ingin di-download kemudian klik download (Gambar 2.39).                 Gambar 2.39 Pili...
2.5.4. Meng-Upload template ke blogspot   Meng-upload template bertujuan untuk mengganti template atau tema suatu blog den...
Gambar 2.42 Langkah mengklik cadangkan                                  (Sumber: dokumen pribadi)3. klik Cadangkan/pulihka...
Gambar 2.44 Halaman pengunggahan templates                                     (Sumber: dokumen pribadi)   5. Klik Browse,...
orang yang like fans page Anda tandanya semakin baik juga populer blog Anda. Namunmasih banyak widget lainnya yang dapat m...
Anda akan di bawa ke langkah 1 (Gambar 2.48).                         Gambar 2.48 Halaman pengunggahan                    ...
Gambar 2.49 Langkah ke-2                                   (Sumber: dokumen pribadi)     Pada langkah dua diatas merupaka...
(Sumber: dokumen pribadi)     Untuk melakukan pengaturan lebih lanjut pada halaman fans page facebook Anda      silahkan ...
Gambar 2.53 Formulir pendaftaran                               (Sumber: dokumen pribadi)   Kemudian copy semua kode yang ...
Sekarang Anda sudah mendapatkan kode untuk menampilkan widget like box di blog Anda.Selanjutnya adalah log in ke blog Anda...
Gambar 2.56 Tambah gadget                                  (Sumber: dokumen pribadi)    Pilih HTML/Java script seperti (G...
Gambar 2.58 Halaman konfigurasi                                        (Sumber: dokumen pribadi)   8.    Terakhir klik sim...
<script src=http://tateluproject.googlecode.com/files/bintang.jstype=text/javascript></script>4. Efek kembang api<script s...
nd_hAlign="right";nd_vMargin="10";nd_hMargin="10";nd_target="_blank";</script><script language="javascript"src="http://tat...
<script language="javascript">nd_mode="ufo";nd_sound="on";nd_vAlign="bottom";nd_hAlign="right";nd_vMargin="10";nd_hMargin=...
href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html"target="_blank">Efek Blog</a></cent...
<script language="javascript"src="http://tateluproject.googlecode.com/files/efek.js"></script><div style="position: fixed;...
nd_hMargin="10";nd_target="_blank";</script><script language="javascript"src="http://tateluproject.googlecode.com/files/ef...
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
Pengantar sistem informasi
Upcoming SlideShare
Loading in...5
×

Pengantar sistem informasi

1,571

Published on

terima kasih sebesar-besar kami ucapkan kepada dosen pembimbing mata kuliah Pengantar Sistem Informasi yaitu Ronald Mangasi Hutauruk, S.T, M.T, karena bimbingan Beliau lah kami dapat menyelesaikan buku ini.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,571
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
234
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pengantar sistem informasi

  1. 1. PENGANTAR SISTEM INFORMASIFAKULTAS PERIKANAN DAN ILMU KELAUTAN UNIVERSITAS RIAU PEKANBARU
  2. 2. KATA PENGANTAR Puji syukur kami panjatkan kehadirat Allah SWT yang telah memberikan rahmat sertakarunia-Nya kepada kami sehingga kami berhasil menyelesaikan sebuah karya dalam bentukbuku yang alhamdulillah tepat pada waktunya yang berjudul “pengantar sistem informasi” Tidak dapat dipungkiri bahwa informasi sangat dibutuhkan dalam setiap perkembanganIPTEK. Dengan sistem informasi, setiap orang dapat memulai sebuah karya baru yang tent unyamemacu kepada teknologi. Dengan semakin banyak dan beragamnya terobosan- terobosanteknologi yang ada saat ini, menuntut siapa saja untuk dapat memahami keunggulan dankekurangan dari tiap-tiap terobosan produk informasi saat ini di antaranya internet. Agar dapatmemenuhi kebutuhan yang ada, sehingga mempermudah keberlangsungan hidup manusia. Oleh karena itu diciptakanlah buku ini, yang membahas tentang tentang apa itu sisteminformasi, perkembangannya, serta penerapannya dalam kehidupan sehari- hari. Di dalam bukuini juga menyajikan tentang bahasa SQL. Sehingga dapat membantu pembaca dalammengadministrasi database, seperti seperti yang terkenal saat ini adalah database Oracle XE.Dalam buku ini juga menyajikan tentang PHP, Blog, wordpress dan berbagai macam widget yangdapat membantu pembaca dalam mengarungi dunia maya. Dengan diterbitkannya buku ini semoga dapat menambah wawasan pembaca mengenaisistem informasi dan bermanfaat untuk ikut mencerdaskan bangsa Indonesia. Pekanbaru, 23 Desember 2012 TIM PENULIS i
  3. 3. UCAPAN TERIMA KASIH Alhamdulillahirabbil’aalamin, segala puja dan puji syukur penulis panjatkan kepada AllahYang Maha Pengasih lagi Maha Penyayang. Tanpa karunia-Nya, mustahillah penulisan buku initerselesaikan tepat waktu mengingat tugas dan kewajiban lain yang bersamaan hadir. Penulisbenar-benar merasa tertantang untuk merealisasikan penulisan buku ini sebagai bagian untukmempertahankan slogan pribadi banyak memberi banyak menerima. Terima kasih kepada seluruh keluarga tercinta, terutama para Ibu dan Bapak kami yangmengajari kami membaca, menyediakan buku-buku bacaan sejak kami masih duduk di bangkusekolah dasar dan membuat kami menyukai buku-buku. Membuat kami berpikir, kelak namakami harus tertera di sampul sebuah buku. Terima kasih kepada seorang figur yang tiada henti memberikan masukan guna terciptanyabuku ini yaitu seorang Dosen Pengantar Sistem Informasi Fakultas Perikanan Dan Ilmu KelautanUniversitas Riau Ronald Mangasi Hutauruk, S.T, M.T, yang memberikan kami kesempatan untukmenciptakan sebuah karya dalam bentuk buku berisikan Sistem Informasi. Kepada Tim Penulis, Riswanda Imawan, Lukman, M. Isnainy Ramadhan, Yulinda SuasehNasution, Wiga Yulia Utami dan Kartini Kazid, untuk diskusi-diskusi dunia kepenulisan yangmencerahkan dan penuh inspirasi dan kerja sama yang baik keseluruhannya. Semua bentuk kemudahan yang telah diberikan benar-benar bermanfaat bagi penulis untukbelajar menjadi pribadi yang lebih baik. Selain itu, penulis juga menyampaikan rasa terima kasihkepada segenap pengelola Program Studi Sosial Ekonomi Perikanan (S1) FAPERIKA UniversitasRiau (UR) Pekanbaru untuk semua bantuan, motivasi, dan saran-sarannya. Meskipun telah berusaha untuk menghindarkan kesalahan, penulis menyadari juga bahwabuku ini masih mempunyai kelemahan sebagai kekurangannya. Karena itu, penulis berharap agarpembaca berkenan menyampaikan kritikan. Dengan segala pengharapan dan keterbukaan,penulis menyampaikan rasa terima kasih dengan setulus-tulusnya. Kritik merupakan perhatianagar dapat menuju kesempurnaan. Akhir kata, penulis berharap agar buku ini dapat membawa ii
  4. 4. manfaat kepada pembaca. Secara khusus, penulis berharap semoga buku ini dapat menginspirasigenerasi bangsa ini agar menjadi generasi yang tanggap dan tangguh. Jadilah generasi yangbermartabat, kreatif, dan mandiri. Pekanbaru, 23 Desember 2012 TIM PENULIS iii
  5. 5. DAFTAR ISIKata pengantar ............................................................................. iUcapan terimakasih ..................................................................... iiDaftar isi ..................................................................................... ivDaftar gambar ........................................................................... ixDaftar tabel ............................................................................... xivBab 1. Pendahuluan1.1 apa itu sistem informasi ........................................................................................................ 11.2 mengapa sistem informasi itu penting .................................................................................. 31.3 beda sistem infoirmasi dengan teknologi informasi ............................................................ 41.4 penerapan sistem informasi................................................................................................... 61.5 perkembangan sistem informasi ........................................................................................... 61.6 keadaan sitem informasi pada saat sekarang ....................................................................... 8Bab 2. Blog2.1 blog ........................................................................................................................................ 11 2.1.1 pengertian blog .......................................................................................................... 11 2.1.2 manfaat blog ............................................................................................................... 132.2 blogspot ................................................................................................................................. 13 2.2.1 kelebihanblogspot ...................................................................................................... 13 2.2.2 cara membuat blogspot ............................................................................................. 14 iv
  6. 6. 2.3 wordpress .............................................................................................................................. 19 2.3.1 kelebihan wordpress .................................................................................................. 20 2.3.2 cara membuat blog di wordpress ............................................................................. 212.4 blogdetik ................................................................................................................................ 26 2.4.1 keuntungan blogdetik ................................................................................................ 26 2.4.2 cara membuat blog di blogdetik ............................................................................... 262.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 .............. 372.6 efek-efek extra untuk blog ................................................................................................... 46 2.6.1 efek ringan .................................................................................................................. 46 2.6.2 efek menengah-berat................................................................................................. 47Bab 3. Pengantar internet dankomputer3.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 ................................................................................................................. 643.2 komputer ............................................................................................................................... 66 3.2.1 apa itu komputer? ......................................................................................................66 v
  7. 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 ..........................................753.2.3 bagian-bagian komputer ............................................................................................763.2.4 perangkat tambahan pada komputer .......................................................................823.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. 8. Bab 4. HTML, PHP, DAN MySQL4.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 .................................................................................................................1144.2 php .......................................................................................................................................116 vii
  9. 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 ..................................................................1214.3 mysql ....................................................................................................................................126 4.3.1 apa itu mysql? ...........................................................................................................126 4.3.2 keistimewaan msql ...................................................................................................126Referensi bab 1 .........................................................................................................................133Referensi bab 2 .........................................................................................................................134Referensi bab 3 .........................................................................................................................135Referensi bab 4 .........................................................................................................................136Biodata penulis viii
  10. 10. DAFTAR GAMBARGambar 1.1 Bagaimana sistem informasi pada saat sekarang ................................................... 1Gambar 1.2 Tidak selamanya sistem informasi melibatkan computer ...................................... 2Gambar 1.3 Betapa mudahnya sekarang system informasi dicapai........................................... 8Gambar 1.4 Orang bias mengakses dari mana saja informasi tersebut ..................................... 9Gambar 1.5 Betapa mudahnya mengakses informasi ................................................................. 9Gambar 1.6 Orang saling terhubung dalam jarinan informasi................................................... 10Gambar 2.7 Blog ............................................................................................................................ 11Gambar 2.8 Blogspot..................................................................................................................... 13Gambar 2.9 Halaman awal ........................................................................................................... 14Gambar 2.10 Formulir pendaftaran ............................................................................................. 15Gambar 2.11 Ciptakan blog .......................................................................................................... 15Gambar 2.12 Halaman identitas blog .......................................................................................... 16Gambar 2.13 Hasil dari pembuatan identitas blog ..................................................................... 16Gambar 2.14 Cara untuk melihat blog ......................................................................................... 17Gambar 2.15 Cara untuk menulis pada blog ............................................................................... 17Gambar 2.16 Hasil blog yang telah di buat.................................................................................. 18Gambar 2.17 Wordpress ............................................................................................................... 19Gambar 2.18 Halaman awal wordpress....................................................................................... 22Gambar 2.19 Cara memulai membuat blog di wordpress ......................................................... 22Gambar 2.20 Formulir pendaftaran ............................................................................................. 23 ix
  11. 11. Gambar 2.21 Langkah selanjutnya dalam pendaftaran ............................................................. 23Gambar 2.22 Perintah untuk regristrasi ke alamat email anda ................................................. 24Gambar 2.23 Regristrasi di email ................................................................................................. 24Gambar 2.24 Ucapan selamat bahwa anda telah berhasil membuat blog ............................... 25Gambar 2.25 Blogdetik ................................................................................................................. 26Gambar 2.26 Halaman awal blogdetik ........................................................................................ 26Gambar 2.27 Formulir pendaftaran ............................................................................................. 27Gambar 2.28 Langkah berikutnya dalam pendaftaran ............................................................... 27Gambar 2.29 Pembuatan identitas blog di blogdetik ................................................................. 28Gambar 2.30 Ucapan selamat dan konfirmasi ke email ............................................................. 28Gambar 2.31 Konfirmasi di email................................................................................................. 29Gambar 2.32 Tambah gadget ....................................................................................................... 29Gambar 2.33 Menuju HTML/ javascirp........................................................................................ 30Gambar 2.34 Halaman konfigurasi di HTML/javascript.............................................................. 30Gambar 2.35 Hasil ahir dari penambahan item YM ................................................................... 31Gambar 2.36 Halaman awal abowman.com ............................................................................... 31Gambar 2.37 Data yang harus dicopy .......................................................................................... 32Gambar 2.38 Halaman awal blogger tempelates ....................................................................... 33Gambar 2.39 Pilih salas satu tempelates yang anda inginkan ................................................... 33Gambar 2.40 Mendwonload tempelates .................................................................................... 34Gambar 2.41 Halaman rancangan ............................................................................................... 35Gambar 2.42 Langkah mengklik cadangkan ................................................................................ 36 x
  12. 12. Gambar 2.43 Langkah selanjutnya dalam proses mengupload tempelates ............................. 36Gambar 2.44 Halaman pengunggahan tempelates .................................................................... 37Gambar 2.45 Data yang akan di unggah ...................................................................................... 37Gambar 2.46 Halaman awal ......................................................................................................... 38Gambar 2.47 Masukan informasi ................................................................................................. 39Gambar 2.48 Halaman pengunggahan ........................................................................................ 39Gambar 2.49 Langkah ke-2 ........................................................................................................... 40Gambar 2.50 Langkah ke-3 ........................................................................................................... 40Gambar 2.51 Halaman fans fecebook.......................................................................................... 41Gambar 2.52 Lankah mengklik like box ....................................................................................... 42Gambar 2.53 Formulir pendaftaran ............................................................................................. 42Gambar 2.54 Data yang haru dicopy ........................................................................................... 43Gambar 2.55 Menuju tata letak ................................................................................................... 43Gambar 2.56 Tambah gadget ....................................................................................................... 44Gambar 2.57 HTML/javascript ..................................................................................................... 44Gambar 2.58 Halaman konfigurasi............................................................................................... 45Gambar 3.59 Client-server............................................................................................................ 60Gambar 3.60 Topologi bus............................................................................................................ 61Gambar 3.61 Topologi bintang ................................................................................................... 62Gambar 3.62 Topologi cincin ....................................................................................................... 62Gambar 3.63 Zuse Z3 Machine 1936 ........................................................................................... 67Gambar 3.64 Colossus komputer ................................................................................................. 68 xi
  13. 13. Gambar 3.65 Penampakan komputer MARK I ............................................................................ 68Gambar 3.66 Komputer eniac ...................................................................................................... 69Gambar 3.67 Komputer EDVAC.................................................................................................... 69Gambar 3.68 Komputer Univac .................................................................................................... 70Gambar 3.69 Komputer IBM Stretch ........................................................................................... 71Gambar 3.70 Komputer LARC....................................................................................................... 71Gambar 3.71 Jack kilby dikelilingi komputer generasi ke 3 ....................................................... 72Gambar 3.72 Chip intel 4004 ........................................................................................................ 73Gambar 3.73 Atari-2600 ............................................................................................................... 74Gambar 3.74 Komputer IBM tahun 1981 .................................................................................... 74Gambar 3.75 Machintos generasi pertama................................................................................. 75Gambar 3.76 Ilustrasi .................................................................................................................... 75Gambar 3.77 VGA CARD ............................................................................................................... 76Gambar 3.78 Casing ...................................................................................................................... 77Gambar 3.79 Power supply .......................................................................................................... 78Gambar 3.80 Processor................................................................................................................. 79Gambar 3.81 Motherboard .......................................................................................................... 79Gambar 3.82 Mouse ..................................................................................................................... 80Gambar 3.83 Keyboard ................................................................................................................. 80Gambar 3.84 Monitor ................................................................................................................... 80Gambar 3.85 RAM ......................................................................................................................... 81Gambar 3.86 Hardisk .................................................................................................................... 82 xii
  14. 14. Gambar 3.87 Modem eksternal ................................................................................................... 83Gambar 3.88 Network card .......................................................................................................... 84Gambar 3.89 Usb flasdisk ............................................................................................................. 86Gambar 3.90 Firewire card ........................................................................................................... 88Gambar 4.91 Laman web mysql .................................................................................................. 117Gambar 4.92 Kotak dialog untuk menentukan lokasi mysql..................................................... 118Gambar 4.93 Pemilihan jenis pemasangan yang dikehendaki .................................................. 119Gambar 4.94 Pemasangan mysql telah selesai .......................................................................... 120Gambar 4.95 Hasil olah tabel ...................................................................................................... 124Gambar 4.96 Php myadmin ......................................................................................................... 132 xiii
  15. 15. DAFTAR TABELTabel 4.1 Font style ................................................................................................................. 107Tabel 4.2 Kombinasi warna .................................................................................................... 108Tabel 4.3 Tabulasi.................................................................................................................... 112Tabel 4.4 Atribut...................................................................................................................... 113Tabel 4.5 Atribut 2 .................................................................................................................. 113Tabel 4.6 Beberapa prperintah SQL ....................................................................................... 127Tabel 4.7 DML .......................................................................................................................... 128Tabel 4.8 Tabel tipe data numerik di MySql .......................................................................... 129Tabel 4.9 Tipe data string di MySql ........................................................................................ 130Tabel 4.10 Tipe data date time di MySql ............................................................................... 131 xiv
  16. 16. BAB 1 PENDAHULUAN1.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. 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. 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. 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. 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. 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. 22. sejarah perkembangan sistem informasi dimulai dari sini. Tanpa langkah yang dilakukan olehmanusia kuno ini, tidak akan ada perangkat teknologi canggih seperti komputer dan telepon .Ada empat tahapan yang dilalui dalam perkembangan komunikasi dan informasi, diantaranya dapat kami jabarkan dibawah ini.1. Periode pertama: pra mekanikPada periode ini, komunikasi menggunakan simbol untuk menyampaikan informasi. Padatahun 3000-2000 sebelum masehi, manusia menggunakan gambar juga untukmenyampaikan pesan. Contohnya adalah bangsa fenisia yang mendiami timur tengah (saatini lebanon) menciptakan model yang sama. Bangsa yunani kuno mengadaptasi simbol milikbangsa fenisia dengan menambahkan huruf vokal yang membuatnya mudah digunakan.Bangsa romawi kuno kemudian memakainya juga, yang mana saat ini menjadi alfabet yangkita kenal dan gunakan saat ini. Pembuatan buku dari papirus yang dilekatkan dimulai padatahun 600 sebelum masehi. Pada awalnya hanya pemuka agama dan pemimpin yangmemiliki 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: mekanikMasa ini termasuk dalam masa abad pertengahan. Di mana orang sudah menggunakanperalatan untuk menyimpan, mengolah dan merekam informasi. Salah satu penemuanterpenting dalam masa ini adalah mesin cetak gutenburg dari Jerman. Penyampaianinformasi menjadi lebih mudah di karenakan mesin cetak dapat memproduksi tulisan yangsama dalam jumlah besar. Pada tahun 1600, komputer atau mesin hitung pertama kalidiciptakan oleh Blaise pascal. Komputer ini disebut sebagai pascale line dan dianggap sebagaititik awal mesin menggantikan otak manusia dalam menghitung data.3.Periode ketiga: elektromekanikPada masa ini, penggunaan listrik untuk memberikan energi untuk menjalankan penemuanmesin sesudah pascale line terus ditemukan. Pada periode ini pula diciptakan telepon dankode morse untuk digunakan dalam komunikasi jarak jauh secara langsung. Kemudiandiperkenalkan komputer pertama yang digunakan untuk menyimpan program dan data padaawal 1948. Komputer tersebut adalah dubbedmanchester mark1. Komputer ini adalah awalpenemuan teknologi selanjutnya yang sekarang menjadi komputer, laptop, tablet dansmartphone.4. Periode keempat: elektronikJean Hoerni mengembangkan transistor planar pada tahun 1957. Alat ini dapatmengintegrasikan semua sirkuit yang diciptakan tahun-tahun selanjutnya. Pada tahun 1960,Departemen Pertahanan Amerika Serikat mendirikan ARPANET (Advanced Research Project 7
  23. 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. 24. Di mana jika kita ibaratkan orang hanya perlu untuk menghidupkan komputer dan mencariinformasi yang dia inginkan dan dia dapat menemukan informasi dari seluk benuaterkecilpun dengan hanya menggoyangkan tangannya di atas keyword dan menunggusebentar dan informasi itu datang padanya dengan landasan jaringan internet.Dan juga pada saat sekarang sungguh sistem informasi telah ada pada seluk beluk kehidupankita dari yang mulai seluk beluk terkecil sampai ukuran yang besar. Manusia sudahmenggunakan sistem informasi pada sistem kerjanya yang bila dicontohkan pada sisteminformasi pada rumah sakit yang bisa kita update dengan hanya mengetik keyword dan kitabisa mendapatkan data rumah sakit. Bahkan pada saat sekarang kita bisa mendapatkan tiketpesawat terbang hanya dengan memesan di-intenet dan kita hanya membayar denganrekening tabungan kita dan santai untuk penerbangan kita tanpa harus pergi ke loket tiketpesawat terbang dan menunggu antrian untuk membelinya. Bahkan pada saat sekarangorang bisa membeli tiket untuk jangka waktu kedepan maka dia tidak perlu lagi pusing untukmembeli tiket pada hari keberangkatannya dan ini, merupakan keadaan yang sungguh majupada zaman sekarang.Dan juga pada saat sekarang kita kita bisa melihat sistem informasi tersebut berlalu padasektor-sektor seperti kesehatan, politik, ekonomi, sosial, pendidikan, agama, dan lainnya.Maka untuk zaman sekarang tidak ada lagi istilah orang yang beranggapan tidak mengatahuikeadaan dan ilmu terbaru karna bisa dikatakan sistem informasi berada didekat kita danhanya orang pemalas yang beranggapan sistem informasi itu jauh dari kehidupan manusia.Dan untuk membahas apa saja contoh dari perkembangan sistem informasi tersebut tidakcukup sekian halaman bahkan akan membuat pokok bahasan yang menjadi ribuan lembardan bahkan bisa menjadi jutaan lembar. Itu mungkin saja terjadi jika kita melihat apa sajasistem informasi yang ada pada lingkungan kita dan lingkungan lainnya (Gambar 1.4). 9
  25. 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. 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.htmlhttp://www.gilangfirmansyah.blogspot.com/2008/09/perbedaan-sistem-informasi-dan.htmlhttp://www.laluharry.blogspot.com/2012/07/a.htmhttp://www.nur-arianto.blogspot.com/2009/10/perkembangan-sistem-informasi-di.htmlhttp://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. 27. BAB 2 BLOG2.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. 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. 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. 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. 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. 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. 33. Gambar 2.13 Hasil dari pembuatan identitas blog (Sumber: dokumen pribadi) 10. Jika ingin melihat blog Anda silahkan klik tulisan lihat blog (Gambar2.14). 18
  34. 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. 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. 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. 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. 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. 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. 40. Gambar 2.20 Formulir pendaftaran (Sumber: dokumen pribadi)4. Gulung ke bawah dan klik create blog (Gambar 2.21). 25
  41. 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. 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. 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. 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. 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. 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. 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 tambahan2.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. 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. 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 163. Akan menjadi seperti (Gambar 2.35). 34
  50. 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. 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. 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. 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. 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. 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. 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. 57. orang yang like fans page Anda tandanya semakin baik juga populer blog Anda. Namunmasih banyak widget lainnya yang dapat menunjukkan kepopuleran sebuah blog.Adapun langkah-langkah untuk membuat like box facebook melayang pada blog adalahsebagai 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. 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. 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. 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. Selesai2. 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. 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. 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. 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. 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. 65. <script src=http://tateluproject.googlecode.com/files/bintang.jstype=text/javascript></script>4. Efek kembang api<script src=http://tateluproject.googlecode.com/files/kembangapi.jstype=text/javascript></script>5. Efek gelembung<script src=http://tateluproject.googlecode.com/files/efek-gelembung.jstype=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 html2. Letakkan script efek di atas kode </body>3. Klik save2.6.2. Efek menengah–berat1. 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><ahref="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. 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><ahref="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><ahref="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><ahref="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html"target="_blank">Efek Blog</a></center></small></div>5. Ufo 51
  67. 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><ahref="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><ahref="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. 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><ahref="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><ahref="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. 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><ahref="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><ahref="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><ahref="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. 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><ahref="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><ahref="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><ahref="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html"target="_blank">Efek Blog</a></center></small></div>16. Siput 55

×