Sistematika Penulisan Gambaran Umum Sistem

1.7 Sistematika Penulisan

Pada dasarnya, penyusunan skematika penulisan ini bertujan untuk memudahkan para pembaca dalam mengikuti apa yang dipaparkan dalam laporan tugas akhir ini. skematikanya sebagai berikut : BAB 1 PENDAHULUAN Dalam bab ini, berisikan gambaran umum pembuatan laporan yang meliputi latar belakang, rumusan masalah, tujuan, ruang lingkup, batasan masalah, metodologi penelitian, jadwal pengerjaan, dan skematika penulisan sebagai panduan dalam penyusunan landasan teori. BAB 2 LANDASAN TEORI Bab ini menjelaskan tentang teori-teori yang berkaitan dengan isi laporan tugas akhir dan aplikasi-aplikasi web yang dibuat, diantaranya HTML, MySQL, PHP, sebagian besar memakai Data Flow Diagram DFD, Entity Relationship ERD, Data Dictionary DD dan sebagainya. BAB 3 PERANCANGAN SISTEM Dalam bab ini dilakukan perancangan sistem atau rancangan terperinci dari sistem yang mencakup perincian penggunaan sistem serta gambaran bentuk rancangan sampai pengujian sistem dengan interface gambar, menggunakan Data Flow Diagram DFD, Entity Relationship ERD, Data Dictionary DD dan sebagainya. Universitas Sumatera Utara BAB 4 IMPLEMENTASI Dalam bab ini dijelaskan tentang implementasi dari beberapa rancangan yang telah dibuat. Terdapat didalamnya paparan hasil implementasi dalam bentuk gambarscreenhot dari sistem yang telah selesai dibuat. BAB 5 KESIMPULAN Dalam bab ini memaparkan tentang kesimpulan yang penulis ambil setelah selesai membuat sistem informasi ini. Universitas Sumatera Utara BAB 2 LANDASAN TEORI

2.1 Konsep Dasar Sistem Informasi

Dalam mendefinisikan suatu sistem terdapat dua kelompok pendekatan, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Sedangkan informasi itu sendiri memiliki pengertian data yang diolah bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.

2.1.1 Definisi Sistem

Kata sistem berasal dari bahasa Yunani yaitu “System”, yang berarti kesatuan, suatu kesatuan yang saling tergantung dan saling bekerja sama untuk mencapai tujuan tertentu. Universitas Sumatera Utara Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Suatu sistem dapat terdiri dari sistem-sistem bagian lainnya atau sering disebut subsistem. Subsistem saling berinteraksi dan saling berhubungan membentuk suatu kesatuan untuk tercapainya suatu sasaran dan sistem tidak terlepas dari komponen-komponen penduking sistem yang mempunyai sifat dan fungsi tertentu dan mampu mempengaruhi proses sistem secara keseluruhan. Suatu sistem sangat dibutuhkan dalam suatu perusahaan atau instansi pemerintahan , karena sistem dapat menunjang terhadap kinerja perusahaan atau instansi pemerintah , baik yang berskala kecil maupun besar. Supaya dapat berjalan dengan baik diperlukan kerjasama diantara unsur-unsur yang terkait dalam sistem tersebut. Tujuan dari sistem adalah untuk mengorganisasikan sistem informasi yang baru agar dapat mengatasi berbagai masalah yang terjadi pada suatu organisasi, serta memberikan pengertian mengenai suatu sistem yang ada pada struktur organisasi serta trik-trik manajemen yang berkaitan dengan sistem berbasis komputer.

2.1.2 Definisi Informasi

Secara Etimologi, Informasi berasal dari bahasa Perancis kuno „informacion‟ yang diambil dari bahasa Latin „informationem‟ yang berarti “garis besar, konsep, ide”. Universitas Sumatera Utara Informasi merup akan kata benda dari „informare‟ yang berarti aktivitas dalam “pengetahuan yang dikomunikasikan”. Informasi adalah data yang telah diproses dan memiliki arti atau manfaat bagi penggunanya. Informasi sebagai hasil dari pengolahan data dalam suatu organisasi sangatlah penting karena informasi merupakan landasan untuk mengambil suatu keputusan dan data merupakan sumber dari informasi. Konsep dasar informasi adalah suatu data yang diolah menjadi bentuk yang lebih berguna dan penting bagi yang menerimanya.

