Proposal

Rancang Bangun Web Company Profile pada

Yayasan Al Faqih Mandiri

Email: alfaqihmandiri@gmail.com

1
 KATA PENGANTAR

Puji syukur saya ucapkan kehadirat Tuhan yang Maha Esa, Allah SWT yang
telah memberikan rahmat serta hidah kepada kita semua sehingga tim kami dapat
menyelesaikan proposal Rancang Bangun Web Company Profile untuk Yayasan Al-
Faqih Mandiri.

Proposal ini dibuat agar tim kami dapat memberikan gambaran umum dari usaha
yang akan dilaksanakan bagi investor yang bersedia menggunakan jasa kami.

Saya tidak lupa mengucapakan banyak terima kasih kepada semua pihak yang
telah membantu menyelesaikan proposal layanan kami khususnya untu Bapak Refirman
di Politeknik Negeri Jakarta, sehingga penulis dapat menyelesaikan penyusunan
proposal usaha ini.

Dalam penyusunan proposal ini, saya berharap semoga usaha ini dapat
bermanfaat bagi saya sendiri maupun kepada pembaya. Semoga layanan yang kami
berikan dapat bermanfaat.

Depok, 11 Juni 2019

PENYUSUN

2
 DAFTAR ISI

Kata Pengantar 2
Daftar Isi………………………………………………………………………………...3
Daftar Table……………………………………............................................................. 5
Daftar Gambar………………………………………………………………………… 6
Pengenalan sistem informasi 3
BAB I PENDAHULUAN
1.1 Latar Belakang Perusahaan 4
1.2 Struktur Organisasi 4
BAB II Project Charter
2.1 Project Title 5
2.2 Project Objective 5
2.3 Project Conception 5
2.4 Problem Statement 7
2.5 Initial Scope of Project 7
2.6 Constraint 7
2.7 Objective 7
2.8 Project Documentation and Commuication 7
2.9 Project Organization and Staffing Approach 7
2.10 Resource Requirement for Implementing the project Scheduling 9
BAB III Problem Analysis Phase
3.1 Problem Domain 11
3.2 Problem and Opportunities Analysis 11
BAB IV Requirement Analysis Phase
4.1 Define Requirement 13
4.2 Analyze Requirement …………………...…………………................................13
4.3 Data Modelling……………….……………………………………………….…14
4.4 Process Modelling …….………………………………………………………. .14
4.5 Interface Modelling ………..……………………………………………………14

BAB V Decision Analysis Phase

5.1 Identify Candidate Solutions 15

3
5.2 Analyzing Candidate Solution 16
5.3 Comparing Candidate Solution ………………………………………………...
16
5.4 Recommend a Solution………………………......………………….…………..
18

BAB VI Application Architecture

6.1 Sequence Diagram 18
6.1.1 Sequence Diagram Home 19
6.1.2 Sequence Diagram About Us 20
6.1.3 Sequence Diagram Kontak Kami21
6.1.4 Sequence Diagram Produk 22
6.2 Compenent Diagram 20
6.3 Activity Diagram 21
6.3.1 Activity Diagram Home 19
6.3.2 Activity Diagram About Us 20
6.3.3 Activity Diagram Kontak Kami 21
6.3.4 Activity Diagram Produk 22
BAB VII Database Design
7.1 Database Design 23
BAB VIII System Interface
8.1 User Interface 30
8.2 Dialogue Chart 31
BAB IX Kesimpulan & Saran
9.1 Kesimpulan 32
9.2 Saran 32

4
 DAFTAR TABLE

BAB II Project Charter

Table 2.1 Resource Requirement for Implementing the Project………………………11
BAB III Problem Analysis Phase
Table 3.1 Problems, Opportunities, Objectives and Constraint Matrix………………15
BAB VI Decision Analysis Phase
Tabel 5.1: Candidate System Matrix………………………………………………….18
Tabel 5.2: Point Score of the Solution………………………………………………...20

5
 DAFTAR GAMBAR

