Sistem Sistem Informasi Memperbaki Komputer Berbasis Web Menggunakan HTML, PHP Dan MySQL

(1)

SISTEM INFORMASI MEMPERBAKI KOMPUTER BERBASIS

WEB MENGGUNAKAN HTML, PHP DAN MYSQL

TUGAS AKHIR

JULITA SINAGA

102406200

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

(2)

SISTEM INFORMASI MEMPERBAKI KOMPUTER BERBASIS

WEB MENGGUNAKAN HTML, PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

JULITA SINAGA

102406200

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI MEMPERBAIKI

KOMPUTER BERBASIS WEB

MENGGUNAKAN HTML, PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : JULITA SINAGA

Nomor Induk Mahasiswa : 102406200

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2013

Diketahui / Disetujui oleh

Ketua Departemen

Matematika FMIPA USU Pembimbing,

Prof. DR. Tulus, Vordipl.Math.,M.Si., Ph.D Drs. Partano Siagian, M.Sc NIP. 19620901 198803 1 002 NIP:195112271980031001

(4)

PERNYATAAN

SISTEM INFORMASI MEMPERBAKI KOMPUTER BERBASIS WEB MENGGUNAKAN HTML, PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2013

JULITA SINAGA NIM. 102406200

(5)

PENGHARGAAN

Puji dan syukur penulispanjatkan kepada Tuhan Yang Maha Esa, yang telah melimpahkankarunia-Nya kepada penulis dalam mengerjakan tugas akhir dengan judul “Sistem Sistem Informasi Memperbaki Komputer Berbasis Web Menggunakan HTML, PHP Dan MySQL”. Penyusunan dan penulisan tugas akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan D-III Teknik Informatika di FMIPA USU Medan. Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akan terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis menyampaikan terima kasih kepada:

1. Bapak Prof.Dr.Tulus,VordipL.Math.,M.Si.,Ph.D, selaku Ketua DepartemenMatematika FMIPA USU .

2. Bapak Dr.Sutarman, M.Sc, selaku Dekan FMIPA USU.

3. Bapak Syahriol Sitorus S.Si, M.IT, selaku Ketua JurusanProgram Studi D-III Teknik Informatika

4. Bapak Partano Siagian selaku Pembimbing Tugas Akhir yang telah memberikan bimbingan dan arahan kepada penulis dalam menyelesaikan tugas akhir ini.

5. Seluruh Dosen pengajar Program Studi D-III Teknik Informatika FMIPAUniversitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepadapenulis selama masa perkuliahan.

(6)

6. Ayahanda Jalaut Sinaga dan Ibunda tercinta Elpina Sianturi yang senantiasa berdoa, memotifasi dan mendukung penulis dalam menyelesaikan Tugas Akhir ini.

7. Kepada kakak, abang dan adek ku Merlyn Sinaga, Sabam Sinaga, Manat Sinaga, Eben Ezer Sinaga dan Valentin Sinaga serta seluruh keluarga yang telah mendukung penulis dalam menyelesaikan tugas akhir ini.

8. Rekan-rekan mahasiswa KOM D stambuk 2010. Khususnya teman terbaikku Kiky Yohana, Febrisia Swastika, Ribka Agustina yang senantiasa saling memotifasi mengerjakan Tugas akhir ini

9. Teman-teman di PS.CONSOLATIO, khususnya buat Debora, Winda, Susan, Lidia, Jesika dan Angel yang selalu mengingatkan dan mendukung penulis.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih banyak kekurangan karena keterbatasan kemampuan yang penulis miliki, untuk itu penulis mengharapkan kritik dan saran yang bersifat membangun demi kesempurnaan tugas akhir ini. Akhir kata penulis memohon maaf atas segala kekurangan yang terdapat dalam penulisan tugas akhir ini dan sekali lagi penulis berharap semoga tugas akhir ini dapat memberikan manfaat bagi penulis dan pembaca.

Medan, Juni 2012

(7)

ABSTRAK

Sebagaimana diketahui komputer telah digunakan di berbagai kalangan, seperti instansi pemerintahan, swasta, sekolah, dan bahkan di rumah-rumah tidak jarang lagi ditemukan komputer. Dalam penggunaan komputer, pengguna komputer akan bertemu pada titik dimana komputer mengalami kerusakan. Dan seperti yang diketahui banyak masysrakat awam yang tidak mengerti tentang cara memperbaiki komputer tersebut. Sehingga sering sekali pengguna komputer tersebut langsung menyerahkannya kepada pihak penyedia servis komputer, tanpa mencoba mencari tahu dari mana asal kerusakannya serta mencoba memperbaikinya sendiri. Oleh sebab itu, penulis mencoba membangun suatu sistem informasi memperbaiki komputer. Yang mana sistem ini dapat diakses melalui internet sehingga pemakai dari sistem ini akan lebih banyak atau lebih memiliki nilai guna bagi masyarakat banyak. Sistem informasi ini dikembangkan dengan menggunakan bahasa pemrograman HTML, perangkat lunak PHP, MySQL, Xampp dan web browser juga software pembantu lainnya seperti Dreamweaver CS3 dan Photoshop CS4. Sistem informasi ini bekerja untuk dapat menyajikan informasi serta mengolah informasi tersebut. Tujuan dari sistem informasi ini adalah untuk menyajikan dan menyebarkan informasi kepada user/pengguna dengan baik dan dapat meng-update isi dari informasi yang terdapat pada web tersebut dengan mudah pada waktu yang diinginkan.

(8)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Daftar Isi v

Daftar Tabel vii

Daftar Gambar viii

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang Masalah 1

1.2 Rumusan Masalah 3

1.3 Batasan Masalah 4

1.4 Tujuan Penelitian 4

1.5 Manfaat Penelitian 5

1.6 Metodologi Penelitian 5

1.7 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 8

2.1 Dasar Data, Informasi, Sistem Serta Sistem Informasi 8

2.1.1 Data 8

2.1.2 Informasi 9

2.1.3 Sistem 10

2.1.4 Sistem Informasi 11

2.2 Network 12

2.3 Word Wide Web(WWW) 13

2.4 Web Server 14

2.5 Web Browser 15

2.6 Konsep HTML 15

2.6.1 Pendahuluan HTML 15

2.6.2 Bagian-Bagian HTML 16

2.7 Konsep PHP 17

2.7.1 Sintax PHP 18

2.7.2 Variabel pada PHP 17

2.7.3 Kelebihan dan Kelemahan PHP 19

2.8 Konsep MySQL 20

2.9 Adobe Dreamweafer CS3 21

2.8 Pengertian dan Tujuan Implementasi Sistem 22

BAB 3 PERANCANGAN SISTEM 23

3.1 Perancangan Database 23

3.3 Perancangan Interface 28

3.4 Data Flow Diagram 30

(9)

BAB 4 IMPLEMENTASI SISTEM 34

4.1 Komponen Utama Dalam Implementasi Sistem 34

4.1.1 Hardware 34

4.1.2 Software 35

4.1.3 Brainware 35

4.2 Pengujian di Browser 36

BAB 5 KESIMPULAN DAN SARAN 41

5.1 Kesimpulan 41

5.2 Saran 42

DAFTAR PUSTAKA LAMPIRAN

Lampiran A : Surat Keterangan Uji Program Lampiran B : Kartu Bimbingan

(10)

DAFTAR TABEL

Halaman

3.1 Tabel Admin 24

3.2 Tabel Home 25

3.3 Tabel Harddisk 25

3.4 Tabel Memori 26

3.5 Tabel Periferal 26

3.6 Tabel Tips 27

(11)

DAFTAR GAMBAR

Halaman

3.1 Tampilan Awal phpMyAdmin 23

3.2 Tampilan Mengisi Tabel 24

3.3 Interface Halaman Utama Website 28

3.4 Interface Halaman Admin 29

3.5. Diagram Konteks Sistem Informasi Memperbaiki Komputer 30

3.6 Data Flow Diagram Level Nol 31