2.1.3 Definisi Sistem Informasi

Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia untuk mencapai suatu tujuan yaitu menyajikan informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data sesuai instruksi, dan mengeluarkan hasilnya. Informasi diperoleh dari sistem informasi information system atau processing system . Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. Dari pengertian diatas, sistem informasi dapat didefinisikan pula sebagai suatu kesatuan dari berbagai bagian atau elemen-elemen atau subsistem-subsistem yang saling berkaitan dan berinteraksi satu sama lainnya untuk mencapai suatu tujuan tertentu. Universitas Sumatera Utara Adapun sistem informasi terdiri dari komponen-komponen yang disebutnya dengan istilah blok bangunan building block, yaitu : 1. Blok Masukan Input Block 2. Input mewakili data yang masuk ke dalam sistem informasi, input disini termasuk metode-metode dan media untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen-dokumen dasar. 3. Blok Model Model Block Blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah ditentukan untuk menghasilkan keluaran yang diinginkan. 4. Blok Keluaran Output Block Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem. 5. Blok Teknologi Technology Block Teknologi merupakan Toolbox dalam sistem informasi. Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari perangkat lunak software dan perangkat keras hardware. Universitas Sumatera Utara 6. Blok Basis Data Database Block Basis data database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya. Data perlu disimpan di dalam basis data untuk keperluan penyedian informasi lebih lanjut. 7. Blok Kendali Controls Block Banyak hal yang dapat merusak sistem informasi, seperti misalnya bencana alam, api, temperature, air, debu, kecurangan-kecurangan, kegagalan-kegagalan sistem itu sendiri, kesalahan-kesalahan, tidak efisien, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi.

2.2 Konsep Pemrograman Berbasis Web

Dalam pemrograman web ada banyak bahasa yang bisa digunakan untuk melakukan perancangan suatu web, beberapa diantaranya yaitu PHP dan HTML. Universitas Sumatera Utara

2.2.1 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. Suatu Website 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, 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.2.2 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. Universitas Sumatera Utara

2.2.3 PHP

Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, yang berguna untuk memonitor pengunjung suatu web. PHP mula-mula dikembangkan oleh Rasmus Lerdofr. Istilah PHP kemudian mengacu pada Hypertext Preprocessor . PHP kemudian lebih dikembangkan untuk membangun aplikasi web yang mendukung database, biasanya dipasangkan dengan MySQL. PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke client, tempat pemakai menggunakan browser. Secara khusus, PHP dirancang untuk membentuk web dinamis, dimana dapat membentuk suatu tampilan berdasarkan keinginan dari si perancang web. Salah satu contohnya adalah dapat menampilkan isi database ke halaman web. Cara penulisan script PHP ada dua macam, yaitu : a. Embedded Script yaitu meletakkan tag PHP di antara tag-tag HTML. Contoh Embedded Script yaitu: html head titleEmbedded Scripttitle head body ?php echo “Belajar Embedded Script”; ? Universitas Sumatera Utara body html b. Non Embedded Script yaitu semua script html diletakkan di dalam script PHP. Contoh Non Embedded Script, yaitu: ?php echo “html” ; echo “body” ; echo “Contoh Non Embedded Script” ; echo “body” ; echo “html”; ?

2.2.4 HTML

HTML Hyper Text Markup Languange yang merupakan bahasa standar penulisan dokumen web. Semua informasi yang akan diletakkan di web menggunakan format penulisan HTML. File HTML adalah file teks yang dilengkapi simbol-simbol untuk keperluan display yang biasa disebut dengan tag. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi ataupun interfaceaplikasi di dalam internet. Universitas Sumatera Utara HTML biasanya ber- 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, yang diawali dengan nama tag seperti : html, dan diakhiri dengan nama tag seperti : html. Dokumen HTML mempunyai tiga buah tag utama yang membentuk struktur dari dokumen tersebut. Ketiga buah Tag tersebut adalah: a Tag HTML : Sebagai tanda awal dokumen HTML. b Head : Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE META.Body : Di dalam tag ini bisa diletakkan berbagai atribut halaman seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain. Contoh atribut : BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK dan lainnya.