BAB I Pendahuluan
Gambar 1.2 Stuktur Organisasi……………………………………………………….8
BAB 1V Requirement Analysis Pulse
Gambar 4.5 Use Case Diagram………………………………………………………18
BAB VI System Architecture
Gambar 6.1.1 Sequence diagram home……………………………………………....24
Gambar 6.1.2 Sequence diagram Tentang Kami…………………….……………….25
Gambar 6.1.3 Sequence diagram Pelayanan………………………………………....25
Gambar 6.1.4 Sequence diagram
Kontak…………………………………………......26
Gambar 6.2 Component diagram………...
…………………………………………...26
Gambar 6.3.1 Activity diagram
Home……………………………………………......27
Gambar 6.3.2 Activity diagram Tentang
Kami……………………………………….28
Gambar 6.3.3 Activity diagram
Layanan…………………………………………......28
Gambar 6.3.4 Activity diagram
Kontak………………………………………………29
BAB VII Database Design
Gambar 7.1 Database Design
Flowchart……………………………………………...30
BAB 8 System Interface
Gambar 8.1 Halaman Beranda………………………………………………………...31
Gambar 8.2 Halaman Tentang Kami………………………………………………….31
Gambar 8.3 Halaman Kontak…………………………………………………………32
Gambar 8.4 Halaman Pelayanan……………………………………………………...32
Gambar 8.5 Dialogue Chart…………………………………………………………..32

6
 Pengenalan Sistem Informasi

Perkembangan teknologi dan sumber informasi melalui berbagai media,

khususnya media internet, saat ini semakin digemari oleh masyarakat atau pelaku
bisnis. Internet sebagai media teknologi informasi memiliki fungsi menyediakan
berbagai informasi yang dibutuhkan oleh pengguna. Informasi yang diperoleh
melalui internet selain cepat dan akurat, juga dapat diakses dimana saja. Untuk dapat
tersambung dengan internet, beberapa perangkat dapat digunakan seperti telepon
rumah, handphone, atau melalui jaringan warnet.

Website adalah media yang sangat penting dalam memasarkan produk dan
layanan anda. Sebuah website mencerminkan perusahaan/kegiatan usaha yang
diperkenalkannya. Penggunaan internet semakin meluas dengan meningkatnya
kesadaran masyarakat akan pentingnya internet dan kemudahan yang ditawarkan.
Salah satunya website company profile atau Toko Online adalah trend baru dalam
penggunaan internet. Melalui internet, pengguna dapat melakukan transaksi jual beli
dengan mudah dan cepat. Pelaku bisnis dapat mempromosikan barang dagangannya
keseluruh penjuru dunia dengan biaya yang murah. Perusahaan kami merupakan
penyedia jasa pembuatan website yang dapat membantu bagi organisasi atau
perusahaan yang bergerak dibidang bisnis atau komersial. Bukan hanya perlayanan,
tapi kualitas dan harga, menjadi hal terbaik untuk promosi perusahaan/usaha bisnis
dijaringan internet.

7
 BAB 1
PENDAHULUAN

1.1 Latar Belakang Perusahaan

Yayasan Al-Faqih Mandiri adalah sebuah

pesantren dimana menyelenggarakan pelayanan keagamaan perorangan yang
menyediakan pelayanan mondok dan hafalan alquran baik untuk para santriwan
dan santriwati. Oleh karena itu disini Yayasan Al-Faqih Mandiri sebagai salah satu
perusahaan yang bergerak dibidang keagamaan ingin mengibarkan sayap nya lebih
lebar lagi dengan cara membuat website. Karena pada era sekarang ini
pertumbuhan pengguna internet semakin meningkat, sehingga Yayasan Al-Faqih
Mandiri melihat sebuah peluang itu untuk memasarkan pesantren.

1.2 Struktur Organisasi

Owner

Manager

Administrator Staff

Gambar 1.2 Stuktur Organisasi

8
 BAB 2
Project Charter

2.1 Project Title

Rancang Bangun Web Company Profile
pada Yayasan Al-Faqih Mandiri.

2.2 Project Objectives

Project ini akan membuat sistem pemasaran dan penyimpanan data yang
awalnya bersifat manual menjadi suatu sistem pemasaran melalui sistem
informasi website sehingga membuat pengguna system lebih mudah. Sistem
informasi ini juga membantu Yayasan Al Faqih Mandiri agar para konsumen
dan karyawan lebih mudah dalam mengetahui informasi mengenai Yayasan Al
Faqih Mandiri.
2.3 Project Conception
Proyek ini merupakan buah pikiran dari kami untuk Yayasan Al Faqih
Mandiri yang menginginkan memiliki suatu sistem yang dapat memudahkan
publikasi produk mereka untuk para santri yang akan daftar.
Persaingan yang semakin ketat di dunia bisnis membuat kami
menyarankan mereka memiliki sebuah website agar lebih dikenal oleh
masyarakat luas dan memperluas jaringan bisnis mereka. Karena dengan
kemajuan ini mereka menjadi lebih mudah dalam mengembangkan usaha
mereka.
2.4 Problem Statement
Yayasan Al Faqih Mandiri sebagai pesantren yang bergerak di
keagamaan dan baru saja didirikan memang butuh pemasaran yang baik.
Apalagi sudah banyak terdapat pesantren lainnya yang lebih maju pesat dan
sudah lebih dulu dikenal oleh masyarakat luas. Maka Yayasan Al Faqih Mandiri
berinisiatif untuk mempromosikan pesantrennya melalui website. Karena jika
hanya pemasaran hanya dengan menggunakan media cetak saja dalam

