BAB I

PENDAHULUAN

A. Latar Belakang

Internet saat ini telah menjadi bagian yang tidak terpisahkan dari kehidupan kita. Semua aspek

kehidupan telah mulai memanfaatkan fasilitas internet, tidak hanya perusahaan yang ingin

memasarkan produknya secara global, tetapi juga pemerintahan, organisasi, partai politik, yayasan,

lembaga, dan bahkan individu juga telah menggunakan internet untuk mendapatkan kemudahan

dalam memberikan layanan dan informasi, juga untuk kemudahan perluasan dan pengembangan

bisnis. Setiap waktunya internet semakin memasyarakat di Indonesia, hal ini di tandai dengan

semakin banyaknya pengunaan internet dari tahun ke tahun seperti yang di sebutkan dalam pers

kominfo yakni pada tahun 2017 mencapai 143,26 juta jiwa atau setara dengan 54,68% dari total

jumlah penduduk indonesia. Jumlah tersebut menunjukan kenaikan sebesar 10,56 juta jiwa dari

hasil survei pada tahun 2016. Jumlah tersebut di prediksi akan terus bertambah seiring dengan

meningkatnya era globalisasi

Website adalah salah satu alat penunjang yang berperan sebagai media informasi dan promosi

di internet. Sekarang ini website bukan lagi menjadi “barang mewah” untuk perusahaan, organisasi,

maupun pribadi. Namun sudah menjadi keharusan bagi setiap organisasi yang siap untuk bersaing,

memulai perluasan dan pengembangan organisasi dalam bidang apapun. Website juga sebagai

symbol kredibilitas dan wibawa yang menunjukkan bahwa bidang yang sedang dipimpin selangkah

lebih maju dari yang lain dan lebih siap dalam menghadapi persaingan.

Ikatan Pelajar Riau Yogyakarta(IPRY) adalah salah satu organisasi pelajar yang ada di Yogyakarta,

organisasi ini mulai berkembang memberikan informasi membangun solidaritas sesama pelajar

Riau yang ada di Yogyakarta, IPRY berdiri pada tanggal 12 Oktober 2000 dengan memiliki visi dan

misi untuk menyatukan dan membangun kekeluargaan seluruh pelajar Riau yang terdapat di

Yogyakarta. Oleh karena itu membutuhkan sistem informasi dan web profil untuk memudahkan

dalam menyampaikan suatu informasi yang akurat dan dapat membantu merealisasikan program-

program dari IPRY untuk mahasiswa baru dan anggota lainnya.

5

B. Personal yang Terlibat

Tim Proyek pembuatan web profile IKATAN PELAJAR RIAU YOGYAKARTA (IPRY) mempunyai 7

anggota dengan jabatan sebagai berikut:

1. Nama : Andi Eko Armanto

Jabatan Tugas Proyek : Ketua

NIM : 1400018167

Jurusan : Teknik Informatika

2. Nama : Lalu Galuh Sumardani

Jabatan Tugas Proyek : Sekretaris

NIM : 1400018077

Jurusan : Teknik Informatika

3. Nama : Gino Wijaya

Jabatan Tugas Proyek : Analis Sistem

NIM : 1500018105

Jurusan : Teknik Informatika

4. Nama : Putra Nandos

Jabatan Tugas Proyek : Marketing dan Bendahara

NIM : 1500018076

Jurusan : Teknik Informatika

5. Nama : Erico Ryandika

Jabatan Tugas Proyek : Desainer

NIM : 1400018153

Jurusan : Teknik Informatika

6. Nama : Agus Susilo Jatmiko

Jabatan Tugas Proyek : Progammer 1

NIM : 1500018075

Jurusan : Teknik Informatika

7. Nama : Okta Dwi Wijaya

Jabatan Tugas Proyek : Progammer 2

NIM : 1500018095

Jurusan : Teknik Informatika

5

C. Proses Mendapatkan Projek

Kelompok MTP kami bentuk pada tanggal 7 September 2018 dengan beranggotakan 7 orang yaitu :

Andi Eko Armanto (Ketua), Lalu Galuh Sumardani (Sekretaris), Gino Wijaya (Analis Sistem), Putra

Nandos (Marketing dan Bendahara), Erico Ryandika (Desainer), Agus Susilo Jatmiko (Programmer

1), dan Okta Dwi Wijaya (Programmer 2). Setelah pembentukan tim, kemudian kami membicarakan

(selain pembagian tugas dan posisi) fokus yang akan kami ambil sebagai bidang proyek kami.

