sistem informasi manajemen laboran · 1 praktikum sistem informasi manajemen 2021 1.1 tujuan...

i

PRAKTIKUM SISTEM INFORMASI MANAJEMEN 2021

PANDUAN PRAKTIKUM

SISTEM INFORMASI MANAJEMEN

Kepala Laboratorium

Dwi Sukma Donoriyanto, ST., MT

NIP. 19810726 200501 1 002

Laboran

Yusron Falah, ST.

NIP. 18119810820108

Asisten Laboratorium

• Renaldi Mahardika Sispranata (Koordinator Asisten)

18032010152

• Bella Wati Novita Sari (Wakil Koordinator Asisten)

18032010026

• Nabila Aqiila Sande (Sekretaris)

18032010024

• Farah Ayu Febiola (Humas)

18032010143

• Maulidyah Rahmah (Kurikulum)

18032010178

• Hildan Fikri Pratama (Maintenance)

18032010059

• Melani Pratiwi Munir Putri (MSDM)

18032010111

PROGRAM STUDI TEKNIK INDUSTRI

FAKULTAS TEKNIK

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”

JAWA TIMUR

2021

ii


KATA PENGANTAR

Syukur Alhamdulillah, dengan mengucapkan puji dan syukur kehadirat

Allah SWT atas rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan

modul praktikum ini dengan baik. Modul praktikum ini dibuat dengan tujuan untuk

mempermudah pelaksaan praktikum. Dan lebih dari itu, diharapkan mampu

menjadi media akselerasi pemahaman serta keterampilan atau skill praktikan sesuai

dengan kompetensi yang diharapkan.

Penulis mengucapkan terima kasih yang sebesar-besarnya kepada semua

pihak yang telah membantu. Penulis menyadari sepenuhnya masih banyak terdapat

kekurangan dalam modul praktikum ini. Oleh karena itu, kritik serta saran yang

membangun dari praktikan maupun pembaca sangat membantu guna perbaikan dan

pengembangan di masa yang akan mendatang.

Akhir kata, dengan segala kerendahan hati penulis berharap semoga modul

praktikum ini dapat memberikan manfaat dan peningkatan buku pedoman bagi

pembaca maupun praktikan.

Surabaya, Februari 2021

Penyusun

iii


TATA TERTIB

PRAKTIKUM SISTEM INFORMASI MANAJEMEN

Dalam meningkatkan kedisiplinan pada Praktikum Sistem Informasi

Manajemen maka para praktikan diharapkan mampu mematuhi tata tertib yang

berlaku antara lain:

1. Praktikan harap datang tepat waktu dengan toleransi 10 menit lebih awal

dari jadwal yang telah ditetapkan.

2. Terlambat 5 menit dinyatakan tidak boleh mengikuti Tes Awal.

3. Terlambat 10 menit tidak diperbolehkan mengikuti Praktikum pada hari

tersebut dan nilai dinyatakan kosong.

4. Praktikan tidak diperbolehkan memakai T-Shirt (kaos oblong), celana/rok

pendek, celana robek ataupun sandal jepit, harus berpakain sopan, bersepatu

dan selama praktikum jaket harap dilepas.

5. Dilarang menancapkan flashdisk atau alat penyimpanan lainnya dalam

bentuk apapun ke CPU di Laboratorium dan membuka program selain

program yang digunakan saat praktikum.

6. Dilarang menggunakan gadget dan sejenisnya saat praktikum berlangsung.

7. Bila izin ataupun sakit wajib memberitahu asslab max H-1 hari sebelum

praktikum (menggunakan surat tertulis).

8. Praktikan wajib melakukan Revisi H+2 dan melakukan ACC paling lambat

H+3 setelah dilaksanakannya praktikum.

9. Praktikan tidak diperbolehkan mengikuti Ujian Global apabila telah 3 kali

tidak masuk (absen).

10. Sistem penilaian dari praktikum:

• Tupen : 5%

• Tes Awal : 15%

• Laporan : 20%

• Presentasi : 20%

• Ujian Global : 30%

• Attitude : 5%

• Absensi : 5%

iv


DAFTAR ISI

LEMBAR JUDUL ……………………………………………………………… i

KATA PENGANTAR …………………………………………………………. ii

TATA TERTIB PRAKTIKUM ………………………………………………. iii

DAFTAR ISI ………………………………………………………………….... iv

MODUL I ERD, CDM, PDM, DAN DATABASE

1.1 Tujuan Praktikum ……………………………………………… 1

1.2 Tinjauan Pustaka ………………………………………………. 1

1.3 Studi Kasus ……………………………………………………. 8

MODUL II DFD (DATA FLOW DIAGRAM)



2.3 Studi Kasus ……………………………………………………. 18

MODUL III DREAMWEAVER



3.3 Studi Kasus ……………………………………………………. 24

MODUL IV HOSTING DAN APLIKASI ANDROID



4.3 Studi Kasus ……………………………………………………. 30

1


1.1 Tujuan Praktikum

Adapun tujuan dari praktikum ini adalah mahasiswa diharapkan mampu:

1. Untuk memahami dan membuat suatu database berdasarkan Entity

Relationship Diagram (ERD), Conceptual Data Model (CDM), serta

Physical Data Model (PDM).

2. Untuk membuat database menggunakan MySQL menggunakan software

XAMPP.

3. Untuk mengembangkan MySQL dalam perancangan suatu database sebuah

studi kasus.

1.2 Tinjauan Pustaka

❖ Entity Relationship Diagram (ERD)

ERD adalah suatu model jaringan yang menggunakan susunan data yang

disimpan dalam sistem secara abstrak. ERD juga dapat diartikan sebagai bentuk

awal perancangan basis data yang menggunakan simbol-simbol yang terdiri dari

entitas dan hubungannya.

Entity Relationship Diagram (ERD) sendiri dibagi menjadi 2 yaitu ERD

(Logical Data Model) dan ERD (Physical Data Model). ERD (Logical Data Model)

adalah konsep Entity Relationship Diagram (ERD) yang mana data dapat

merepresentasikan sebuah kenyataan, dimasukkan ke dalam sebuah pemrosesan