9
 pemasarannya dinilai kurang efektif.
PROJECT: PROJECT MANAGER:
Rancang Bangun Web Company
1. Almira Aubin
Profile pada Yayasan Al Faqih
Mandiri 2. Rizki Amalia

CREATED BY: 3. ZakiUPDATED

LAST Nur Wahyudi
BY:

1. Almira Aubin Rizki Amalia

2. Rizki Amalia

3. ZakiCREATED:
DATE Nur Wahyudi
11/05/2019 DATE LAST UPDATED:
20/05/2019

Brief Statement
s of Problem, Annual Priority Proposed
Urgency Visibility
Opportunity, or Benefits or Rank Solution
Directiv
Keadaan Besarnya Laporan
Sistem yang Skala
yang efek Keuangan Usulan/solusi
manual Perioritas
Mendesak perubahan Tahunan
Membuat
New
Laporan yang 1 bulan High Rp. 1
Development
jelas 1.000.000
Pembuatan Rp.
Tampilan 1.200.000
New
Website 2 Bulan High 2
Development
Menjadi Rapih
dan Bagus

Keterangan :
• Urgency :
seberapa cepat masalah harus diatasi.

10
• Visibility : besarnya efek perubahan sistem terhadap
pengguna.
o High : perubahan sangat membantu pengguna.
o Medium : perubahan yang terjadi pengaruhnya tidak
begitu besar namun cukup membantu pengguna.
o Low : perubahan kurang mempengaruhi pengguna .
• Annual benefit : perkiraan besarnya keuntungan apabila
masalah dapat diatasi.
• Prority : tingkat prioritas mana yang harus dikerjakan
lebih dahulu.
• Proposed solution : solusi yang ditawarkan untuk mengatasi masalah.

ASAP = as soon as possible = segera mungkin.

2.5 Initial Scope of Project

Pihak yang berhubungan langsung dengan pihak Yayasan Al-Faqih Mandiri
yaitu para santri.

2.6 Constraint

1. Website ini hanya bisa diakases oleh Administrator tidak bisa dilakukan oleh
Guru, Staff yang tidak berwenang ataupun Siswa/Siswi.

2. Layanan kami tidak melakukan pemublikasian (iklan, etc) terhadap Website

yang kami buat.

2.7 Objectives
Sistem yang mengandung informasi tentang pesantren di Yayasan Al Faqih
Mandiri
sekaligus media penyimpanan dan pengiriman data untuk membantu santri
untuk lebih focus.

11
2.8 Project Documentation and Communication

1. Seluruh anggota tim proyek mengadakan rapat sesuai yang telah

dijadwalkan yang dipimpin oleh project manager.
2. Komunikasi antar anggota tim dilakukan dengan cara melalui e-mail,
forum diskusi yang telah disediakan, maupun pembicaraan langsung.
3. Seluruh dokumentasi tentang proyek ini akan ditaruh pada satu direktori
khusus yang dapat diakses oleh semua anggota tim.

2.9 Project Organization and Staffing Approach

Project manager memilki tanggung jawab untuk:

1. Menunjuk anggota tim.
2. Mereview dan menyetujui project deliverables.
3. Memastikan bahwa proyek berjalan sesuai dengan jadwal yang telah
ditentukan.

4. Menyetujui perubahan ruang lingkup, anggaran dan jadwal.

Stakeholders yang terlibat dalam pembuatan sistem antara lain:

1. System owner
: Founder Yayasan Al Faqih Mandiri
2. System user
: Admin Yayasan Al Faqih Mandiri
3. Project manager
: Zaki Nur Wahyudi
4. System Analist, System builder : Almira Aubin
5. System designer & Tester : Rizki Amalia

2.10 Resource Requirement for Implementing the Project