Kemudian telah diputuskan bahwa fokus tugas proyek kami adalah di bidang web yaitu web profil.

Kami menawarkan proyek kami ke Ikatan Pelajar Riau Yogyakarta (IPRY). Kemudian, IPRY

memberikan pernyataan bahwa dari pihak mereka setuju akan penawaran tersebut.

D. Gambaran Projek

Pada proyek ini, pelaksanaan memfokuskan pada pembuatan Web Profile IKATAN PELAJAR RIAU

YOGYAKARTA (IPRY) dalam meningkatkan penyebaran informasi kepada anggota maupun khalayak

luas.

E. Rencana Biaya

Biaya awal yang dikeluarkan untuk keperluan operasional pengerjaan proyek, rincian biaya awal

adalah sebagai berikut :

a. Iuran bersama (@Rp 75.000,00 x 7) = Rp 525.000,00

b. Pembayaran Sistem = Rp 1.500.000,00 +

Total = Rp 2.025.000,00

5

F. Rencana Jadwal Pelaksanaan Projeck

Pada table 1.1 merupakan rencana jadwal pelaksanaan yang akan kami lakukan mulai dari minggu

awal sampai projeck yang kami lakukan selesai.

Tabel 1.1 Perencanaan Kerja Bulan September dan Oktober

BA

B II

GA

MB

AR

AN

INS

TA

NSI

A. G

amb

aran

Umu

m

1. S

ejar

ah

Berd

iriny

a

No Perencanaan Kerja

September Oktober

1 2 3 4 1 2 3 4

1 Pembentukan tim

2 Pembagian tugas

3 Perumusan proposal

4 Pembuatan Proposal

5 Pembahasan Penawaran

6 Penawaran proposal

7 penandatanganan MOU

8 Pembahsan hasil penawaran UTS UTS

9 Pengumpulan data

10 Analisis system

11 Pembuatan desain

12 Implementasi desain front end

ke source code

13 Implementasi desain back end

ke source code

14 Test web

15 Pembuatan Laporan

5

Ikatan Pelajar Riau Yogyakarta

Bahwa Riau, meskipun dalam beberapa hal terdapat keanekaragaman namun tetap bersatu. Ini

harus tetap dipelihara dan dikembangkan untuk persatuan dan kesatuan daerah Riau khususnya

dan bangsa Indonesia pada umumnya.

Bahwa pelajar Riau dimanapun mereka berada adalah putra-putri yang diharapkan tenaga dan

pikirannya untuk dibaktikan kepada daerah bangsa dan agama.

Didorong oleh kesadaran para pelajar Riau yang berada di Yogyakartra merasa perlu untuk

adanta atau membentuk suatu organisasi guna memikul tanggung jawab untuk perbaikan dan

kesejerahtaan anggota khususnya dan masyarakat umumnya.

Dan pada tanggal 12 Oktober 2000 terbentuklah suatu organisasi yang dimakasud dengan nama

IKATAN PELAJAR RIAU YOGYAKARTA yang kemudain disingkat dengan IKP-Y dengan dasar

musyawarah dan hikmat kebijaksanaan para perlajar Riau yang berada di Yogyakarta.

2. Lokasi Sekertariat

Sunggrahan, Condongcatur Kec. Depok Kab. Sleman Daerah Istimewa Yogyakarta Yogyakarta

Kode Pos : 55281 Phone 082220132100

3. Status dan Tujuan

Sesuai dengan anggaran dasar dan anggaran rumah tangga (AD/ART) organisasi ini bersetatus

independen dan bertujuan agar terbinanya kesadaran, kecakapan dan persaudaraan serta

tanggung jawab anggota untuk mengabdi kepada daerah, bangsa dan agama dan Negara.

6

B. Struktur Organisasi

Pelindung : Bupati Kuantan Singingi.

DPRD Kabupaten Kuantan Singingi.

Ketua Ikatan Pelajar Riau Yogyakarta

Penasehat : Gunfaisal, ST., M.Sc

Husnul Ma’aruf, SH

Dewan Pertimbangan Organisasi (DPO): Rizki Juanda Putra

Hengky Fiemansyah

Duski Shamad

Pengurus Harian :

Ketua : Putra Nandos

Wakil Ketua : Jefrul Hanafi

Sekertaris : Deby Rizki Paganta

Bendahara 1 : Pirsty Dona Pratiwi

Bendahara 2 : Ocvita Sari