logika dan dapat menghasilkan informasi, sedangkan untuk ERD (Physical Data

Model) adalah konsep Entity Relationship Diagram (ERD) yang mana data

disimpan pada media penyimpanan (storage) dalam suatu susunan secara fisik.

Entity Relationship Diagram (ERD) memiliki simbol-simbol atau

komponen-komponen dalam teknik penggambarannya. Komponen-komponen

tersebut yaitu:

MODUL I

ERD, CDM, PDM, DAN DATABASE

2


a. Entitas

Entity (entitas) yaitu suatu obyek yang dapat dibedakan dari lainnya yang

dapat diwujudkan dalam basis data. Pengertian lainnya menurut Brady dan Loonam

(2010), entitas adalah objek yang menarik di bidang organisasi yang dimodelkan.

Contoh: Mahasiswa, Kartu Anggota Perpustakaan (KAP), dan buku.

b. Hubungan (Relationship/Relasi)

Suatu hubungan adalah hubungan antara dua jenis entitas dan

direpresentasikan sebagai garis lurus yang menghubungkan dua entitas.

Contoh: Mahasiswa mendaftar sebagai anggota perpustakaan (KAP), relasinya

adalah mendaftar.

c. Atribut

Atribut memberikan informasi lebih rinci tentang jenis entitas. Atribut

memiliki struktur internal berupa tipe data.

Contoh: Nomor pokok mahasiswa (NPM), NIM dan nomor pokok lainnya

d. Derajat Relasi/Kardinalitas Rasio

Menjelaskan jumlah maksimum hubungan antara satu entitas dengan entitas

lainnya.

• Relasi One To One yaitu setiap entitas pada himpunan entitas A

berhubungan paling banyak dengan satu entitas pada himpunan entitas B.

Gambar 1.1 Relasi One To One

• Relasi One To Many yaitu setiap entitas pada himpunan entitas A dapat

berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap

entitas pada entitas B dapat berhubungan dengan satu entitas pada himpunan

entitas A.

Gambar 1.2 Relasi One To Many

3


• Relasi Many To Many yaitu setiap entitas pada himpunan entitas A dapat

berhubungan dengan banyak entitas pada himpunan entitas B, begitupula

sebaliknya.

Gambar 1.3 Relasi Many To Many

e. Garis

Garis berfungsi untuk menghubungkan atribut dengan entitas dan entitas

dengan relasi, sehingga mengambarkan diagram tersebut seperti memiliki alur.

Berikut ini merupakan simbol-simbol yang biasanya digunakan pada Entity

Relationship Diagram (ERD):

Gambar 1.4 Simbol pada ERD

❖ Conceptual Data Model (CDM)

CDM atau Conceptual Data Model adalah suatu desain konsep utama dari

suatu database yang menghubungkan antar tabel. CDM memodelkan struktur logis

dari keseluruhan aplikasi data, tidak tergantung pada software atau pertimbangan

model struktur data. CDM yang valid dapat dikonversi ke PDM atau OOM. CDM

berfungsi memodelkan struktur logik dari basis data. CDM dipakai untuk

menggambarkan secara detail struktur basis data dalam bentuk logik. CDM terdiri

dari objek yang tidak diimplementasikan secara langsung kedalam basis data yang

sesungguhnya.

4


Ada tiga jenis objek dalam CDM yaitu sebagai berikut:

a. Entitas

Untuk membuat entitas, klik item pada palette dengan label Entity,

kemudian klik space putih di sebelah kanan. Untuk membuat beberapa entitas, klik

terus sebanyak jumlah entitas yang dibutuhkan.

b. Hubungan/Relasi

Untuk membuat relasi antara 2 buah entitas, klik item pada palette dengan

label Relationship, kemudian hubungkan kedua entitas. Beri nama pada relasi yang

sudah anda buat dengan melakukan double klik pada relasi dan mengisi nama pada

field Name pada tab General.

c. Inheritance

Untuk membuat inheritance dari sebuah entitas, terlebih dahulu buat entitas

entitas lain yang merupakan child dari entitas parent. Lalu klik item pada palette

dengan label inheritance, hubungkan entitas parent dengan salah satu entitas child.

Untuk menghubungkan entitas child yang lain, tarik garis antara lambang

inheritance (bentuk setengah lingkaran) dengan entitas child. Kemudian beri nama

pada inheritance anda.

❖ Physical Data Model (PDM)

Merupakan model yang menggunakan sejumlah tabel untuk

menggambarkan data sertahubungan antara data-data tersebut. Setiap tabel

mempunyai sejumlah kolom dimana setiap kolom memiliki nama yang unik. PDM

merupakan gambaran secara detail basis data dalam bentuk fisik. Penggambaran

rancangan PDM memperlihatkan struktur penyimpanan data yang benar pada basis

data yang digunakan sesungguhnya.

Ada beberapa jenis objek dalam PDM yaitu:

• Table

• View

• Reference

Langkah – Langkah Untuk Membuat PDM adalah sebagai berikut:

o Buka file CDM yang sudah jadi.

o Dari Tools pilih Generate Physical Data Model. Pilih DBMS yang akan

digunakan.

5


o Setelah klik OK, PDM akan digenerate secara otomatis.

o Tambahkan atribut pada tabel baru yang dihasilkan (jika ada).

❖ Database

Database atau basis data adalah kumpulan dari data-data yang membentuk

suatu berkasa (file) yang saling berhubungan (relation) dengan tata cara tertentu

untuk membentuk data baru atau informasi. Atau basis data merupakan kumpulan

dari data yang saling berhubungan antara satu dengan yang lainnya yang

diorganisasikan berdasarkan skema atau struktur tertentu. Hubungan atau relasi

data biasanya ditunjukan dengan kunci (key) dari tiap file yang ada. Data merupakan

dakta atau nilai (value) yang tercatat atau merepresentasikan deskripsi dari suatu

objek. Data yang merupakan fakta yang tercatat dan selanjutnya dilakukan

pengolahan (proses) menjadi bentuk yang berguna atau bermanfaat bagi

pemakainya akan membentuk apa yang disebut informasi.