No Nama Barang Banyak Jumlah Harga
1 Hosting Website 1 Rp 3.000.000,-
2 DNS + SSL 1 Rp 500.000,-
3 Jasa Pemasangan 1 Rp. 3.500.000,-

12
 Jumlah Rp 7.000.000,-

Table 2.1 Requirement for Implementing the Project

2.11 Scheduling

Pengembangan sistem akan dilakukan dalam 7 tahap, yaitu:

1. Tahap Perencanaan: merencanakan kebutuhan-kebutuhan system yang di

perlukan dalam pembuatan Web Yayasan Al Faqih Mandiri.

Durasi : 3 hari

Deliverable : Proposal

2. Tahap Analisis: menentukan lingkup system, mengkomunakasikan

temuan-temuan tersebut melalui laporan analisis, mengecek data secara
keseluruhan serta menambahkan data yang kurang

Durasi  : 7 hari

Deliverable : Analisa sistem

3. Tahap Desain: merancang atau mendesain sesuatu sebelum sesuatu itu

dikerjakan, contoh dalam pembuatan web ini, kita mendesain web ini agar
terlihat menarik.

Durasi : 8 hari

Deliverable : Desain sistem

4. Tahap Survey dan konfirmasi: melakukan survey ke publik mengenai

opininya terhadap web ini dengan cara diskusi langsung.

Durasi : 3 hari

13
 Deliverable : Survey

5. Tahap Implementasi: mengimplementasikan requirement dan desain

proses bisnis ke komputer dengan menggunakan algoritma atau logika dan
bahasa pemograman.

Durasi
: 14 hari
Deliverable : Operasional sistem

6. Tahap Penyusunan Laporan: membuat dokumen yang digunakan untuk

memulai proyek improvement. Dokumen project berisi informasi penting
yang mencakup penjelasan ringkas dari sebuah proyek yang akan dijalankan.
Dokumen ini menampilkan judul proyek yang dikerjakan, latar belakang
dijalankannya proyek, deskripsi, target, ruang lingkup, tim yang terlibat,
durasi pengerjaan proyek, dan sebagainya. 

Durasi :7
hari

Deliverable : Operasional Sistem

7. Konsultasi: Pengecekan akhir pada system, desain maupun program dengan

perangkat lunak yang telah di peroleh, serta pengecekan kualitas dari web
tersebut, tujuan tahap ini agar dipastikan secara keselurahan agar web ini
layak di gunakan oleh user.

Durasi : 5 hari

Deliverable : Konsultasi klien

14
 BAB 3
Problem Analysis Phase

Setelah melakukan tahap Preliminary Investigation, telah diketahui problem

yang dimiliki pihak Yayasan Al-Faqih Mandiri. Pada tahap tersebut juga telah
didapatkan scope, objectives dan perencanaan proyek ini. Pada tahap berikutnya yaitu
problem analysis, requirement analysis dan decision analysis. Pada tahap problem
analysis, yang dilakukan adalah menganalisa lebih dalam mengenai problem-
problem yang ada. Hal lain yang dilakukan pada tahap ini adalah mempelajari domain
permasalahan. Domain permasalahan dapat diketahui dengan mempelajari problem
yang ada pada sistem yang sekarang telah ada dan digunakan.

3.1 Problem Domain

Tahap ini bertujuan menganalisa problem, opportunity dan directives dari
sistem yang lama. Problem dari sistem yang telah ada akan dianalisa dari sisi
data dan proses:

Perusahaan yang masih belum dikenal masyarakat luas. Sehingga jika

hanya menggunakan sistem pemasaran yang lama akan tidak
memungkinkan perusahaan tersebut untuk menyaingi perusahaan lain di
bidangnya.

3.2 Problem and Opportunities Analysis

Untuk menganalisa problem, digunakan cause dan effect analysis untuk
menganalisa penyebab problem dan akibatnya. Bila diketahui penyebab suatu
problem maka akan dapat diketahui solusi yang harus dilakukan agar problem
tersebut dapat teratasi.
Setelah memahami problem, dapat disimpulkan system improvement
objectives dan constraint dari sistem. Berikut adalah matrix problem,
opportunities, objectives dan constraint dari sistem yang ad

15
 Cause and Effect Analysis System Improvement Objectives