2.2.5 Cascading Style Sheets CSS

CSS Cascading Style Sheets banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen atau untuk mepercantik tampilan web, bahkan untuk pemosisian dan layouting halaman web. Dengan mendefinisikan suatu style sakali saja itu akan dapat digunakan berulang kali. Universitas Sumatera Utara CSS telah didukung kebanyakan browser, terutama versi baru sehingga penempatan layout manjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh terhadap ukuran file, dapat menampilkan isi utama terlebih dahulu sementara gambar dan yang lain dapat ditampilkan sesudahnya. Selain itu penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.

2.2.6 JavaScript

JavaScript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan Sun Microsystem 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 menjdai labih 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.2.7 Adobe Dreamweaver

Adobe Dreamweaver CS5 adalah editor HTML professional untuk merancang, mengodekan, dan mengembangkan website, halaman web, dan aplikasi web. Universitas Sumatera Utara 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. Di dalam Dreamweaver memungkinkan kita dengan cepat menciptakan halaman tanpa menulis satupun baris kode. Kita dapat memandang semua asset 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. Universitas Sumatera Utara 2.2.8 Notepad++ Notepad++ adalah program aplikasi pengembang yang berguna untuk mengedit teks dan skrip kode pemrograman. Versi terbaru program ini adalah Notepad++ v5.9, yang dirilis pada tanggal 06 April 2012. Software Notepad++ dibuat dan dikembangkan oleh Tim Notepad++. Software ini memiliki kelebihan pada peningkatan kemampuan sebuah program text editor, lebih dari sekedar program Notepad bawaan Windows. Notepad++ bisa mengenal tag dan kode dalam berbagai bahasa pemrograman. Fitur pencarian tingkat lanjut dan pengeditan teks yang tersedia juga cukup ampuh, sangat membantu tugas seorang programmer atau developer dalam menyelesaikan skrip kode programnya. Program Notepad++ banyak di aplikasikan dan digunakan oleh kalangan pengguna komputer di bidang pemrograman aplikasi desktop dan web.

2.3 Database

Database adalah kumpulan dari item data yang saling berhubungan satu dengan yang lainnya yang diorganisasikan berdasarkan sebuah skema atau struktur tertentu, tersimpan di komputer dan dengan software untuk melakukan manipulasi untuk kegunaan tertentu. Database memiliki struktur yang relasional, ada tabel-tabel yang menyimpan data. Setiap tabel terdiri dari kolom dan baris. Sebuah kolom mendefinisikan jenis informasi apa yang akan disimpan. Universitas Sumatera Utara Setiap data memerlukan kolom khusus untuk setiap jenis informasi yang ingin disimpan misalnya umur, tinggi, berat, alamat. Jika kolom mendefinisikan jenis informasi apa yang akan disimpan, maka sebuah baris adalah data aktual yang disimpan. Setiap baris dari tabel adalah masukan dari tabel tersebut dan berisi nilai- nilai untuk setiap kolom tabel tersebut. Database sangat diperlukan karena database salah satu komponen terpenting dalam sistem informasi, karena merupakan dasar dalam menyediakan informasi, database juga menentukan kualitas informasi seperti: akurat, tepat pada waktunya dan relevan. Informasi dapat dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya, database dapat mengurangi duplikasi data data redudancy dan dengan database hubungan data dapat ditingkatkan data relatability dan dengan database juga akan mengurangi pemborosan tempat simpanan luar.

2.3.1 SQL

SQL Structured Query Language yaitu bahasa yang dirancang khusus untuk komunikasi dengan database. Tidak seperti bahasa-bahasa lainnya seperti bahasa C, basic, pascal atau bahasa pemprograman yang lain, bahasa SQL sengaja di rancang untuk melakukan hal secara sederhana dan efisien untuk membaca dan menulis data dari suatu database. Universitas Sumatera Utara Statement didalam SQL digunakan untuk melakukan tugas-tugas seperti melakukan update terhadap database, atau mengambil data dari sebuah database. Terdapat beberapa bahasa SQL dasar, yaitu : a Membuat Database CREATE DATABASE nama_database; b Membuat Tabel CREATE TABLE nama_table nama_field1 tipe_data1,…..; c Menambah Data INSERT INTO nama_tabel field1, field2 , …,field_n VALUES nilai_field1, …, nilai_n WHEREkondisi; d Menghapus Data DELETE FROM nama_tabel;

