ANALISIS DAN PERANCANGANWEBSITE IKATAN PELAJAR DAN MAHASISWA PUNCAK (IPMAP) YOGYAKARTA SKRIPSI

  ANALISIS DAN PERANCANGANWEBSITE IKATAN PELAJAR DAN MAHASISWA PUNCAK (IPMAP) YOGYAKARTA SKRIPSI DisusunOleh :

  YENDIRON MURIB 1271101349 JURUSAN TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS WIDYA DHARMA KLATEN 2016

  ● ● ●

AKULIAH DIA DALAM SEGALA LAKUMU ,MAKA IA

MELURUSKAN JALANMU

  

● ● ●

JANGAN MENGANGGAP DIRI SENDIRI

BIJAK,TAKUTLAH AKAN TUHANN

AMZAL

  3.6-7

JANGAN MENYERAH DIRI CITA-CITAKU SEBELUM MENCAPAI.

  

DARI JAUH 1000 PULAU & 1000 GUNUNG KAMI MELEWATI

HANYA UNTUK SATU TUJUAN.

  

KINAONAK AMOLONGGO

MOTTO

KATA PENGANTAR

  Penulis mengucapkan Puji syukur kehadirat Tuhan Yesus Kristus yang telah menganugerahkan kesehatan dan kesabaran kepada penulis, sehingga dapat menyelesaikan Skripsi yang berjudul

  

“Analisis dan Perancangan Website (IPMAP)

IkatanPelajardanMahasiswaPuncak Yogyakarta ”. dengan baik dan tanpa halangan suatu apapun juga.

  Skripsi ini di susun sebagai salah satus yarat kelulusan Strata 1 Jurusan teknik informatika pada Ilmu Komputer universitaswidya dharma klaten untuk memperoleh gelar Sarjana Komputer.

  Dengan selesainya Skripsiini, maka Penulis menyampaikan ucapan terima kasih dan penghargaan kepada :

  1. Bapak Fajar. Budi hartono, M.Eng. selaku Ketua ilmu komputer yang telah memberikan kesempatan kepada Penulis untuk menimbah ilmu di almamater tercintaini.

  2. Bapak Drs.mahmudYusuf.M.Kom selaku dosen pembimbing yang telah membantu dan memberikan motivasi pada Penulis dalam penyusunan Skripsi

  3. Pengurus sebentara (IPMAP) Ikatan pelajar dan Mahasiswa asal kabupaten Puncak Yogyakarta beserta seluruh anggota (IPMAP) atas bantuan, data dan informasi.

  4. Ibu aryati wulandari ,ST terima kasih telah membantu penulis dengan ide – ide gilanya 5.

  Semua pihak yang selama ini banyak member bantuan, dukungan motivasi maupun do’a yang tidak dapat di sebutkan satu per satu. Akhir kata, semua saran dan kritik yang sifatnya membangun akan Penulis terima dengan kerendahan hati demi kesempurnaan penulisan Skripsi ini di masa-masa mendatang. Skripsi ini akan sangat berarti jika dapat memberikan manfaat yang tiada pernah habis bagi penulis khususnya dan bagi semua pihak yang bersangkutan pada umumnya.

  DAFTAR ISI

HALAMAN JUDUL .................................................................................................... i

HALAMAN PERSETUJUAN ................................................................................... ii

HALAMAN PENGESAHAN .................................................................................... iii

HALAMAN PERNYATAAN ................................................................................... iv

MOTTO ....................................................................................................................... v

PERSEMBAHAN ...................................................................................................... vi

KATA PENGANTAR .............................................................................................. viii

DAFTAR ISI................................................................................................................ x

DAFTAR TABEL .................................................................................................... xiii

DAFTAR GAMBAR ................................................................................................ xiv

  

INTISARI ................................................................................................................ xvii

