SISTEM INFORMASI TUGAS AKHIR MAHASISWA D3 ILMU KOMPUTER FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA TUGAS AKHIR FADLY SISWANTO

Transkripsi

1 SISTEM INFORMASI TUGAS AKHIR MAHASISWA D3 ILMU KOMPUTER FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA TUGAS AKHIR FADLY SISWANTO PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2009

2 SISTEM INFORMASI TUGAS AKHIR MAHASISWA D3 ILMU KOMPUTER FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya FADLY SISWANTO PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2009

3 PERSETUJUAN Judul Kategori Nama Nomor Induk Mahasiswa Program Studi Departemen Fakultas : : : : : : : SISTEM INFORMASI TUGAS AKHIR MAHASISWA D3 ILMU KOMPUTER FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA TUGAS AKHIR FADLY SISWANTO D3 ILMU KOMPUTER MATEMATIKA MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Disetujui oleh : Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Dosen Pembimbing Dr. Saib Suwilo, M. Sc. Drs. Marihat Situmorang, M. Kom. NIP NIP

4 PERNYATAAN SISTEM INFORMASI TUGAS AKHIR MAHASISWA D3 ILMU KOMPUTER FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA 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 2009 FADLY SISWANTO

5 PENGHARGAAN Puji da syukur penulis panjatkan kehadirat Allah SWT atas segala berkat dan rahmat-nya sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan dalam waktu yang telah ditetapkan. Ucapan terima kasih penulis sampaikan kepada Drs. Marihat Situmorang, M. Kom selaku pembimbing yang telah meluangkan waktunya dan membantu penulis dalam penyelesaian tugas akhir ini. Ucapan terima kasih juga ditujukan kepada Bapak Dr. Saib Suwilo, M. Sc selaku Ketua Departemen Matematika, Bapak Prof. Eddy Marlianto,M. Sc dan Dr. Sutarman, M.Sc selaku Dekan dan Pembantu Dekan I FMIPA USU, semua dosen dan pegawai FMIPA USU, dan teman-teman kuliah Tengku Muhammad Hidayat, Aries Fatahillah, Dina Ranggasari, Pirnando Saragih, Yudha yang telah memberikan semangat dan doa, teman-temanku di dunia maya, teman-teman SMA yang tak pernah terlupakan hingga saat ini, serta seluruh mahasiswa komputer angkatan Akhirnya, tidak terlupakan kepada kedua orang tua tercinta Ayahanda Alm.Rusman Kunting dan Ibunda Ngadiem yang telah memberikan dorongan, nasehat, kasih sayang, doa, dukungan material dan spritual, tak lupa juga kepada abangda Hendra Budi Syahputra yang telah mendukung penulis dalam pembuatan tugas akhir ini, dan semua ahli keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga amal baik mereka mendapatkan balasan yang setimpal dari Allah SWT, Amin.

6 ABSTRAK Tugas akhir ini bertujuan membangun sebuah sistem informasi yang berbasis web. Sistem perancangan dalam pembuatan website Sistem Informasi Tugas Akhir di FMIPA USU ini dikembangkan dengan menggunakan beberapa software yakni Macromedia Dreamweaver 8, XAMPP yang merupakan gabungan dari Apache Web Server, PHP dan MySQL. Dengan menggunakan Macromedia Dreamweaver 8 maka pengerjaan website akan lebih cepat dan mudah. Adapun tabel-tabel yang dipakai dalam pembuatan sistem informasi tugas akhir ini adalah tabel judul tugas akhir, tabel pengunjung, tabel admin. Semua tabel ini nantinya digunakan untuk menampung data-data yang diperlukan dalam pembangunan website Sistem Informasi Tugas Akhir Fakultas MIPA Jurusan D3 Ilmu Komputer USU. Dengan adanya aplikasi pencarian judul tugas akhir ini para mahasiswa D3 Ilmu Komputer FMIPA USU dapat lebih mudah dalam pemilihan judul-judul tugas akhir. Sebelum adanya aplikasi ini, mahasiswa bingung dalam pencarian judul tugas akhir yang akan mereka perbuat dan pegawai FMIPA yang memegang peranan dalam pengumpulan tugas akhir ini juga mengalami kesulitan, dikarenakan adanya laporan tugas akhir mahasiswa yang ilang. Dengan adanya aplikasi ini para mahasiswa tidak lagi direpotkan dengan pemilihan judu-judul tugas akhir, dan pegawai yang mengurus masalah tugas akhir juga akan lebih mudah dalam melihat dan mencari judul-judul mahasiswa D3 Ilmu Komputer FMIPA USU Medan.

7 DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Gambar Daftar Tabel ii iii iv vi viii ix Bab 1 Pendahuluan 1.1 Latar Belakang Identifikasi masalah Batasan Masalah Tujuan Metode Penelitian Tinjauan Pustaka Sistematika Penulisan 5 Bab 2 Landasan Teori 2.1 Konsep Dasar Data, Informasi, dan Sistem Informasi Data Informasi Sistem Informasi Konsep Dasar Sistem Konsep Dasar Informasi Konsep Dasar Sistem Informasi Pengenalan Internet Network Pengenalan HTML Pendahuluan HTML Bagian-bagian HTML Pengenalan PHP Sejarah PHP Kelebihan dan Kelemahan PHP Penggabungan Script HTML dan PHP Pengenalan MySQL Sejarah MySQL Mengenal Macromedia Dreamweaver Memulai Dreamweaver 21

8 Area Kerja pada Dreamweaver Menu Bar Area Kerja 22 Bab 3 Analisis dan Perancangan Sistem 3.1 Analisis Sistem Perancangan Sistem Perancangan Keluaran (Output) Perancangan Masukan (Input) Perancangan Database Perancangan File Perancangan Komunikasi Data Perancangan Data Flow Diagram (DFD) Perancangan Flowchart (Diagram Alir) Algoritma Program Algoritma Menu Utama Algoritma Menu Admin 35 Bab 4 Implementasi Sistem 4.1 Pengertian Implementasi Sistem Tujuan Implementasi Sistem Instalasi Apache, PHP, dan MySQL Instalasi Xampp Menjalankan Xampp Tampilan Halaman Website 42 Bab 5 Kesimpulan dan Saran 5.1 Kesimpulan Saran 45 Daftar Pustaka Lampiran x