Basis data tradisional terdiri dari field, record dan file. Field adalah item

tertentu dari informasi. Record adalah sekumpulan field dan file adalah kumpulan

record. DBSM atau database management system adalah program aplikasi khusus

yang dirancang untuk membuat dan juga mengelola database yang tersedia. DBMS

adalah software yang berperan dalam mengelola, menyimpan dan mengambil data

kembali.

Sifat-sifat database atau basis data:

o Internal: kesatuan (integritas) dari file-file yang terlibat

o Terbagi/share: elemen-elemen database dapat dibagikan pada para user

baik secara sendiri-sendiri maupun serentak pada waktu yang sama

(concurrent sharing)

a. Query

Query merupakan suatu istilah yang merujuk pada permintaan penggunaan

suatu istilah yang mrujuk pada permintaan penggunaan untuk memperoleh

informasi database. Pada umumnya, query terbagi menjadi dua macam, select

query dan action query. Dimana select query tersebut mengacu pada permintaan

untuk memperoleh data atau informasi yang terdapat di dalam database. Sedangkan

action query merupakan permintaan yang berkaitan dengan operasi-operasi seperti

penambahan (insert), pembaruan (updating) dan penghapusan (deletion).

6


Terdapat tiga metode utama untuk membuat quey:

1. Dengan memiliih parameter yang telah disediakan pada menu. Metode ini

paling mudah digunakan namun paling tidak fleksibel karena penggunaan

hanya dapat menggunakan pilihan parameter yang terbatas.

2. Query by example (QBE) adalah metode query yang disediakan dalam

bentuk record kosong dan pengguna dapat menentukan field dan nilai

tertentu yang akan digunakan dalam query.

3. Bahasa query (query language) adalah bahasa khusus yang digunakan untuk

melakukan query pada sebuah basis data. Metode ini paling rumit tetapi

paling fleksibel.

b. MySQL

MySQL adalah sistem manajemen database relational open source

(RDBMS) dengan client-server model. Sedangkan RDBMS merupakan software

untuk membuat dan mengelola database berdasarkan pada model relasional.

MySQL AB, merupakan sebuah perusahaan asal Swedia, menjadi yang pertama

dalam mengembangkan MySQL di tahun 1994. Hak kepemilikan MySQL

kemudian diambil secara menyeluruh oleh prusahaan teknologi Amerika Serikat,

Sun Microsystems, ketika mereka membeli MySQL AB pada tahun 2008. Di tahun

2010, Oracle yang salah satu perusahaan Sun Microsystems. Semenjak itulah,

MySQL sepernuhnya dimiliki oleh Oracle.

SQL sendiri merupakan suatu bahasa yang dipakai di dalam pengambilan

data pada relational database atau database yang terstruktur. Jadi MySQL adalah

database managemet system yang menggunakan bahasa SQL sebagai bahasa

penghubung antara perangkat lunak aplikasi dengan database server.

Kekurangan dan kelebihan MySQL

Kekurangan:

1. Kurang cocok untuk aplikasi game dan mobile

2. Sulit mengelolah database yang besar

3. Technical support yang kurang bagus

Kelebihan:

1. Mendukung integrasi dengan bahasa pemrograman lain

7


2. Tidak membutuhkan RAM besar

3. Mendukung Multi User

4. Bersifat open source

5. Struktur tabel yang fleksibel

6. Tipe data yang bervariasi

7. Keamanan yang terjamin

Ada tiga bentuk SQL yang perlu praktikan ketahui, yaitu:

1. Data Definition Language (DDL)

DDL berguna pada saat anda ingin mendefinikan data di dalam database.

Query yang dimiliki DDL, yaitu:

o Create: Dipakai untuk membuat tabel dan database.

o Drop: Dipakai untuk menghapus database dan tabel.

o Alter: Alter dapat menggantikan field menggunakan perintah “Change”

menambahkan field menggunakan perintah “Add”, atau menghapus field

menggunakan perintah “drop” dan mengubah nama menggunakan perintah

“Rename”.

2. Data Manipulation Language (DML)

DML dapat digunakan setelah menjalankan perinah DDL. DML berfungsi

untuk memanipulasi, mengubah atau mengganti isi dari database (tabel) yang sudah

ada. Query yang dimiliki DML, yaitu:

o Insert: Dipakai untuk memasukan data ke dalam tabel pada database.

o Update: Dipakai untuk mengubah data yang ada di dalam tabel pada

database.

o Delete: Dipakai untuk menghapus data di dalam tabel pada database.

3. Data Control Language (DCL)

DCL berguna untuk memberikan hak akses database, mendefinisikan

space, mengalokasikan space dan melakukan audit penggunaan database. Query

yang dimiliki DCL, yaitu:

o Grant: Dipakai untuk memberikan izin kepada user untuk mengakses

database.

o Revoke: Dipakai untuk membatalkan izin user untuk mengakses database.

o Commit: Dipakai untuk menetapkan penyimpanan pada database.

8


o Roolback: Dipakai untuk membatalkan penyimpanan pada database.

c. Langkah-Langkah Pengerjaan

1. Buka file PDM yang telah dibuat pada modul sebelumnya.

2. Klik database, pilih generate database atau tekan ctrl+G.

3. Beri nama dan pilihan tempat penyimpanan file SQL.

4. Buka aplikasi XAMPP.

5. Aktifkan PHP dengan klik Start pada Apache dan MySQL.

6. Buka browser, kemudian buka localhost/phpmyadmin/

7. Buat database baru.

8. Klik import, kemudian pilih file SQL yang sudah di-generate tadi, kllik Go

9. Setelah berhasil, modifikasi database tersebut dengan menggunakan DDL

dan DML (cukup insert dan delete) dengan cara mengetikan query pada tab

SQL.

1.3 Studi Kasus

Suatu perusahaan persewaan kontrakan menggunakan sistem manual dalam

mengatur persediaan rumah kontrakan serta permintaan sewa dari customer,

sehingga manager pada perusahaan tersebut ingin membuat suatu web yang

digunakan untuk mengatur persediaan rumah kontrakan pada perusahaan

persewaan tersebut. Sebelum membuat suatu web diharuskan untuk membuat ERD,