3.7 Diagram Alir Halaman Utama 32

3.8 Diagram Alir Halaman Admin 33

4.1 Halaman Utama (Home) 36

4.2 Halaman Contac 37

4.3 Halaman About Me (Tentang Penulis) 37

4.4 Halaman Motherboard 38

4.5 Halaman Login Admin 38

4.6 Halaman Awal Admin 39

4.7 Halaman Utama Admin 39

4.8 Halaman Tambah Data 40

(12)

ABSTRAK

(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang Masalah

Saat ini penggunaan teknologi informasi di Indonesia sudah berkembang maju. Kebutuhan masyarakat akan informasi yang cepat mendorong perkembangan teknologi informasi. Perkembangan teknologi informasi kini dapat menjangkau masyarakat luas tanpa mempersoalkan ruang, jarak dan waktu. Teknologi ini dikenal dengan Internet. Internet merupakan teknologi yang memungkinkan komputer yang satu dengan yang lainnya saling terhubung. Saat ini Internet sudah sangat dekat dengan masyarakat, bahkan dari berbagai lapisan masyarakat kini mengakses internet untuk berbagai kebutuhan seperti informasi, hiburan dan edukasi.

Mengingat perkembangan zaman yang kian pesat dengan tengnologi informasi dan komunikasi tak lain yang melatarbelakanginya adalah komputer dan telekomunikasi. Komputer berasal dari kata Computing yang artinya menghitung, kemudian berkembang menjadi Computer yang artinya alat hitung. Perkembangan ilmu pengetahuan membawa kita pada komputer modern yang kini

(14)

bertukar data. Jika dilihat dari jenis komputer tersebut, komputer dapat di bedakan menjadi beberapa jenis yakni pc (personal computer), notebook, sampai pada komputer tablet. Bahkan cara kerja komputer kini telah dapat di terapkan pada alat komunikasi sebagaimana yang disebut dengan smartphone.

Pada zaman modern seperti saat ini komputer tidak lagi dianggap sebagai barang mewah, namun komputer kini telah menjadi kebutuhan primer bagi banyak orang. Sebagaimana diketahui komputer telah digunakan di berbagai kalangan, seperti instansi pemerintahan, swasta, sekolah, dan bahkan di rumah-rumah tidak jarang lagi ditemukan komputer. Dalam penggunaan komputer, terkadang pengguna komputer bertemu pada titik dimana komputer mengalami kerusakan. Seperti yang diketahui banyak masysrakat awam yang tidak mengerti tentang cara memperbaiki komputer tersebut. Sehingga sering sekali kita langsung menyerahkannya kepada pihak jasa servis komputer, tanpa kita coba mencari tahu dari mana asal kerusakannya serta mencoba memperbaikinya sendiri.

Untuk mendukung upaya memperbaiki sendiri komputer, dalam tugas akhir ini penulis mencoba membuat topik Sistem Informasi Memperbaiki Komputer. Panduan-panduan memperbaiki komputer yang diberikan dalam situs ini akan disajikan secara menarik dan mudah dimengerti, karena akan disertai dengan gambar untuk memvisualisasikan proses perbaikan tersebut. Panduan-panduan yang dibahas dalam situs ini berupa troubelshoting, tips merawat komputer serta memperbaiki jaringan komputer.

(15)

Sistem informasi memperbaiki komputer ini tak hanya akan memaparkan tentang cara memperbaiki komputer, namun juga memberikan penjelasan cara instalasi program-program tertentu. Sehingga panduan dalam situs ini dapat lebih bermanfaat dalam memberikan informasi kepada pengunjung

Untuk memenuhi segala kebutuhan di atas, diperlukan adanya suatu aplikasi yang berbasis sistem informasi. Dalam hal ini, penulis menggunakan bahasa pemrograman HTML, PHP dan MySQL sebagai pengolah database dan web server serta aplikasi pendukung lainnya, seperti Adobe Dreamweaver CS3, Adobe Photoshop CS4 untuk mendesain tampilan web.

Dari uraian masalah tersebut, penulis berharap informasi yang diberikan disini dapat memberi manfaat untuk para pengunjung situs ini nantinya, sehingga kiranya dapat membantu menangani kerusakan tersebut dengan memberikan informasi yang cepat dan efisien. Sistem ini juga dapat dijadikan sebagai panduan untuk belajar koputer yang tepat dan menyenangkan karena sistem ini dapat diakses oleh siapun, dimanapun dan kapanpun.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah yang telah diuraikan di atas, maka yang menjadi rumusan masalah dalam penelitian ini adalah, bagaimana membuat suatu sistem informasi yang dapat mempermudah proses perbaikan komputer yang rusak

(16)

1.3 Batasan Masalah

Agar pembahasan dalam tugas akhir ini tidak menyimpang dari permasalahan maka penulis melakukan pembatasan-pembatasan seperti berikut ini:

1. Membuat sistem informasi Memperbaiki komputer menggunakan bahasa pemrograman web HTML dan PHP

2. Informasi yang disajikan dalam sistem ini berupa informasi tentang cara memperbaiki komputer jenis PC (personal computer) serta perangkat-perangkat didalamnya.

3. Sistem innformasi ini juga memuat beberapa tips menggunakan laptop dan beberapa tutorial penginstalan aplikasi komputer.

1.4 Tujuan Penelitian

Tujuan dari penilisan sistem informasi ini antara lain adalah :

1. Menyajikan suatu penyelesaian masalah sebagai media panduan memperbaiki komputer untuk masysrakat awam.

2. Memberikan kemudahan kepada pengunjung untuk mendapatkan panduan memperbaiki komputer tanpa harus meminta jasa servis komputer.

3. Mampu membuka wawasan para pengguna internet untuk dapat memanfaatkan sumber daya komputer yang ada.

(17)

1.5 Manfaat Penelitian

Manfaat yang diperoleh dalam penulisan Tugas Akhir ini adalah:

1. Menambah wawasan penulis tentang sistem informasi memperbaiki komputer.

2. Hasil penelitian ini juga dapat digunakan sebagai media informasi untuk memperbaiki komputer serta tips-tips merawat komputer tersebut.

3. Penelitian ini juga bermamfaat sebagai referensi bagi peneliti selanjutnya yang berkaitan perbaikan komputer.

1.6 Metodologi Penelitian

Metodologi penelitian yang digunakan penulis untuk menyelesaikan berbagai permasalahan yang terjadi diatas adalah :

1. Studi Kepustakaan

Pengumpulan data-data yang erat kaitannya dengan permasalahan yang terjadi diatas dengan cara membaca buku-buku, makalah dan mempelajari website atau situs-situs yang berhubungan dengan penelitian penulis. 2. Perancangan Sistem.

Pada tahap ini penulis melakukan pembuatan DFD, perancangan data, perancangan antarmuka, dan perancangan prosedural sistem. 3. Pengkodean.

(18)

Pada tahap ini sistem yang telah dirancang kemudian diimplementasikan kedalam bahasa pemrograman.

4. Pengujian.

Pada tahap ini dilakukan pengujian program dan mencari kesalahan pada program hingga program itu dapat berjalan seperti yang diharapkan.

5. Penyusunan laporan dan kesimpulan akhir.

Menyusun laporan hasil analisis dan perancangan ke dalam format penulisan tugas akhir dengan disertai kesimpulan akhir.

1.7 Sistematika Penulisan

BAB 1 : PENDAHULUAN

Bab ini berisikan latar belakang pemilihan judul, perumusan masalah, batasan masalah tujuan dan manfaat penelitian, metodologi penyelesaian masalah, serta sistematika penulisan.

BAB 2 : LANDASAN TEORI

Pada bab ini dibahas mengenai teori-teori dasar dan penunjang yang diperlukan untuk menyelesaikan masalah dalam penelitian ini.

BAB 3 : PERANCANGAN SISTEM

Bab ini membahas tentang perancangan sistem yang mencakup perancangan database, perancangan interface, data flow diagram(DFD) yang akan menunjukan

(19)

alur data di dalam sistem serta flowchart yang menjelaskan alur kerja atau prosedur yang ada dalam sistem.

BAB 4 : IMPLEMENTASI SISTEM

Berisikan gambaran rancangan struktur program dan desain antar muka, serta memberikan gambaran dari rancang bangun yang lengkap kepada user dan pemakai komputer yang lain serta implementasinya yaitu menguji untuk menemukan kesalahan.

BAB 5 : PENUTUP

Bab ini akan memuat kesimpulan dari keseluruhan pelaksanaan penelitian dan saran-saran dari hasil yang diperoleh yang diharapkan dapat bermanfaat dalam pengembangan sistem yang lebih kompleks.

(20)

BAB 2

LANDASAN TEORI

2.1 Konsep Dasar Data, Informasi, Sistem Serta Sistem Informasi 2.1.1 Data

Data dapat didefinisaikan sebagai bahan kterangan tentang kejadian-kejadian nyata atau fakta-fakta yang dirumuskan dalam sekelompok lambang tertentu yang tidak acak yang menunjukkan jumlah, tindakan, atau hal. (Edhy Sutanta, 2003). Data dapat berupa catatan –catatan dalam kertas, buku atau tersiman sebagai file dalam basis data. Oleh karenanya suatu data belum dapat berbicara banyak sebelum diolah lebih lanjut.

Data merupakan suatu bentuk yang membutuhkan pengolahan. Pengolahnan data menrupakan waktu yang digunakan untuk menggambarkan perubahan bentuk data menjadi informasi yang memiliki kegunaan. Salah satu metode untuk mengolah data adalah dengan media pengolah data yang menggunakan komputer. Dengan media ini semua permasalahan yang ada dapat diselesaikan dengan cepat, baik itu permasalahan yang menggunakan perhitungan matematis, atau fungsi-fungsi lainya. Selain itu dengan komputer, permasalahan

(21)

2.1.2 Informasi

Informasi merupakan hasil pengolahan data sehingga menjadi bentuk yang penting bagi penerimanya dan mempunyai kegunaan sebagai dasar pengambilan keputusan yang dapat dirasakan akibatnya secara langsung saat itu juga atau secara tidak langsung pada saat mendatang. (Edhy Sutanta, 2003 ).

Nilai suatu Informasi dapat ditentukan berdasarkan sifatnya. Berikut akan dijelaskan beberapa sifat informasi yang dapat menentukan nilai informasi, yaitu sebagai berikut:

a. Kemudahan dalam memperoleh, informasi dapat diperoleh secara mudah jika sistem dilengkapi oleh basis data dan bagian pengolah yang dapat mengolah data dengan baik.

b. Sifat luas dan kelengkapannya, informasi yang hanya sepotong dan tidak lengkap menjadi tidak bernilai karena infomasi tersebut tidak dapat dioleh dengan baik.

c. Ketelitian (accuracy), informasi menjadi tidak bernilai jika tidak akurat karena akan mengakibatkan kesalahan dalam pengambilan keputusan.

d. Ketepatan Waktu, informasi berharga dan pnting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimamfaatkan pada saat pengambilan keputusan.

e. Kejelasan (clarity), kejelasan informasi dipengaruhi oleh bentuk dan format informasi. Dibandingkan dengan bentuk teks atau deskriptif informasi

(22)

dalam bentuk tabel atau grafik banyak menjadi pilihan karena dapat dibaca dan dipahami dengan mudah.

f. Fleksibilitas, fleksibilitas informasi berhubungan dengan bentuk dan format tampilan informasi. Perubahan bentuk dan format tampilan informasi dapat dilakukan dengan mudah dengan memamfaatkan komputer.

Suatu Informasi dapat memiliki beberapa fungsi antara lain:

1. Menambah pengetahuan, bagi penerimanya dapat dimamfaatkan sebagai bahan pertimbangan.

2. Mengurangi ketidakpastian , karena apa yang akan terjadi dapat diketahuai sebelumnya. Sehingga menghindari keraguan pada saat pengambilan keputusan.

3. Mengurangi resiko kegagalan, karena apa yang akan terjadi dapat dapat diantisipasi dengan baik, dengn pengambilan keputusan yang tepat.

4. Mengurangi keanekaragaman/variasi yang tidak diperlukan, sehingga akan menghasilkan keputusan yang lebih terarah.

5. Memberi standar, aturan-aturan, ukuran-ukuran, sehingga keputusan-keputusan yang menentukan pencapaian sasaran dan tujuan.

2.1.3 Sistem

Sistem merupakan kumpulan elemen-elemen yang saling terkait dan bekerja sama untuk memproses masukan (input) yang ditujukan kepada sistem tersebut dan

(23)

mengolah masukan tersebut sampai menghasilan keluaran (output) yang diinginkan (Andri Kristanto, 2003).

Elemen-elemen yang membangun suatu sistem meliputi:

1. Tujuan Sistem, tujuan sistem merupakan tujuan dari sistem intu dibuat

2. Batasan Sistem, merupakan sesuatu yang membatasi sistem dalam mencapai tujuan sistem.

3. Kontrol System, merupakan pengawasan terhadap pelaksanaan pencapaian tujuan dari sistem tersebut.

4. Input, merupakan elemen dari sistem yang bertugas untuk menerima seluruh masukan data.

5. Proses, merupakan elemen system yang bertugas untuk mengolah atau memproses masukan data menjadi suatu informasi yang lebih berguna.

6. Output, merupakan hasil dari Input yang telah diproses oleh bagian pengolah dan merupakan tujuan akhir dari sistem.

7. Umpan balik, merupakan elemen dalam sistem yang bertugas mengevaluasi bagian dari output yang dikeluarkan, dimana elemen ini sangat penting demi kemajuan suatu sistem.

2.1.4 Sistem Informasi

Sistem informasi merupakan sistem konseptual yang memakai sumber daya konseptual, data dan informasi untuk mewakili sistem fisik. Komputer merupakan suatu sistem fisik, tetapi data dan informasi yang tersimpan

(24)

didalamnya dapat dipandang sebagai suatu sistem yang konseptual. (Eko Nugroho, 2008 )

2.2 Network

Jaringan komputer merupakan suatu sistem yang terdiri dari banyak komputer yang tersebar namun terhubung dalam melakukan pekerjaannya (Bambang Haryanto, 2008). Dua komputer atau lebih dikatakan terhubung juka komputer-komputer itu dapat bertukar informasi. Hubungan tidak harus dengan kabel tembaga, namun dapat juga menggunakan laser, microwave, dan satelit komunikasi. Jika komputer dapat memaksa memulai menghentikan atau mengendalikan komputer lain berarti komputer itu tidak otonom.

Tujuan jaringan komputer adalah membuat semua program, data dan peralatan tersedi bagi siapapun yang ada di jaringan tanpa peduli fisik sumber dan pemakai. Penggunaan besama data (load sharing) adalah salah satu aspek resource Shring. Tujuan kedu adalah memberi kehandalan tinggi dengan memberi sumber-sumber alternatif. Misalnya, semua file difreplikasi di dua atau tiga mesin. Jika sau mesin tidak tersedia ( disebabkan kerusakan perangkat keras), kopian-kopian lain dapat digunakan.

Tujuan lain adalah menghemat uang. Komputer kecil mempunyai rasio harga/kinerja lebih baik dibanding komputer besar. Mainframe 10 kali lebih cepat

(25)

dibanding microprocessor tercepat dengan hargga 1000 kali lebih mahal. Ketidak seimbangan ini membuat banyak perancang sistem membangun sistem-sistem yang terdiri dari komputer-komputer pribadi berdaya tinggi. Dalam hal ini satu komputer per satu pemakai,sementara data disimpan pada satu file server yang dapat dipakai secara bersamaan.

2.3 Word Wide Web (WWW)

World Wide Web kepanjangan dari WWW, atau lebih dikenal dengan nama web. Web adalah sebuah layanan yang didapat oleh pemakai komputer apabila komputer tersambung dengan Internet. Dengan web, pengguna komputer diseluruh penjuru dunia dapat saling berinteraksi dengan pengguna Internet lainnya tanpa harus beranjak dari tempat dimana Internet tersebut dapat diakses. Dengan mengakses Internet, para pengguna jasa layanan Internet dapat dengan mudah memperoleh informasi yang diinginkan, bahkan dapat menyimpan program, atau gambar yangditampilkan dari media Internet.

Sebelum terdapat web, sebenarnya jaringan protocol TCP/IP berskala dunia telah ada namun penggunanya terbatas pada kalangan ilmuwan komputer. Saat itu, layanan jaringan TCP/IP antara lain electronic mail untuk mengirim pesan diantara pengguna-pengguna berjauhan, file transfer untuk bertukar file diantara komputer-komputer menggunakan file transfer protocol (FTP), remote login service (telnet) memungkinkan pemakai menjalankan program di komputer jauh.

(26)

2.4 Web Server

Web browser berkomunikasi dengan web server lewat jaringan komunikasi menggunakan protocol HTTP. Browser mengirim pesan meminta dokumen atau layanan tertentu web server. Web server kemudian menanggapi dengan mengirim dokumen atau menjalankan layanan tertentu di server dan mengirim hasil menggunakan protocol HTTP. Kemudian browser akan menerima dokumen (HTML) tanggapan dari web server dan menampilkan di layar.

Protocol HTTP dirancang untuk dapat menggabung semua protocol internet seperti Gopper, Telnet, WAIS, dan sebagainya dalam suatu protokol tunggal. Semua layanan protocol lain dikemas sebagai layanan-layanan yang disediakan lewat interaksi web browser dan web server.

Perangkat lunak web server antara lain:

1. CERN HTTPd server merupakan web server pertama. Web server ini dikembangkan di CERN. Saat ini web server ini diberi nama W3C HTTPd

2. Apache HTTPd server atau biasa disebut Apache web server. 3. Microsoft IIS (Internet Information Server)

(27)

2.5 Web Browser

Web browser adalah perangkat lunak untuk menampilkan dokumen web (HTML). Web browser dapat dilengkapi beragam plugin yang dapat menampilkan beragam jenis dokumen lain misalnya PDF, postsciript, Macromedia Flash untuk file animasi dan sebagainya. Web browser telah menyediakan front-end universal terhadap informasi yang diberikan back-end yang berlokasi dimanapun di dunia. Web browser dapat berjalan di sistem komputer manapun. Pemakai tidak perlu men-download perangkat lunak khusus untuk mengakses informasi. Saat ini hampir setiap orang dapat mengakses informasi melalui web.

2.6 Konsep HTML 2.6.1 Pendahuluan HTML

HTML (Hypertext Markup Language) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTTP ( Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis dan akan berformat HTML. HMTL tidak termasuk ke bahasa pemrograman tetapi lebih ke bahasa markup. Dikatakan markup language karena HTML berfungsi untuk memformat file dokumen text biasa untuk bisa ditampilakan pada web browser dengan bantuan tanda-tanda yang sudah ditentukan.

(28)

HTML tidak mengenal variabel, fungsi dan kata kunci lainya. Namun HTML memiliki elemen-elemen sebai beriut:

1. Tag

Digunakan untuk menentukan tingkah laku web browser. Bentuk dasar dari tag umumnya adalah: <tag> - - - </tag>

2. Element

Merupakan jenis –jenis dari tag, HTML mempunyai banyak elemen untuk banyak keperluan dengan berbagai bentuk penggunaan.

3. Attribut

Digunakan untuk memodifikasi nilai dari elemen HTML. Suatu elemen biasanya mengandung banyak atribut.

2.6.2 Bagian-Bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk mengetahui lebih lanjut mengenai bagian-bagian HTML perhatikan skema di bawah ini: <html>

<head>

<body>

(29)

</body> </html>

Keterangan:

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan kode-kode pemrograman web seperti JavaScript, VBScripts, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti: <font></font>, <table></table>, <form></form>

2.7 Konsep PHP

Menurut dokumen resmi PHP, PHP merupakan singkatan dari PHP Hypertext Preprocessor. Ia merupakan bahasa berbentuk Script yang ditempatkan dalam server dan diproses dalam server. Hasilnya kemudian akan dikirim ke klien, tempat browser menggunakan browser (Abdul Kadir, 2008). PHP dirancang untuk membentuk aplikasi web dinamis. Artinya ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Pada prinsipnya, PHP mempunyai fungsi yang sama dengan script-script seperti ASP (Active Server Page), Cold

(30)

Fusion, ataupun Perl. Namup perlu diketahui bahwa PHP sebenarnya bisa dipakai secara command line. Artinya scrip PHP dapat dijalankan tanpa melibatkan web server maupun browser.

Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah script Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hiupnya. Yakni pada tahun 1994. Scrip-script selanjutnya dikemas menjadi tool yang disebut Personal Home Page. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi inilah pemrograman dapat menempelkan kode terstruktur didalam tag HTML. Yang menarik kode PHP juga bisa berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks.

2.7.1 Sintaks PHP

Sintaks Program/Script PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam tag PHP yang dapat digunakan untuk menandai blok scrip PHP yakni: 1. <?php … ?>

2. <script languange = “PHP”> … </script> 3. <? … ?>

(31)

2.7.2 Variabel pada PHP

Variabel dapat disebut sebagai sebuah tempat penyimpanan data bagi nilai numeris maupun non numeris, agar dapat digunakan pada bagian lain dari script program PHP. PHP mendukung berbagai jenis variabel yaitu:

a. Integer (bilangan bulat)

b. Bilangan floating point (presisi tunggal, ganda) c. Boolean

d. Null (untuk variabel yang belum diset) e. String f. Array

g. Object h. Resource

2.7.3 Kelebihan dan Kelemahan PHP

Saat ini banyak pemrograman server web berkembang diantaranya ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara tiga terbesar pemrograman web server diatas, terdapat kelebihan dari PHP itu sendiri, yaitu :

1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagainya.

2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.

(32)

3. Karena sifatnya open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap membantu pengembangannya.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang begitu banyak sehingga sangat mudah dipahami.

5. PHP dapat berjalan pada tiga operating system : Linux, Unix, Windows serta dapat juga dijalankan secara runtime pada suatu console.

Adapun kelemahan dari PHP ini adalah :

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OPP yang sesungguhnya.

2.8 Konsep MySQL

SQL merupakan kependekan dari Structured Query Langguage. SQL digunakan untu berkomunikasi dengan sebuah database. Sesuai dengan ANSI, SQL merupakan bahasa standar unru sistem manajjeen database relational. MySQL mampu menangani data yang cukup besar. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi dan digunakan sebagai standart industri. Dengan menggunakan SQL, proses akses database menjadi lebih

(33)

user-friendly dibandingkan dengan dBASE atau Clipper yang masih menggunakan perintah perintah pemrograman.

Statement SQL digunakan untuk melakukan tugas-tugas seperti melakukan update terhadap database, atau mengambil data dari sebuah database. Query adalah sebuah mekaisme utama untuk mengambil informasi dari database dan berisi pertanyaan yang disampaikan kedalam databse dalam bentuk tertentu. Beberapa Query MySQLatau perintah SQL yang sering digunakan:

1. CREATE DATABASE, untuk membuat sebuah database. 2. DROP DATABASE, untuk menghapus sebuah database. 3. CREATE TABLE, untuk membuat sebuah table.

4. ALTER TABLE, untuk memodifikasi sebuah table. 5. DROP TABLE, untuk menghapus sebuah table. 6. SELECT, untuk menampilkan data dari database. 7. UPDATE, untuk memodifikasi data dari database. 8. INSERT INTO, untuk menambah data di database. 9. DELETE, untuk menghapus data dari database.

2.9 Adobe Dreamweafer CS3

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar untuk menghasilkan petunjuk

(34)

kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML.

Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting.

2.10 Adobe Phothoshop CS4

Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Aplikasi ini digunakan pada saat tahap desain sistem informasi ini.

(35)

BAB 3

PERANCANGAN SYSTEM

3.1 Perancangan Database

Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Perancangan database dalam sistem ini menggunakan perangkat lunak phpMyAdmin.

(36)

Gambar 3.2 Tampilan Mengisi Tabel

Berikut ini rancangan table yang penulis gunakan dalam membangun sistem informasi ini :

Tabel 3.1 Tabel Admin

Field Type Data Size Deskription

Id Integer 5 Primary

User Varchar 20 User

(37)

Tabel 3.2 Tabel Home

Field Type Data Size Deskription

Id Integer 5 Primary

Kode Varchar 100 Kode

Judul Varchar 100 Judul

Isi Text ~ Isi

Tanggal Varchar 20 Tanggal

Tabel 3.3 Tabel Harddisk

Field Type Data Size Deskription

Id Integer 5 Primary

Kode Varchar 100 Kode

Judul Varchar 100 Judul

Isi Text ~ Isi

(38)

Tabel 3.4 Tabel Memori

Field Type Data Size Deskription

Id Integer 5 Primary

Kode Varchar 100 Kode

Judul Varchar 100 Judul

Isi Text ~ Isi

Tanggal Varchar 20 Tanggal

Tabel 3.5 Tabel Periferal

Field Type Data Size Deskription

Id Integer 5 Primary

Kode Varchar 100 Kode

Judul Varchar 100 Judul

Isi Text ~ Isi

(39)

Tabel 3.6 Tabel Tips

Field Type Data Size Deskription

Id Integer 5 Primary

Kode Varchar 100 Kode

Judul Varchar 100 Judul

Isi Text ~ Isi

Tanggal Varchar 20 Tanggal

Tabel 3.7 Tabel Tutorial

Field Type Data Size Deskription

Id Integer 5 Primary

Kode Varchar 100 Kode

Judul Varchar 100 Judul

Isi Text ~ Isi

(40)

3.2 Perancangan Interface

Perangan Interface adalah merancang dan membuat bentuk dasar tampilan web yang akan ditransformasikan dalam sketsa digital

a. Rancangan Interface Halaman Utama Website

(41)

b. Perancangan Interface Halaman Admin

(42)

3.3 Data Flow Diagram

Data Flow Diagram(DFD) adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penangannan notasi simbol, ligkaran dan anak panah mewakili atau menggambarkan arus dalam perancangan sistem.

Adapun Data Flow Diagram dari sistem ini adalah sebagai berikut:

Laporan Kirim Informasi

Komentar Informasi Terbaru

Gambar 3.5 Diagram Konteks Sistem Informasi Memperbaiki Komputer Admin

Informasi

(43)

Mengisi

Informasi

Laporan

kirim Upload

Feedback

Laporan D1 Informasi

Fedback

Kirim Upload

Feedbeck Informasi

terbaru

Gambar 3.6 Data Flow Diagram Level Nol

Admin 1

Halaman Admin

2 Feedbeck (komentar)

Halaman Utama

(44)

3.4 Flowchart Website

Tampilan Flowchart Halaman Utama

N Y N Y N

N Y

Gambar 3.7 Diagram Alir Halaman Utama

Pilihan 1 Pilihan 2 Pilihan 4 Pilihan 5 Pilihan 6 Pilihan 7 Pilihan 3 Home Motherboard Periferal Harddisk P.Suply Tips Tutorial Start End

(45)

Tampilan Flowchart halaman Admin

Gambar 3.8 Diagram Alir Halaman Admin LOGIN ADMIN

Masukkan username & Psw

Apakah Username dan Pasword anda benar?

LOGOUT Halaman Utama ADMIN

Manajemen MODUL

Hapus Informasi Edit

Informasi Tambah

Informasi Manajemen

USER

Isi Informasi Baru

Pilih Informasi Yang Diperbaiki

Berita Dihapus

Isi berita baru Berita dihapus Informasi Ditambah

Informasi Disimpan

(46)

BAB 4

IMPLEMENTASI SYSTEM

Implementasi Sistem dilakukan berdasarkan langkah-langkah atau prosedur. Berikut langkah-langkah dalam implementasi sistem ini adalah sebagai berikut:

a. Menyelesaikan desain web.

b. Mendapatkan software dan hardware.

c. Menulis, menguji, dan mendokumentasikan program komputer. d. Menguji sistem.

e. Mendapatkan persetujuan.

4.1 Komponen Utama Dalam Implementasi Sistem

Untuk mengolah data menggunakan komputer haruslah mempunyai tiga komponen utama, yaitu sebagai berikut:

4.1.1 Hardware

Hardware yang dibutuhkan adalah sebagai berikut: a. Monitor

b. CPU (Central Procesing Unit) c. Hardisk

(47)

d. Keyboard e. Mouse

f. Printer untuk mencetak hasil

4.1.2 Software

Software yang diperlukan untuk menjalankan perangkat keras untuk aplikasi pengolahan nilai, yaitu:

a. Windows 2007 b. MySQL c. Web Browser

d. Adobe Dreamweaver CS 3 e. Adobe Phothoshop CS 4

4.1.3 Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer, yang dibutuhkan adalah:

a. Sistem Analis adalah orang sedang membangun fasilitas rancangan sistem. b. Programmer adalah orang yang mengerti bahasa pemrograman dalam

membuat dan membangun program.

c. Operator adalah orang yang menangani langsung dalam pengolahan data mulai dari mempersiapkan data sampai dengan pengertian data ke dalam komputer.

(48)

4.2 Pengujian di Browser

Setalah menginstal Xampp, maka aplikasi web telah dapat diujikan dikomputer lokal. Adapun caranya adalah sebagai berikut:

1. Letakkan file-file yang membangun web kedalam suatu folder, dalam hal ini penulis membuat nama foldernya ”TUGASAKHIR” dan diletakkan didalam folder htdoct.

2. Buka browser Google Chrome atau Mozilla Firefox.

3. Pada kotak URL ketikkan http://localhost/xampp/htdoc/TUGASAKHIR Tampilan halamannya adalah seperti gambar dibawah ini.

(49)

Gambar 4.2 Halaman Contac

(50)

Gambar 4.4 Halaman Motherboard

(51)

Gambar 4.6 Halaman Awal Admin

(52)

Gamabar 4.8 Halaman Tambah Data

(53)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari hasil penelitian dapat disimpulkan sebagai berikut:

1. Dengan adanya Sistem Informasi Memperbaiki Komputer dapat memberikan solusi untuk memenuhi kebutuhan masyakat.

2. Sistem Informasi Memperbaiki Komputer ini memberikan informasi yang berkaitan cara-cara memperbaiki komputer maupun bebagai tips serta tutorial di bidang komputer sehingga user dapat memperoleh informasi tentang kerusakan yang sering terjadi pada komputer.

3. Dengan menggunakan bahasa pemrograman PHP dan MySQL sebagai database nya dapat dibuat suatu website dinamis sebagai media penyampaian informasi dan publikasi

(54)

5.2 Saran

Dalam mengakhiri penulisan Tugas Akhir ini penulis menguraikan beberapa saran antara lain :

1. Hendaklah Sistem Informasi ini dapat dikembangkan lebih lanjut untuk membentuk suatu sistem yang lebih baik.

2. Diharapkan dengan adanya Sistem Informasi ini masyarakat semakin terbuka untuk belajar dan mencari tahu solusi atas kesalahan atau error yang ditemukan pada komputernya.

3. Diharapkan Sistem Informasi ini dapat mengikuti perkembangan tegnologi informasi, karena perkembangan tegnologi informasi terus berkembang pesat, sehingga perlu dilakukan peng-update-an informasi.

(55)

Daftar Pustaka

Kadir,Abdul.2008. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yoyakarta: Andi

Kristanto,Andri. 2003. Perancangan sistem informasi dan aplikasinya. Yogyakarta: Graha Media

Nugroho, Eko. 2008. Sistem Informasi manajemen. Yokyakata :ANDI Sutanta, Edhi. 2003. Sistem Informasi Manajemen. Yokyakarta: Graha Ilmu, Sutarman. 2003. Membangun Aplikasi Web PHP dan MySQL. Yokyakarta: Graha Ilmu

(56)

(57)

SOURCE CODE PROGRAM

Index.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head>

http-equiv='Content-Type'/>

b=window,e="jstiming",g="tick";(function(){function d(a){this.t={};this.tick=function(a,d,c){c=void 0!=c?c:(new

Date).getTime();this.t[a]=[c,d]};this[g]("start",null,a

)}var a=new

d;b.jstiming={Timer:d,load:a};if(b.performance&&b.perfo rmance.timing){var a=b.performance.timing,c=b[e].load,f=a.navigationStart, a=a.responseStart;0<f&&a>=f&&(c[g]("_wtsrt",void 0,f),c[g]("wtsrt_","_wtsrt",a),c[g]("tbsd_","wtsrt_"))} try{a=null,b.chrome&&b.chrome.csi&&(a=Math.floor(b.chro me.csi().pageT),c&&0<f&&(c[g]("_tbnd",void 0,b.chrome.csi().startE), c[g]("tbnd_","_tbnd",f))),null==a&&b.gtbExternal&&(a=b. gtbExternal.pageT()),null==a&&b.external&&(a=b.external .pageT,c&&0<f&&(c[g]("_tbnd",void 0,b.external.startE),c[g]("tbnd_","_tbnd",f))),a&&(b[e] .pt=a)}catch(l){}})();b.tickAboveFold=function(d){var a=0;if(d.offsetParent){do a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[e]

.load[g]("aft")};var h=!1;function

k(){h||(h=!0,b[e].load[g]("firstScrollTime"))}b.addEven tListener?b.addEventListener("scroll",k,!1):b.attachEve nt("onscroll",k);

})();</script>

(58)

</head> <body>

<a href="javascript:gotoshow()"><img

src="slide/help.jpg" name="slide" border=0 width=972 height=305></a> <script> slideshowimages("./slide/help.jpg","./slide/hang.jpg"," ./slide/frustated.jpg","./slide/repair.jpg","./slide/co ncep.jpg") var slideshowspeed=8000 var whichlink=0 var whichimage=0 function slideit(){ if (!document.images) return document.images.slide.src=slideimages[whichimage].src whichlink=whichimage

(59)

whichimage++ else whichimage=0 setTimeout("slideit()",slideshowspeed) } slideit() </script> </div> </div> <div id='header-wrapper'>

<h1 class='title'>Sistem Informasi </h1> </div>

<span class="style2">Memperbaiki Komputer</span></p> </div>

</div>

</div></div> </div>

<p>Optimism Leads To Achievement. Nothing Can Be Done Without Hope Or Confidence</p>

</div> <a href="index.php?page=1"> <div class='menu1'>Home</div></a> <a href="index.php?page=1b"> <div class='menu2'>Contact</div> </a> <a href="index.php?page=1a">

<div class='menu3'>About me</div></a> <a href="admin/index2.php">

<div class='menu4'>Admin</div></a> <div id='outer-wrapper'>

<span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a></span> </span>

(60)

<div class='widget HTML' id='HTML5'> <h2 class='title'>Translate</h2> <div class='widget-content'>

function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=g oogleTranslateElementInit"></script> </div> <div class='clear'></div> </div>

<div class='widget HTML' id='HTML6'> <h2 class='title'>Clock</h2>

<div id="custombg" style="width:195px;

height:250px; background:url() repeat; padding-top:0px; padding-left:0px; position:relative" align="center">

<center><div

style="width:195px; height:250px; float: inherit;"> <script language="javascript">var cutekiWidget=11; var cutekiLeng="undefined"</script>

src="http://www.cuteki.com/widgets/clocks/cuteki-clock.js"></script>

(61)

<div align="center"><font style="font-size:9px; text-decoration:none; color:#e27373; font-family: Arial, Georgia">Julita </font>

href="http://galauan-suka- suka.blogspot.com/2012/02/code-javascript-widget-jam-lucu.html" style="font-size:9px; text-decoration:none;

color:#e27373; font-family: Arial,

Georgia"uk>Sinaga</a> </div></div></center> </div> </center> </div> <div class='clear'></div> </div> </div> </div>  <div id='content-wrapper'> <div id='main-wrap1'> <div id='main-wrap2'>

</div> </div> </div> </div>  <div id='sidebar-right'>

<div class='widget HTML' id='HTML1'> <h2 class='title'>Calender</h2>

<div id="custombg" style="width:195px; height:200px;

background:url() repeat; padding-top:0px;

padding-left:0px; position:inherit; align="center"> <?php include "calender.php"; ?>

</div>

(62)

</div>

<div class='widget HTML' id='Label1'> <h2>Profil Picture</h2>

</div></div>

<div class='clear'> </div> </div> </body> </html> Isi.php <?php $page=$_GET['page']; switch($page) { case "1"; include "home.php"; break; case "1a"; include "aboutme.php"; break; case "1b"; include "contac.php"; break; case "2"; include "prosesor.php";

(63)

case "2a"; include "kecepatan-prosesor.php"; break; case "2b"; include "prosesor-panas.php"; break; case "2c"; include "tidak-bekerja.php"; break; case "2d"; include "suhu-prosesor.php"; break; case "2e"; include "tegangan-tinggi.php"; break; case "2f"; include "tidak-maksimal.php"; break; case "2g"; include "kipas.php"; break; case "2h"; include "kipas-bising.php"; break; case "2i"; include "kipas-tidak-maksimal.php"; break; case "3"; include "memori.php"; break; case "3a"; include "kecepatan-memori.php"; break; case "3b"; include "sistem-tidak-berfungsi.php"; break; case "3c"; include "kapasitas-memori.php"; break; case "3d"; include "modul-memori.php";

(64)

case "3e"; include "memori-dua-memori.php"; break; case "3f"; include "memori-dual-channel.php"; break; case "3g"; include "kartu-grafis.php"; break; case "3h"; include "kerja-kartu-grafis.php"; break; case "3i"; include "pendingin-vga.php"; break; case "3j"; include "koneksi-ke-video.php"; break; case "3k"; include "reffresh-rate.php"; break; case "3l"; include "crossfire-tidak-berfungsi.php"; break; case "3m"; include "vga-tidak-terdeteksi.php"; break; case "4"; include "harddisk.php"; break; case "4a"; include "harddisk-tidak-terdeteksi.php"; break; case "4b"; include "harddisk-sata-tidak-terdeteksi.php"; break; case "5"; include "power-supply.php"; break;

(65)

include "power-supply-terbakar.php"; break; case "5b"; include "kipas-terlalu-bising.php"; break; case "5c"; include "power-supply-kurang-tenaga.php"; break; case "5d"; include "sistem-sering-hang.php"; break; case "6"; include "periferal.php"; break; case "6a"; include "drive-optik.php"; break; case "6b"; include "driver-tidak-terdeteksi.php"; break; case "6c"; include "tidak-dapat-membaca-cd.php"; break; case "6d"; include "tidak-dapat-melakukan-first-booting.php"; break; case "61"; include "modem.php"; break; case "62"; include "modem-tidak-terdeteksi.php"; break; case "63"; include "tidak-ada-koneksi.php"; break; case "6I"; include "driver.php"; break; case "6II"; include "kecepatan-transfer-data-terlalu-rendah.php";

(66)

case "6III";

include "driver-tidak-terinstal-dengan-benar.php"; break;

case "6IV";

include "driver-konflik.php"; break;

case "7";

include "tips.php"; break;

case "7a";

include "cara-format-flashdisk-dengan-aman.php"; break;

case "72";

include "tips.php"; break;

case "8";

include "adat-istiadat.php"; break;

case "9";

include "new.php"; break;

case "10";

include "bit.php"; break;

case "11";

include "contact-us.php"; break;

case "12";

include "about-us.php"; break;

case "13";

include "simpan_guestbook.php"; break;

(67)

case "21"; include "kategori.php"; break; default; include "home.php"; break; } ?> Menu.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

charset=utf-8" /> <title>Untitled Document</title> </head> <body> <ul class="menu"> <li><a href="index.php?page=1">Home</a></li> <li><a href="index.php?page=2">Motherboard</a> <ul></l> <li><a href="index.php?page=2">Prosesor</a></li> <li><a href="index.php?page=2g">Kipas</a></li> <li><a href="index.php?page=3">Memori</a></li>

<li><a href="index.php?page=3g">Kartu Grafis</a></li> </ul></li>

<li><a href="index.php?page=4">Harddisk</a></li> <li><a href="index.php?page=5">Power Supply</a></li> <li><a href="index.php?page=6">Periferal</a>

<ul>

<li><a href="index.php?page=6a">Driver Optik</a></li> <li><a href="index.php?page=61">Modem</a></li>

<li><a href="index.php?page=6I">Driver</a></li> </ul></li>

(68)

</ul> </body> </html>

CALENDER.PHP <?php

include"include/conn.php";

// Apabila modul Kalender diaktifkan Publish=Y, maka tampilkan modul Kalender

function generate_calendar($year, $month, $days =

array(), $day_name_length = 3, $month_href = NULL, $first_day = 0, $pn = array()){

$first_of_month = gmmktime(0,0,0,$month,1,$year); #remember that mktime will automatically correct if invalid dates are entered

# for instance, mktime(0,0,0,12,32,1997) will be the date for Jan 1, 1998

# this provides a built in "rounding" feature to generate_calendar()

$day_names = array(); #generate all the day names according to the current locale

for($n=0,$t=(3+$first_day)*86400; $n<7;

$n++,$t+=86400) #January 4, 1970 was a Sunday

(69)

list($month, $year, $month_name, $weekday) = explode(',',gmstrftime('%m,%Y,%B,%w',$first_of_month)); $weekday = ($weekday + 7 - $first_day) % 7; #adjust for $first_day

$title =

htmlentities(ucfirst($month_name)).' '.$year; #note that some locales don't capitalize month and day names

#Begin calendar. Uses a real <caption>. See http://diveintomark.org/archives/2002/07/03

@list($p, $pl) = each($pn); @list($n, $nl) = each($pn); #previous and next links, if applicable

if($p) $p = '<span class="calendar-prev">'.($pl ?

'<a href="'.htmlspecialchars($pl).'">'.$p.'</a>' :

$p).'</span> ';

if($n) $n = ' <span

class="calendar-next">'.($nl ? '<a

href="'.htmlspecialchars($nl).'">'.$n.'</a>' :

$n).'</span>';

$calendar = '<table class="calendar"

width="50px">'."\n".

'<caption

class="calendar-month">'.$p.($month_href ? '<a

href="'.htmlspecialchars($month_href).'">'.$title.'</a> ' : $title).$n."</caption>\n<tr>";

(70)

#if day_name_length is >3, the full name of the day will be printed

foreach($day_names as $d)

$calendar .= '<th

abbr="'.htmlentities($d).'">'.htmlentities($day_name_le ngth < 4 ? substr($d,0,$day_name_length) : $d).'</th>'; $calendar .= "</tr>\n<tr>";

}