9 DAFTAR GAMBAR Halaman Gambar 2.1 Komponen-komponen dari suatu sistem 10 Gambar 2.2 Komponen Sistem Informasi 12 Gambar 3.1 Perancangan keluaran (output) 26 Gambar 3.2 Perancangan masukan (input) 27 Gambar 3.3 flowchart login admin 33 Gambar 3.4 flowchart pengunjung 33 Gambar 4.1 Xampp-win installer 39 Gambar 4.2 Pilihan Bahasa Instalasi Xampp 39 Gambar 4.3 Setup Wizard 40 Gambar 4.4 Lokasi Instalasi 40 Gambar 4.5 Xampp Option 41 Gambar 4.6 Setup selesai 41 Gambar 4.7 XAMPP Control Panel 42 Gambar 4.8 Menjalankan Xampp 42 Gambar 4.9 tampilan utama website 43

10 DAFTAR TABEL Halaman Tabel 3.1 Tabel admin 28 Tabel 3.2 Tabel data_mahasiswa 28 Tabel 3.3 Tabel judul 29 Tabel 3.4 Simbol-simbol DFD 32

11 BAB 1 PENDAHULUAN 1.1 Latar Belakang Informasi merupakan salah satu kebutuhan di dalam suatu instansi, perusahaan, organisasi, lembaga serta lingkungan yang berada di luar sistem. Informasi dianggap sangat penting karena dengan adanya informasi dapat menambah pengetahuan, mengurangi ketidakpastian dan resiko kegagalan serta dapat membantu para pemimpin dalam mengambil suatu kesimpulan dan keputusan yang efektif dan efisien. Perkembangan teknologi dewasa ini semakin pesat dan semakin akrab menyentuh kehidupan manusia. Manusia yang dalam hal ini sebagai user menginginkan untuk dapat memperoleh informasi yang lengkap dan akurat. Disinilah peranan teknologi sangat dibutuhkan yaitu dalam upaya mewujudkan keinginan manusia tersebut. Karena informasi dirasakan sangat penting dalam pengambilan keputusan dan dalam pencapaian suatu tujuan. Universitas Sumatera Utara (USU) merupakan salah satu lembaga pendidikan yang membutuhkan suatu sistem untuk dapat mempercepat pekerjaan dalam lembaga. Menyikapi hal tersebut, penulis mencoba merancang suatu sistem berbasis web mengenai judul-judul tugas akhir mahasiswa pada jurusan D3 Ilmu Komputer USU dan internet

12 dijadikan sebagai media penghubungnya. Media internet dijadikan sebagai sarana untuk dapat mempublikasikan judul-judul tugas akhir D3 Ilmu Komputer USU kepada masyarakat luas pada umumnya dan keluarga besar FMIPA USU Medan pada khususnya. Dengan diselesaikannya sistem informasi tugas akhir berbasis web ini nantinya dapat bermanfaat dan memberikan bantuan dengan cepat serta efisien, sehingga pemanfaatan sumber daya komputer dapat digunakan dengan semaksimal mungkin bagi siapa saja yang membutuhkannya terutama bagi penulis. Dengan uraian tersebut, penulis berkeinginan membuat Sistem Informasi Tugas Akhir Mahasiswa D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, sebagai judul Tugas Akhir. 1.2 Identifikasi Masalah Dalam informasi tugas akhir ini FMIPA USU mengalami beberapa masalah, diantaranya : adanya judul tugas akhir yang sama pada setiap tahunnya, adanya kehilangan laporan tugas akhir karena kelalaian mahasiswa itu sendiri, sehingga mahasiswa tersebut tidak mengingat apa judul dari tugas akhir mereka, banyaknya mahasiswa yang tidak mengetahui peraturan tugas akhir, sehingga membuat peraturan sendiri. Oleh karena itu, penulis mencoba merancang sebuah sistem informasi tugas ahhir berbasis web untuk memberikan informasi yang komputerisasi dan dapat mempercepat pekerjaan dalam pencariannya

13 1.3 Batasan Masalah Sistem informasi tugas akhir ini memiliki cakupan yang luas. Untuk itu penulis melakukan pembatasan masalah hanya pada pencarian judul-judul tugas akhir, peraturan dalam penulisan tugas akhir, dan panduan dalam penulisan tugas akhir tersebut Tujuan Tujuan pembuatan aplikasi ini adalah : 1. Mengontrol sistem informasi tugas akhir FMIPA jurusan D3 Ilmu Komputer USU. 2. Mempercepat dalam pencarian judul tugas akhir. 3. Membangun aplikasi yang sesuai guna mendukung kemajuan, yang dapat mempermudah dalam membuat dokumentasi sistem informasi tugas akhir FMIPA jurusan D3 Ilmu Komputer USU. 1.5 Metode Penelitian Metode penelitian adalah cara suatu cara atau teknik yang sistematis untuk mengerjakan atau menyelesaikan sesuatu. Adapun metodologi penelitian yang digunakan penulis untuk menyelesaikan berbagai permasalahan yang terjadi diatas adalah:

14 1. Studi Lapangan Merupakan metode yang dilakukan oleh penulis secara langsung ke lapangan yang merupakan sumber data yang diperoleh sesuai dengan kebutuhan yang digunakan. 2. Wawancara Pengumpulan data dengan wawancara ini digunakan untuk meyakinkan bahwa data yang diperoleh benar-benar akurat. 3. Studi Literatur Merupakan metode yang dilakukan oleh penulis dengan mengunjungi dan mempelajari website atau situs-situs yang berhubungan dengan penelitian ini. 1.6 Tinjauan Pustaka PHP singkatan dari PHP Hypertext Preprocessor. PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirim ke klien, tempat pemakai menggunakan browser. Secara khusus PHP dirancang untuk membentuk web dinamis. Artinya, PHP dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, Anda bisa menampilkan database ke halaman Web. Pada prinsipnya PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP(Active Server Page), Cold Fusion, ataupun Perl. (Abdul Kadir, Dasar Pemograman WEB Dinamis menggunakan PHP, 2002)

