PENGEMBANGAN WEBSITE KOMUNITAS STUDI KASUS : KOMUNITAS FOTOGRAFI

Ukuran: px

Mulai penontonan dengan halaman:

Download "PENGEMBANGAN WEBSITE KOMUNITAS STUDI KASUS : KOMUNITAS FOTOGRAFI"

Siska Tedjo
6 tahun lalu
Tontonan:

PENGEMBANGAN WEBSITE KOMUNITAS STUDI KASUS : KOMUNITAS FOTOGRAFI TUGAS AKHIR Disusun sebagai salah satu syarat untuk kelulusan Program Strata 1, Program Studi Teknik

1 PENGEMBANGAN WEBSITE KOMUNITAS STUDI KASUS : KOMUNITAS FOTOGRAFI TUGAS AKHIR Disusun sebagai salah satu syarat untuk kelulusan Program Strata 1, Program Studi Teknik Informatika, Universitas Pasundan Bandung oleh : Agung Febry Darmawan nrp PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS PASUNDAN BANDUNG JUNI 2015

2 DAFTAR ISI ABSTRAK... i ABSTRACT... ii KATA PENGANTAR... iii DAFTAR ISI... iv DAFTAR TABEL... vi DAFTAR GAMBAR... vii DAFTAR LAMPIRAN... viii DAFTAR SIMBOL... ix BAB 1 PENDAHULUAN 1.1 Latar Belakang Identifikasi Masalah Tujuan Batasan Masalah Metodologi Penelitian Sistematika Penulisan BAB 2 LANDASAN TEORI 2.1 Komunitas Fotografi Metode Waterfall MySQL SQL Hypertext Preprocessor (PHP) Apache HTTP(Hypertext Transfer Protocol) Website UML (Unified Modelling Language) BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Kerangka Tugas Akhir (TA) Analisis Sistem Analisis Sistem Yang Sedang berjalan Kegiatan Komunitas Fotografi PT Telekomunikasi Indonesia Analisis Kebutuhan Website Fungsi Website Fitur Website Analisis Pengguna (User) Analisis Kebutuhan Informasi

3 3.4 Perancangan Sistem Use Case Diagram Use Case Skenario Activity Diagram Activity Diagram Penambahan Event Activity Diagram berita / artikel Activity Diagram upload gambar Sequence Diagram Class Diagram Pemodelan Data Struktur Perancangan Program Halaman Utama Website(Frontend) BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi SIstem Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Implementasi Database Implementasi Antarmuka Halaman Admin Halaman utama Pengujian Perangkat Lunak Pengujian Fungsional Kasus dan Hasil Pengujian BAB 6 KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN

4 DAFTAR GAMBAR Gambar 1.1 Diagram Metodologi Penelitian Gambar 2.1 Waterfall Model (Sommerville,2003) Gambar 3.1 Skema Analisis Gambar 3.2 Use Case Diagram Gambar 3.3 Activity Diagram Penambahan Event Gambar 3.4 Activity Diagram Penambahan Artikel Gambar 3.5 Activity Diagram Upload Gambar Gambar 3.6 Sequnce Diagram Buat Akun Gambar 3.7 Sequence Diagram Melihat Informasi Konten Gambar 3.8 Sequence Diagram Komentar Gambar 3.9 Class Diagram Gambar 3.10 Struktur Menu Website (Frontend) Gambar 3.11 Halaman Login (Backend) Gambar 3.12 Halaman Utama (Backend) Gambar 3.13 Halaman Utama (Frontend) Gambar 3.14 Halaman Galleri Gambar 3.15 Halaman Berita Gambar 3.16 Halaman Event Gambar 4.1 Tabel Admin Gambar 4.2 Tabel Artikel Gambar 4.3 Tabel Event Gambar 4.4 Tabel Anggota Gambar 4.5 Tabel Galleri Gambar 4.6 Tabel Iklan Gambar 4.7 Tabel Kategori Gambar Gambar 4.8 Tabel Komentar Gambar 4.9 Tampilan Login Admin) Gambar 4.10 Tampilan Utama Admin (Backend) Gambar 4.11 Tampilan Management User Gambar 4.12 Tampilan Edit User Gambar 4.13 Tampilan Halaman Utama (Frontend) Gambar 4.14 Tampilan Galleri Gambar 4.15 Tampilan Berita Gambar 4.16 Tampilan Event Gambar 4.17 Tampilan Daftar

5 DAFTAR TABEL Tabel 2.1 Use Case Diagram Simbol Tabel 2.2 Activity Diagram Simbol Tabel 3.1 Kerangka TA Tabel 3.2 Deskripsi Aktor Tabel 3.3 Kategori Isi Informasi pada Website Tabel 3.4 Deskripsi Daftar Tabel 3.5 Deskripsi Lihat Galleri Tabel 3.6 Deskripsi Lihat Berita Tabel 3.7 Deskripsi Lihat Event Tabel 3.8 Deskripsi Lihat Iklan Tabel 3.9 Modul Sekuensial Tabel 3.10 Artikel Tabel 3.11 Daftar Tabel 3.12 Event Tabel 3.13 Galleri Iklan Tabel 3.14 Iklan Tabel 3.15 Galleri Tabel 3.16 Komentar Tabel 3.17 Komentar Artikel Tabel 3.18 Penjelasan Struktur Utama (Frontend) Tabel 4.1 Skenario Pengujian Aplikasi Tabel 4.2 Pengujian