System
Problem or Opportunity Cause and Effects System Objective
Constrant
1. Sistem yang kini masih
dilakukan secara manual.
1. Publikasi tentang 1. Membuat sistem 1. Sistem
Proses manual seperti ini
informasi terkait informasi yang yang
cenderung menghabiskan
Yayasan Al-Faqih komunikatif. masih
waktu, tidak efisien, dan
Mandiri. manual.
reliability-nya terbatas.

Tabel 3.1: Problems, Opportunities, Objectives and Constraint Matrix

16
 BAB 4
REQUIREMENT ANALYSIS PHASE

Fase ini adalah fase yang sangat penting dan tidak bisa dilewatkan. Tujuan dari
fase ini adalah untuk menentukan apa yang harus dapat dilakukan oleh sistem
untuk memenuhi System Objectives yang telah ditentukan pada fase sebelumnya.

4.1 Define Requirements

Hal pertama yang harus dilakukan dalam requirement analysis phase
adalah pengidentifikasian requirement. Dasar dari tugas ini adalah system
objectives yang telah dilakukan pada fase problem analysis.
Requirement yang ada dibagi dalam dua kategori, functional requirement
yaitu aktivitas dan servis yang harus dilakukan dan disediakan oleh sistem.
Kategori yang lain adalah nonfunctional requirement yaitu fitur lain
yang diperlukan sistem, agar sistem dapat lebih memuaskan. Berikut adalah
requirements dari Sistem Website Yayasan Al-Faqih Mandiri.:
1. Functional Requirements:
 Menampilkan informasi tentang Yayasan Al-Faqih Mandiri.
 Tentang Yayasan Al-Faqih Mandiri.
2. Nonfunctional Requirements:

 Sistem dapat membantu proses pemasaran dan informasi mengenai

Yayasan Al-Faqih Mandiri.

4.2 Analyze Requirements

Analisa requirement dilakukan dengan menggunakan teknik model-driven.
Berikut ini adalah:
1. DATA- data yang disimpan dan diambil oleh sistem. Karena tidak
Menggunakan Database Kami tidak mencantumkan Data Flow Diagram
2. PROSES – Semua yang dilakukan oleh sistem. Hal ini akan dijelaskan lebih
lanjut pada Process Modelling.

17
 3. Interface – antar-muka dari sistem. Interface model yang digunakan adalah
dengan use case diagram. Hal ini akan dijelaskan lebih lanjut pada Interface
Modelling.

Analisa requirement dilakukan dengan menggunakan teknik model-driven.

4.3 Data Modelling

Pada Sistem ini menggunakan data modelling karena ada input dan
output dari database melalui website.

4.4 Process Modelling

Proccess modelling adalah sebuah teknik untuk menyusun dan
mendokumentasikan struktur dan aliran data yang melewati proses yang ada
pada sistem.
Proses model seperti ini digunakan untuk memodelkan aliran data yang
ada pada sistem dan aktiviatas atau proses yang dilakukan oleh sistem. Pada
Gambar 4.4.1 di bawah ini digambarkan Use Case Diagram dari Web Company
Profile Perkebunan Agrowisata. Use Case ini akan menggambarkan proses apa
saja yang dilakukan oleh sistem yang baru.

Gambar 4.5 Use Case Diagram

4.5 Interface Modelling

Interface model menggambarkan input external dan output dari dan ke sistem,
dan asal dan tujuannya. Interface model bisa berupa use case diagram.

18
 BAB 5
Decision Analysis Phase

Pada fase ini dilakukan pencarian alternatif terbaik unutk mengatasi problem
yang dihadapi. Candidate solution ditemukan berdasarkan hasil dari fase sebelumnya,
yaitu problems, opportunities, objectives, dan constraint. Analisis kandidat dilakukan
dengan membuat Candidate System Matrix dan Feasibility Matrix untuk
memudahkan perbandingan antar keduanya.

5.1 Identify Candidate Solutions

Kedua kandidat solusi bertujuan untuk membangun sistem yang dapat

memenuhi kebutuhak pihak Yayasan Al-Faqih Mandiri. dalam menjalankan
bisnis mereka.

Berikut adalah kandidat solusi yang diajukan:

 Kandidat solusi 1

Membuat suatu sistem informasi yang dapat mempublikasikan produk

dan lokasi perusahaan dengan website.
 Kandidat solusi 2
Membuat suatu sistem informasi yang dapat mempublikasikan produk dan
lokasi perusahaan dengan web-based applicationPerbandingan secara detail antara
kedua solusi tersebut dapat dilihat pada tabel 3 dibawah ini:

Characteristics Candidate 1 Candidate 2

Bisa melihat pesantren dengan
Portion of system Bisa melihat pesantren dengan
mengetahui alamat websitenya
computerized menginstal aplikasi.
saja.

Sistem dapat diakses dari device

Benefits sama seperti kandidat 1
apa saja dan dimana saja.

19
 - Server : website dengan
Servers and prosesor Pentium III, RAM 512
sama seperti kandidat 1
workstations MB, Hard Disk 20 GB, dan OS
windows 2000 server.
Software tools needed - Visual Studio 2017 sama seperti kandidat 1

Storage devices and

-HDD 20GB sama seperti kandidat 1
implications

Tabel 5.1: Candidate System Matrix

5.2 Analyzing Candidate Solution

Setiap kandidat solusi harus dianalisa untuk kelayakan. Hal ini

dilakukan setelah setiap kandidat telah teridentifikasi.

Kriteria kelayakan yang dilakukan adalah:

 Technical Feasibility : Apakah secara teknik mudah? Apakah pihak

terkait mempunyai kemampuan teknis untuk mendesain dan membangun
solusi ini?
 Operational Feasibility : Apakah solusi ini akan memenuhi
kebutuhan pengguna? Sampai seberapa besar manfaatnya? Apakah solusi
ini akan mengubah lingkungan kerja pengguna? Bagaimana pengguna
menerima solusi ini?
 Economic Feasibility : Apakah solusi ini cost-effective?

 Schedule Feasibility : Bisakah solusi di implementasikan dalam

periode waktu tertentu?
Analisa ini dilakukan pada tiap kandidat dan belum dibandingkan

5.3 Comparing Candidate Solution

Setelah analisa kelayakan selesai dilaksanakan untuk semua kandidat,

20
 kandidat-kandidat tersebut akan dibandingkan untuk memilih kandidat yang
paling baik. Tabel di bawah ini memperlihatkan perbandingan kelayakan antara
kedua kandidat solusi yang telah dipilih sebelumnya.

Feasibility Criteria Weight Candidate 1 Candidate 2

Operational feasibility 30%

Functionality: A Sistem ini akan Sistem ini perlu diinstal

description to what mempermudah terlebih dahulu oleh
degree the candidate pengguna untuk pengguna. Dan
would benefit the mengetahui mengenai penggunaannya
organization and how perusahaan tanpa memakan memori yang
well the system would menginstal aplikasi. cukup banyak.
work Dan bisa digunakan di
device manapun.
Political: A description
of how well received this
solution would be from Score : 90 Score : 90

both user management,

user, and organization
perspective
Technical feasibility 30%

Technology: An
assesment of maturity,
availability (or ability to Perlu pelatihan bagi

acquire), and desirability pekerja Yayasan Al-

of the computer Perlu pelatihan bagi Faqih Mandiri untuk

technology needed to pekerja Yayasan Al- menjalankan sistem.

support this candidate Faqih Mandiri untuk Dan juga tambahan

menjalankan sistem. pekerja untuk
Expertise: An assesment mengerjakan sistem

21
of the technical expertise aplikasinya.
needed to Score : 85
develop,operate, and
maintain the candidate
system

Score : 85
Economic feasibility 30%

Cost to develop: ± 2 juta Rupiah ± 2,5 juta Rupiah

Payback period: ± 1 tahun ± 1 tahun

Net present value: ± 1 juta Rupiah ± 1 juta Rupiah

Detailed calculations: Lihat lampiran Lihat lampiran

Score : 85 Score : 80
Schedule feasibility 10%

An assesment of how ± 3 bulan ± 4 bulan

long the solution will
take to design and
implement
Score : 85 Score : 85
Ranking 100% 86.25 85
Tabel 5.2: Point Score of the Solution

5.4 Recommend a Solution

Dari analisa kelayakan dan tabel perbandingan antara kandidat-kandidat
solusi yang ditawarkan, dipilih kandidat solusi yang mendapatkan nilai lebih

22
tinggi pada Feasibility Matrix, yaitu kandidat solusi nomor 2, solusi yang
menggunakan Web-Based.

23
 BAB 6
SYSTEM ARCHITECTURE

Setelah menyelesaikan fase Decision Analysis, akan dibangun application

architecture yang merupakan blueprint dari sistem yang akan dibangun ini.
Application Architecture menyatakan spesifikasi teknologi yang akan digunakan
untuk mengimplementasikan Sistem Informasi yang kami bangun dalam hal
informasi, process dan interface. Hal ini akan dijadikan acuan untuk desain lebih
lanjut dan implementasi.