2.4 Aplikasi pendukung Database

Dalam pembuatan database penulis memerlukan beberapa aplikasi yang mendukung. Berikut adalah beberapa aplikasi pendukung dalam pembuatan database . Universitas Sumatera Utara

2.4.1 XAMPP

XAMPP adalah sebuah paket web server yang gratis danopen source cross platform yang di dalamnya terdapat Apache HTTP Server, MySQL Database, dan phpMyAdmin. XAMPP juga dapat berjalan pada Sistem Operasi Linux, Mocrosoft Windows, Solaris dan Mac OSX. Gambar 2.1 XAMPP Control Panel

2.4.2 phpMyAdmin

phpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya mengelola basis data, tabel-tabel, bidang fields, relasi relations, indeks, pengguna users, perijinan permissions, dan lain-lain. phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada di komputer. Universitas Sumatera Utara Untuk membukanya, buka browser lalu ketikkan alamat http:localhost lalu pilih phpMyAdmin maka akan muncul halaman phpMyAdmin. phpMyAdmin memiliki beberapa menu, antara lain: 1 Browse, untuk melihat data tabel. 2 Structure, untuk melihat struktur tabel. 3 SQL, untuk mengeksekusi perintah SQL. 4 Search, untuk melakukan pencarian data dalam record. 5 Insert, untuk menambahkan data record baru. 6 Export, untuk mengeksport record dan tabel ke dalam format lain. 7 Import, untuk mengimport data dari hasil eksport. 8 Operations, untuk operasi dalam tabel. 9 Empty, untuk mengosongkan tabel. 10 Drop, untuk menghapus tabel beserta isinya.

2.4.3 MYSQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunkaan SQL sebagai bahasa dasar untuk mengakses databasenya. Selain itu bersifat free tidak perlu membayar untuk menggunakannya. MySQL termasuk jenis RDBMS Relational Database Management System . Itulah sebabnya istilah seperti tabel, baris, dan kolom digunakan pada MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Universitas Sumatera Utara

2.4.4 Apache

Server HTTP Apache atau Server WebWWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas webwww ini mengunakan HTTP. Universitas Sumatera Utara BAB 3 PERANCANGAN SISTEM Dalam membuat suatu sistem perlu untuk merancang sistem yang akan dibuat terlebih dahulu. Perancangan sistem merupakan suatu kebutuhan perangkat lunak yang akan dibuat dengan menggunakan prinsip tertentu sehingga rancangan dapat menjadi perangkat lunak yang siap pakai. Pada bab ini, penulis memaparkan rancangan dari sistem informasi berbasis website yang telah penulis buat.

3.1 Gambaran Umum Sistem

Seperti yang sudah dijelaskan dalam pendahuluan bahwa website KemanaKita ini dibuat agar orang-orang tidak kebingungan lagi dalam mencari suatu tempat ataupun nama jalan yang mereka cari. Sistem yang akan dibuat sangatlah sederhana, dimana pengunjung dapat melihat event-event yang update di homepage nya MauKemana dan melihat daftar nama jalan pada List Menu. Dalam merancang website ini, penulis menggunakan PHP agar website yang dihasilkan nantinya bisa lebih dinamis, berhubung juga penulis menggunakan database untuk menginput data. Universitas Sumatera Utara Adapun database yang digunakan menggunakan MySQL. Untuk membuat tampilan lebih menarik, maka dibuatlah desain dengan bantuan CSS. Gambaran umum dari website ini adalah sebagai berikut : a Pengunjung dapat mengakses semua konten yang ada di website KemanaKita . Pengunjung mendapatkan informasi seputar event di Medan dan juga bisa mendapatkan informasi nama jalan yang ada di Medan. b Admin dapat mengakses semua konten yang ada di website KemanaKita melalui folder admin, lalu dapat langsung meng-update data jalan dan juga data event.

3.2 Rancangan Umum Sistem