15 Dewasa ini SQL merupakan standar yang digunakan untuk mengakses database relasional. Banyak DBMS (Data BaseManagement System) yang mendukung SQL untuk mengakses database. Database dapat dianggap sebagai suatu penyusunan data yang terstruktur yang disimpan dalam media pengingat (hard disk) yang tujuannya adalah agar data tersebut dapat diakses dengan mudah dan cepat. (Abdul Kadir, Penuntun Praktis Belajar SQL, 2005) PHP sebagai bahasa pemograman berbasis web, mempunyai lebih banyak kelebihan dibanding bahasa pemograman gratis sejenis lainnya, PHP juga mempunyai fungsi-fungsi yang cukup lengkap, multiflatform serta mampu berinteraksi dengan berbagai macam database. Pada PHP, banyak komponen atau fungsi yang dapat digunakan untuk berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses dapat pula digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan terhadap berbagai jenis web server. (M.Syafii, Panduan Membuat Aplikasi Database dengan PHP 5, 2005) 1.7 Sistematika Penulisan Secara garis besar tugas akhir ini terdiri dari 5 (lima) bab dan beberpa lampiran. Adapun setiap bab dan sub-sub bab yang terdiri dari :

16 BAB 1 : PENDAHULUAN Bab ini akan membahas latar belakang tugas akhir, identifikasi masalah, batasa masalah, tujuan, metode penelitian, tinjauan pustaka, dan sistematika penulisan. BAB 2 : LANDASAN TEORI Pada Bab ini penulis menguraikan sekilas tentang konsep dasar data, informasi dan sistem informasi, pengenalan internet, HTML, PHP, MySQL dan Macromedia Dreamweaver 8. BAB 3 : ANALISIS DAN PERANCANGAN SISTEM Bab ini berisi analisa ruang lingkup website, jenis file yang digunakan, analisa kebutuhan database, perancangan sistem, gambaran umum pembuatan program dan perancangan halaman website BAB 4 : IMPLEMENTASI SISTEM Pada bab ini berisi uraian pengertian implementasi sistem, komponen dalam implementasi sistem, dan instalasi XAMPP. BAB 5 : PENUTUP Berisikan kesimpulan dan saran penulisan tugas akhir.

17 BAB 2 LANDASAN TEORI 2.1 Konsep Dasar Data, Informasi dan Sistem Informasi Data Data dapat didefenisikan sebagai deskripsi dari suatu dan kejadian yang kita hadapi (Al- Bahra Bin Ladjamudin, 2005, Hal:8). Data dapat berupa catatan-catatan dalam kertas, buku, atau tersimpan sebagai file dalam database. Data akan menjadi bahan dalam suatu proses pengolahan data. Oleh karena itu, suatu data belum dapat berbicara banyak sebelum diolah lebih lanjut. Proses pengolahan data terbagi menjadi tiga tahapan, yang disebut dengan siklus pengolahan data (Data Processing Cycle) yaitu : 1. Pada tahapan Input Yaitu dilakukan proses pemasukan data ke dalam komputer lewat media input (Input Devices). 2. Pada tahapan Processing

18 Yaitu dilakukan proses pengolahan data yang sudah dimasukkan, yang dilakukan oleh alat pemroses (Process Devices) yang dapat berupa proses perhitungan, perbandingan, pengendalian, atau pencarian distorage. 3. Pada tahapan Output Yaitu dilakukan proses menghasilkan output dari hasil pengolahan data ke alat output (Output Devices) yaitu berupa informasi Informasi Informasi merupakan data yang telah diolah sedemikian rupa sehingga memiliki makna tertentu bagi penggunanya. (Adi Nugroho, 2004, hal:6) Untuk memperoleh informasi, diperlukan adanya data yang akan diolah dan unit pengolah. Agar informasi yang dihasilkan lebih berharga, maka informasi harus memenuhi kriteria sebagai berikut : 1. Informasi harus akurat, sehingga mendukung pihak manajemen dalam mengambil keputusan. 2. Informasi harus relevan, benar-benar terasa manfaatnya bagi yang membutuhkan. 3. Informasi harus tepat waktu, sehingga tidak ada keterlambatan pada saat dibutuhkan.

19 Kegunaan informasi adalah untuk mengurangi ketidakpastian di dalam proses pengambilan keputusan tentang suatu keadaan. Informasi yang digunakan di dalam suatu sistem informasi umumnya digunakan untuk beberapa kegunaan. Informasi digunakan tidak hanya digunakan oleh satu orang pihak dalam suatu organisasi. Nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya untuk mendapatkan informasi tersebut Sistem Informasi Konsep Dasar Sistem Terdapat dua kelompok di dalam mendefenisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponennya atau elemennya. Pendekatan sistem yang lebih menekankan pada prosedurnya mendefenisikan sistem sebagai berikut : Suatu sistem merupakan suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran tertentu. (Al-Bahra Bin Ladjamudin, 2005, hal:2) Pendekatan sistem yang lebih menekankan pada komponen atau elemennya mendefenisikan sistem sebagai berikut : Sistem merupakan bagian-bagian yang saling berkaitan dan beroperasi bersama untuk mencapai beberapa sasaran atau maksud. (Al-Bahra Bin Ladjamudin, 2005, hal:3)

20 Sistem itu sendiri memiliki karakteristik atau beberapa sifat tertentu, yaitu mempunyai komponen (components), batas sistem (boundary), lingkungan luar sistem (environments), penghubung (interfce), masukan (input), keluaran (output), pengolah (process), dan sasaran suatu tujuan (goal). Adapun penjelasan dari karakteristik suatu sistem diatas adalah sebagai berikut : 1. Komponen sistem (Components) Bagia sistem yang saling berinteraksi dan membentuk satu kesatuan. Komponen atau elemen sistem dapat berupa subsistem atau beberapa bagian sistem. 2. Batas Sistem (Boundary) Daerah yang membatasi antara suatu sistem dengan lingkungannya atau dengan sistem lainnya. Batas sistem inilah yang membuat sistem dipandang sebagai satu kesatuan. 3. Lingkungan luar sistem (Environments) Segala sesuatu yang berada di luar sistem yang mempengaruhi sistem. Lingkungan luar sistem dapat bersifat menguntungkan sistem atau merugikan sistem. 4. Penghubung sistem (Interface) Merupakan media penghubung antara satu subsistem dengan subsistem lainnya. Penghubung inilah yang menyebabkan beberapa subsistem berintegrasi dan membentuk satu kesatuan. 5. Masukan sistem (Input) Sesuatu yang dimasukkan ke dalam sistem yang berasal dari lingkungan. 6. Keluaran sistem (Output)

