Perancangan Website Kelurahan Titi Rantai Medan Menggunakan Php dan Mysql
BAB 2
LANDASAN TEORI
2.1 Kelurahan Titi Rantai
Kelurahan merupakan pembagian wilayah administratif di Indonesia dibawah
kecamatan. Kelurahan merupakan wilayah kerja lurah sebagai perangkat daerah
Kabupaten dan kota. Kelurahan dipimpin oleh lurah yang berstatus pegawai
negeri sipil. Titi Rantai merupakan kelurahan yang berada di kecamatan medan
baru, kelurahan ini termasuk kelurahan terbesar setelah kelurahan medan
sunggal. Ada sekitar 11.656 jiwa penduduk yang terdaftar dalam kelurahan ini,
data tersebut diperoleh pada tahun 2011.
Kelurahan Titi rantai memiliki lurah bernama Bona Manuel T.S.MSi
didalam struktur organisasinya diketahui memiliki sekretaris bernama Lazarus.
Kantor kelurahan Titi Rantai terdapat di bahagia no 89, kelurahan ini memiliki 10
Kepala Lingkungan yang memiliki tugas melayani masyarakat di daerahnya.
Wilayah Titi Rantai memiliki 10 pembagian wilayah, mulai dari daerah Padang
Bulan sampai dengan Medan Selayang.
Universitas Sumatera Utara
Kelurahan ini juga sering mendapatkan penghargaan diantaranya pernah
mendapatkan
penghargaan
sebagai
kelurahan
terbersih
dan
beberapa
penghargaan yang dilakukan oleh ibu-ibu PKK dengan seringnya melakukan
kegiatan yang sangat berharga, keaktifan tersebut yang sering membuat
kelurahan ini menjadi kelurahan terbaik.
2.2 Definisi Sistem Informasi
Pengertian Sistem informasi menurut para ahli – secara umum Sistem Informasi
dapat didefinisikan sebagai suatu sistem didalam suatu organisasi yang
merupakan kombinasi orang-orang, fasilitas, teknologi, media prosedur-prosedur
dan pengendalian penting, memproses, tipe transaksi rutin tertentu, memberi
sinyal kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal
dan eksternal yang penting dan menyediakan suatu dasar informasi untuk
pengambilan keputusan.
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
merupakan kombinasi dari orang-orang, fasilitas, teknologi, media, prosedurprosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi
penting. (Jogiyanto, Pengenalan Komputer, 1989).
Menurut Tafri D. Muhyuzir Sistem Informasi adalah data yang
dikumpulkan, dikelompok dan diolah sedemikian rupa sehingga menjadi sebuah
kesatuan informasi yang saling terikat dan saling mendukung sehingga menjadi
Universitas Sumatera Utara
suatu informasi yang berharga bagi yang menerimanya. Atau dalam pengertian
lainnya, Sistem Informasi merupakan kumpulan elemen yang saling berhubungan
satu sama lain yang membentuk satu kesatuan untuk mengintegrasikan data,
memproses dan menyimpan serta mendistribusikan informasi.
2.3 Aplikasi yang digunakan
Adapun pengaplikasian yang digunakan untuk dapat menyelesaikan tugas akhir
ini, diantaranya adalah sebagai berikut.
2.3.1 PHP (Hypertext preprocessor)
Menurut Anhar (2010:3), PHP merupakan script yang terintegrasi dengan HTML
dan berada pada server server side HTML embedded scripting. PHP adalah script
yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti
halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client.
Mekanisme ini menyebabkan informasi yang diterima client selalu yang
terbaru/up to date. Semua script PHP dieksekusi pada sever dimana script
tersebut dijalankan.
Gambar 2.1 Contoh Penggunaan PHP
Universitas Sumatera Utara
Setiap program PHP disebut dengan script. Script berupa file teks yang
dapat dibuat dengan menggunakan program editor file teks seperti Notepad,
Sublime text, Edit Plus dan sebagainya. Bagian awal yang paling penting dalam
penulisan program PHP adalah peletakannya.
2.3.2 MySQL
MySQL adalah sebuah perangkat lunak manajemen basis data SQL (database
management system) atau DBMS yang multithread, multi-user, dengan sekitar 6
juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai
perangkat lunak gratis dibawah lisensi GNU General Public license (GPL), tetapi
mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana
penggunaannya tidak cocok dengan penggunaan GPL (Sunarfrihantono, 2003).
Menurut Rahardja (2011),”Database adalah kumpulan fakta-fakta sebagai
respresentasi dari dunia nyata yang saling berhubungan dan mempunyai arti
tertentu. Database digunakan untuk menyimpan data agar data tersebut dapat
dimanipulasi
dengan
mudah,
terjamin
keakuratannya,
efisiensi
dalam
penyimpanannya, dan tentu saja dapat dengan mudah untuk diakses kembali. Jadi
DBMS terdiri dari suatu database dan set program untuk menambah data,
menghapus data, mengambil dan membaca data. Database adalah kumpulan filefile yang saling berelasi. Relasi tersebut biasa ditujukan dengan kunci dari file
yang ada. Satu database menunjukkan satu kumpulan data yang dipakai dalam
suatu lingkup Perusahaan dan Instansi Pemerintah maupun swasta.
Universitas Sumatera Utara
Dalam suatu file terdapat record-record yang sejenis, sama besar, sama
bentuk, merupakan satu kumpulan entry yang seragam. Satu record terdiri dari
field-field yang saling berhubungan untuk menunjukkan bahwa field tersebut
dalam satu pengertian yang lengkap dan direkam dalam satu record. Untuk
menyebut isi dari field tersebut maka digunakan atribute atau merupakan judul
dari satu kelompok entity-entity tertentu, misalnya atribute alamat menunjukkan
entity alamat dari pegawai. Entity adalah suatu objek yang nyata dan akan
direkam.
2.3.3 Javascript
Javascript adalah bahasa scripting yang digunakan oleh milyaran halaman web,
dan mampu bekerja di banyak browser ternama seperti Internet Explorer, firefox,
chrome, opera dan safari. Javascript merupakan implementasi dari standar script
language ECMA.ECMA-262 adalah standar resmi Javascript. Bahasa itu pertama
kali diimplementasikan oleh netscape communications corp pada netscape
navigator 2 beta (1995). Javascript berbeda dengan bahasa Java (dikembangkan
pada 1990-an di Sun Microsystem). Namun dua bahasa tersebut dapat saling
bekerja sama dengan baik. Program Javascript sisi client, atau script, dapat
ditanamkan langsung dalam sumber HTML halaman web.
Gambar 2.2 Contoh Penggunaan JavaScript
Universitas Sumatera Utara
2.3.4 CSS
CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemajuan jauh lebih baik dari tag maupun atribut
standar HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu
kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk
mengontrol tampilan yang banyak dokumen secara bersamaan. Keuntungan
menggunakan CSS yaitu jika ingin mengubah format dokumen, maka tidak perlu
mengedit satu per satu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS
langsung dalam kode HTML atau simpan menjadi file tersendiri berektensi.css.
Dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk
mengontrol tampilan dalam banyak dokumen secara langsung.CSS mendapat
dukungan penuh pada browser versi 4 (empat) dan versi sebelumnya,hanya
dengan Internet Explorer yang masih mampu mengenali CSS. Perlu diketahui
bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang
berbeda pula (Abdullah,2003).
Gambar 2.3 Contoh Penggunaan CSS
Universitas Sumatera Utara
2.3.5 Sublime Text
Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan,
kaya akan fitur, cross-platform, mudah dan simple yang cukup terkenal
dikalangan pengembang, penulis dan desainer. Para programmer biasanya
menggunakan sublime text untuk menyunting source code yang sedang ia
kerjakan. Sublime biasanya digunakan untuk devoloping website yang sekedar
PHP, HTML dan CSS.
Fitur-fitur yang terdapat dalam sublime text diantaranya adalah sebagai berikut:
1. Mini-map, untuk melihat teks secara keseluruhannya.
2. Command Palette (CTRL+SHIFT+P), mencari perintah yang kita
perlukan untuk mempercepat pekerjaan.
3. Panel-panel editornya bisa dipindahkan.
4. Kemampuan untuk multiple selection.
5. Ada panduan indentasi.
6. Bisa di-folding code-codenya.
7. Sistem editnya dapat di split jadi beberapa kolom.
8. Theme yang menarik.
9. Tanda (), {}, “”, dan sebagainya akan dicocokkan dan ditutup otomatis.
10. Banyak paket yang bisa buat lebih mudah bekerja.
11. Auto-complete, snippet, dan macro.
12. Find & Replace lebih teratur.
13. Fullscreen Editing.
Universitas Sumatera Utara
Gambar 2.4 Sublime Text
2.3.6 WEB dan HTML
Menurut Sampurna (1996) web adalah sekelompok kode berbasis teks sederhana
dan universal, disebut Hypertext Markup Language (HTML). Karena berbasis
teks, HTML dikenali dan diterjemahkan segala jenis komputer dalam bentuk
tampilan informasi yang sama. HTML adalah kreasi tim Berners Lee, ilmuwan
European Laboratory for Particle Physics (CERN organisasi penelitian 18 negara
Eropa) di Geneva Swiss. Maret 1989 Tim memperkenalkan WEB dan HTML
sebagai standar antarnuka distribusi informasi di internet yang mampu
menggabungkan teks, grafik, dan multimedia dengan metode navigasi menu pada
mesin UNIX.
HTML adalah bahasa kode pemrograman yang menjadi dasar bagi
terwujudnya web. Dengan HTML seluruh sistem komputer yang saling berbeda
dapat mengenali format yang ditampilkan dalam situs internet tanpa perbedaan
yang berarti, termasuk didalamnya penampilan multimedia (grafik, suara, dan
citra video). HTML berbasis teks yang sangat sederhana dan praktis sehingga
dapat dipahami oleh berbagai jenis komputer dalam platform sistem yang
berbeda.
Universitas Sumatera Utara
2.4 Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) adalah suatu model jaringan yang
menggunakan susunan data yang disimpan dalam sistem secara abstrak. ERD
merupakan model jaringan data yang menekankan pada struktur-struktur dan
relation data. Entity Relationship Diagram (ERD) merupakan gambaran data
yang
dimodelkan
dalam
suatu
diagram
yang
digunakan
untuk
mendokumentasikan data dengan cara menentukan apa saja yang terdapat dalam
tiap entity dan bagaimana hubungan antara entity satu dengan lainnya.
2.4.1 Simbol – simbol Entity Relationship Diagram
ERD merupakan alat untuk pembuatan model data secara grafik, maka ERD
memiliki simbol-simbol yang digunakan untuk menggambarkan model data
seperti terdapat pada tabel berikut :
Tabel 2.1 Simbol-simbol Entity Relationship Diagram
No.
1.
Simbol
Arti
Entitas
Defenisi
Suatu kumpulan
objek atau sesuatu
yang dapat dibedakan
atau didefenisikan secara
unik.
Universitas Sumatera Utara
2
Relationship
Hubungan yang
terjadi antara
satu atau lebih entity
3.
Atribut
Karakteristik dari
entity atau
relationship yang
menyediakan
penjelasan detail
tentang entity
atau relationship tersebut.
4.
Atribut
Atribut ialah karakteristik
dari entitas atau relasi
yang menyediakan
penjelasan detail tentang
entitas atau relasi tersebut
dan berfungsi untuk
memperjelas atribut yang
dimiliki oleh sebuah
entitas. Atribut memiliki
bentuk
lingkaran
lebih
tepatnya elips.
5.
Alur
Alur memiliki fungsi
untuk menghubungkan
atribut dengan entitas dan
entitas dengan relasi. Dan
berbentuk garis.
Universitas Sumatera Utara
2.4.2 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD
menggambarkan komponen-komponen sebuah sistem, aliran aliran data dimana
komponen-komponen tersebut, asal, tujuan, dan penyimpanan data.
DFD memiliki simbol simbol yang digunakan untuk menggambarkan model data
seperti terdapat pada tabel berikut :
Tabel 2.2 Simbol Data Flow Diagram
Simbols
DeMarco dan Yuordan
Keterangan
Gane and Sarson
Keterangan
Entitas Eksternal, dapat
berupa orang atau unit
Entitas Eksternal
Entitas
Eksternal
terkait yang
berinteraksi dengan
sistem tetapi diluar
sistem
Proses merupakan
proses perhitungan
Proses
Proses
aritmatik penulisan
suatu formula atau
pembuatan laporan
Aliran data
Aliran data
Arus data ini mengalir
antara pross, simpan
data dan kesatuan luar
Simpan data, berupa
Data store
Data Store
Suatu file atau database
Pada sistem komputer
Atau catatan manual
Universitas Sumatera Utara
2.4.3 Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urutan
prosedur dari suatu program. Flowchart menolong analisis dan programmer untuk
memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong
dalam menganalisis alternative-alternative lain dalam pengoperasian. Flowchart
biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang
perlu dipelajari dan dievaluasi lebih lanjut.
2.4.3.1 Simbol-simbol Flowchart
Flowchart merupakan penggambaran urutan prosedur suatu program secara
grafik, maka flowchart memiliki simbol-simbol yang digunakan untuk
menggambarkan urutan program seperti pada tabel berikut :
Tabel 2.2 Simbol Flowchart
Simbol
Nama
TERMINATOR
Fungsi
Permulaan / akhir
Program
GARIS ALIR(FLOW
Arah aliran program
LINE)
PREPARATION
Proses inisialisasi /
Pembelian harga awal
Proses perhitungan /
PROSES
Pembelian harga awal
Proses input / output
INPUT / OUTPUT
data, parameter dan
DATA
informasi
Permulaan sub program
PREDEFINED PROSES
/ proses menjalankan
(SUB PROGRAM)
sub program
Universitas Sumatera Utara
Perbandingan
pernyataan,penyeleksian
DECESION
data yang memberikan
pilihan langkah
selanjutnya
Penghubung bagian
ONE PAGE
bagian flowchart yang
CONECTOR
berada dalam satu
halaman
Universitas Sumatera Utara
LANDASAN TEORI
2.1 Kelurahan Titi Rantai
Kelurahan merupakan pembagian wilayah administratif di Indonesia dibawah
kecamatan. Kelurahan merupakan wilayah kerja lurah sebagai perangkat daerah
Kabupaten dan kota. Kelurahan dipimpin oleh lurah yang berstatus pegawai
negeri sipil. Titi Rantai merupakan kelurahan yang berada di kecamatan medan
baru, kelurahan ini termasuk kelurahan terbesar setelah kelurahan medan
sunggal. Ada sekitar 11.656 jiwa penduduk yang terdaftar dalam kelurahan ini,
data tersebut diperoleh pada tahun 2011.
Kelurahan Titi rantai memiliki lurah bernama Bona Manuel T.S.MSi
didalam struktur organisasinya diketahui memiliki sekretaris bernama Lazarus.
Kantor kelurahan Titi Rantai terdapat di bahagia no 89, kelurahan ini memiliki 10
Kepala Lingkungan yang memiliki tugas melayani masyarakat di daerahnya.
Wilayah Titi Rantai memiliki 10 pembagian wilayah, mulai dari daerah Padang
Bulan sampai dengan Medan Selayang.
Universitas Sumatera Utara
Kelurahan ini juga sering mendapatkan penghargaan diantaranya pernah
mendapatkan
penghargaan
sebagai
kelurahan
terbersih
dan
beberapa
penghargaan yang dilakukan oleh ibu-ibu PKK dengan seringnya melakukan
kegiatan yang sangat berharga, keaktifan tersebut yang sering membuat
kelurahan ini menjadi kelurahan terbaik.
2.2 Definisi Sistem Informasi
Pengertian Sistem informasi menurut para ahli – secara umum Sistem Informasi
dapat didefinisikan sebagai suatu sistem didalam suatu organisasi yang
merupakan kombinasi orang-orang, fasilitas, teknologi, media prosedur-prosedur
dan pengendalian penting, memproses, tipe transaksi rutin tertentu, memberi
sinyal kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal
dan eksternal yang penting dan menyediakan suatu dasar informasi untuk
pengambilan keputusan.
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
merupakan kombinasi dari orang-orang, fasilitas, teknologi, media, prosedurprosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi
penting. (Jogiyanto, Pengenalan Komputer, 1989).
Menurut Tafri D. Muhyuzir Sistem Informasi adalah data yang
dikumpulkan, dikelompok dan diolah sedemikian rupa sehingga menjadi sebuah
kesatuan informasi yang saling terikat dan saling mendukung sehingga menjadi
Universitas Sumatera Utara
suatu informasi yang berharga bagi yang menerimanya. Atau dalam pengertian
lainnya, Sistem Informasi merupakan kumpulan elemen yang saling berhubungan
satu sama lain yang membentuk satu kesatuan untuk mengintegrasikan data,
memproses dan menyimpan serta mendistribusikan informasi.
2.3 Aplikasi yang digunakan
Adapun pengaplikasian yang digunakan untuk dapat menyelesaikan tugas akhir
ini, diantaranya adalah sebagai berikut.
2.3.1 PHP (Hypertext preprocessor)
Menurut Anhar (2010:3), PHP merupakan script yang terintegrasi dengan HTML
dan berada pada server server side HTML embedded scripting. PHP adalah script
yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti
halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client.
Mekanisme ini menyebabkan informasi yang diterima client selalu yang
terbaru/up to date. Semua script PHP dieksekusi pada sever dimana script
tersebut dijalankan.
Gambar 2.1 Contoh Penggunaan PHP
Universitas Sumatera Utara
Setiap program PHP disebut dengan script. Script berupa file teks yang
dapat dibuat dengan menggunakan program editor file teks seperti Notepad,
Sublime text, Edit Plus dan sebagainya. Bagian awal yang paling penting dalam
penulisan program PHP adalah peletakannya.
2.3.2 MySQL
MySQL adalah sebuah perangkat lunak manajemen basis data SQL (database
management system) atau DBMS yang multithread, multi-user, dengan sekitar 6
juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai
perangkat lunak gratis dibawah lisensi GNU General Public license (GPL), tetapi
mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana
penggunaannya tidak cocok dengan penggunaan GPL (Sunarfrihantono, 2003).
Menurut Rahardja (2011),”Database adalah kumpulan fakta-fakta sebagai
respresentasi dari dunia nyata yang saling berhubungan dan mempunyai arti
tertentu. Database digunakan untuk menyimpan data agar data tersebut dapat
dimanipulasi
dengan
mudah,
terjamin
keakuratannya,
efisiensi
dalam
penyimpanannya, dan tentu saja dapat dengan mudah untuk diakses kembali. Jadi
DBMS terdiri dari suatu database dan set program untuk menambah data,
menghapus data, mengambil dan membaca data. Database adalah kumpulan filefile yang saling berelasi. Relasi tersebut biasa ditujukan dengan kunci dari file
yang ada. Satu database menunjukkan satu kumpulan data yang dipakai dalam
suatu lingkup Perusahaan dan Instansi Pemerintah maupun swasta.
Universitas Sumatera Utara
Dalam suatu file terdapat record-record yang sejenis, sama besar, sama
bentuk, merupakan satu kumpulan entry yang seragam. Satu record terdiri dari
field-field yang saling berhubungan untuk menunjukkan bahwa field tersebut
dalam satu pengertian yang lengkap dan direkam dalam satu record. Untuk
menyebut isi dari field tersebut maka digunakan atribute atau merupakan judul
dari satu kelompok entity-entity tertentu, misalnya atribute alamat menunjukkan
entity alamat dari pegawai. Entity adalah suatu objek yang nyata dan akan
direkam.
2.3.3 Javascript
Javascript adalah bahasa scripting yang digunakan oleh milyaran halaman web,
dan mampu bekerja di banyak browser ternama seperti Internet Explorer, firefox,
chrome, opera dan safari. Javascript merupakan implementasi dari standar script
language ECMA.ECMA-262 adalah standar resmi Javascript. Bahasa itu pertama
kali diimplementasikan oleh netscape communications corp pada netscape
navigator 2 beta (1995). Javascript berbeda dengan bahasa Java (dikembangkan
pada 1990-an di Sun Microsystem). Namun dua bahasa tersebut dapat saling
bekerja sama dengan baik. Program Javascript sisi client, atau script, dapat
ditanamkan langsung dalam sumber HTML halaman web.
Gambar 2.2 Contoh Penggunaan JavaScript
Universitas Sumatera Utara
2.3.4 CSS
CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemajuan jauh lebih baik dari tag maupun atribut
standar HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu
kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk
mengontrol tampilan yang banyak dokumen secara bersamaan. Keuntungan
menggunakan CSS yaitu jika ingin mengubah format dokumen, maka tidak perlu
mengedit satu per satu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS
langsung dalam kode HTML atau simpan menjadi file tersendiri berektensi.css.
Dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk
mengontrol tampilan dalam banyak dokumen secara langsung.CSS mendapat
dukungan penuh pada browser versi 4 (empat) dan versi sebelumnya,hanya
dengan Internet Explorer yang masih mampu mengenali CSS. Perlu diketahui
bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang
berbeda pula (Abdullah,2003).
Gambar 2.3 Contoh Penggunaan CSS
Universitas Sumatera Utara
2.3.5 Sublime Text
Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan,
kaya akan fitur, cross-platform, mudah dan simple yang cukup terkenal
dikalangan pengembang, penulis dan desainer. Para programmer biasanya
menggunakan sublime text untuk menyunting source code yang sedang ia
kerjakan. Sublime biasanya digunakan untuk devoloping website yang sekedar
PHP, HTML dan CSS.
Fitur-fitur yang terdapat dalam sublime text diantaranya adalah sebagai berikut:
1. Mini-map, untuk melihat teks secara keseluruhannya.
2. Command Palette (CTRL+SHIFT+P), mencari perintah yang kita
perlukan untuk mempercepat pekerjaan.
3. Panel-panel editornya bisa dipindahkan.
4. Kemampuan untuk multiple selection.
5. Ada panduan indentasi.
6. Bisa di-folding code-codenya.
7. Sistem editnya dapat di split jadi beberapa kolom.
8. Theme yang menarik.
9. Tanda (), {}, “”, dan sebagainya akan dicocokkan dan ditutup otomatis.
10. Banyak paket yang bisa buat lebih mudah bekerja.
11. Auto-complete, snippet, dan macro.
12. Find & Replace lebih teratur.
13. Fullscreen Editing.
Universitas Sumatera Utara
Gambar 2.4 Sublime Text
2.3.6 WEB dan HTML
Menurut Sampurna (1996) web adalah sekelompok kode berbasis teks sederhana
dan universal, disebut Hypertext Markup Language (HTML). Karena berbasis
teks, HTML dikenali dan diterjemahkan segala jenis komputer dalam bentuk
tampilan informasi yang sama. HTML adalah kreasi tim Berners Lee, ilmuwan
European Laboratory for Particle Physics (CERN organisasi penelitian 18 negara
Eropa) di Geneva Swiss. Maret 1989 Tim memperkenalkan WEB dan HTML
sebagai standar antarnuka distribusi informasi di internet yang mampu
menggabungkan teks, grafik, dan multimedia dengan metode navigasi menu pada
mesin UNIX.
HTML adalah bahasa kode pemrograman yang menjadi dasar bagi
terwujudnya web. Dengan HTML seluruh sistem komputer yang saling berbeda
dapat mengenali format yang ditampilkan dalam situs internet tanpa perbedaan
yang berarti, termasuk didalamnya penampilan multimedia (grafik, suara, dan
citra video). HTML berbasis teks yang sangat sederhana dan praktis sehingga
dapat dipahami oleh berbagai jenis komputer dalam platform sistem yang
berbeda.
Universitas Sumatera Utara
2.4 Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) adalah suatu model jaringan yang
menggunakan susunan data yang disimpan dalam sistem secara abstrak. ERD
merupakan model jaringan data yang menekankan pada struktur-struktur dan
relation data. Entity Relationship Diagram (ERD) merupakan gambaran data
yang
dimodelkan
dalam
suatu
diagram
yang
digunakan
untuk
mendokumentasikan data dengan cara menentukan apa saja yang terdapat dalam
tiap entity dan bagaimana hubungan antara entity satu dengan lainnya.
2.4.1 Simbol – simbol Entity Relationship Diagram
ERD merupakan alat untuk pembuatan model data secara grafik, maka ERD
memiliki simbol-simbol yang digunakan untuk menggambarkan model data
seperti terdapat pada tabel berikut :
Tabel 2.1 Simbol-simbol Entity Relationship Diagram
No.
1.
Simbol
Arti
Entitas
Defenisi
Suatu kumpulan
objek atau sesuatu
yang dapat dibedakan
atau didefenisikan secara
unik.
Universitas Sumatera Utara
2
Relationship
Hubungan yang
terjadi antara
satu atau lebih entity
3.
Atribut
Karakteristik dari
entity atau
relationship yang
menyediakan
penjelasan detail
tentang entity
atau relationship tersebut.
4.
Atribut
Atribut ialah karakteristik
dari entitas atau relasi
yang menyediakan
penjelasan detail tentang
entitas atau relasi tersebut
dan berfungsi untuk
memperjelas atribut yang
dimiliki oleh sebuah
entitas. Atribut memiliki
bentuk
lingkaran
lebih
tepatnya elips.
5.
Alur
Alur memiliki fungsi
untuk menghubungkan
atribut dengan entitas dan
entitas dengan relasi. Dan
berbentuk garis.
Universitas Sumatera Utara
2.4.2 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD
menggambarkan komponen-komponen sebuah sistem, aliran aliran data dimana
komponen-komponen tersebut, asal, tujuan, dan penyimpanan data.
DFD memiliki simbol simbol yang digunakan untuk menggambarkan model data
seperti terdapat pada tabel berikut :
Tabel 2.2 Simbol Data Flow Diagram
Simbols
DeMarco dan Yuordan
Keterangan
Gane and Sarson
Keterangan
Entitas Eksternal, dapat
berupa orang atau unit
Entitas Eksternal
Entitas
Eksternal
terkait yang
berinteraksi dengan
sistem tetapi diluar
sistem
Proses merupakan
proses perhitungan
Proses
Proses
aritmatik penulisan
suatu formula atau
pembuatan laporan
Aliran data
Aliran data
Arus data ini mengalir
antara pross, simpan
data dan kesatuan luar
Simpan data, berupa
Data store
Data Store
Suatu file atau database
Pada sistem komputer
Atau catatan manual
Universitas Sumatera Utara
2.4.3 Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urutan
prosedur dari suatu program. Flowchart menolong analisis dan programmer untuk
memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong
dalam menganalisis alternative-alternative lain dalam pengoperasian. Flowchart
biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang
perlu dipelajari dan dievaluasi lebih lanjut.
2.4.3.1 Simbol-simbol Flowchart
Flowchart merupakan penggambaran urutan prosedur suatu program secara
grafik, maka flowchart memiliki simbol-simbol yang digunakan untuk
menggambarkan urutan program seperti pada tabel berikut :
Tabel 2.2 Simbol Flowchart
Simbol
Nama
TERMINATOR
Fungsi
Permulaan / akhir
Program
GARIS ALIR(FLOW
Arah aliran program
LINE)
PREPARATION
Proses inisialisasi /
Pembelian harga awal
Proses perhitungan /
PROSES
Pembelian harga awal
Proses input / output
INPUT / OUTPUT
data, parameter dan
DATA
informasi
Permulaan sub program
PREDEFINED PROSES
/ proses menjalankan
(SUB PROGRAM)
sub program
Universitas Sumatera Utara
Perbandingan
pernyataan,penyeleksian
DECESION
data yang memberikan
pilihan langkah
selanjutnya
Penghubung bagian
ONE PAGE
bagian flowchart yang
CONECTOR
berada dalam satu
halaman
Universitas Sumatera Utara