6 DAFTAR SIMBOL TabelSimbol Use Case Diagram NO GAMBAR NAMA KETERANGAN 1. Use case Fungsionalitas yang disediakan sistem sebagai unitunit yang saling bertukan pesan antar unit atau aktor, biasanya dinyatakan dengan menggunakan kata kerja di awal frase nama use case. 2. Aktor / actor Orang, proses, atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat itu sendiri, jadi walaupun simbol dari aktor adalah orang tapi belum tentu merupakan orang, biasanya dinyatakan menggunakan kata benda di awal frase nama aktor. 3. Asosiasi / association Komunikasi antara aktor dan use case yangberpartisipasi pasa use case atau use case memiliki interaksi dengan aktor. 4. Ekstensi / extend 5. Generalisasi / generalization 6. Include Relasi Use case tambahan ke sebuah Use case dimana Use case yang ditambahkan dapat berdiri sendiri walau tanpa Use case tambahan itu, mirip dengan prinsip inheritance pada pemerograman berorientasi objek, biasanya Use case tambahan memiliki nama depan yang sama dengan Use case yang ditambahkan. Hubungan Generalisasi dan spesialisasi (umum khusu ) antara dua buah use case dimana fungsi yang satu adalah fungsi yang lebih umum dari lainnya. Ada dua sudut pandang yang cukup besar mengenai include di use case : a. Include berarti use case yang ditambahkan akan selalu dipanggil saat use case tambahan dijalankan. b. Include berarti use case yang tambahan akan selalu melakukan pengecekan apakah use case yang ditambahkan telah dijalankan sebelum use case tambahan dijalankan.

7 Tabel Simbol Class Diagram NO GAMBAR NAMA KETERANGAN Nama_kelas 1. + atribut +oprasi() Kelas Kelas pada struktur sistem. 2. Antarmuka / interface Sama dengan konsep interface dalam pemerograman berorientasi objek. 3. Asosiasi / association Relasi antar kelas dengan makna umum, asosiasi juga disertai dengan multiplicity 4 Asosiasi berarah / association Relasi antar dengan makna kelas yang satu digunakan oleh yang lain, asosiasi biasanya juga disertai dengan multiplicity 5 Generalisasi Relasi antar kelas dengan makna Generalisasispesialisasi (umum khusus) 6 7 Kebergantungan / dependency Agregasi / aggregation Relasi antar kelas dengan makna kebergantungan antar kelas Relasi antar kelas dengan makna semua bagian (whole - part)

8 Tabel Simbol Sequence Diagram NO GAMBAR NAMA KETERANGAN 1. Aktor Orang, proses, atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat itu sendiri, jadi walaupun simbol dari aktor adalah orang tapi belum tentu merupakan orang, biasanya dinyatakan menggunakan kata benda di awal frase nama aktor. 2. Garis hidup / lifeline Menyatakan kehidupan suatu objek. 3. Waktu aktif Menyatakan objek dalam keadaan aktif dan berinteraksi pesan 4. Nama_objek : nama kelas Objek Menyatakan objek berinteraksi pesan 5. Pesan tipe create Menyatakan suatu objek membuat objek lain, arah panah mengarah pada objek yang dibuat. 6. Pesan tipe send Menyatakan bahwa suatu objek mengirim data / masukan/ inpformasi ke objek lainnya. 7. Pesan tipe retrun Menyatakan bahwa suatu objek telah menjalankan suatu oprasi atau metode menghasilkan suatu kembalian ke objek tertentu. 8. Pesan tipe call Menyatakan suatu objek memanggil oprasi/metode yang ada pada objek lain atau dirinya sendiri.

9 TabelSimbol Activity Diagram NO GAMBAR NAMA KETERANGAN 1. Status awal Status awal aktivitas sistem, sebuah diagram aktifitas memilki sebuah status awal 2 Aktivitas 3 Status akhir Aktivitas yang dilakukan sistem, aktivitas biasanya diawali dengan kata kerja. Status akhir yang dilakukan sistem, sebuah diagram aktivitas memiliki sebuah status akhir.

dokumen-dokumen yang mirip

PEMBUATAN APLIKASI PENERIMAAN OUTSOURCING BERBASIS WEB

PEMBUATAN APLIKASI PENERIMAAN OUTSOURCING BERBASIS WEB TUGAS AKHIR Disusun sebagai salah satu syarat untuk kelulusan Program Strata 1, di Program Studi Teknik Informatika, Universitas Pasundan Bandung