21 Suatu hasil dari proses pengolahan sistem yang dikeluarkan ke lingkungan. 7. Pengelolahan sistem (Process) Bagian dari sistem yang mengubah masukan menjadi keluaran. 8. Sasaran sistem (Objectives) atau tujuan (Goal) INPUT PROCESSING OUTPUT Gambar 2.1 Komponen-komponen dari suatu sistem Sasaran sistem adalah sesuatu yang menyebabkan mengapa sistem itu dibuat atau ada. Sustu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya Konsep Dasar Informasi Informasi dalam sebuah organisasi sangat penting peranannya. Suatu sistem yang kurang mendapatkan informasi akan menjadi lemah dan akhirnya berakhir. Informasi itu sendiri dapat didefenisikan sebagai berikut : Informasi merupakan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal data atau data item. Data adalah kenyataan yang menggambarkan sesuatu yang terjadi pada saat tertentu Konsep Dasar Sistem Informasi

22 Informasi dapat diperoleh dari sistem informasi (Information System) atau disebut juga dengan processing system atau information generating system. Dari uraian diatas maka sistem informasi dapat diartikan sebagai berikut : 1. Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasin untuk mencapai suatu tujuan tertentu yaitu menyajikan informasi. 2. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan memberikan informasi bagi pengambil keputusan atau untuk mengendalikan organisasi. Sistem informasi sendiri memiliki sejumlah komponen tertentu, yang terdiri dari beberapa komponen yang berbeda yaitu, manusia, data, hardware, dan software. Sebagai suatu sistem, setiap komponen tersebut berinteraksi satu dengan lainnya membentuk satu kesatuan untuk mencapai sasarannya. Berikut beberapa komponen dapat dilihat pada gambar 2.2. Hardware System Software Data User Gambar 2.2 Komponen sistem informasi 2.2 Pengenalan Internet

23 Internet (Interconnected Netwoek) merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan satu dengan yang lainnya. Secara etimologis, internet berasal dari bahasa inggris yakni inter berarti antar dan net berarti jaringan sehingga dapat diartikan hubungan antar jaringan. Jaringan komputer ini terdiri dari lembaga pendidikan, pemerintahan, militer, organisasi dan bisinis dan organisasi lainnya. Internet atau nama pendeknya Net merupakan jaringan komputer yang tersebar didunia. Sampai saat ini internet sudah menghubungkan lebih dari jaringan komputer dengan pemakai lebih dari 100 juta orang. Internet adalah jaringan luas di komputer yang lazim disebut dengan world wide network secara lebih ringkas internet adalah sumber informasi dan alat komunikasi serta hiburan. Jaringan internet menyediakan beberapa aplikasi yang dapat digunakan oleh user internet : , mailing list, newsgroup, file transfer protocol (FTP), gopher, telnet, talk, chat, world wide web Network Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunukasi membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan data di komputer

24 lain, dapat mencetak laporan di printer lain, dapat memberikan berita ke komputer lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lainnya. 2.3 Pengenalan HTML Pendahuluan HTML HTML merupakan kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi ataupun intyerface aplikasi di dalam internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh sebagai platform seperti : windows, linux, macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML. HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C Bagian-bagian HTML

25 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 senagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema di bawah ini : <html> <head> <title>... </title> </head> <body>... isi dari halaman web... </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 script-script pemrograman web seperti JavaScript, VBScript, 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>. Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode-kode tag tersebut. Sedangkan tag hanya merupakan bagian dari elemen.tag adalah kode-kode yang digunakan

26 untuk men-setting dokumen HTML. Secara garis besar bentu umun tag adalah sebagai berikut : <tag-awal> TEKS <.tag-akhir> Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img>, dan lain-lain. 2.4 Pengenalan PHP Sejarah PHP PHP merupakan bahasa pemrograman web yang di desain untuk web. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun Jika dilihat dari versi pertamanya bahwa PHP terdiri dari sekumpulan script PERL yang digunakan untuk mengolah data form dan website. Kemungkinan bahwa PHP singkatan dari Perl Hypertext Preprocessor. Pada awalnya PHP bernama FI (Form Interpreted). Setelah Rasmus melepaskan kode sumbernya, maka terbentuklah nama PHP. Sejak itulah PHP bersifat open source. Pada bulan November 1997, PHP Versi 2.0 berhasil dirilis. Pada rilis ini interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 ini merupakan versi PHP yang paling populer

27 dikalangan programmer website. Alasan yang menjadi versi 4.0 ini begitu diminati oleh adanya kemampuan untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi. Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman kearah pemrograman berbasis objek Kelebihan dan Kelemahan PHP Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi 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. 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.

28 5. PHP dapat berjalan pada tiga operating sistem : 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 Penggabungan Script PHP dan HTML Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML yaitu : 1. Embedded Script Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara lain penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML. Contoh penulisan Embedded Script yaitu : <html> <head> <title> Testing </title> </head> <body>

29 </html> </body> <? echo Halo Dunia ;?> 2. Non Embedded Script Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen. Dengan cara lain, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan script HTML sebagai bagian dari script PHP. Contoh penulisan Non Embedded Script yaitu : <? echo <html> ; echo <head> ; echo <title> Testing </title> ; echo </head><body> ; echo Hello Dunia ; echo <body> ; echo <html> ;?> 2.5 Pengenalan MySQL Sejarah MySQL MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama TcX Data Konsult AB, dan pada akhirnya berubah nama menjadi MySQL AB. Sekitar tahun , TcX membuat database MySQL untuk mengembangkan aplikasi web bagi klien-nya. TcX merupakan perusahaan pengembang software dan konsultan database.

30 Michael Widenius atau disebut Monty adalah pengembang satu-satunya di TcX. Dengan berlandaskan pada aplikasi UNIREG dan ISAM yang dibuat sendiri, dia memutuskan untuk mencari antarmuka SQL yang sangat tepat untuk ditempelkan di atasnya. Awalnya dia menggunakan msql singkatan dari mini SQL (Structure Query Language). Dia beranggapan bahwa msql merupakan satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu. Namun setelah iya melakukan uji coba, ternyata msql tidak cukup cepat dan leksibel. Dan pada versi pertama msql tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai pembuat msql, namun karena David tengah sibuk dalam mengembangkan versi 2 msql, maka Monty memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip denagn SQL, namun memiliki kemampuan yang lebih sesuai kebutuhkan, sehingga lahirlah MySQL. Terdapat perbedaan pendapat seputar asal muasal nama MySQL itu sendiri, ada yang mengataka bahwa nama MySQL diambil dari nama depan dan belakang sebutan dari Michael Widenius, yaitu Monty. Adapula yang mengatakan kata My itu sendiri diambil dari nama putri Monty, yang bernama My. Jika kita amati source code MySQL itu sendiri, prefiks My memang sudah menjadi prefiks umum apabila seseorang ingin membuat kode kustom sendiri. Pada bulan Mei 1996, versi 1.0 berhasil dirilis secara terbatas hanya untuk empat orang saja. Namun dibulan Oktober pada tahun yang sama versi dilepas ke public. Namun mula-mula kode ini tidak diberikan dibawah lisensi GPL, melainkan lisensi

