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

(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

(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,

(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

(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.

(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

(8)

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

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.

(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.

(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

(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.

(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.

(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

(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

(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.

(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.

(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

(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

(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.

(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.

(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

(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

(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.

(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

(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

(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

(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

Kode Varchar 100 Kode

Judul Varchar 100 Judul

Isi Text ~ Isi

Tanggal Varchar 20 Tanggal

Tabel 3.3 Tabel Harddisk

Isi Text ~ Isi

(38)

Tabel 3.4 Tabel Memori

Isi Text ~ Isi

Tabel 3.5 Tabel Periferal

Isi Text ~ Isi

(39)

Tabel 3.6 Tabel Tips

Isi Text ~ Isi

Tabel 3.7 Tabel Tutorial

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

0

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)

2

Halaman Utama

(44)

3.4 Flowchart Website

Tampilan Flowchart Halaman Utama

N

Gambar 3.7 Diagram Alir Halaman Utama

(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 Yang Diperbaiki

Berita Dihapus

Isi berita baru Berita dihapus Informasi Ditambah

(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

(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.

(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.

(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

.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)

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

</head> <body>

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

(59)

whichimage++

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

<span class="style2">Memperbaiki Komputer</span></p> </div> Without Hope Or Confidence</p>

</div>

<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> |

(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');

}

<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>

(61)

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

<a

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 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>

(63)

(64)

(65)

(66)

(67)

case "21";

charset=utf-8" />

<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

charset=utf-8" />

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

<body>

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

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

(73)

<a

href="mailto:[email protected]">[email protected] 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/>

Posted in :

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

(74)

</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>

(75)

<body>

<br /> <a

<br/>

(76)

</div>

Posted in :

(77)

"en"});

charset=utf-8" />

<body>

(78)

<br /> <a

<br/>

Posted in :

(79)

</div>

"en"});

</div>

(80)

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

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

(81)

(82)

<title>Administrator</title>

</head> <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

(83)

echo "<script>

</head> <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

(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>";