6.1. Sequence Diagram

Sequence diagram adalah diagram yang menggambarkan kolaborasi dinamis

antara sejumlah object. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim
antara object juga interaksi antara object. Sesuatu yang terjadi pada titik tertentu dalam
eksekusi sistem.

6.1.1 Sequence Diagram Home

Gambar 6.1.1 Sequence diagram home

Sequence diagram ini memberi tahu kepada user tentang informasi home pada pilihan
halaman Beranda.

24
 6.1.2 Sequence Diagram Tentang Kami

Gambar 6.1.2. Sequence diagram Tentang Kami

Sequence diagram ini memberi tahu kepada user tentang informasi tentang Yayasan Al
Faqih Mandiri di halaman Tentang Kami.

6.1.3 Sequence Diagram Pelayanan

Gambar 6.1.3 Sequence diagram Pelayanan

Sequence diagram ini memberi tahu kepada user tentang produk produk yang dijual
oleh Klinik Firdausy pada halaman produk

25
 6.1.4 Sequence Diagram Kontak

Gambar 6.1.4 Sequence diagram Kontak

Sequence diagram ini memberi tahu kepada user tentang menghubungi

Perkebunan Agrowisata pada menu kontak.

6.2 Component Diagram

Sistem
Web

Tentang
Beranda Pelayanan Kontak
Kami
Gambar 6.2 Component diagram
Component diagram ini menjelaskan saling terhubungnya antara komponen satu
dengan komponen lainnya yang terdi dari beberapa form.

26
6.3 Activity Diagram

Activity diagram adalah diagram yang menggambarkan tentang aktifitas yang

terjadi pada sistem. Dari pertama sampai akhir, diagram ini menunjukkan langkah –
langkah dalam proses kerja sistem yang dibuat.

6.3.1 Activity Diagram Home

Gambar 6.3.1 Activity diagram Home

Activity ini menjelaskan alur sebuah sistem dan user bagaimana user dan sistem dapat
bekerja pada halaman home.

27
 6.3.2 Activity Diagram Tentang Kami

Gambar 6.3.2 Activity diagram About Us

Activity ini menjelaskan alur sebuah sistem dan user bagaimana user dan sistem dapat
bekerja pada halaman About Us.

6.3.3 Activity Diagram Layanan

Gambar 6.3.3 Activity diagram Layanan

28
Activity ini menjelaskan alur sebuah sistem dan user bagaimana user dan sistem dapat
bekerja pada halaman review.

6.3.4 Activity Diagram Kontak

Gambar 6.3.4 Activity diagram kontak kami

Activity ini menjelaskan alur sebuah sistem dan user bagaimana user dan sistem dapat
bekerja pada halaman kontak kami.

29
 BAB 7
DATABASE DESIGN

Pada bab ini akan dilakukan perancangan

database. Website yang dibuat berisi informasi (company profile) sekaligus halaman
login untuk user karyawan Yayasan Al-Faqih Mandiri. Setelah melakukan login, user
akan diarahkan ke halaman utama yang berisi data-data seputar klinik. Data-data ini
berasal dari database Yayasan Al-Faqih Mandiri yang sudah dibuat sebelumnya. Berikut
adalah model desain database pada Yayasan Al-Faqih Mandiri.

Gambar 7.1 Database Design Flowchart

30
 BAB 8
SYSTEM INTERFACE

8.1 User Interface

Berikut merupakan prototipe user interface dari sistem yang akan kami
kembangkan:

Gambar 8.1 Halaman Beranda

Gambar 8.2 Halaman Tentang Kami

31
 Gambar 8.3 Halaman Contact

Gambar 8.4 Halaman Pelayanan

8.2 Dialogue Chart

Gambar 8.5 Dialogue Chart

32
 BAB 9
KONSTRUKSI DAN IMPLEMENTASI SISTEM