31 khusus yang intinya kurang lebih seperti ini : Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa : mengemas dan menjual MySQL atau menyertakan MySQL dalam program komersial lain), Anda harus bayar lisensi. Pada bulan Juni 2000, MySQL AB mengumumkan bahwa sejak versi , MySQL adalah merupakan software database yang bebas berlisensi GPL. Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi web sederhana, namun belum memadai untuk aplikasi bisnis. Contoh-contoh kelemahannya adalah sebagai berikut : JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING. Tipe data dan TIMESTAMP dan kolom auto-update, namun tidak terdapat system-generated number (sequence), baru akhir tahun 1996 ditambah modifer kolom AUTO_INCREMENT. Kelemahan berikutnya yaitu terdapat LIMIT dan GROUP BY dan ORDER BY yang masih memiliki keternatasan. Pada tahun , yaitu pada versi 3.22, MySQL menjadi semakin populer dan dilirik orang karena kestabilan dan kecepatan yang meningkat. Pada versi 3.22 inilah MySQL sudah tersedia diberbagai platform termasuk Windows. 2.6 Mengenal Macromedia Dreamweaver 8 Macromedia Dreamweaver merupakan sebuah editir HTML profesional untuk mendesai secara visual dan mengolah situs web maupun halaman web. Macromedia Dreamweaver

32 8 adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini, pihak Macromedia telah mengeluarkan versi terbaru dari Macromedia Dreamweaver yaitu Macromedia Dreamweaver 8. Dimana Macromedia Dreamweaver 8 ini memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming web-nya Memulai Dreamweaver 8 Seperti halnya dengan program-program ini, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudia pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah meng-install-an, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin kita gunakan, sebaiknya kita gunakan ruang kerja designer Area Kerja Pada Dreamweaver 8 Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah : 1. Document Window berfungsi untuk menampilkan dokumen dimana kita sekarang bekerja. 2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

33 3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image, tabel, dan lain-lain. 4. Document Toolbar berisi tombol-tombol dan menu pop up dari dokumen yang sedang kita kerjakan. 5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan dibawah satu judul untuk membantu bekerja dengan Dreamweaver. 6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja. 7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda Menu Bar Area Kerja Didalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat sederhana dan mudah untuk dipahami. Pada Menu Bar Area kerja Dreamweaver 8 terdiri dari beberapa komponen yang dapat kita gunakan, yaitu : 1. Menu File Menu file terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain-lain. 1. Menu Edit

34 Menu Edit terdiri dari perintah untuk men-copy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain-lain. 2. Menu View Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dremweaver 8. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar. 3. Menu Insert Berisikan alternatif baris insert untuk menyisipkan objek di dalam dokumen. 4. Menu Modify Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat meng-edit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template. 5. Menu Text Berfungsi untuk mempermudah dalam melakukan format teks.

35 BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem

36 Untuk memulai membangun suatu website yang berupa aplikasi mengenai D3 Ilmu Komputer USU, penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi berbasis web yang akan dibuat. Aplikasi pencarian judul D3 Ilmu Komputer FMIPA USU ini diperbuat atas dasar kebutuhan Bapak Dr. Saib Suwilo, M. Sc selaku Ketua Departemen Matematika di FMIPA USU. Berikut adalah halaman-halaman aplikasi pencarian judul tugas akhir berbasis web yang dibangun penulis agar mahasiswa Ilmu Komputer di FMIPA USU dapat melakukan pemilihan judul dalam penulisan tugas akhirnya. Penjelasan terhadap halaman-halaman aplikasinya yaitu: 1. Admin Halaman admin aplikasi bertanggungjawab atas data-data yang diinformasikan pada halaman. Data-data yang ditampilkan pada aplikasi diambil langsung datanya dari database. Seperti menampilkan judul-judul tugas akhir yang ada semuanya diambil dari database. 2. Umum, terutama bagi mahasiswa D3 Ilmu Komputer FMIPA USU Data judul tugas akhir hanya dapat dihapus dan diperbaiki oleh admin. Mahasiswa hanya dapat melihat judul-judul tugas akhir saja, dan membaca peraturan serta panduan dari tugas akhir tersebut 3.2 Perancangan Sistem

37 Perancangan sistem adalah merupakan upaya perusahaan untuk memulai memiliki sistem baik yang lama maupun untuk memiliki sistem yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Agar lebih mudah untuk memahaminya, maka penulis membuat perancangan sistem dalam Tugas Akhir ini. Metode perancangan sistem yang penulis lakukan didalam penyusunan Tugas Akhir ini terdiri dari Perancangan Data Flow Diagram (DFD), Perancangan Normalisasi dan Database serta Perancangan Data Flowchart Perancangan Keluaran (Output) Output adalah informasi yang dikirim kepada para pengguna melalui sistem informasi lewat internet, extranet, atau world wide web (www). Beberapa data memerlukan pemrosesan yang ekstensif sebelum menjadi keluaran yang layak, data-data lainnya disimpan, dan ketika diperoleh, dianggap sebagai output dengan sedikit atau tanpa pemrosesan sama sekali. Ada 6 (enam) tujuan dari keluaran (output) yaitu: 1. Merancang output untuk tujuan khusus. 2. Membuat output bermanfaat bagi para pengguna. 3. Mengirim jumlah output yang tepat. 4. Menyediakan distribusi output yang tepat. 5. Menyediakan output tepat waktu. 6. Memilih metode output yang paling efektif.

38 berikut: Adapun perancangan keluaran (output) yang ingin penulis perbuat adalah sebagai header home Judul TA Peraturan TA Panduan TA Pencarian berdasarkan Judul, nama, dan doping Form Pencarian (misalnya berdasarkan doping) Tombol cari Maka akan menghasilkan sbb: Nama NIM Judul TA Stambuk IPK Mis: Ida Ilmu Komputer ,2 Perkembangan penduduk footer Gambar 3.1 Perancangan Keluaran (Output) Perancangan Masukan (Input) Kualitas sistem input menentukan kualitas sistem output. Dengan berusaha membuat sistem input yang dibentuk secara bagus, penganalisis sistem menyatakan bahwa input yang buruk mengundang pertanyaan tentang kepercayaan terhadap keseluruhan sistem. Adapun tujuan perancangan masukan (input) adalah: 1. Membuat penyelesaian input yang mudah dan efisien. 2. Menjamin input akan memenuhi tujuan yang diharapkan. 3. Menjamin penyelesaian yang tepat. 4. Membuat tampilan layar dan formulir yang menarik. 5. Membuat input yang tidak rumit. 6. Membuat tampilan layar dan formulir yang konsisten.