CDM dan PDM terlebih dahulu. Tampilan hasil dari pembuatan CDM dan PDM

menggunakan Power Designer adalah sebagai berikut:

9


Gambar 1.5 ERD

Gambar 1.6 CDM

10


Gambar 1.7 PDM

Gambar 1.8 Database

11



Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu:

1. Mahasiswa diharapkan memahami tentang DFD.

2. Mahasiswa mampu mengembangkan DFD.

3. Mahasiswa dapat memetakan sistem informasi dengan baik.


❖ Pengertian Data Flow Diagram (DFD)

DFD (Data Flow Diagram) adalah suatu modeling tool yang

memungkinkan sistem analis menggambarkan suatu sistem sebagai suatu jaringan

kerja proses dan fungsi yang dihubungkan satu sama lain oleh penghubung yang

disebut alur data. Adapun fungsi DFD diantaranya:

1. DFD membantu para analis sistem meringkas informasi tentang sistem,

mengetahui hubungan antar sub sub sistem, membantu perkembangan

apkikasi secara efektif.

2. DFD berfungsi sebagai alat komunikasi yang baik antara pemakai dengan

analis sistem.

3. DFD dapat menggambarkan sejumlah batasan otomasi untuk

pengembangan alternative sistem fisik.

Ada beberapa simbol yang digunakan dalam DFD yang merupakan

karakteristik dari suatu sistem, yaitu:

a. Terminator (External Entity)

Terminator disimbolkan dalam bentuk persegi panjang yang mewakili entity

luar dimana sistem berkomunikasi. Biasanya notasi ini melambangkan orang atau

kelompok orang misalnya organisasi diluar sistem, grup, departemen, perusahaan

pemerintah, dan berada diluar control system yang dimodelkan. Pada sejumlah

MODUL II

DATA FLOW DIAGRAM (DFD)

12


kasus dapat merupakan sistem lain, sebagai contoh: sistem komputer yang

berkomunikasi dengan sistem yang dimodelkan.

Terdapat dua jenis terminator:

1. Terminator Sumber (source): merupakan terminator yang menjadi sumber.

2. Terminator Tujuan (sink): merupakan terminator yang menjadi tujuan

data/informasi sistem.

Gambar 2.1 Jenis-jenis terminator

Terminator dapat berupa orang, sekelompok orang, organisasi, departemen

di dalam organisasi, atau perusahaan yang sama tetapi di luar kendali sistem yang

sedang dibuat modelnya. Terminator dapat juga berupa departemen, divisi atau

sistem di luar sistem yang berkomunikasi dengan sistem yang sedang

dikembangkan. Komponen terminator ini perlu diberi nama sesuai dengan dunia

luar yang berkomunikasi dengan sistem yang sedang dibuat modelnya, dan

biasanya menggunakan kata benda, misalnya Bagian Penjualan, Dosen,

Mahasiswa.

Ada tiga hal penting yang harus diingat tentang terminator:

• Terminator merupakan bagian/lingkungan luar sistem. Alur data yang

menghubungkan terminator dengan berbagai proses sistem, menunjukkan

hubungan sistem dengan dunia luar.

• Profesional sistem tidak berhak mengubah isi atau cara kerja organisasi atau

prosedur yang berkaitan dengan terminator.

• Hubungan yang ada antar terminator yang satu dengan yang lain tidak

digambarkan pada DFD.

13


b. Proses

Proses disimbolkan dalam bentuk lingkaran. Melambangkan suatu proses

dari data yang dimasukkan ke dalam sistem yang mengubah input menjadi output.

Proses diberi nama untuk menjelaskan proses/kegiatan apa yang sedang/akan

dilaksanakan. Pemberian nama proses dilakukan dengan menggunakan kata kerja

transitif (kata kerja yang membutuhkan obyek), seperti menghitung gaji, mencetak

KRS, dan menghitung Jumlah SKS.

Ada empat kemungkinan yang dapat terjadi dalam proses sehubungan

dengan input dan output:

Gambar 2.2 Kemungkinan yang dapat terjadi dalam proses hubungan input

dan output

Ada beberapa hal yang perlu diperhatikan tentang proses:

• Proses harus memiliki input dan output.

• Proses dapat dihubungkan dengan komponen terminator, data store atau

proses melalui alur data.

• Sistem/bagian/divisi/departemen yang sedang dianalisis oleh profesional

sistem digambarkan dengan komponen proses.

14


c. Penyimpanan Data (Data Storage)

Data store disimbolkan dengan garis sejajar, yang digunakan untuk

memodelkan kumpulan data atau paket data. Penyimpanan kadangkala

didefinisikan sebagai suatu mekanisme diantara dua proses yang dibatasi oleh

jangka waktu tertentu. Data store dapat berupa file/database yang tersimpan dalam

disket, harddisk, dll.

Suatu data store dihubungkan dengan alur data hanya pada komponen

proses, tidak dengan komponen DFD lainnya. Alur data yang menghubungkan data

store dengan suatu proses mempunyai pengertian sebagai berikut:

• Alur data dari data store yang berarti sebagai pembacaan atau pengaksesan

satu paket tunggal data, lebih dari satu paket data, sebagian dari satu paket

tunggal data, atau sebagian dari lebih dari satu paket data untuk suatu

proses.

• Alur data ke data store yang berarti sebagai pengupdatean data, seperti

menambah satu paket data baru atau lebih, menghapus satu paket atau lebih,

atau mengubah/memodifikasi satu paket data atau lebih.

d. Alur Data (Data Flow)

Data Flow disimbolkan dengan tanda anak panah, alur ini mengalir diantara

proses, data store, dan terminator. Alur data menunjukkan arus data yang dapat

berupa masukan untuk sistem atau hasil proses sistem. Selain menunjukkan arah,

alur data pada model yang dibuat oleh profesional sistem dapat merepresentasikan

bit, karakter, pesan, formulir, bilangan real, dan macam-macam informasi yang

berkaitan dengan komputer. Alur data juga dapat merepresentasikan data/informasi

yang tidak berkaitan dengan komputer.

Ada beberapa konsep alur data yang perlu diperhatikan, yaitu:

• Konsep paket dari data (packed of data)

Nama Data Store

15


Apabila dua data atau lebih mengalir dari suatu sumber yang sama menuju

ke tujuan yang sama dan mempunyai hubungan, dan harus dianggap sebagai satu

alur data tunggal, karena data itu mengalir bersama-sama sebagai satu paket.

Gambar 2.3 Konsep paket data

• Konsep alur data menyebar (diverging data flow)

Alur data menyebar menunjukkan sejumlah tembusan paket data yang yang

berasal dari sumber yang sama menuju ke tujuan yang berbeda, atau paket data yang

kompleks dibagi menjadi beberapa elemen data yang dikirim ke tujuan yang

berbeda, atau alur data ini membawa paket data yang memiliki nilai yang berbeda

yang akan dikirim ke tujuan yang berbeda.

Gambar 2.4 Konsep data menyebar

• Konsep alur data mengumpul (converging data flow)

Alur data yang mengumpul menunjukkan beberapa alur data yang berbeda

dari sumber data yang berbeda bergabung bersama-sama menuju tujuan yang sama.

16


Gambar 2.5 Konsep alur data mengumpul

Panah yang bergerak dari penyimpanan berarti: penggunaan data paket

tunggal, paket kelompok dan lain-lain. Sedangkan panah yang bergerak ke

penyimpanan mendeskripsikan penulisan, perubahan, atau penghapusan satu atau

lebih paket yang dimasukkan ke penyimpanan sebagai bagian dari paket lama, atau

merupakan paket baru, atau satu atau lebih paket dihapus, atau dipindahkan dari

penyimpanan, atau merupakan satu atau lebih paket dimodifikasi atau berubah.

❖ Penggambaran Data Flow Diagram (DFD)

Tidak ada aturan baku untuk menggambarkan DFD. Tapi dari berbagai

referensi yang ada, secara garis besar langkah untuk membuat DFD adalah:

1. Identifikasi terlebih dahulu semua entitas luar yang terlibat di sistem.

2. Identifikasi semua input dan output yang terlibat dengan entitas luar.

3. Buat Diagram Konteks (diagram context).

Diagram ini adalah diagram level tertinggi dari DFD yang menggambarkan

hubungan sistem dengan lingkungan luarnya, caranya:

• Tentukan nama sistemnya.

• Tentukan batasan sistemnya.

• Tentukan terminator apa saja yang ada dalam sistem.

• Tentukan apa yang diterima/diberikan terminator dari/ke sistem.

• Gambarkan diagram konteks.

17


Contoh:

Gambar 2.6 Diagram konteks

a. Diagram Level Zero

DFD level 0 merupakan dekomposisi dari diagram konteks, gambaran

bagaimana sistem berinteraksi dengan external entity.

Contoh:

Gambar 2.7 Diagram level 0

b. Diagram Level 1

Diagram ini merupakan dekomposisi dari diagram level zero. Level 1

menunjukkan proses-proses utama yang terjadi di dalam sistem yang sedang

dibangun.

Contoh:

18


Gambar 2.8 Diagram Level 1

2.3 Studi Kasus

Suatu perusahaan persewaan kontrakan menggunakan sistem manual dalam

mengatur persediaan rumah kontrakan serta permintaan sewa dari customer,

sehingga manager pada perusahaan tersebut ingin membuat suatu web yang

digunakan untuk mengatur persediaan rumah kontrakan pada perusahaan

persewaan tersebut. Sebelum membuat suatu web diharuskan untuk membuat DFD

terlebih dahulu. Tampilan hasil dari pembuatan Diagram Konteks, DFD Level 0

dan DFD Level 1 menggunakan Power Designer adalah sebagai berikut:

❖ Langkah-Langkah Pembuatan

1. Membuka aplikasi Power designer.

2. Setelah Power designer terbuka , klik file>New>information > data flow

diagram.

3. Buat konteks diagram, diawali dengan membuat tools process sesuai

dengan permasalahan yang telah ditentukan entitas dan process dengan

tools entity:

a. Pelanggan

b. Pegawai

c. Rumah Kontrakan

d. Nota

e. Sistem informasi persewaan rumah kontrakan

4. Buat relasi timbal balik dengan tools data flow.

5. Untuk menampilkan nama flow, klik kanan flow kemudian klik format

(Ctrl+t) lalu pilih content, pilih name.

19


6. Lakukan process decompose dengan cara klik kanan pada tools proccess

lalu decompose process>open diagram.

7. Tambahkan process, relasi dan storage yang dibutuhkan sesuai dengan

entitas yang ada pada DFD level 0.

8. Setelah membuat DFD level 0, untuk membuat DFD level 1 Lakukan

process decompose dengan cara klik kanan pada tools proccess lalu

decompose process>open diagram.

20


Gambar 2.1 Diagram konteks

Gambar 2.2 DFD level 0

Gambar 2.3 DFD level 1

21



Adapun tujuan dari praktikum ini adalah:

1. Praktikan dapat mengenal dan menggunakan software Adobe

Dreamweaver.

2. Praktikan mampu membuat website sederhana menggunakan Adobe

Dreamweaver.

3. Praktikan dapat mengaplikasikan Adobe Dreamweaver untuk memecahkan

suatu permasalahan.


❖ Sejarah Dreamweaver

Adobe Dreamweaver merupakan program penyunting halaman web

keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver

keluaran Macromedia. Adobe Dreamweaver dirilis pada tanggal 21 April 2012.

Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang

menarik dan kemudahan penggunaannya. Versi terakhir Dreamweaver keluaran

Adobe Systems adalah versi 10 yang ada dalam Adobe Creative Suite 4 (sering

disingkat Adobe CS4). Adobe Dreamweaver adalah sebuah HTML (Hypertext

Markup Language: sebuah bahasa yang digunakan untuk membuat sebuah halaman

web) editor profesional untuk mendesain secara visual dan mengelola situs web

maupun halaman web, dengan editor visual WYSIWYG (What You See Is What

You Get). Bilamana kita menyukai yang berurusan dengan kode-kode HTML secara

manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam

melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan

menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan

pengalaman kita dalam mendesain web.