ABSTRACT .............................................................................................................. xvii

  BAB I PENDAHULUAN A . Latar belakang masalah...................................................................... 1 1 .Rumusan masalah ............................................................................. 2 2. batasan masalah ................................................................................. 2

  3. Tujuan penelian .................................................................................. 3 4. metode Penelitian ............................................................................... 4 5. sistematika penulisan ......................................................................... 5

  BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI A Tinjauan Pustaka ................................................................................ 6

  1. Penelian terdahulu .............................................................................. 6

  2. Tinjauan tentang Ipmap Yogyakarta .................................................. 7

  4. program kerja ..................................................................................... 8

  C. PEMROGRAMAN WEB ................................................................ 22

  10. Analisis Efisiensi (efficiency) .......................................................... 34

  9. Analisis pengedalian(control) .......................................................... 33

  8. Analisis ekonami (ecomic) .............................................................. 32

  7. Analisis Informasi (informasion) ..................................................... 31

  6. Analisis kinerja (performance .......................................................... 31

  5. Analisis Pices ................................................................................... 30

  4. Identifikasi masalah ......................................................................... 30

  4 Analisis Sistem................................................................................. 29

  2. HTML .............................................................................................. 23 3. server side ........................................................................................ 24

  1. Client ................................................................................................ 22

  12. Chatting ............................................................................................ 20 13. konsep Dasar Website ...................................................................... 20

  B. LANDASAN TEORI ......................................................................... 9

  11. Email ................................................................................................ 20

  10. Browser ............................................................................................ 20

  9. DNS (dominan name system) .......................................................... 19

  8. TCp/IP(tranper control protocol/internet procokol) ......................... 19

  7. URL (uniform resource locator) ...................................................... 19

  6. Teknologi web pada sisi server ........................................................ 16

  5. Teknologi web pada sisi klien.......................................................... 14

  4. Teknologi web ................................................................................. 13

  3. Aplikasi website ............................................................................... 10

  2. Sejarah website .................................................................................. 9

  1. Mengenai web .................................................................................... 9

  11. Analisis pelayanan (server) .............................................................. 34 12. studi kelayaka................................................................................... 35 13. kelayakan Teknis (tercnical feasibility) ........................................... 35

  15. kelayakan ekonomi .......................................................................... 36

  16. Analisis Biaya dan manfaat ............................................................. 36

  17. Metode periode pembelian(payback periode) .................................. 38 18. kelayakan hokum (law fasibility)..................................................... 40 19. perancangan proses .......................................................................... 40

  20. Admin .............................................................................................. 41

  21. User case .......................................................................................... 41 22. komponen Tabel............................................................................... 43 23. konsep perancangan ......................................................................... 45

  24. Perancangan link situs web .............................................................. 46

  BAB III METODOLOGI PENELITIAN A. Bahan Dan Meteri penelitia ................................................................... 47 B. Waktu dan Tempat penelitian ................................................................ 47 C. Alat penelitian ........................................................................................ 48 1. Perangkat keras (hardware).................................................................... 48 2. Perangkat Lunak(software) .................................................................... 48 D. Jalan penelitian....................................................................................... 49 1. Penggumpulan Data ............................................................................... 50 a. Obsevasi ........................................................................................... 50 b. Wawancara ....................................................................................... 50 c. Analisis data ..................................................................................... 51 d. Evaluasi ............................................................................................ 51 2. Rancangan Sistem .................................................................................. 51 a. Diagram konteks .............................................................................. 51 b. Data flow Diagram (DFD) ............................................................... 51 c. DFD Level 1 .................................................................................... 52 d. DFD level 2 ...................................................................................... 52 3. Rancangan database ............................................................................... 55 a. Rancanga Database Konsentual ....................................................... 55 b. Bentuk Normalisasi pertama ............................................................ 56

  d.

  Bentuk normalisasi ketiga ................................................................ 57 4. Perancangan database logic ................................................................... 59 E.

  Kesulitan penelitian ............................................................................... 68 BABA IV HASIL PENELITIAN DAN PEMBAHASAN A.

  Hasil penelitian ....................................................................................... 69 1. Proses login ............................................................................................. 69 2. Tampilan Menu utama ............................................................................ 70 a.

  Menu utama ..................................................................................... 71 b.

  Menu kedua ....................................................................................... 71 c. Proses Buku tamu ............................................................................. 71 d.

  Komentar .......................................................................................... 71 3. Proses gallery .......................................................................................... 80 4. Proses Organisasi .................................................................................... 83 5. Proses Menu Anggota ............................................................................. 85 6. Proses Deasin .......................................................................................... 86 7. Menu Contact .......................................................................................... 87 8. Menu Admin (backsite) .......................................................................... 87 9. Tampilan Admin .................................................................................... 89 10.

  Agenda .................................................................................................... 90 B. Pembahasan............................................................................................. 93 1. Kembutuhan system ................................................................................ 94 2. Keunggulan ............................................................................................. 94

  BAB V KESIMPULAN DAN SARAN A. Kesimpulan ............................................................................................. 96 B. Saran ....................................................................................................... 97 DAFTAR PUSTAKA LAMPIRAN

  DAFTAR GAMBAR

Gambar 3.4 Normasisasi bentuk ke dua .............................................................. 36Gambar 4.2 menu tampilan .................................................................................. 77Gambar 4.1 kendali keamanan............................................................................. 75Gambar 3.10 Rancangan link ................................................................................. 47Gambar 3.9 Rancangan link................................................................................. 46Gambar 3.8 User Sace user .................................................................................. 43Gambar 3.7 user sace anggota ............................................................................. 43Gambar 3.6 User Sace administrator ................................................................. 42Gambar 3.5 Normalisasi bentuk ke tiga............................................................... 37Gambar 3.3 Normalisasi bentuk pertama ............................................................ 35Gambar 2.1 struktur organisasi .............................................................................. 6Gambar 3.2 DFD sistem informasi web mahasiswa ipmap ................................. 33Gambar 3.1 diagram konteks ............................................................................... 32Gambar 2.7 proses krja server side scripting ...................................................... 23Gambar 2.7 proses clint side scripting ................................................................ 21Gambar 2.6 mekanisme pembangkitan web secara dinamis ............................... 18Gambar 2.5 asitektur aplikasi web ....................................................................... 17Gambar 2.4 mekanismepembangkitan web secara dinamis ................................ 12Gambar 2.3 mekanisme kerja permintaan dokumen html ................................... 11Gambar 2.2 arsitektur aplikasi web ..................................................................... 10Gambar 4.3 Header website ................................................................................. 79Gambar 4.5 tampilan komentar ........................................................................... 80Gambar 4.6 Tampilan utuh halamnan berita ....................................................... 81Gambar 4.7 Tampilan album ............................................................................. 81Gambar 4.8 Datail anggota .................................................................................. 82Gambar 4.9 struktur organisasi ............................................................................ 82Gambar 4.10 daftar anggota .................................................................................... 83Gambar 4.11 desain .............................................................................................. 83Gambar 4.12 Kontok.............................................................................................. 93Gambar 4.13 tampilan halaman login .................................................................... 94Gambar 4.14 admin................................................................................................ 94Gambar 4.15 Tampilan upload foto ....................................................................... 94Gambar 4.16 halaman e_mail dan loging ............................................................. 95

  

DAFTAR TABEL

  Table 3.1.puncak……………………………………………………………………………..….38

Table 3.2 intergritas referensinya……………………………………………………………..…38Tabel 3.3 ruang…………………………………………………………………………..………39Tabel 3.4 admin…………………………………………………………………………..……...39

  Tabel 3.5 agenda…………………………………………………………………………..….….39

Tabel 3.6 albun……………………………………………………………………………...……40Tabel 3.7 anggota…………………………………………………………………………..……40Table 3.8 komentar………………………………………………………………………………40Table 3.9 foto………………………………………………………….…………………………41

  Table 3.10 .guestbook………………………………………………………………………...…..41

Table 3.11 kontak……………………………………………………………………………...…41Table 3.12 admin………………………………………………………………………………...44Table 3.13 tabel agenda…………………………………………………………………………44Table 3.14 tabel albun……………………………………………………………………………44Table 3.15 tabel anggota…………………………………………………………………………44Table 3.16 tabel kontent…………………………………………………………………………44Table 3.17 tabel relasi ………………………………………………………………………….50

  

INTISARI

  sediakan satu pandangan murid asal kabupaten Puncak dan pembangunan organisatoris penerapan. Situs Web Skripsi ini berjudul Perancangan (IPMAP) Ikatan Pelajar dan Mahasiswa asal kabupaten Puncak. ( Perencanaan Situs web( IPMAP) Mengebal Murid dan Teratas Murid

  

Agung), Penelitian di lakukan di Daerah Istimewa Yogyakarta. Lokasi (Jl. Sono malang rejo RT

  01/RW 33 wedemartini ngamplak sleman yogyakarat di asrama mahasiswa asal kabupaten puncak ” Tujuan Penelitian Ini Adalah Untuk Mengetahui Adanya Perilaku Pengembangan

  Organisasi, ikut menentukan tercapainya tujuan organisasi IPMAP, Web bahkan mempertimbangkan berbagai faktor berkaitan dengan Jaringan Teknologi. Dan menentukan kualitas kualitas jaringan erah globalisasi, Situs apa saja yang dapat mempengaruhi perilaku persaingan pengembangan organisasi melalui, maka dapat diketahui. Perkembangan organisasi sesuai dengan kebutuhan

• – kebutuhan atau peningkatan dan melahirkan anak anak (IPMAP) Alumnus Dalam berbagai macam bindan masing masing sehingga dapat diketahui bahwa sekian orang disebut bahkan pendiri organisasi, sekian orang disebut mahasiswa, bahkan juga kegiatan
• – kegiatan rutinitas yang menyelengarakan dan menjalankan, situs menjadi tau di berbagai aspek yang bisa melihat dan mengikuti perkembangan untuk itu penulis merancang situs web supaya berbagai informasi yang melink ke IPMAP Akan Dibuat Tersebut Memberi Pandangan Pelajar, mahasiswa Puncak dan mengimplementasikan perkembangan organisasi

  Kata kunci : Situs web, IPMAP Yogyakarta, mahasiswa asal puncak ilaga

  1

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah

  Media informasi yang berbasis internet, bukan merupakan hal yang asing lagi bagi masyarakat khususnya bagi dunia usaha dan pendidikan. Informasi yang beragam, banyak tersedia di internet dan dimanfaatkan sebagai media periklanan suatu perusahaan suatu lembaga organisasi baik bisnis maupun non bisnis.

  Informasi yang tersedia dapat berupa promosi, layanan, pemasaran dan transaksi.

  Saat ini terdapat jutaan web di internet. Kita dapat mengakses informasi yang mencakup berbagai topik, menjalankan bisnis berbasis web, dan bahkan kita dapat mempelajari web dan teknologi dibaliknya. Web juga menjadi sarana komunikasi yang disukai karena sifatnya mendunia (World Wide), dan menjadi ajang tukar informasi bagi penggunanya. Web tidak digunakan untuk menampilkan informasi saja, namun web mulai digunakan untuk aplikasi yang banyak membutuhkan interaksi dari user.

  Ikatan Pelajar dan Mahasiswa Puncak (IPMAP) Yogyakarta merupakan salah satu Organisasi yang perlu berinteraksi, dan bersosisalisasi dengan mahasiswadan masyarakat, denagan cara memberikan informasi yang lengkap dan jelas mengenai institusinya. Penyampaian informasi yang selama ini digunakan oleh Ikatan Pelajar dan Mahasiswa Puncak (IPMAP) Yogyakarta,

  2 jangkauan penyebaran informasi yang kurang luas, muatan informasi yang sangat terbatas,dan proses update informasi yang relatif kurang menguntungkan baik menyangkut biaya maupun waktu. Disini ditawarkan sebuah sistem penyebaran informasi, yang dapat melengkapi sistem lama yaitu memanfaatkan situs web di internet sebagai sarana informasi sekaligus promosi. Karena alasan tersebut, maka penulis mengambil judul “ANALISIS DAN PERANCANGAN

  

WEBSITE IKATAN PELAJAR DAN MAHASISWA PUNCAK (IPMAP)

YOGYAKARTA

  ”.

  1.2. Rumusan Masalah

  Untuk mempermudah dalam penyusunan maka penulis merumuskan masalah sebagai berikut :

  1. Bagaimana membangun aplikasi website yang dapat digunakan untuk memberikan informasi kepada masyarakat luas tentang Ikatan Pelajar dan Mahasiswa Puncak (IPMAP) Yogyakarta .

  2. Bagaimana membangun aplikasi website yang dinamis dan mudah dikelola?

  1.3. Batasan Masalah

  Berdasarkan latar belakang masalah diatas, maka yang menjadi pokok permasalahannya adalah bagaimana melakukan analisis dan merancang website sebagai sarana penyedia informasi. Yang berisi tentang

  3

3. Visi dan misi 4.

  Even atau kegiatan yang dilaksanakan 5. Info tentang kampus 6. User (pengguna seluruh mahasiswa IPMAP yang berada di yogyakarta.

  Dan pada admin hanya diperuntukan bagi administrator yang mengupdate informasih dengan menggunakan pasword tertentu.

  Untuk medukung desain web yang mudah dikelola dan informasi yang diberikan menarik dengan menampilkan teks, gambar, maka penulis menggunakan perangkat lunak antara lain; 1.

  Apachefriends sebagai web server, 2. Internet Explorer sebagai web browser, 3. Macromedia Dreamweaver 8 sebagai web editor, 4. MySQL sebagai database, 5. Macromedia Flash MX dan Adobe Photoshop CS4 sebagai editor gambar, serta PHP dan HTML sebagai scriptnya.

1.4. Tujuan Penelitian 1.

  Sebagai media untuk mendukung penyampaian informasi kepada masyarakat luas tentang Ikatan Pelajar dan Mahasiswa Puncak (IPMAP) Yogyakarta

  4

1.5. Metode Penelitian

  Pelaksanaan penelitian ditujukan untuk memberikan kemudahan pemahaman terhadap sistem yang berjalan. Hal ini dilakukan untuk mendapatkan data – data yang dibutuhkan pada proses penyusunan. Adapun metode yang dipakai dalam pelaksanaan penelitian adalah: 1.

  Metode Observasi Merupakan suatu metode penelitian yang dilakukan dengan cara mengadakan pengamatan secara langsung terhadap seluruh kegiatan yang dilakukan oleh personal pada objek penelitian yang akan diteliti.

  2. Metode Wawancara Mengadakan tanya jawab secara langsung terhadap pihak

• – pihak yang berkepentingan dengan organisasi dalam pencarian informasi mengenai penelitian objek atau pengumpulan data dengan cara meneliti langsung, mengajukan pertanyaan
• – pertanyaan yang sesuai dengan masalah yang akan dipecahkan.

  3. Metode Pustaka Pengumpulan data dengan menggunakan buku

• – buku atau literature yang berhubungan dengan masalah yang sedang diteliti.

  4. Metode Dokumentasi Suatu metode untuk mengumpulkan data dengan cara mengambil dari dokumen

• – dokumen lembaga pendidikan yang berkaitan.

BAB V KESIMPULAN DAN SARAN A. Kesimpulan Dari uraian dan penjelasan keseluruhan materi pada bab-bab

  sebelumnya dan dalam mengakhiri pembahasan " Analisis Perancangan

  Website Ikatan Pelajar dan Mahasiswa Puncak (IPMAP) Korwil Yogyakarta" serta dengan selesainya penyusunan skripsi dan pembuatan

  aplikasi website ini, maka penulis mengambil kesimpulan yaitu: 1.

  Aplikasi website merupakan salah satu media yang tepat untuk memberikan informasi sekaligus sebagai media promosi mengenai Mahasiswa Asal Kabupaten Puncak kepada masyarakat.

  2. Dengan diterapkannya media web di Ikatan Pelajar Mahasiswaasal kabuaten Puncak (IPMAP) korwil Yogyakarta-solo, promosi IPMAP maupun penyampaian informasi tentang IPMAP akan lebih efektif dan efisien.

  3. Informasi organisasi akan lebih mudah dan cepat diakses dimana saja dan kapan saja tanpa ada batasan waktu dan tempat setelah diterapkannya sistem baru yang memanfaatkan media internet.

  4. Untuk membuat website yang selalu up to date, maka website terkoneksi dengan database, yang fungsinya untuk menyimpan data-data yang akan

  97 adanya database. Untuk situs web IPMAP penulis menggunakan database MySQL.

  5. Script engine PHP cocok untuk digunakan dalam membangun aplikasi web yang dinamis dan memiliki database

B. Saran

  Dalam pembuatan website dinamis dan interaktif sebagai sarana penyampaian informasi dan promosi, penulis memberikan sarana untuk penyempurnaan dan kelancaran website. Saran-saran adalah sebagai berikut: 1.

  Keberadaan website di sebuah badan atau instansi sangat penting karena akan membantu kelancaran operasional, dalam hal ini kelancaran penyampaian informasi dalam badan atau instansi tersebut. Pembuatan website Ikatan Pelajar Mahasiswa asal kabupaten Puncak (IPMAP) akan meningkatan promosi organisasi tesebut dan informasi yang ditampilkan disitus tersebut selalu up to date dan situs dapat diakses kapanpun tidak terikat waktu. Oleh sebab itu penulis menyarankan penggunaan situs web (website) dalam media promosi yang handal dan terjangkau.

2. Agar situs mudah dikenal sebaiknya situs didaftarkan pada hosting komersial yang menyediakan fasilitas-fasilitas tambahan pada situs.

  Dengan demikian situs dapat menentukan sendiri nama domain yang menggambarkan isi situs dan mudah diingat.

  98 membangun sebuah situs web selain keefektifan dan keefisienan. Mungkin situs yang dikembangkan oleh penulis masih terdapat banyak kekurangan dalam hal keamanan. Untuk itu penulis mengharapkan masukan dari pihak-pihak yang berkepentingan dan berkompeten dalam hal ini, untuk lebih menyempurnakan hasilnya. DAFTAR PUSTAKA Dr. Jacobalis Samsi, SpBtika Promosi.

  Mayor Pratomo Czi Budiman S.. www. mabesad.mil.id. Manajemen Pengetahuan. Prasetyo Didik Dwi, Solusi Menjadi Webmaster Melalui Manajemen Web dengan Php, Elex Media Komputindo. Jakarta 2005.

  Prihatna Henky, Kiat Praktis Menjadi Web Master Professional. Elex Media Komputindo, Jakarta 2005.

  Purnama Budi, 2001, 36 Jam Belajar Computer. Mikrossoft Internet Explorer, PT. Alex Media Computindo.

  Suhendar A 2002. Visual Modeling Menggunakan UML dan Retional Rose. Bandung Informatika.

  Suyanto M, Analisis dan Desain Aplikasi Multimedia untuk Pemasaran. Andi, Yogyakarta 2004.

  Yuhefizar, www.ilmukomputer.com, tutorial computer dan jaringan. Sutiyadi Muhammad, 2003. Pengenalan Internet..

  

  Kadir,Abdul;dasarpemrograman web Dinamis menggunakan PHP;penerbit andi;2002 Lemay,laura;oncur,machael G;laura lemay web worshop javascrippt;sams publishing 1996 Kabir,M.j,secure php development: building 50 practical