39 berikut: Adapun perancangan masukan (input) yang ingin penulis perbuat adalah sebagai header home Input TA Peraturan TA Panduan TA Form input judul-judul tugas akhir: Nama NIM Judul Tugas Akhir Stambuk IPK ( Form yang mau diisi ) ( Form yang mau diisi ) ( Form yang mau diisi ) ( Form yang mau diisi ) ( Form yang mau diisi ) Simpan Reset Setelah data-data diinput dan ditekan tombol simpan maka data-data tersebut akan langsung tersimpan ke database. footer Gambar 3.2 Perancangan Masukan (Input) Perancangan Database Database dapat diumpamakan sebagai sebuah tempat menyimpan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk aplikasi pencarian judul D3 Ilmu Komputer USU. Dalam perancangan aplikasi pencarian judul ini, penulis membuat 2 tabel dalam database tugas_akhir. Tabel-tabel tersebut adalah tabel admin, tabel mahasiswa dan tabel judul. Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL atau

40 phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing-masing tabel. 1. Tabel admin terdiri dari: Tabel admin digunakan untuk menampung data dari admin pada aplikasi pencarian judul tugas akhir D3 Ilmu Komputer USU Medan. Berikut adalah field-field yang dibuat dalam tabel admin: Field Type Keterangan User MD5 Nama Admin Password MD5 Password Admin Tabel 3.1 Tabel Admin 2. Tabel data_mahasiswa terdiri dari: Tabel mahasiswa digunakan untuk menampung data-data mahasiswa yang ada pada Jurusan D3 Ilmu Komputer USU. Berikut adalah field-field yang dibuat dalam tabel mahasiswa: Field Type Keterangan Nama Varchar Nama Mahasiswa NIM Varchar Nomor Induk Mahasiswa Judul TA Text Judul Tugas Akhir Jurusan Varchar Jurusan Mahasiswa IPK int Indeks Prestasi Kumulatif Tabel 3.2 Tabel Data_Mahasiswa

41 3. Tabel judul terdiri dari: Tabel judul digunakan untuk menampung judul-judul seluruh tugas akhir mahasiswa D3 Ilmu Komputer USU yang meliputi nama, nim, judul tugas akhir, dan IPK dari mahasiswa tersebut. Field Type Keterangan Nama Varchar Nama Mahasiswa NIM Varchar Nomor Induk Mahasiswa Judul TA Text Judul Tugas Akhir Jurusan Varchar Jurusan Mahasiswa IPK int Indeks Prestasi Kumulatif Tabel 3.3 Tabel Judul Perancangan File Dalam perancangan website, penulis mempersiapkan file-file yang digunakan dalam menunjang tampilan website. File halaman website secara keseluruhan berekstensi.php. Hal ini dikarenakan seluruh file halaman website menggunakan bahasa pemrograman PHP dan berkomunikasi dengan MySQL sebagai tempat penyimpanan datanya atau sebagai database-nya. Penjelasan terhadap file halaman website adalah: 1. index.php

42 Halaman index.php merupakan penggabungan antara tag-tag HTML dan pemrograman PHP. File ini adalah halaman utama pada website jika browser dijalankan maka user akan melihat sejarah dan misi serta visi dari D3 Ilmu Komputer FMIPA USU. 2. judul_ta.php Halaman judul_ta.php merupakan penggabungan antara tag-tag HTML dan pemrograman PHP. Halaman judul_ta ini menampilkan nama, nim, judul ta, stambuk, san IPK dari mahasiswa D3 Ilmu Komputer USU Medan. 3. cari.php Halaman cari.php merupakan penggabungan antara tag-tag HTML dan pemrograman PHP. Halaman ini dibuat untuk memberikan kemudahan dalam pencarian atau search judul-judul tugas akhir yang telah disimpan dalam database MySQL. 4. peraturanta.php Halaman peraturanta.php merupakan penggabungan antara tag-tag HTML dan pemrograman PHP. Halaman ini berisikan tentang peraturan tugas akhir di D3 Ilmu Komputer FMIPA USU. 5. panduanta.php Halaman panduanta.php merupakan penggabungan antara tag-tag HTML dan pemrograman PHP. Halaman ini berisikan tentang panduan tugas akhir di D3 Ilmu Komputer FMIPA USU. 6. bacaexcel.php Halaman bacaexcel.php merupakan halaman yang berisikan perintah untuk dapat membaca file excel dan masuk ke database MySQL.

43 Perancangan Komunikasi Data Perancangan komunikasi data adalah suatu sistem bagi kebanyakan pengguna. Bagaimana bagus atau buruknya rancangan, komunikasi data tersebut menjadi gambaran dari sistem yang akan dirancang. Tujuan dirancangnya komunikasi data ini adalah: 1. Menyesuaikan komunikasi data dengan tugasnya. 2. Mengefesienkan komunikasi data. 3. Memberikan arus balik yang tepat antara komunikasi data dengan pengguna. 4. Membangkitkan pertanyaan-pertanyaan mengenai komuikasi data yang dapat dimanfaatkan. 5. Memperbaiki produktivitas dari pengetahuan pegawai Perancangan Data Flow Diagram (DFD) Didalam penyusunan Tugas Akhir ini, penulis melakukan perancangan awal sistem dengan menggunakan Data Flow Diagram (DFD) sesuai dengan data hasil penelitian. Data Flow Diagram (DFD) merupakan suatu bagian yang menggambarkan urutan kerja/proses secara garis besar. Dengan diagram aliran data dapat dipahami bagaimana sistem tersebut berjalan.