Adobe Dreamweaver memiliki kelebihan antara lain:

1. Mempunyai banyak tema/template.

MODUL III

DREAMWEAVER

22


2. Mempunyai fitur preview/live view.

3. Mudah dioperasikan bagi pemula.

4. Interface disajikan dalam mode visual tanpa kode HTML atau dalam mode

HTML.

❖ Bagian-Bagian Dreamweaver

Adobe Dreamweaver menyediakan 3 macam tampilan yaitu Code View,

Design View dan Split View. Code View cocok untuk para programmer yang

terbiasa dengan kode kode pemrograman web. Sedangkan Design View cocok untuk

para designer yang terbiasa dengan visual. Jika ingin menggunakan keduanya, bisa

memilih Split View.

Saat pertama dijalankan tampilan awal atau starter page dari Adobe

Dreamweaver adalah sebagai berikut:

Gambar 3.1 Tampilan awal dreamweaver

Bagian-bagian yang terdapat pada Starter Page Adobe Dreamweaver CS6

diantaranya sebagai berikut:

• Open a Recent Item merupakan alternatif untuk membuka file, atau recent

file. Untuk membuka file, pilih Open pada Starter Page.

• Creat New digunakan untuk membuat halaman web baru.

Jika pada starter page tersebut kita memilih salah satu pilihan Bahasa

pemrograman pada create new, maka tampilan dari Adobe Dreamweaver akan

menjadi seperti berikut:

23


Gambar 3.2 Tampilan lembar kerja dreamweaver

• Document Toolbar

Berisi tombol-tombol yang digunakan untuk mengatur layar kerja dokumen,

diantaranya Show Code view, Show Code and Design views, dan Show Design view.

• Menu Bar

Menu bar yang terdapat pada Adobe Dreamweaver yaitu File, Edit, View,

Insert, Modify, Format, Commands, Site, Window, dan Help.

• Workspace Switcher

Berfungsi untuk mengubah atau mengatur jendela kerja sesuai keinginan,

sehingga memudahkan kita dalam membuat halaman web. Tampilan yang terdapat

di dalamnya antara lain adalah mode Designer, Classic, Coder dan lain-lain.

• Panel Group

Berfungsi untuk membantu dalam mengedit suatu halaman web. Panel

Groups terletak di sebelah kanan layar kerja dan terdiri dari beberapa panel.

• Tag Selector

Berfungsi untuk menampilkan tag HTML dari objek yang terseleksi. Kita

dapat mengklik untuk memilih keseluruhan elemen dokumen. Tag selector ini

terdapat pada Document Window, dan terletak di bawah sebelah kiri.

• Property Inspector

Berfungsi untuk mengatur atau mengedit properti objek-objek yang ada

pada halaman web. Property Inspector menampilkan semua properti objek

misalnya objek teks, objek gambar, objek tabel yang terseleksi pada jendela kerja.

24


• Document Windows

Document windows menampilkan dokumen dari halaman web yang aktif,

atau dokumen yang sedang diedit. Pada Document window terdapat Title Bar yang

menampilkan judul halaman, fasilitas Zoom, Document toolbar, dan Tag selector.

3.2 Studi Kasus

Suatu perusahaan persewaan rumah kontrakan mempunyai keinginan untuk

membuka sebuah sistem persewaan rumah kontrakan yang dapat diakses oleh

customer melalui web. Hal tersebut dilakukan untuk mempermudah customer untuk

melakukan penyewaan rumah kontrakan. Maka web tersebut akan dibuat

menggunakan Adobe Dreamweaver.

❖ Langkah-Langkah Pengerjaan

1. Aktifkan Apache dan MySQL di XAMPP.

2. Buat folder dengan nama sesuai nama pada database di htdocs. Dan buat

folder “gambar” didalam database tersebut.

3. Buka database yang telah dibuat di localhost, lalu klik privileges, dan klik

add user.

4. Dalam add user, isi username dengan sewakontrakan, host pilih local, dan

password isi 123456. Lalu check all global privileges. Klik Go.

5. Buka aplikasi dreamweaver, klik PHP.

6. Ubah tampilan design menjadi classic.

7. Klik site -> new site. Isi site name sesuai database -> local site folder pilih

folder dalam htdocs.

8. Klik server -> klik tanda (+) isi data sebagai berikut:

Server name: sesuai nama database

Connect using pilih local/network

Server pilih folder sesuai nama database htdocs

Web url isi http://localhost/nama database

9. Klik advance pada server, dan ganti server model dengan PHP MySQL.

Lalu save dan centang testing.

10. Klik advance setting, pilih default image folder dengan folder gambar pada

folder database, lalu save.

25


11. Klik (+) pada database, dan klik MySQL, connection.

Connection name: koneksi

MySQL server: localhost

Username: root

Database; pilih folder database

Test, lalu OK.

12. Insert table, isi rows dan columns 4, lalu OK, pilih center pada align, dan

buat ukuran dan bentuk table sesuai yang dikehendaki. Kemudian merge

table sesuai design. Block table dan ganti dengan warna sesuai warna map.

13. Buat tampilan awal, dengan kalimat pembuka dan link halaman terkait

dengan cara block text dan cantumkan “namalink”.php, cantumkan gambar

dengan membuka folder gambar, lalu drag ke table, save as dengan nama

index.php, dan save as lagi dengan nama home.php.

14. Klik binding lalu (+) -> recordset (query). Isi name dengan pegawai,

connection dengan koneksi, dan table dengan pegawai. Ok. Lakukan

langkah yang sama untuk entitas lain.

15. Buat halaman login dengan cara insert -> form -> form, text field -> isi tabel

dengan username dan password. Lalu insert -> form button -> OK. Beri

nama disetiap kolom. Ganti nama submit menjadi login, ganti type kolom

password dengan password.

16. Klik insert -> data object -> user authentication -> login user

Validate using connection: koneksi

Table: pegawai

Username: nama pegawai

Password: ID Pegawai

If login succeeds: sukses.php

If login fails: gagal.php

17. Buat tampilan gagal login dengan menambahkan kata “maaf gagal login,

coba lagi”. Dan save menjadi gagal.php.