if($weekday > 0) $calendar .= '<td

colspan="'.$weekday.'"> </td>'; #initial 'empty' days

for($day=1,$days_in_month=gmdate('t',$first_of_month); $day<=$days_in_month; $day++,$weekday++){

if($weekday == 7){

$weekday = 0; #start a new week $calendar .= "</tr>\n<tr>";

}

if(isset($days[$day]) and

is_array($days[$day])){

@list($link, $classes, $content) =

$days[$day];

if(is_null($content)) $content = $day;

$calendar .= '<td'.($classes ? '

(71)

($link ? '<a href="'.htmlspecialchars($link).'">'.$content.'</a>' : $content).'</td>';

}

else $calendar .= "<td>$day</td>"; }

if($weekday != 7) $calendar .= '<td colspan="'.(7-$weekday).'"> </td>'; #remaining "empty" days

return $calendar."</tr>\n</table>\n"; }

$time = time();

$today = date('j',$time);

$days = array($today=>array(NULL,NULL,'<span

style="color: red; font-weight: bold; font-size:

larger; text-decoration: blink;">'.$today.'</span>'));

echo generate_calendar(date('Y', $time), date('n',

(72)

CONTAC.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

charset=utf-8" />

<title>Untitled Document</title> </head>

<body>

<div class="date-outer">

<a href="aboutme.php">Contac</a> </h4>

<p> Untuk Informasi lebih lanjut, anda dapat mengirim pesan ke email berikut ini <br/>

(73)

href="mailto:shinaganaga@gmail.com">shinaganaga@gmail.c om <span style="color:#000099;"></a><br/>

<br/>

Atau melalui Facebook <a

href="http://www.facebook.com/julitha.sinaga">julitha.s inaga <span style="color:#000099;"></a><br/>

<br/>

Atau melalui Twitter <a

href="https://twitter.com/julithasinaga">julithasinaga <span style="color:#000099;"></a><br/></p> </div> </div> <script type='text/javascript'> createSummaryAndThumb("summary4347031828892810922"); </script>

<div class='post-footer'> <span class='post-labels'> Posted in :

<a href='http:' rel='tag'>SI Memperbaiki Komputer</a>, </span>

(74)

</div>

<div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Subscribe to:

<a class='feed-link' href='' target='_blank'

type='application/atom+xml'>Posts (Atom)</a> </div>

</div>

google.load("annotations", "1", {"locale":

"en"});

function initialize() {

google.annotations.setApplicationId(34); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </div> </body> </html> ABOUTME.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(75)

<title>Untitled Document</title> </head>

<body>

<div class="date-outer">

<a href="aboutme.php">Contac</a> </h4>

<p> Untuk Informasi lebih lanjut, anda dapat mengirim pesan ke email berikut ini <br/>

<br /> <a

href="mailto:shinaganaga@gmail.com">shinaganaga@gmail.c om <span style="color:#000099;"></a><br/>

<br/>

Atau melalui Facebook <a

href="http://www.facebook.com/julitha.sinaga">julitha.s inaga <span style="color:#000099;"></a><br/>

<br/>

Atau melalui Twitter <a

(76)

</div>

<div class='post-footer'> <span class='post-labels'> Posted in :

<a href='http:' rel='tag'>SI Memperbaiki Komputer</a>, </span>

</div>

<div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Subscribe to:

<a class='feed-link' href='' target='_blank'

type='application/atom+xml'>Posts (Atom)</a> </div>

(77)

google.load("annotations", "1", {"locale":

"en"});

function initialize() {

google.annotations.setApplicationId(34); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </div> </body> </html> CONN.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

charset=utf-8" />

<title>Untitled Document</title> </head>

<body>

<div class="date-outer">

(78)

<a href="aboutme.php">Contac</a> </h4>

<p> Untuk Informasi lebih lanjut, anda dapat mengirim pesan ke email berikut ini <br/>

<br /> <a

href="mailto:shinaganaga@gmail.com">shinaganaga@gmail.c om <span style="color:#000099;"></a><br/>

<br/>

Atau melalui Facebook <a

href="http://www.facebook.com/julitha.sinaga">julitha.s inaga <span style="color:#000099;"></a><br/>

<br/>

Atau melalui Twitter <a

<div class='post-footer'> <span class='post-labels'> Posted in :

<a href='http:' rel='tag'>SI Memperbaiki Komputer</a>, </span>

</span> </div> </div>

(79)

</div> <div class='post-outer'></div> </div></div> <div class="date-outer"> <div class="date-posts"> <div class='post-outer'></div> </div></div>

</div>

<div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Subscribe to:

<a class='feed-link' href='' target='_blank'

type='application/atom+xml'>Posts (Atom)</a> </div>

</div>

google.load("annotations", "1", {"locale":

"en"});

function initialize() {

google.annotations.setApplicationId(34); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </div> </body> </html>

(80)

width:200; height:200;} </style>

<marquee behavior="scroll" direction="left"

scrollamount="3" title="Galery" truespeed="truespeed" >

var slideimages=new Array() var slidelinks=new Array() function slideshowimages(){

for (i=0;i<slideshowimages.arguments.length;i++){ slideimages[i]=new Image()

slideimages[i].src=slideshowimages.arguments[i] }

}

function slideshowlinks(){

for (i=0;i<slideshowlinks.arguments.length;i++) slidelinks[i]=slideshowlinks.arguments[i]

}

function gotoshow(){

if (!window.winslide||winslide.closed)

winslide=window.open(slidelinks[whichlink]) else

winslide.location=slidelinks[whichlink] winslide.focus()

} //--> </script>

(81)

slideshowimages("./slide/help.jpg","./slide/hang.jpg"," ./slide/frustated.jpg","./slide/repair.jpg","./slide/co ncep.jpg")

var slideshowspeed=8000 var whichlink=0

var whichimage=0 function slideit(){ if (!document.images) return

document.images.slide.src=slideimages[whichimage].src whichlink=whichimage

if (whichimage<slideimages.length-1) whichimage++

else

whichimage=0

setTimeout("slideit()",slideshowspeed) }

slideit()

</script> </marquee> </div>

INDEX.PHP <ADMIN>

<?php session_start();

if (session_is_registered('id')) {

$_SESSION['id']; $_SESSION['user']; ?>

(82)

<title>Administrator</title>

<body>

<table border="0" align="center"

bgcolor="#FFFFFF"> <tr>

<tr>

<td width="103" align="center"

valign="top"><?php include "./include/banner.php";

?></td>

</tr> <tr>

<td height="63" align="center"><?php

include "menu2.php"; ?></td> </tr>

<tr>

</tr> <tr>

<td><?php include

"./include/footer.php"; ?></td> </tr> </table> </td> </tr> </table> <p> </p> </body> </html> <?php

(83)

echo "<script> document.location.href='akses.php?go=session'; </script>"; } ?> Home.php <admin> <?php session_start(); if (session_is_registered('id')) { $_SESSION['id']; $_SESSION['user']; ?> <html> <head> <title>Administrator</title>

<body>

<table border="0" align="center"

bgcolor="#FFFFFF"> <tr>

<tr>

<td width="103" align="center"

valign="top"><?php include "./include/banner.php";

?></td>

</tr> <tr>

<td height="63" align="center"><?php

include "menu2.php"; ?></td> </tr>

(84)

</tr> <tr>

<td><?php include

"./include/footer.php"; ?></td> </tr>

</table> </td>

</tr> </table> <p> </p> </body>

</html> <?php }else{

echo "<script>

document.location.href='akses.php?go=session'; </script>";

} ?>

(1)

</div>

</div>

<div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Subscribe to:

<a class='feed-link' href='' target='_blank'

type='application/atom+xml'>Posts (Atom)</a> </div>

</div>

google.load("annotations", "1", {"locale": "en"});

function initialize() {

google.annotations.setApplicationId(34); google.annotations.createAll();

google.annotations.fetch(); }

google.setOnLoadCallback(initialize); </script>

</div>

</body> </html> SLIDE.PHP

(2)

width:200; height:200;} </style>

var slideimages=new Array() var slidelinks=new Array() function slideshowimages(){

for (i=0;i<slideshowimages.arguments.length;i++){ slideimages[i]=new Image()

slideimages[i].src=slideshowimages.arguments[i] }

}

function slideshowlinks(){

for (i=0;i<slideshowlinks.arguments.length;i++) slidelinks[i]=slideshowlinks.arguments[i]

}

function gotoshow(){

if (!window.winslide||winslide.closed)

winslide=window.open(slidelinks[whichlink]) else

winslide.location=slidelinks[whichlink] winslide.focus()

} //--> </script>

(3)

slideshowimages("./slide/help.jpg","./slide/hang.jpg"," ./slide/frustated.jpg","./slide/repair.jpg","./slide/co ncep.jpg")

var slideshowspeed=8000 var whichlink=0

var whichimage=0 function slideit(){ if (!document.images) return

document.images.slide.src=slideimages[whichimage].src whichlink=whichimage

if (whichimage<slideimages.length-1) whichimage++

else

whichimage=0

setTimeout("slideit()",slideshowspeed) }

slideit()

</script> </marquee> </div>

INDEX.PHP <ADMIN>

<?php session_start();

if (session_is_registered('id')) {

$_SESSION['id']; $_SESSION['user']; ?>

(4)

<title>Administrator</title>

<body>

<tr>

<tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<td><?php include

"./include/footer.php"; ?></td> </tr>

</table> </td>

</tr> </table> <p> </p> </body>

</html> <?php }else{

(5)

echo "<script> document.location.href='akses.php?go=session';

</script>"; }

Home.php <admin>

<?php session_start();

if (session_is_registered('id')) {

$_SESSION['id']; $_SESSION['user']; ?>

<title>Administrator</title>

<body>

<tr>

<tr>

</tr> <tr>

</tr> <tr>

(6)

</tr> <tr>

<td><?php include

"./include/footer.php"; ?></td> </tr>

</table> </td>

</tr> </table> <p> </p> </body>

</html> <?php }else{

echo "<script>

document.location.href='akses.php?go=session'; </script>";

} ?>

Sistem Sistem Informasi Memperbaki Komputer Berbasis Web Menggunakan HTML, PHP Dan MySQL

SISTEM INFORMASI MEMPERBAKI KOMPUTER BERBASIS

WEB MENGGUNAKAN HTML, PHP DAN MYSQL

TUGAS AKHIR

JULITA SINAGA

102406200

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

SISTEM INFORMASI MEMPERBAKI KOMPUTER BERBASIS

WEB MENGGUNAKAN HTML, PHP DAN MYSQL

TUGAS AKHIR

JULITA SINAGA

102406200

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

PERSETUJUAN

PERNYATAAN

PENGHARGAAN

ABSTRAK

DAFTAR ISI

DAFTAR TABEL

DAFTAR GAMBAR

ABSTRAK

BAB 1

PENDAHULUAN

BAB 2

LANDASAN TEORI

BAB 3

PERANCANGAN SYSTEM

BAB 4

IMPLEMENTASI SYSTEM

BAB 5

KESIMPULAN DAN SARAN

Daftar Pustaka

SOURCE CODE PROGRAM

Parts

Dokumen yang terkait

Sistem Informasi Geografis Penentuan Lokasi Hydrant Berbasis Web Dengan Metode Simple Additive Weighting di Wilayah Kota Medan

Perancangan Sistem Informasi Berbasis Web Menggunakan Php Dan Mysql Pada Sma Negeri Unggul Aceh Timur

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySQL Pada PT.Intan Pariwara (Medan)

Sistem Informasi Geografis Penentuan Lokasi Hydrant Berbasis Web Dengan Metode Simple Additive Weighting Di Wilayah Kota Medan

Sistem Informasi Kepegawaian Berbasis Web Menggunakan Php dan Mysql Pada RSU Dr.H. Kumpulan Pane Kota Tebing Tinggi

Perancangan Sistem Manajemen Bandwidth Jaringan Menggunakan Web HTB Dengan Linux Ubuntu.

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP Dan MySQL Pada SMA Negeri 1 Julok

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMP Negeri 1 Tebing-Tinggi

Sistem Sistem Informasi Memperbaki Komputer Berbasis Web Menggunakan HTML, PHP Dan MySQL

BAB 2 LANDASAN TEORI - Sistem Sistem Informasi Memperbaki Komputer Berbasis Web Menggunakan HTML, PHP Dan MySQL

Dokumen yang Anda mencari sudah siap untuk unduhkan