44 Penggunaan notasi/simbol dalam diagram arus data berguna untuk membantu komunikasi antara analisis sistem dengan pemakai sistem (user) agar dapat memahami suatu sistem secara logika, selain dari itu notasi/simbol dalam diagram arus data itu juga membantu sekali untuk memahami suatu sistem pada semua tingkat kompleksitasnya. Diagram tersebut dikenal dengan Data Flow Diagram (DFD). Adapun sombol-simbol yang digunakan pada DFD adalah sebagai berikut: No Nama Simbol Gambar Keterangan 1 2 External Entity / Terminator (Kesatuan Luar) Proses External Entity / Terminador / Kesatuan luar digambarkan dengan notasi/simbol kotak berbentuk bujur sangkar. Simbol ini menggambarkan suatu proses atau transformasi data. 3 Data Store. Simbol ini untuk memudahkan mengambarkan

45 simpanan data 4 Data Flow (Arus Data) Simbol/notasi ini mengambarkan arus data yang mengalir sebagi input atau output. Tabel 3.4 Simbol-Simbol DFD Perancangan Flowchart (Diagram Alir) Adapun flowchart untuk perancangan output administrator yaitu:

46 Buka Halaman Admin Input User & Password Status = Admin Login Nama & Pass Anda Salah Tampilan web Admin Logout Gambar 3.3 flowchart login admin Selanjutnya adalah, flowchart untuk perancangan output pengunjung yaitu: Halaman Pengunjung Pilih Link yang ada Visi& misi Pencarian TA Pencarian Judul TA tdk ditemukan Gambar 3.4 flowchart pengunjung

47 3.3 Algoritma Program Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antara lain, yaitu: Algoritma Menu Utama Langkah 1 :Aktifkan browser Interner Explorer atau Mozilla Firefox, ketik address bar kemudian ketik icon Go pada sudut kanan address bar, maka akan tampil halaman utama website. Langkah 2 :Dengan demikian kita akan di bawa langsung masuk ke menu utama Yang menjelaskan sejarah, visi dan misi, serta mata kuliah yang Ditawarkan pada program studi D3 Ilmu Komputer FMIPA Universitas Sumatera Utara. Langkah 3 : Jika ingin melakukan pencarian judul-judul tugas akhir Anda dapat mengklik link yang telah disediakan penulis Anda dapat melihat judul-judul mahasiswa, dosen pembimbingnya Serta IPK mahasiswa tersebut Langkah 4 : Keluar.

48 Algoritma Menu Admin Langkah 1 : Aktifkan browser Interner Explorer atau Mozilla Firefox, ketik address bar kemudian ketik icon Go pada sudut kanan address bar, maka akan tampil halaman utama website. Langkah 2 : Untuk melakukan login, masukkan user login dan password di tempat web login, lalu klik login. Langkah 3 : Periksa user login dan password yang dimasukkan, jika benar maka tampil halaman selanjutnya, dan jika salah maka mucul peringatan untuk memperbaiki user login dan password. Langkah 4 : Pilih salah satu menu yang ada di halaman Admin, lalu kita akan masuk ke jendela menu yang dipilih, seperti input data mahasiswa, ubah pass admin, input judul tugas akhir. Langkah 5 : Keluar.

49 BAB 4 IMPLEMENTASI SISTEM Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki. 4.1 Pengertian Implementasi Sistem Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (Hardware), perangkat lunak (Software), dan perangkat manusia (Brainware). Pada website Pencarian Judul Tugas Akhir ini dibutuhkan komponen-komponen yang mencakup seperti yang diatas : 1. Perangkat Keras (Hardware) a. Monitor Super VGA b. CPU (Central Processing Unit) c. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan d. Memori minimal 128

50 e. Keyboard dan mouse 2. Perangkat Lunak (Software) a. Sistem OperasiWindows XP. b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL. c. Macromedia Dreamweaver 8 sebagai editor pendesainannya. d. PHP sebagai bahasa pemrograman server side. e. Web Server sebagai server lokal dalam pengetesan halaman web. f. Browser sebagai tempat media tampilan halaman website. Seperti : Mozilla. 3. Perangkat Manusia (Brainware) Yang dapat menjalankan website ini hanyalah Admin saja. 4.2 Tujuan Implementasi Sistem Adapun tujuan dari implementasi sistem ini adalah sebagai berikut: 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru 3. Menguji apakah sistem baru tersebut sesuai dengan pemkai. 4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar. 4.3 Instalasi Apache, PHP dan MySQL Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situs untuk Apache,

51 untuk PHP dan untuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit. Alternatif lain yang digunakan penulis adalah dengan menginstalasi Xampp. Perangkat lunak Xampp dengan versi ini penulis download di situs Instalasi Xampp Xampp memberikan paket-paket yang cukup lengkap diantaranya: 1. Apache HTTPD Openssl 0.9.8i 2. MySQL PHP phpmyadmin XAMPP CLI Bundle FileZilla FTP Server Mercury Mail Transport System 4.62 Dengan menginstalasi Xampp secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu konfigurasi yang rumit.

52 Adapun tahap-tahap instalasinya adalah sebagai berikut: 1. Klik ganda pada file xampp-win installer. Gambar 4.1 Xampp-win installer 2. Pilih bahasa yang digunakan dalam proses instalasi. Pada tahap instalasi ini juga mendukung bahasa Indonesia. Gambar 4.2 Pilihan Bahasa Instalasi Xampp

53 3. Maka akan muncul setup wizard. Kemudia klik next. Gambar 4.3 Setup Wizard 4. Untuk lokasi instalasi, penulis menyarankan untuk membiarkannya secara default.

54 Gambar 4.4 Lokasi Instalasi 5. Maka akan muncul Xampp option yang menyatakan Xampp ingin diletakkan dimana. Kemudian klik install. Gambar 4.5 Xampp Option 6. Tunggu proses instalasi sampai selesai. Proses ini memerlukan waktu yang cukup lama. Jika sudah selesai akan tampil gambar di bawah ini:

55 4.3.2 Menjalankan Xampp Gambar 4.6 Setup selesai Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Xampp. Untuk itu, buka direktori C:\apachefriends\xampp.

56 Gambar 4.7 XAMPP Control Panel Untuk menjalankan Xampp, klik ganda pada xampp_start.exe, sedangkan untuk mematikan servis Xampp klik ganda pada xampp_stop.exe. Jika servis sudah berjalan akan muncul jendela baru seperti: Gambar 4.8 Menjalankan Xampp 4.4 Tampilan Halaman Website Pada website Pencarian Judul Tugas Akhir D3 Ilmu Komputer USU ini memiliki banyak halaman. Tiap halaman utama masing-masing memiliki link yang tiap isi halaman webnya menunjuk setiap informasi yang berbeda-beda. Untuk pengetesan pada tool browser, ketikkan pada address bar untuk melihat tampilan Apache web server pada brwser. Untuk pengujian halaman website Pencarian Judul Tugas Akhir D3 Ilmu Komputer USU sendiri ketikkan pada address bar browsing seperti berikut ini : Penulisan TA setelah localhost menunjukkan folder tempat