18. Buat halaman sukses login, serta cantumkan setiap link dan save menjadi

sukses.php.

26


19. Buat tampilan input rumah kontrakan dengan cara insert -> data object ->

insert record -> record insertion from wizard.

Connection: koneksi

Table: rumah kontrakan

After inserting go to: datarumahkontrakan.php Ok, ganti value submit

dengan input, save as inputrumahkontrakan.php Lakukan langkah yang

sama untuk entitas lain

20. Untuk entitas yang memiliki atribut dengan tampilan menu didatabase

XAMPP, ubah display as menu, untuk setiap atribut, pilih populate menu

items dengan from database. Pilih recordset sesuai entitas, OK.

21. Buat tampilan data dengan insert -> data object -> dynamic data -> dynamic

table.

Recordset: rumah kontrakan, show pilih all record, ok. Save as

datarumahkontrakan.php. Lakukan langkah yang sama untuk entitas lain.

22. Buat tampilan logout dengan klik insert -> data object -> user

autenthication -> logout user -> when done go to isi dengan home.php

27



Adapun tujuan dari praktikum ini antara lain:

1. Praktikan dapat mengetahui apa itu hosting dan aplikasi android serta

penggunaannya.

2. Praktikan dapat membuat web online serta aplikasi android yang sederhana.

3. Praktikan dapat mengimplementasikan dalam permasalahan pada

kehidupan seharihari.


❖ Pengertian Website, Hosting, dan Domain

Website adalah salah satu aplikasi yang berisikan dokumen-dokumen

multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakann

protokol HTTP (Hypertext Transfer Protocol) dan untuk mengaksesnya

menggunakan perangkat lunak yang disebut browser. Website yang sudah

dipublikasikan di internet dan memiliki domain/IRL disebut situs website. Website

terbagi menjadi dua macam yaitu website dinamis dan website statis. Website statis

adalah jenis website yang konten/isinya tidak dapat diubah secara cepat, sedangkan

website dinamis adalah jenis website yang konten/isinya dapat diubah secara cepat.

Pada umumnya, perbedaan jenis website dapat dikategorikan berdasarkan server

atau konten. Berdasarkan server, website dapat dibedakan ke dalam 2 jenis, website

static dan website dynamic.

Pengertian domain menurut Premysl Raban.eu domainname (eu domena)

bahwa sistem nama domain (DNS) sesungguhnya adalah sistem global (global

adressing system) yang membuat bisanya penerjemahan alat Internet Protokol (IP)

yang tersusun atas angka menjadi nama (nama domain) dan sebaliknya. Menurut

Syafrizal (2005), DNS (Domain name system) dapat dianalogikan seperti

pemakaian buku telepon, dimana orang kita kenali berdasarkan nama. Akan

tetapiuntuk menghubungi kita harus menelpon nomor telepon di ponsel atau di

MODUL IV

HOSTING DAN APLIKASI ANDROID

28


telepon rumah, yang dinama nomor tersebut dapat kita tulis dengan nama orang

yang kita hubungi, dan akan terlihat di ponsel anda nama dan nomor orang tersebut.

Pada dasarnya, domain merupakan bentuk sederhana dari alamat IP yang

berupa kombinasi angka rumit. Dengan banyaknya website yang tersebar di

internet, menghafalkan kombinasi angka tersebut tentu sangat sulit. Domain juga

umumnya dibagi ke dalam tiga kategori, yakni Top level Domain, Second Level

Domain, dan Third Level Domain.

Hosting merupakan tempat penyimpanan data website dimana

didalamnya meliputi kapasitas penyimpanan, bandwith yang merupakan

sebuah kapasitas yang di gunakan untuk mengukur jumlah pengunjung website

serta database. Menurut Aliyun. Hosting juga memiliki arti layanan berbasis

internet sebagai tempat penyimpanan data atau tempat menjalankan aplikasi

ditempat terpusat yang disebut dengan server dan dapat diakses melalui

jaringan internet.

Ada beberapa jenis layanan Hosting yaitu shared Hosting, VPS atau

Virtual Private Server, dedicated server, colocation server.

1. Shared Hosting adalah menggunakan server hosting bersama sama

dengan pengguna lain satu server dipergunakan oleh lebih dari satu

nama domain. Artinya dalam satu server tersebut terdapat beberapa

account yang dibedakan antara account satu dan lainnya dengan

username dan password.

2. VPS, Virtual Private Server, atau juga dikenal sebagai Virtual Dedicated

Server merupakan proses virtualisasi dari lingkungan software sistem

operasi yang dipergunakan oleh server. Karena lingkungan ini

merupakan lingkungan virtual, hal tersebut memungkinkan untuk

menginstall sistem operasi yang dapat berjalan diatas sistem operasi lain.

3. Dedicated Server adalah penggunaan server yang dikhususkan untuk

aplikasi yang lebih besar dan tidak bisa dioperasikan dalam shared

Hosting atau virtual dedicated server. Dalam hal ini, penyediaan server

ditanggung oleh perusahaan Hosting yang biasanya bekerja sama

dengan vendor.

4. Colocation Server adalah layanan penyewaan tempat untuk meletakkan

29


server yang dipergunakan untuk Hosting. Server disediakan oleh

pelanggan yang biasanya bekerja sama dengan vendor.Registrar

Registrar adalah pihak yang memiliki kewenangan dalam melakukan

proses pendaftaran, renewal dan transfer domain. Menurut BOC (2009)

Definisi Registrar dan Registrant pada Domain name. Domain name

(www.namaanda.com) dan berbagai macam ekstensi lainnya dijual oleh

perusahaan yang terakreditasi oleh ICANN (Internet Corporation for

Assigned Names and Numbers). Perusahaan-perusahaan yg telah

terakreditasi itu diberi nama registrar.

❖ Pengertian Aplikasi Android

Aplikasi adalah program yang digunakan orang untuk melakukan

sesuatu pada sistem komputer. Mobile dapat diartikan sebagai perpindahan

yang mudah dari satu tempat ke tempat yang lain, misalnya telepon mobile

berarti bahwa terminal telepon yang dapat berpindah dengan mudah dari satu