DEPARTEMEN-DEPARTEMEN :

Pendidikan dan Sumber Daya Manusia

Coordinator : Juplines Hendri

Anggota : Kurniawan Sestra

Delvia corina

Cintia Novanda

Regy Wiganda

Hubungan Masyarakat

Koordinstor : Hendra Putra

Anggota : Imammul Izzah

Pretty Epira

Anang Riyohi Maranto

Olahraga

Koordinator : Vidi Yudha Pratama

Anggota : Rafika Tandzila

7

Ferry Elanda

Patria Kharisma

Altri Shahroni

Muhammad Deri

Seni dan Budaya

Koordinator : Elvita Yulisa

Anggota : Rahmad Swandry

Sintia Putri

Muhammad Idris

IT (Information Technology)

Koordinator : Jecky Fernando

Anggota : Agil Ramadhan

Andwiki Nofrizon

Yuliawisih

C. Sumber Daya Manusia

Sumber daya manusia merupakan para pelajar dan alumni yang berasal atau berdomisili dari daerah

Kuangsang yang memenuhi syarat sesuai yang tertera di AD/ART organisasi.

D. Gambaran Sistem dalam Perusahaan

Pembuatan Website dengan alamat http:iprykomkuansing.com bertujuan untuk memberikan

informasi kepada Anggota, Alumni khususnya dan Masyarkat umumnya agar mengetahaui apa aja

kegiatan yang ada dalam organisasi ini, yang mana sebelumnya belum ada system informasi yang

berbasis WEB untuk menyebarkan informasi mengenai organisasi IKATAN PELAJAR RIAU

YOGYAKARTA.

8

BAB III

PELAKSANAAN PROYEK

A. PEMBAGIAN TUGAS

Deskripsi tugas tim adalah sebagai berikut:

1. Ketua Proyek

a. Memimpin setiap pertemuan atau rapat.

b. Memimpin penentuan job desc masing-masing anggota.

c. Mengkoordinir dan mengatur waktu bimbingan.

d. Memantau kerja anggota tim.

e. Menerima jawaban penawaran dan penandatanganan perjanjian kontrak kerja.

f. Mengurus kebutuhan operasional dalam tim bersama marketing.

2. Sekretaris

a. Bertugas dalam penyusunan proposal penawaran projek.

b. Penyusunan MOU (Memorandum Of Understanding) atau surat perjanjian yang

telah disetujui anggota tim dan pihak client.

c. Notulensi rapat dan mendokumentasikan waktu lama kerja tiap anggota.

d. Pembuatan laporan pengerjaan proyek serta bekerja sama dengan semua

anggota tim dalam pembuatannya.

e. Ikut serta dalam pencarian dan survei projek.

3. Bendahara

a. Bersama anggota TIM merancang anggaran projek dalam proposal.

b. Pendokumentasian pemasukan dan pengeluaran keuangan dalam tim.

4. Marketing

a. Mencari, mempromosikan dan melakulan penawaran proyek pada client bersama

anggota tim.

b. Bersama ketua proyek ikut menjadi saksi dalam penandatanganan MoU.

c. Mengkonsep pelatihan yang akan dilaksanakan setelah projek diserahkan pada

pihak client.

5. Analis Sistem

a. Mengumpulkan data-data yang dibutuhkan dalam pembuatan website .

b. Mendampingi client dan menanyakan keluhan untuk menghasilkan aplikasi sesuai

keinginan client.

c. Merancang Web Profile yang akan dibangun dengan menggunakan data yang

telah didapatkan oleh pengumpul data agar dapat diimplementasikan oleh

designer dan programmer untuk membangun system yang dibutuhkan oleh

Program Studi Sasta Indonesia.

6. Desain

a. Bertugas untuk menerjemahkan dari analis system untuk membuat tampilan yang

dapat dimengerti pengguna (user interface) sehingga sesuai dengan analisa analis

dan sesuai dengan kebutuhan client.

b. Menentukan layout atau tata letak dari komponen system yang akan dibangun.

7. Programmer 1 dan 2

a. Menterjemahkan hasil analisa analis dan design designer kedalam bahasa

pemrograman berbasis mobile sehingga terbangun system yang sesui dengan

keinginan pihak client.

b. Ikut serta dalam survei dan pencarian projek.

B. Realisasi Jadwal Pelaksanaan

Berikut ini merupakan pelaksanaan proyek dan implementasi dengan skala mingguan.

Tabel 2 Pelaksanaan Kerja Bulan September dan Oktober

