BAB 2
LANDASAN TEORI
2.1 Pengenalan Perancangan Sistem
Perancangan sistem merupakan suatu kebutuhan perangkat lunak yang akan dibuat dengan menggunakan prinsip tertentu sehingga rancangan dapat menjadi perangkat lunak yang siap pakai.
2.2 Flowchart
Merupakan alat bantu yang digunakan untuk menerangkan logika program, berupa suatu bagan yang menjelaskan secara rinci langkah-langkah dari proses program. Bagan alir program dibuat dengan simbol-simbol standar sebagai berikut:
2.3 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram,model proses, diagram alur kerja, atau model fungsi. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudahdikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.
Tabel 2.3 Simbol Data Flow Diagram
2.4 Sistem
Suatu sistem dapat diartikan sebagai suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang berinteraksi untuk mencapai suatu tujuan.
SIMBOL KETERANGAN
Terminator merupakan sumber atau tujuan data
Data Flow atau Arus Data menunjukan keluar atau masuk kesuatu Proses. Jadi sebagai alur data atau informasi dari suatu bagian kebagian lainnya dalam suatu sistem.
Proses merupakan kegiatan yang dilakukan oleh orang,mesin, atau komputer dari hasil suatu arus data yang masuk kedalam proses, untuk dihasilkan arus data yang akan keluar dari proses
Data Strore digunakan sebagai sarana untuk pengumpulan data. Data store juga diberi nama.
2.4.1 Pengertian Sistem
Istilah sistem berasal dari bahasa Yunani yaitu “sistema”. Ditinjau dari sudut katanya sistem berarti sekumpulan objek yang bekerja bersama-sama untuk menghasilkan suatu kesatuan mode, prosedur, teknik yang digabungkan dan diatur sedemikian rupa sehingga menjadi satu kesatuan yang berfungsi untuk mencapai tujuan.
Sistem merupakan sekumpulan komponen atau subsistem yang saling berintegrasi untuk mencapai tujuan.(Aji Supriyanto (2005:238))
Sistem sebagai sekelompok unsur yang erat hubungannya antara satu dengan yang lain, yang berfungsi bersama-sama untuk mencapai tujuan tertentu.( Tata Sutabri (2005:8))
Jadi dari pengertian diatas penulis dapat menyimpulkan bahwa sistem adalah kumpulan dari bagian-bagian, unsur-unsur atau komponen yang saling berhubungan satu sama lain secara teratur untuk mencapai suatu tujuan.
2.4.2 Karakteristik Sistem
Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu. Adapun karakteistik sistem tersebut yaitu:
1. Komponen sistem, suatu sistem terdiri dari sejumlah komponen yang saling beraksi dan saling bekerja sama membentuk suatu kesatuan. Komponen atau elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem.
2. Batas sistem (boundary), merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
3. Lingkungan luar sistem (environment), adapun diluar batas dari sistem yang mempengaruhi operasi sistem.
4. Penghubung sistem (interface), merupakan penghubung antara subsistem. Keluaran dari suatu sistem akan menjadi suatu masakan untuk subsistem yang lainnya melalui penghubung.
5. Masukan sistem (input), adalah energi yang masuk ke dalam sistem berupa masukan perawatan yaitu energi yang dimasukkan supaya sistem tersebut dapat beroperasi dan masukan sinyal yaitu energi yang diproses untuk didapatkan keluaran.
6. Keluaran sistem (output) adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran untuk subsistem yang lain atau kepada suprasistem.
7. Pengolahan sistem, suatu sistem dapat mempunyai suatu bagian pengolahan yang akan merubah masukan menjadi keluaran.
8. Sasaran sistem, sasaran sistem sangat menentukan hasil masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.
2.4.3 Klasifikasi Sistem
Sistem diklasifikasikan dari beberapa sudut pandang diantaranya sebagai berikut:
1. Sistem abstrak (Abstract Sistem) dan Sistem Fisik (Physical Sistem). Sistem abstrak adalah sistem yang berupa pemikiran-pemikiran atau ide-ide yang tidak tampak secara fisik. Contohnya sistem yang berupa pemikiran hubungan antara manusia dan Tuhan. 2. Sistem Alamiah (Natural Sistem) dan sistem Buatan Manusia (Human
dibuat manusia. Contohnya sistem buatan manusia adalah sistem yang dirancang manusia.
3. Sistem Tertentu (Determinitic Sistem) dan sistem tak tentu (Probabilistic Sistem). Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi. Sistem komputer adalah contoh dari sistem tertentu yang tiingkah lakunya dapat dipastikan berdasarkan program-program yang dijalankan. Sistem Tak Tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksikan karena mengandung probabilitas.
4. Sistem Tertutup (Closed Sistem) dan Sistem Terbuka (Open Sistem). Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luar. Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk lingkungan luar atau subsistem lainnya.
2.5 Database (basis data)
2.5.1 Pengertian Database
Database sering didefinisikan sebagai kumpulan data yang terkait. Secara teknis, yang berada dalam sebuah database adalah sekumpulan tabel atau objek lain (indeks, view, dan lain-lain). Tujuan utama pembuatan database adalah untuk memudahkan dalam mengakses data. Data dapat ditambahkan, diubah, dihapus, atau dibaca dengan relatif mudah dan cepat.
2.5.2 ERD (Entity Relationship Diagram)
Entity realtionship diagram adalah salah satu penyajian data dengan menggunakan entity dan relationship.
Komponen utama ERD adalah : Atribut
Secara umum sifat atau karakteristik dari suatu enitas.
Cardinality
Dalam Entity Relationship Diagram terdapat tingkat hubungan antara hubungan yang satu dengan yang lain dilihat dari segi bahasa jumlah ketergatungan dalam suatu entity dengan entity lain, inilah yang dinamakan Cardinality. Ada tiga kemungkinan yang terjadi yaitu :
Tabel 2.5 Cardinality
One to One (1:1)
Terjadi suatu hubungan yang hanya memiliki sebuah hubungan yang satu dengan yang lain.
One To Many / Many To One
(1:N/N:1)
Terjadi apabila sebuah hubungan
1 1
n 1
2.6 Pemrograman Web 2.6.1 Client Side
2.6.1.1 Hyper Text Markup Language (HTML)
HTML kependekan dari Hyper Text Markup Language. Dokuman HTML adalah file teks murni yang dapat dibiuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam Internet.
HTML merupakan bahasa yang digunakan untuk menulis halaman web. Biasanya mempunyai ekstensi “.htm”, “.html”, atau “.shtml”. HTML tersusun atas tag-tag, digunakn untuk menetukan tampilan dari dokumen HTML yang ditejemahkan oleh browser. Tag HTML tidak case sentive, jadi bisa menggunakan <HTML> atau <html>. Keduanya menghasilkan output yang sama.
HTML berawal dari bahasa SGML (Standard Generalize MarkUp Language) yang penulisannya disederhanakan. HTML dapat dibaca oleh berbagai macam platform. HTML juga
memiliki banyak hubungan atau banyak hubungan memiliki sebuah hubungan lain.
Many To Many (N:N)
Terjadi apabila banyak hubungan memiliki banyak hubungan.
merupakan bahasa pemrograman yang fleksibel, dapat disisipi atau digabungkan dengan bahasa pemrograman lain, seperti PHP, ASP, JSP, JavaScript, dan lainnya. Jika ada kesalahan pada penulisan HTML, browser tidak akan memperlihatkan syntax error, tetapi hanya tidak menampilkannya. HTML terus berkembang seiring perkembangan browser.(Sidik dan Pohan, 2009)
2.6.1.2 CSS
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , warna (colors), ukuran (margins), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”. Cascading Style Sheets juga bisa berarti meletakkan style yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet. Saat menggunakan CSS, tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah membuat sebuah style sheet, kita dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.
2.6.1.3 JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan Sun Microsistem berkolaborasi dan menggati nama LiveScript menjadi JavaScript.
JavaScript adalah bahan skrip yang ditempatkan pada kode HTML dan diproses pada sisi klien. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan pada formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah desain web.
2.6.1.4 Browser
Browser merupakan tool yang berada di sisi client. Untuk mengakses web, diperlukan suatu program yang disebut web browser. Browser merupakan suatu program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet. Informasi-informasi ini biasanya dikemas dalam page-page, dimana setiap page bisa memiliki beberapa link yang menghubungkan web page tersebut ke sumber informasi lainnya.
2.6.1.5 Website
Website diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video, atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis yaitu profil perusahaan,blog dan forum sedangkan website dinamis seperti Facebook, Multiply, Twitter, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
2.6.1.6 Adobe Dreamweaver
Adobe Dreamweaver CS5 adalah editor HTML profesional untuk merancang, mengkodekan, dan mengembangkan website, halaman web, dan aplikasi web. Kita bisa melakukan secara manual untuk coding HTML ataupun mengerjakan dalam lingkungan editing visual. Dreamweaver menyediakan tool yang sangat menolong untuk meningkatkan pengalaman dalam menciptakan web.
Visual editing feature di Dreamweaver memungkinkan kita dengan cepat menciptakan halaman tanpa menulis satupun baris kode. Kita dapat memandang semua aset atau unsur-unsur lokasi dan menyeretnya dari suatu panel easy-to-use secara langsung ke dalam suatu dokumen. Kita dapat mengefektifkan workflow pengembangan dengan menciptakan dan mengedit gambar di dalam Firework atau aplikasi grafik yang lain, dan kemudian mengimpornya secara langsung ke dalam Dreamweaver, atau dengan menambahkan objek Flash.
Dreamweaver juga menyediakan lingkungan pengkodean penuh, meliputi code-editing tool (seperti kode mewarnai dan penyelesaian tag) dan material referensi pada HTML, Cascading Style Sheets (CSS), JavaScript, ColdFusion Markup Language (CFML), Microsoft Active Server Page (ASP), dan JavaServer Page (JSP). Teknologi Roudtrip HTML mengimpor dokumen HTML yang dikode secara manual tanpa reformating kode. Kita kemudian bisa memformat kembali kode itu dengan gaya pengaturan yang lebih disukai.
Dreamweaver juga memungkinkan kita untuk membangun aplikasi web dinamis yang didukung database yang menggunakan teknologi server seperti CFML, ASP.NET, ASP, JSP, dan PHP. Dreamweaver secara penuh customizable. Kita dapat menciptakan objek dan perintah, meodifikasi shortcut keyboard, bahkan menuliskan kode JavaScript untuk memperluas
kemampuan Dreamweaver dengan behavior baru, Property Inspector, dan Site Report.(Prasetyo, 2005)
2.6.2 Server Side
Macam – macam server side sebagai berikut :
2.6.2.1 Web Server
Web server adalah software yang menjadi tulang belakang dari world wide web (www). Web server menunggu permintaan dari client yang menggunakan browser seperti Netscape Navigator, Internet Explorer, Mozilla, dan program browser lainnya. Jika ada permintaan dari browser, maka web server akan memproses permintaan itu kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser. Data ini mempunyai format yang standar, disebut dengan format SGML (Standar General Markup Language). Data yang berupa format ini kemudian akan ditampilkan oleh browser sesuai dengan kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa gambar, browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akan mampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya saja.
2.6.2.2 SQL
SQL (dibaca "ess-que-el") singkatan dari Structured Query Language. SQL adalah bahasa yang digunakan untuk berkomunikasi dengan database. Menurut ANSI (American National Standards Institute), bahasa ini merupakan standard untuk relational database management sistem (RDBMS). Pernyataan-pernyataan SQL digunakan untuk melakukan beberapa tugas seperti:
update data pada database, atau menampilkan data dari database. Beberapa software RDBMS dan dapat menggunakan SQL, seperti: Oracle, Sybase, Microsoft SQL Server, Microsoft Access, Ingres, dsb. Setiap software database mempunyai bahasa perintah/ sintaks yang berbeda, namun pada prinsipnya mempunyai arti dan fungsi yang sama. Perintah-perintah tersebut antara lain: "Select", "Insert", "Update", "Delete", "Create", dan "Drop", yang dapat digunakan untuk mengerjakan hampir semua kebutuhan untuk memanipulasi sebuah database.
MySQL merupakan database yang paling digemari dikalangan Programmer Web, dengan alasan bahwa program ini merupakan database yang sangat kuat dan cukup stabil untuk digunakan sebagai media penyimpanan data. Sebagai sebuah database Server yang mampu untuk memanajemen database dengan baik, MySQL terhitung merupakan database yang paling digemari dan paling banyak digunakan dibanding database lainnya.
Di dalam dunia Internet, MySQL dijadikan sebagai sebuah database yang paling banyak digunakan selain database yang bersifat share ware seperti Ms Access, penggunaan MySQL ini biasanya dipadukan dengan menggunakan program aplikasi PHP, karena dengan menggunakan kedua program tersebut telah terbukti akan kehandalannya dalam menangani permintaan data (Nugroho, 2004). Beberapa kelebihan MySQL antara lain :
a. Free (bebas didownload) b. Stabil dan tangguh
c. Fleksibel dengan berbagai pemrograman d. Security yang baik
e. Dukungan dari banyak komunitas f. Kemudahan management database g. Mendukung transaksi
h. Perkembangan software yang cukup cepat.
2.6.2.3 PHP
Personal Home Page atau yang biasa disebut PHP (sekarang PHP: Hypertext Processor) adalah skrip yang dijalankan di sisi server. Jadi, konsepnya berbeda dengan JavaScript yang dijalankan pada sisi klien. Keuntungan penggunaan PHP, kode yang menyusun program tidak perlu dibagikan ke pemakai, yang berarti bahwa kerahasiaan kode dapat dilindungi.
Secara khusus, PHP dirancang untuk membentuk web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, anda bisa menampilkan isi database ke halaman web. Pada prinsipnya, PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP (Active Server Page), Cold Fusion, ataupun Perl.
Hal menarik yang didukung oleh PHP tetapi tidak mungkin dilakukan oleh JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses berbagai macam database seperti Access, Oracle, MySQL, dan lain-lain. Seperti halnya JavaScript, kode PHP dapat disisipkan pada kode HTML. Selain itu PHP juga bisa digunakan untuk menghasilkan kode-kode HTML. (Prasetyo,2005)
2.6.2.4 Apache
Apache merupakan web server yang paling banyak dipergunakan di Internet. Program ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Namun demikian, pada beberapa versi berikutnya Apache mengeluarkan programnya yang dapat dijalankan di Windows NT.(Kusworo,2011)
a. Apache termasuk dalam kategori freeware
b. Apache mudah sekali proses instalasinya jika dibanding web server lainnya seperti NCSA, IIS, dan lain-lain
c. Mampu beroperasi pada berbagai paltform sistem operasi
d. Mudah mengatur konfigurasinya, Apache mempunyai hanya empat file konfigurasi. e. Mudah dalam menambahkan peripheral lainnya ke dalam platform web servernya.
2.6.2.5 XAMPP
Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis. (Kadir, Dasar Pemrograman Web Dinamis Menggunakan PHP 2003)
2.6.3 Kerabat
2.6.3.1 Pengertian Kerabat
Menurut Kamus Besar Bahasa Indonesia (KBBI) kerabat berarti seseorang yang dekat (pertalian keluarga), sedarah sedaging.
2.6.3.2 Hubungan Kekerabatan
Hubungan kekerabatan atau kekeluargaan merupakan hubungan antara tiap entitas yang memiliki asal usul silsilah yang sama, baik melalui keturunan biologis, sosial, maupun budaya. Dalam antropologi, sistem kekerabatan termasuk keturunan dan pernikahan, sementara dalam biologi
istilah ini termasuk keturunan dan perkawinan. Hubungan kekerabatan manusia melalui pernikahan umum disebut sebagai "hubungan dekat" ketimbang "keturunan" (juga disebut "konsanguitas"), meskipun kedua hal itu bisa tumpang tindih dalam pernikahan di antara orang-orang yang satu moyang. Hubungan kekeluargaan sebagaimana genealogi budaya dapat ditarik kembali pada Tuhan [1] (lihat mitologi, agama), hewan yang berada dalam daerah atau fenomena alam (seperti pada kisah penciptaan).
Hubungan kekerabatan adalah salah satu prinsip mendasar untuk mengelompokkan tiap orang ke dalam kelompok sosial, peran, kategori, dan silsilah. Hubungan keluarga dapat dihadirkan secara nyata (ibu, saudara, kakek) atau secara abstrak menurut tingkatan kekerabatan. Sebuah hubungan dapat memiliki syarat relatif (misal, ayah adalah seseorang yang memiliki anak), atau mewakili secara absolut (misal, perbedaan status antara seorang ibu dengan wanita tanpa anak). Tingkatan kekerabatan tidak identik dengan pewarisan maupun suksesi legal. Banyak kode etik yang menganggap bahwa ikatan kekerabatan menciptakan kewajiban di antara orang-orang terkait yang lebih kuat daripada di antara orang asing, seperti bakti anak. (Damqatum, 2007)
2.6.3.3 Jenis-Jenis Kerabat
Adapun jenis-jenis kerabat menurut Kamus Besar Bahasa Indonesia (KBBI) adalah sebagai berikut:
1. Kerabat angkat, merupakan kerabat yg berdasarkan adat atau hukum tentang adopsi yg berlaku dalam suatu masyarakat.
3. Kerabat kerja, merupakan sekelompok petugas sepekerjaan yg tergabung sementara untuk melaksanakan tugas yg sama.
4. Kerabat sebagian, merupakan ikatan keturunan yg hanya mempunyai satu induk sama; 5. Kerabat sedarah, merupakan kerabat berdasarkan hubungan darah.
2.6.4 Rumah Tangga
Rumah tangga terdiri dari satu atau lebih orang yang tinggal bersama-sama di sebuah tempat tinggal dan juga berbagi makanan atau akomodasi hidup, dan bisa terdiri dari satu keluarga atau sekelompok orang. Sebuah tempat tinggal dikatakan berisi beberapa rumah tangga jika penghuninya tidak berbagi makanan atau ruangan. Rumah tangga adalah dasar bagi unit analisis dalam banyak model sosial, mikroekonomi, dan pemerintahan, dan menjadi bagian penting dalam ilmu ekonomi.
Dalam arti luas, rumah tangga tidak hanya terbatas pada keluarga, bisa berupa rumah tangga perusahaan, rumah tangga negara, dan lain sebagainya.
Istilah rumah tangga bisa juga didefinisikan sebagai sesuatu yang berkenaan dengan urusan kehidupan di rumah. Sedangkan istilah berumah tangga secara umum diartikan sebagai berkeluarga (KBBI). (Haviland, W.A., 2003)