Pembangunan atau konstruksi suatu sistem terdiri dari 3 tahapan, yaitu tahap
pengembangan, tahap instalasi dan tahap pengujian terhadap semua unsur yang
terdapat dalam sistem tersebut. Pengembangan suatu sistem dimulai setelah fase
desain telah selesai dibuat dan disetujui oleh sistem pemilik. Pada tahap
pengembangan ini, dilakukan implementasi dari desain yang telah ada. Sedangkan
pada instalasi adalah kegiatan untuk mempersiapkan perangkat keras dan desain
teknis juga dari desain yang telah ada. Pengujian merupakan tahap terakhir dari
konstruksi suatu sistem. Pengujian dilakukan setelah implementasi dan instalasi
selesai dilaksanakan. Error atau bug yang terdapat dalam implementasi dapat
diketahui dan diperbaiki setelah pengujian dilaksanakan. Pengujian memakan waktu
yang lebih besar dari keseluruhan waktu untuk melaksanakan implementasi dan
instalasi.

9.1 Konstruksi Sistem

1. Tahap Perencanaan

Pada tahap perencanaan kegiatan yang dilakukan yaitu mengumpulkan

informasi sebanyak mungkin berkaitan dengan tujuan pembuatan sistem
informasi dan apa saja yang akan ditampilkan didalamnya sesuai dengan
yang diinginkan oleh pihak Yayasan Al-Faqih Mandiri. Informasi yang

33
 telah dikumpulkan lalu di analisa untuk menentukan kebutuhan apa saja
yang diperlukan dalam pembuatan sistem tersebut. Pada tahap ini juga
akan ditentukan berapa lama waktu yang dibutuhkan dalam pembuatan
website ini serta juga membuat jadwal perencanaan kerja dan dilengkapi
dengan melakukan perancangan website.

2. Tahap Desain dan Pemrograman

Pada tahap ini akan membuat desain dan layout website yang nantinya
akan dikomunikasikan kepada pihak pihak Yayasan Al Faqih Mandiri
sebelum dilakukan pembuatan websitenya. Tahap ini akan memastikan
bahwa website yang akan dibuat sesuai dengan apa yang diinginkan dan
prosesnya akan membutuhkan waktu yang lama karna akan ada perbaikan
atau perubahan berkaitan dengan desain dan sistem selama proses ini
berjalan.

3. Tahap Pengujian

Pada tahap pengujian merupakan kegiatan untuk menguji apakah website

layak atau tidak untuk di implementasikan, pengujian ini meliputi
kelengkapan fungsi dari halaman interaktifnya dan validasi. Selain itu,
pengembang akan memastikan bahwa semua kode pemrograman yang
ditulis untuk validasi situs web memenuhi standar pemrograman web yang
ada saat ini.

9.2 Implementasi Sistem

Setelah semua tahap (proses) berhasil berjalan dengan baik. Maka tahap
selanjutnya adalah tahap penyerahan kepada pihak pihak Yayasan Al Faqih
Mandiri. Konsumen atau pasien dapat menggunakan langsung web yang
telah dibangun.

34
35
 BAB 10
PENUTUP

10.1 Kesimpulan

Projek ini bertujuan untuk membantu Yayasan Al-Faqih Mandiri

dalam memasarkan perusahaannya ke masyarakat luas. Sistem yang dibuat
merupakan sistem informasi berupa web untuk membantu Yayasan Al-Faqih
Mandiri dalam mengenalkan perusahaannya lebih dalam lagi kepada para
konsumen khususnya santri.

Sistem ini dibangun dengan fitur-fitur yang user friendly, interaktif dan
tampilan yang menarik karena di design sendiri oleh tim design. Sistem ini
dibangun menggunakan bahasa PHP dan security yang aman.

10.2 Saran

Dalam rangka mengoptimalkan pembuatan sistem informasi untuk

Yayasan Al-Faqih Mandiri ini, adapun saran yang diberikan yaitu, untuk
membuat Yayasan Al-Faqih Mandiri makin diketahui banyak orang dibutuhkan
sistem pemublikasian atau periklanan yang tidak diterapkan pada proposal
project ini.

36
 BIODATA TIM

Nama: Almira Aubin

Alamat: Jl. Petamburan IV No.48, RT. 08/04, Petamburan, Tanah

Abang, Jakrta Pusat.

Email: almira.aubin17@gmail.com

Nama : Rizki Amalia

Alamat : Dusun Cimaja Rt 04/RW 01 Desa

Dukuhmaja Luragung Kuningan Jawa Barat, Kode Pos 45581

Email : rizkiamalia558@gmail.com

Nama : Zaki Nur Wahyudi

Alamat : Bumi Puspiptek Asri Blok N.42

Pagedangan, Tangerang, Banten

Email : zakinurw@gmail.com

37
38
WORK BREAKDOWN STRUCTURE (WBS)

39
40