No Perencanaan Kerja September Oktober

1 2 3 4 1 2 3 4

1 Pembentukan tim

2 Pembagian tugas

3 Perumusan proposal

4 Pembuatan Proposal

5 Pembahasan Proposal

6 Penawaran proposal

7 Pembahasan hasil penawaran UTS UTS

8 Pengumpulan data

9 Analisis system

10 Pembuatan desain

11 Implementasi desain front end

ke source code

12 Implementasi desain back end

ke source code

13 Test web

Pada table 2 menjelaskan tentang jadwal pelaksanaan proyek pada bulan September dan Oktober

C. Keberlanjutan Projek

Dalam sebuah proyek evaluasi sangat dibutuhkan untuk menentukan kualitas dari hasil kinerja

berlangsungnya proyek ini. Oleh karena itu ada beberapa hal yang perlu di musyawarhkan lagi,

antara lain :

1. Kekompakkan team bisa dijadikan group lagi dalam penyelesaian proyek yang lain,

sehingga pembentukan team lebih mudah.

2. Bahan yang di jadikan sebagai pembuatan proyek ini untuk ke depannya bisa di jadikan

sebagai media pelajaran

F. Rancangan Diagram Use case

Gambar 3.1 Diagram Use case Admin dan Pengunjung

Keterangan UseCase pada gambar 3.1 :

1). Admin :

a). Proses 1, merupakan kelolahan data website yang dilakukan oleh admin. Data

tersebut direkam kedalam tabel isi website.

b). Proses 2, merupakan kelolahan isi web yang dilakukan oleh admin. Data

tersebut direkam kedalam tabel isi website.

2). Pengunjung:

a). Proses 1, merupakan proses melihat informasi profil IPRY yang dilakukan oleh

pengunjung.

b). Proses 2, merupakan proses melihat info gallery yang di lakukan pengunjung.

c). Proses 3, merupakan proses melihat struktur organisasi oleh pengunjung.

d). Proses 4, merupakan proses melihat kegiatan apa saja yang ada IPRY.

e). Proses 5, merupakan proses melihat artikel yang dilakukan oleh pengunjung.

f). Proses 6, merupakan proses melihat visi dan misi organisasi

G. Rancangan Activity Diagram

a. Activity diagram pengunjung

Gambar 3.2 Activity Diagram Pengunjung

Penjelasan diagram activity pengunjung dari gambar 3.2 :

Pengunjung

Proses melihat web

Keterangan proses lihat web

a). Proses 1, merupakan proses melihat profil tentang IPRY .

b). Proses 2, merupakan proses melihat kegiatan apa saja yang ada di IPRY.

c). Proses 3, merupakan proses melihat struktur organisasi IPRY.

d). Proses 4, merupakan proses melihat informasi galeri yang diinput admin.

e). Proses 5, merupakan proses melihat artikel yang di inputkan oleh admin.

f). Proses 6, merupakan proses melihat visi dan misi organisasi.

b. Activity diagram admin

Gambar 3.3 Activity Diagram Admin

Keterangan diagram activity admin pada gambar 3.3 :

a). Proses 1, masuk ke web profile.

b). Proses 2, masukan username dan pasword.

c). Proses 3, melakukan pengolahan data galeri yang dilakukan oleh admin. Data

tersebut disimpan dalam data galeri.

d). Proses 4, melakukan pengolahan profil IPRY yang dilakukan oleh admin. Data

tersebut disimpan dalam data galeri.

e). Proses 5, melakukan pengolahan kegiatan yang ada di IPRY oleh Admin. Data

tersebut di simpan dalam data kegiatan.

f). Proses 6, melakukan pengolahan artikel yang dilakukan oleh admin. Data

tersebut disimpan dalam data artikel.

g). Proses 7, melakukan pengolahan stuktur organisasi yang dilakukan oleh admin.

Data tersebut disimpan dalam data struktur organisasi.

1. Hosting

Hosting web profil disediakan Ikatan Pelajar Riau Yogyakarta. Hosting dan Domain dengan nama

http://www.iprykomkuansing.com

2. Pemegang Password

Pemegang password web profil dipegang admin Ikantan Pelajar Riau Yogyakarta.

3. User Manual

a. Desainer (Perancangan Antar Muka)

1). Desain Antar Muka Dari Pengguna

Gambar 3.4 Layout Template Frontend.

Berikut adalah penjelasan layout :

a). Logo

Bagian untuk menempatkan logo pada template. Pada logo ini