tempat ke tempat lain tanpa terjadi pemutusan atau terputusnya komunikasi.

Sistem aplikasi mobile merupakan aplikasi yang dapat digunakan walaupun

pengguna berpindah dengan mudah dari satu tempat ketempat lain tanpa terjadi

pemutusan atau terputusnya komunikasi.

Menurut Nasruddin Safaat H (Pemrograman aplikasi mobile smartphone

dan tablet PC berbasis Android), android adalah sebuah sistem operasi pada

handphone yang bersifat terbuka dan berbasis pada sistem operasi Linux.

Android bisa digunakan oleh setiap orang yang ingin menggunakannya pada

perangkat mereka. Android menyediakan platform terbuka bagi para

pengembang untuk menciptakan aplikasi mereka sendiri yang akan digunakan

untuk bermacam peranti bergerak. Awalnya, Google Inc. membeli Android

Inc., pendatang baru yang membuat peranti lunak untuk ponsel. Kemudian

untuk mengembangkan Android, dibentuklah Open Handset Alliance,

konsorsium dari 34 perusahaan peranti keras, peranti lunak, dan

telekomunikasi, termasuk Google, HTC, Intel, Motorola, Qualcomm, TMobile,

dan Nvidia. Pada saat perilisan perdana Android, 5 November 2007, 10 Android

bersama Open Handset Alliance menyatakan mendukung pengembangan

standar terbuka pada perangkat seluler. Di lain pihak, Google merilis kode–

30


kode Android di bawah lisensi Apache, sebuah lisensi perangkat lunak dan

standar terbuka perangkat seluler. Kelebihan Android :

• Multitasking – Android mampu membuka beberapa aplikasi sekaligus

tanpa harus menutup salah satunya.

• Kemudahan dalam notifikasi – Setiap ada SMS, Email, atau bahkan

artikel terbaru dari RSS Reader, akan selalu ada notifikasi di Home

Screen Ponsel Android, tak ketinggalan Lampu LED Indikator yang

berkedip-kedip, sehingga Anda tidak akan terlewatkan satu SMS, Email

ataupun Misscall sekalipun.

• Akses Mudah terhadap Ribuan Aplikasi Android lewat Google

AndroidApp Market.

• Bisa menginstal ROM yang dimodifikasi.

4.3 Studi Kasus

Suatu perusahaan persewaan rumah kontrakan mempunyai keinginan untuk

membuka sebuah sistem persewaan rumah kontrakan yang dapat diakses oleh

customer melalui web. Hal tersebut dilakukan untuk mempermudah customer untuk

melakukan penyewaan rumah kontrakan. Agar web tersebut dapat diakses oleh

semua orang, web tersebut harus di-onlinekan terlebih dahulu serta membuat versi

aplikasi android dari web tersebut.

❖ Langkah-Langkah Pengerjaan

a. Hosting

• Daftar Domain

1. Buka link berikut : client.pusathosting.com/cart.php?a=add&pid=264&

domainoption=subdomain

2. Masukkan nama domain yang ingin dibuat kemudian klik “continue”.

3. Klik selesaikan belanja, kemudian isi data pada halaman pendaftaran.

4. Centang “saya sudah membaca dan menyetujui Peraturan Layanan (TOS)”

dan kemudian klik “complete order”.

5. Setelah login klik “Service => Produk ” kemudian klik “View detail”.

• Upload data via FTP

1. Buka software filezilla.

31


2. Pada bagian konfigurasi. Hostname isi dengan nama domain, username dan

password isi dengan user dan password hosting kemudian klik

“Quickconnect”.

3. Pada kolom remote site masuk ke folder public_html dengan cara klik folder

“public_html”.

4. Pada kolom local site: buka folder C:\xampp\htdocs\(nama folder

dreamweaver) kemudian cari file index.php dan klik kanan lalu rename

untuk mengubah nama menjadi index.html.

5. Drag semua file pada kolom local site menuju kolom remote site dan tunggu

hingga proses upload selesai.

• Membuat Database

1. Di Client area klik “Service => Produk ” kemudian klik “View detail”.

2. Kemudian scroll kebawah dan klik tombol “Login & Manage Account”.

3. Jika ada window notifikasi, klik continue. Selanjutnya akan masuk ke

control panel Directadmin.

4. Pada Directadmin cari menu “MySql Management”.

5. Selanjutnya klik “Create database” dan isi dengan detailnya.

• Import file SQL di PHPMyadmin

1. Buka di browser http://nama-domain-anda.com/phpmyadmin

2. Masukkan username dan password database yang dimasukkan sewaktu

membuat database tadi.

3. Setelah login, klik nama databasenya sebelah kiri.

4. Setelah berhasil memilih database, selanjutnya klik menu “Import”

5. Klik “Browse” pada file SQL yang sudah disimpan di komputer.

6. Scroll kebawah dan klik “Go”

• Menghubungkan Koneksi Program Ke Database

1. Pada halaman Directadmin klik “File Manager”

2. Kemudian cari file koneksi databasenya di folder public_html/connections.

Setelah menemukan filenya klik “edit”

3. Untuk hostname tetap menggunakan localhost dan sesuaikan username,

password dan nama databasenya. Isi sesuai detail database yang dibuat di

server sebelumnya. Biasanya diawali dengan namauser_database.

http://nama-domain-anda.com/phpmyadmin

32


b. Aplikasi Android

1. Kunjungi website appsgeyser.com

2. Klik “Create Now”.

3. Kemudian Pilih Box “Website”.

4. Masukkan url yang telah dibuat pada kolom Website Url.

5. Masukkan nama aplikasi pada kolom App Name

6. Masukkan Deskripsi web. Tulis beberapa kata dalam kolom ini,

7. Tentukan icon, bisa default atau menggunakan icon sendiri dengan klik

“Custom Icon”

8. Jika semua yang dibutuhkan sudah selesai, Klik “Create App” dan tunggu

hingga proses selesai.

9. Kemudian download aplikasi dengan cara klik “Download”.

sistem informasi manajemen laboran · 1 praktikum sistem informasi manajemen 2021 1.1 tujuan...

Documents