57 penyimpanan file-file website D3 Ilmu Komputer USU. Dibawah ini adalah contoh halaman utama pada website D3 Ilmu Komputer USU Medan. 1. Index Halaman index pada aplikasi pencarian judul tugas akhir ini berisikan tentang visi dan misi dari D3 Ilmu Komputer USU Medan. Gambar 4.9 Tampilan Utama Website

58 BAB 5 KESIMPULAN DAN SARAN 5.1. Kesimpulan Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam pembangunan aplikasi berbasis web pada FMIPA USU. Maka dapat penulis simpulkan : 1. Sistem Informasi Tugas Akhir ini dirancang untuk dapat memberikan informasi yang lengkap dan akurat dalam pengambilan judul tugas akhir, karena di dalam sistem informasi tugas akhir berbasis web terdapat judul-judul tugas akhir mahasiswa pada tahun-tahun sebelumnya, agar dalam pengambilan judul tugas akhir pada tahun berikutnya bisa lebih tepat dan teliti. 2. Sistem Informasi Tugas Akhir ini memudahkan dalam melakukan peng-updatean (edit, hapus, cari) data yang diperlukan secara cepat, khususnya pada peng-updatean judul Tugas Akhir. 3. Dengan menggunakan internet, penyampaian informasi dapat lebih luas tersebar di berbagai wilayah dan lebih mudah untuk mengaksesnya.

59 5.2. Saran Dengan selesainya website Tugas Akhir FMIPA USU ini, penulis memiliki beberapa saran yang dapat mendukung pengembangan sistem lebih lanjut : 1. Untuk melengkapi website administrator, dapat ditambah rekap nama-nama mahasiswa yang dibimbing oleh dosen pembimbing, dengan adanya rekap tersebut dapat mempermudah dosen pembimbing dalam mengingat nama mahasiswa yang di bimbingnya. 2. Pada website pengunjung tidak perlu di buat form login, karena website tugas akhir ini bersifat memberikan informasi bagi masyarakat umum

60 DAFTAR PUSTAKA Kadir, Abdul Penuntun Praktis Belajar SQL. Yogyakarta: Andi Kadir, Abdul Dasar Pemrograman WEB Dinamis menggunakan PHP. Yogyakarta: Andi Kenneth E. Kendall, Julie E. Kendall Analisis dan Perancangan Sistem Jilid 1. Jakarta : PT. Indeks Kelompok Gramedia Kenneth E. Kendall, Julie E. Kendall Analisis dan Perancangan Sistem Edisi Ke 5 Jilid 2. Jakarta : PT. Indeks Kelompok Gramedia Riberu, Tito Membuat Situs Web dengan Macromedia DreamWeaver MX Jakarta: Dinastindo Sukarno, Mohamad Membangun Website Dinamis Interaktif dengan PHP dan MySQL (Window dan Linux). Jakarta. Penerbit Eska Media Press. Sutarman, Membangun Aplikasi Web dengan PGP dan MySQL. Yogyakarta : Graha Ilmu

61 Syafii, M Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta: Andi Offset Utomo, Eko Priyo Berbisnis di era Internet dengan E-Commerce. Bandung. Penerbit Rama Widya. L A M P I R A

62 N DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM(FMIPA) Jl. Bioteknologi No.1 Kampus USU Telp. (061) Fax (061) MEDAN 20155, Dekanat@FMIPA.USU.AC.ID KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa Nomor Induk Mahasiswa Judul Tugas Akhir Dosen Pembimbing Tanggal Mulai Bimbingan Tanggal Selesai Bimbingan : : : : : Fadly Siswanto Sistem Informasi Tugas Akhir Mahasiswa D3 Ilmu Komputer Fakultas MIPA Universitas Sumatera Utara Drs. Marihat Situmorang, M. Kom. 6 Mei Juni 2009 No Tanggal Pembahasan Mengenai, Paraf Dosen Bimbingan pada bab : Pembimbing Keterangan Pengajuan Proposal TA ACC Pengajuan Bab 1 ACC Pengajuan Bab 2 ACC Pengajuan Bab 3 ACC Pengajuan Bab 4 ACC Pengajuan Bab 5 ACC

63 * Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai. Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Dosen Pembimbing Dr. Saib Suwilo, M. Sc. Drs. Marihat Situmorang, M. Kom. NIP NIP SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan di bawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program D-III Komputer : Nama Nomor Induk Mahasiswa Program Studi Judul Tugas Akhir : : : : FADLY SISWANTO D3 ILMU KOMPUTER SISTEM INFORMASI TUGAS AKHIR MAHASISWA D3 ILMU KOMPUTER FAKULTAS MIPA UNIVERSITAS SUMATERA UTARA Telah melaksanakan test program Tugas Akhir dari mahasiswa tersebut yang dilaksanakan pada tanggal Juni Dengan hasil : Sukses / Gagal Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa yang bersangkutan di Departemen Matematika FMIPA USU Medan.

64 Medan, Juni 2009 Dosen Pembimbing Drs. Marihat Situmorang, M. Kom NIP LAMPIRAN A : TAMPILAN PROGRAM Tampilan Halaman Utama (Home) Tampilan Judul Tugas Akhir

65 Tampilan Peraturan Tugas Akhir Tampilan Panduan Tugas Akhir

66 Tampilan Login Administrator Tampilan Utama Admin (Home Admin)

67 Tampilan Edit Judul Tugas akhir Tampilan Saat Mengedit Judul Tugas akhir

68 Tampilan Tambah judul Tugas akhir Tampilan Form Ubah Password Admin

69 Tampilan Rekapitulasi Judul Tugas Akhir Tampilan Rekap Tahunan

70 LAMPIRAN B : LISTING PROGRAM Listing konek.inc <? $konhost="localhost"; $konuser="root"; $konpass=""; $kondb="tugas_akhir"; $konek=mysql_connect($konhost,$konuser,$konpass) or die ("Tidak dapat terhubung ke MySQL"); $konekdb=mysql_select_db($kondb) or die ("Tidak dapat terhubung ke Database");?> Listing index.php <html> <head> <title>:: Sistem Informasi Tugas Akhir D-3 Komputer ::</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!--.style2 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333;