ditempatkan pada bagian kiri pojok atas dan terdapat jelas nama

instansi tersebut.

b). Menu Navbar

Bagian untuk menempatkan menu utama pada web.

c). Kata sambutan yang telihat jelas pada di bagian tengah layout

2). Desain Antar Muka Admin

Gambar 3.5 Layout Template Login Admin

Pada bagian ini hanya terdapat dua form text input, pertama untuk memberi

masukan username dan yang kedua adalah untuk memberi masuka password.

Gambar 3.6 Layout Template Dashboard Admin

Berikut adalah penjelasan Layout dashboard admin :

a). Info

Bagian untuk menempatkan informasi user , juga terdapat menu untuk

logout.

b). Data Admin

Menampilkan data admin dan juga bisa menghapus/atau mengganti

data admin.

c). Menu Bar

Bagian untuk menempatkan menu pada halaman admin. Seperti kelola

event, kelola gallery dan lainya.

b. Programmer (Implementasi Program)

1). Menu Admin

a). Tampilan halaman Admin (Menu Dashboard)

Di dalam menu dashboard terdapat menu event, Galery, Daftar

Anggota, Jam Tamu, Maps, Admin, Notifications.

Tampilan awal login :

Gambar 3.7 Tampilan Form Login Admin

Halaman ini digunakan untuk membatasi penggunaan fasilitas yang

mempunyai hak sebagai admin dan user.

Pada model dan jika proses benar dan berhasil login maka langsung

diarahkan ke halaman dashboard , dengan tampilan seperti gambar 9 :

Gambar 3.8 Tampilan Dashboard Admin

b). Menu Berita

1. Tampilan Kelola Berita

Di dalam menu Berita terdapat sub-menu, Data Berita, Tambah

dan Kategori.

Tampilan submenu data berita :

Gambar 3.9 Tampilan Data Berita

2. Tampilan Tambah Berita

Didalam submenu Tambah Berita terdapat form nama, jenis,

kategori, status berita serta fungsi upload gambar. Kemudian

menulis keterangan berita di menu text lalu bisa di simpan atau

pilih tombol reset untuk menghapus.

Tampilan submenu kategori :

Gambar 3.10 Tampilan Tambah Berita

3. Tampilan Kategori Berita

Didalam submenu kategori berita yang ada pada menu berita,

berisi form nama, keterangan, urutan, slug dan action untuk

mengedit atau menghapus berita. Bisa juga mengguna fungsi

pencarian yang ada di kanan atas untuk lebih mudan dalam

menemukan berita yang diinginkan.

Tampilan submenu kategori berita :

Gambar 3.11 Tampilan Kategori Berita

c). Tampilan Kelola Video

Pada menu Video, admin dapat menambah, mengedit data dari mvideo

itu sendiri. Tampilan menu video yaitu sebagai berikut :

Gambar 3.12 Tampilan Manajemen Video

d). Tampilan Manajemen Gallery

Pada menu gallery, admin dapat menambah, mengedit data dari gallery

itu sendiri.

Tampilan menu slider yaitu sebagai berikut :

Gambar 3.13 Tampilan Manajemen Gallery

e). Manajemen User

Pada menu user, admin dapat menambah, mengedit dan menghapus

data user itu sendiri.

Tampilan manajemen user sebagai berikut :

Gambar 3.14 Tampilan Manajemen Admin

f). Konfigurasi Website

Pada menu konfigurasi website terdapat sub menu untuk mengganti

icon/logo.

Tampilan ganti icon/logo pada gambar 3.15 :

Gambar 3.15 Tampilan Pengaturan

BAB IV

PENUTUP

A. Kesimpulan

Kesimpulan yang dapat kami ambil dari proyek pembuatan web profile untuk Ikatan Pelajar Riau

Yogyakarta ini antara lain :

1. Web Profile dapat digunakan sebagai media promosi atau memperkenalkan Ikatan Pelajar Riau

Yogyakarta dengan sasaran umum maupun khusus, sehingga informasi lebih mudah diakses

dengan mudah.

2. Pengurus dan Anggota IPRY dapat mengetahui segala informasi yang bersifat internal maupun

external di dalam organisasi.

B. Saran

Web profile ini hanya berisi informasi tentang Ikatan Pelajar Riau Yogyakarta. Kami berharap nanti

ada fitur tambahan yaitu :

1. Forum diskusi khusus tentang informasi yang terposting.

2. Forum untuk bertukar pikiran dengan masyarakat luas.