Aplikasi web profile company di Bengkel Ari Motor Nagreg : laporan kerja praktek

(1)

APLIKASI WEB PROFILE COMPANY

DI BENGKEL ARI MOTOR

NAGREG

KERJA PRAKTEK

Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek

Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

DEDI CAHYADI

10107777

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

(2)

(3)

KATA PENGANTAR

Puji dan syukur kami panjatkan kepada Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga pelaksanaan kerja praktek di Bengkel Ari Motor Nagrek Bandung yang berlangsung pada tanggal 25 Juli 2011 sampai dengan 27 Agustus 2011 dapat berjalan dengan lancar.

Selama proses kerja praktek, kami telah mendapatkan banyak sekali pengetahuan, baik mengenai bagaimana lingkungan kerja yang sesungguhnya yang terdiri dari bermacam-macam individu dengan segala karakteristiknya, maupun pengetahuan dari penelitian dan kerja praktek yang telah dilakukan oleh kami.

Selama masa tersebut, kami telah mendapatkan banyak sekali bantuan dari berbagai pihak. Oleh karena itu, dengan segala kerendahan hati, kami ingin mengucapkan terima kasih kepada:

1. Orangtua tercinta dan keluarga yang telah memberi dukungan baik moril maupun materil sehingga pelaksanaan dan pembuatan laporan kerja praktek ini dapat terlaksana dengan baik dan lancar.

2. Bapak Galih Hermawan, S.Kom selaku dosen wali IF-16 sekaligus dosen pembimbing kerja praktek.

3. Bapak Etom Suryana, Kepala Perusahaan Bengkel Ari Motor, selaku pembimbing kerja praktek di bengkel Ari Motor.

4. Seluruh karyawan di bengkel Ari Motor.

5. Teman-teman program studi Teknik Informatika Universitas Komputer Indonesia Bandung, khususnya kelas IF-16 angkatan 2007 UNIKOM .

(4)

6. Segenap dosen, staff dan karyawan pada Universitas Komputer Indonesia Bandung.

Kami sadar bahwa laporan ini masih jauh dari sempurna, oleh karena itu kami mengharapkan kritik dan saran yang bersifat membangun agar laporan ini dapat menjadi lebih baik lagi.

Demikian laporan kerja praktek ini kami buat dengan sebenarnya, semoga laporan ini dapat bermanfaat khususnya bagi kami sendiri dan umumnya bagi yang membacanya.

Bandung, Januari 2012,

Tim Penulis

(5)

iii

DAFTAR ISI

LEMBAR JUDUL

LEMBAR PENGESAHAN

KATA PENGANTAR ... i

DAFTAR ISI ... iii

DAFTAR TABEL ... vi

DAFTAR GAMBAR ... vii

DAFTAR LAMPIRAN ... viii

BAB I PENDAHULUAN 1.1 Latar Belakang ... 1

1.2 Perumusan Masalah ... 2

1.3 Maksud dan Tujuan ... 2

1.3.1 Maksud ... 2

1.3.2 Tujuan ... 2

1.4 Batasan Masalah... 3

1.5 Metode Penelitian... 3

1.5.1 Pengumpulan Data ... 3

1.5.1.1 Studi Pustaka ... 3

1.5.1.2 Wawancara dan Pengamatan... 3

1.5.1.3 Pengembangan Perangkat Lunak ... 3

1.6 Sistematika Penulisan ... 5

BAB II TINJAUAN PUSTAKA 2.1 Perusahaan ... 6

(6)

2.1.2 Struktur Organisasi Perusahaan ... 7

2.1.3 Deskripsi Tugas ... 7

2.2 Landasan Teori ... 8

2.2.1 Definisi Sistem Informasi ... 8

2.2.2 Website ... 11

2.2.3 Internet ... 11

2.2.4 Browser ... 12

2.2.5 PHP (PHP Hypertext Preprosesor) ... 14

2.2.5.1 Pengertian PHP ... 14

2.2.5.2 Konsep Kerja PHP ... 15

2.2.5.3 Kelebihan Dari PHP ... 15

2.2.6 Apache Web Server ... 15

2.2.7 Macromedia Dreamweaver 8 ... 16

BAB III PEMBAHASAN 3.1 Perancangan Antarmuka ... 17

3.1 1 Perancangan Struktur Menu User ... 17

3.1.2 Perancangan Tampilan ... 18

3.2 Implementasi Sistem ... 22

3.3 Implementasi Hardware ... 22

(7)

3.5 Perancangan Perangkat Lunak ... 24

3.5.1 Diagram Konteks ... 24

3.5.2 DFD (Data Flow Diagram) ... 25

3.5.3 ERD (Entity Relationship Diagram) ... 28

3.5.4 Skema Relasi ... 29

3.5.5 Tabel Relasi ... 29

3.6 Implementasi Antarmuka………. 30-36 4.1 Kesimpulan ... 37

(8)

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Teknologi Informasi adalah suatu teknologi yang digunakan untuk mengelola data, termasuk memproses, mendapatkan, menyusun, menyimpan, dan memanipulasi data dalam berbagai cara untuk menghasilkan informasi yang berkualitas, yaitu informasi yang relevan, akurat dan tepat waktu, yang dapat digunakan dalam bidang pendidikan, bisnis, pemerintahan maupun keperluan pribadi. Perkembangan teknologi informasi memacu suatu cara baru dalam kehidupan, yaitu teknologi yang menggunakan seperangkat komputer untuk mengolah dan memanipulasi data sesuai dengan kebutuhan.

Berdasarkan hasil wawancara dengan pemilik bengkel Ari Motor, dalam melakukan penjualan produk dan jasa service, penjualan dirasa masih belum optimal karena kurangnya iklan dan promosi.

Sebagai solusi akan masalah yang terjadi, maka diperlukan suatu sistem yang dapat menangani permasalahan tersebut, salah satunya dengan membangun website untuk perusahaan secara online atau lebih dikenal dengan istilah website profile company. Dengan adanya perangkat keras seperti komputer dan fasilitas internet sebagai perangkat penunjangnya, maka mungkin dibangun suatu aplikasi yang merupakan sistem pengenalan perusahaan secara online atau website profile company

yang dipandang dapat menunjang kegiatan usaha perbengkelan serta dapat dijadikan sebagi alat pengenalan secara luas dan media promosi untuk menawarkan jasa dan produk dari bengkel Ari Motor kepada konsumen yang melintasi kawasan jalan Nagreg.

(9)

Demi kemajuan perusahaan di masa mendatang ditambah dengan beratnya persaingan di dunia bisnis maka ketepatan, kecepatan, dan keakuratan informasi aliran data terutama data mengenai publikasi perusahaan sangat diperlukan oleh perusahaan. Maka, dibuatlah suatu Aplikasi Web Profile Company di Bengkel Ari Motor.

1.2 Perumusan Masalah

Berdasarkan uraian di atas, maka dapat dirumuskan masalah yang akan diselesaikan dalam laporan ini, yaitu :

Manfaat dari pengembangan website ini adalah menciptakan peluang-peluang bisnis yang akan dikembangkan dalam kurun waktu tertentu seperti pengembangan bisnis secara global dan pengenalan kepada masyarakat tentang informasi bengkel ARI MOTOR yang berkaitan dengan perbengkelan agar informasi yang didapat tepat sasaran.

1.3 Maksud dan Tujuan 1.3.1 Maksud

Maksud dari kerja praktek yang dilakukan adalah mengembangkan dan mempromosikan perusahaan melalui situs internet.

1.3.2 Tujuan

Tujuan yang ingin dicapai dari laporan kerja praktek ini adalah :

1. Membangun aplikasi web profile company yang nantinya dapat bermanfaat bagi perusahaan dalam mengembangkan perusahaan.

2. Memudahkan dan membantu dalam proses promosi perusahaan bengkel ARI MOTOR di media internet.

(10)

3 1.4 Batasan Masalah

Adapun batasan masalah dalam pembuatan web profile company ini adalah sebagai berikut :

1. Penggunaan aplikasi ini hanya menampilkan profil dari bengkel ARI MOTOR.

2. User yang menggunakan aplikasi ini adalah masyarakat umum pengguna internet yang akan melihat profil dari bengkel ARI MOTOR.

1.5 Metode Penelitian

Metode yang digunakan dalam pembangunan aplikasi ini meliputi : 1.5.1 Pengumpulan Data

1.5.1.1Studi Pustaka

Studi Pustaka dilakukan untuk mengumpulkan materi yang berhubungan dengan perusahaan bengkel Ari Motor.

1.5.1.2Wawancara dan Pengamatan

Wawancara dilakukan terhadap pemilik perusahaan bengkel Ari Motor, dilengkapi dengan pengamatan terhadap mekanisme proses yang terjadi pada perusahaan tersebut.

1.5.1.3Pengembangan Perangkat Lunak

Metode yang digunakan dalam pengembangan perangkat lunak ini adalah metode waterfall. Alur dari metode waterfall dapat dilihat pada gambar berikut :

(11)

4 Rekayasa dan Pemodelan Analisis Desain Pembangkitan Kode Pengujian Pemeliharaan

Gambar 1. 1 Alur Metode Waterfall

Penjelasan dari alur metode waterfall ini adalah sebagai berikut : 1. Rekayasa dan Pemodelan

Rekayasa dan pemodelan sistem menekankan pada pengumpulan kebutuhan pada level sistem dengan sedikit perancangan dan analisis.

2. Analisis

Pada tahap analisis, dilakukan proses pengumpulan kebutuhan yang lebih diintensifkan ke perangkat lunak.

3. Desain

Perancangan perangkat lunak dilakukan berdasarkan hasil analisis kebutuhan perangkat lunak, yang mencakup perancangan arsitektur, perancangan modul aplikasi, dan perancangan antarmuka. Proses desain ini mengubah hasil analisis menjadi bentuk karakteristik yang dimengerti perangkat lunak sebelum penulisan program.

4. Pengkodean (Coding)

Dalam proses ini, hasil analisis dan desain sistem pada proses sebelumnya diterjemahkan ke dalam bentuk yang dimengerti oleh mesin.

(12)

5 5. Pengujian

Dalam tahap ini akan dilakukan pengujian untuk menguji apakah sistem yang telah dirancang dan diimplementasikan sudah sesuai dengan hasil analisis.

6. Pemeliharaan

Pemeliharaan dilakukan terhadap kesalahan-kesalahan yang terjadi pada perangkat lunak yang dibangun.

1.6 Sistematika Penulisan BAB I PENDAHULUAN

Bab ini berisi latar belakang, perumusan masalah, maksud dan tujuan, batasan masalah, metodologi penelitian, sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Bab ini membahas landasan teori yang berisi teori-teori pendukung yang digunakan dalam membangun aplikasi ini.

BAB III PEMBAHASAN

Bab ini berisi analisis kebutuhan dalam membangun aplikasi ini, analisis sistem yang sedang berjalan pada aplikasi ini sesuai dengan metode pembangunan perangkat lunak yang digunakan dan juga perancangan antarmuka untuk aplikasi yang akan dibangun sesuai dengan hasil analisis.

Bab ini juga meliputi hasil implementasi dari analisis dan perancangan yang telah dilakukan beserta hasil pengujian sehingga diketahui apakah sistem yang dibangun sudah memenuhi syarat sebagai aplikasi dan dapat memenuhi tujuannya dengan baik. BAB IV KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan tentang keseluruhan dari pembangunan aplikasi ini dan saran tentang aplikasi ini untuk masa yang akan datang.

(13)

BAB II

TINJAUAN PUSTAKA

2.1 Perusahaan

2.1.1 Sejarah Perusahaan

Bengkel Ari Motor berada di kawasan Kabupaten Bandung bagian Timur yang berlokasi di Jalan Raya Nagreg No.839 Km.37 Citaman Bandung. Sejarah penamaan dari bengkel dimulai pada tanggal 19 Mei 2003 yang bernama bengkel Sawargi bengkel ini dimiliki oleh seorang mantan pegawai dari PT. INDOMOBIL SUZUKI INTERNATIONAL DIVISI SERVICE – R2 bernama Acep. Bengkel tersebut dinamai dengan nama Sawargi memiliki arti Satu Saudara pada bahasa di daerah Jawa Barat.

Pemilik bengkel mengembangkan perusahaannya dengan membuat cabang bengkel di Jalan Situmandala No.14 Rancah Ciamis dengan nama bengkel Sawargi 2. Kedua perusahaan berkembang dengan baik dengan memiliki tingkat konsumen yang cukup tinggi, bisa disetarakan dengan bengkel yang ada di kota besar.

Pemilik perusahaan telah menjual bengkel Sawargi yang berada di Jalan Raya Nagreg No.839 Km.37 Citaman Bandung, kepada pegawai pemerintah Dinas Bina Marga bernama Etom Suryana oleh karena itu bengkel Sawargi berubah nama menjadi bengkel “Ari Motor”. Nama Ari Motor ini berasal dari nama anak ke dua dari pasangan Bapak Etom Suryana dan Ibu Yatimi yang bernama Heri Sugiharto yang bekerja di perusahaan Swasta ternama kota Bandung.

Pada mulanya bengkel Ari Motor dipegang langsung oleh pemilik nama bengkel yaitu Bapak Heri Sugiharto, namun dengan kesibukan kerja Bapak Heri di perusahaan Swasta membuat bengkel Ari Motor sedikit terganggu. Sehingga perusahaan perbengkelan dipegang kembali oleh ayahnya Bapak Etom yang

(14)

7 kemudian bengkel dikembangkan mulai dari jumlah produk dagang yang diperbesar dan jasa service yang lebih kepada kenyamanan dan keamanan bagi kendaraan yang di service.

2.1.2 Struktur Organisasi Perusahaan

Struktur organisasi dari bengkel Ari motor dapat dilihat pada gambar

Gambar 2.1 Struktur Organisasi

2.1.3 Deskripsi Tugas

Berikut ini adalah deskripsi jabatan dari struktur organisasi yang terdapat pada bengkel Ari Motor :

1. Kepala Perusahaan

Kepala perusahaan memiliki tugas untuk mengatur manajemen dari bengkel agar berjalan dengan baik, mengawasi kegiatan yang terjadi di bengkel.

2. Pengelola Perusahaan

Pengelola perusahaan bertugas mengelola bengkel, melaporkan segala aktivitas yang terjadi di bengkel kepada kepala bengkel.

(15)

8 3. Bagian Keuangan

Bagian keuangan bertugas untuk mengelola membuat laporan keuangan dari transaksi penjualan yang terjadi.

4. Pegawai (Kasir)

Pegawai kasir bertugas untuk melayani konsumen dan mengecek stok barang, menerima barang masuk.

5. Pegawai (Mekanik)

Pegawai mekanik bertugas untuk melayani konsumen dalam hal maintenance atau perbaikan kendaraan berupa service dan jasa kontrol kendaraan.

2.2 Landasan Teori

2.2.1 Definisi Sistem Informasi

Menurut Jogianto sistem dapat didefinisikan sebagai berikut :

“Sistem sebagai suatu kesatuan yang terdiri dari dua atau lebih komponen atau

subsistem yang berinteraksi untuk mencapai suatu tujuan” (Jogianto Hartono, 1999).

Berdasarkan definisi di atas bahwa sebuah sistem pada dasarnya terdiri dari komponen-komponen yang bekerja sama untuk mencapai suatu tujuan. Suatu sistem dapat terdiri dari subsistem-subsistem. Integrasi dari subsistem-subsistem sedemikian rupa sehingga tercapai suatu kesatuan yang terpadu atau terintegrasi.

Informasi merupakan komponen paling penting dalam suatu sistem. Informasi dibutuhkan bagi manajemen untuk pengambilan keputusan dan kebijakan.

Sistem menurut Gordon B. Davis adalah :

“kumpulan dari elemen-elemen yang berinteraksi untuk melakukan suatu pekerjaan atau mencapai tujuan tertentu”.

(16)

9 Sedangkan informasi adalah :

“data yang telah diolah oleh proses tertentu sehingga menjadi suatu bentuk yang penting bagi penerimanya dan bermanfaat dalam mengambil keputusan saat ini atau mendatang”.

Dari definisi diatas dapat dilihat bahwa sumber dari informasi adalah data yang merupakan kenyataan yang menggambarkan suatu kejadian-kejadian dari suatu yang nyata. Data merupakan bentuk yang mentah yang belum bisa bercerita banyak, sehingga perlu diolah lebih lanjut melalui suatu model untuk dijadikan informasi.

Data yang diolah melalui suatu model menjadi informasi penerima yang kemudian informasi tersebut membuat suatu keputusan dan melakukan tindakan yang berarti menghasilkan suatu tindakan yang akan membuat sejumlah data kembali.

Telah diketahui bahwa informasi merupakan hal yang sangat penting bagi manajemen didalam pengambilan keputusan. Informasi dapat diperoleh dari sistem informasi.

Menurut Robert A. Leitch dan K Roscoe Davis

“Sistem informasi adalah suatu sistem didalam organisasi yang mempertemukan

kebutuhan pengolahan transaksi lain, mendukung operasi bersifat manajerial. Kegiatan tragis suatu organisasi, menyediakan pihak luar tertentu dengan

laporan yang diperlukan”(Jogianto Hartono, 2001).

Sistem informasi terdiri dari komponen-komponen yang disebutnya dengan istilah blok bangunan (building block), yaitu blok masukan (input block), blok model (model block), blok keluaran (output block), blok teknologi (technologi block), blok kendali (control block), blok basis data (database block)

(17)

10 sebagai suatu sistem, keenam blok tersebut saling berinteraksi satu dengan yang lainnya membentuk suatu kesatuan untuk mencapai sasaran.

1. Blok Masukan (input block)

Input mewakili data yang masuk ke dalam sistem informasi, input disini termasuk metode-metode dan media untuk menangkap data yang akan dimasukan, yang dapat berupa dokumen-dokumen dasar.

2. Blok Model (model block)

Blok ini terdiri dari kombinasi prosedur, logika, dan model matematika yang akan memanipulasi data input dan data yang tersimpan di basisdata dengan cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan. 3. 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.

4. Blok Teknologi (technology block)

Teknologi terdiri dari 3 bagian yang utama, yaitu perangkat lunak (software), perangkat keras (hardware), dan teknisi (humanware dan brainware). Teknologi dapat berupa orang-orang yang mengetahui teknologi dan membuatnya dapat beroperasi. Misalnya teknisi adalah seorang operator komputer, pemograman, operator pengolah data, spesialis telekomunikasi, analisis sistem, penyimpanan data, dan lain sebagainya.

5. Blok Kendali (control block)

Supaya sistem informasi dapat berjalan sesuai dengan yang diinginkan, maka perlu diterapkan pengendalian didalamnya. Beberapa pengendalian perlu dirancang dan diterapkan agar sistem yang rusak dapat dicegah atau apabila terlanjur terjadi kesalahan dapat langsung cepat diatasi.

6. Blok Basis Data (database block)

Basisdata merupakan kumpulan dari data yang paling berhubungan satu dengan yang lainya, tersimpan di perangkat keras komputer dan digunakan

(18)

11 perangkat lunak untuk memanipulasinya. Data perlu disimpan di dalam basisdata untuk keperluan penyediaan informasi lebih lanjut.

2.2.2 Website

Website dibangun oleh sebuah file yang didalamnya terdapat kode-kode dan berbagai informasi. Kode-kode dan informasi tersebut dibaca oleh sebuah aplikasi yang sejenisnya bernama browser, kode-kode dan informasi tersebut akan disajikan sebagai sebuah halaman homepage yang kita kenal sebagai website.

Kode-kode dan informasi yang ditulis dalam file website tersebut harus ditulis menurut suatu aturan tertentu yang dapat dimengerti oleh browser. Aturan-aturan tersebut dikenal dengan bahasa pengkodean. Untuk membuat suatu website

bahasa yang digunakan adalah HTML (Hyper Text Markup Language). Dengan bahasa inilah sebuah browser akan mengubah isi file homepage menjadi sebuah

website. Setiap kita mengakses dokumen website, pada saat itu kita mengambil sebuah file yang ditulis dalam format HTML (Hyper Text Markup Language).

2.2.3 Internet

Internet berasal dari kata interconnection Network yang mempunyai arti hubungan computer dengan berbagai tipe dan system yang berbeda yang membentuk system jaringan yang mencakup seluruh dunia (jaringan komputer global) dengan melalui telekomunikasi. Jaringan komputer ini sangat luas sehingga tidak ada satu orang, satu organisasi, atau satu Negara yang menangani sendiri. Asal usul internet dari jaringan computer yang disusun oleh ARPA (Advance Research Project Agency) yang bernaung dibawah departemen pertahanan Amerika Serikat atau DoD (Departement of Defense) sehingga terbentuk ARPAnet, jaringan komputer bentukan departemen pertahanan Amerika Serikat, tahun 70-an. Pada awalnya, ARPAnet hanya menghubungkan empat buah situs saja, yaitu :

1. SRI (Stanford Research Institute)

(19)

12 3. UCLA (Univercity of California at Los Angles)

4. University of Utah at Utah

Jaringan tersebut selanjutnya diperbaharui dan dikembangkan, dan saat ini digunakan sebagai tulang punggung jaringan informasi yang disebut dengan internet. Penelitian di Stanford menghasilkan sebuah protocol yang disebut TCP/Ip, inilah yang berkembang terus hingga sekarang dan menjadi protocol standar dalam internet.

2.2.4 Browser

Browser adalah sebuah program yang berfungsi untuk menjelajahi halaman-halaman web yang terdapat dalam internet. Menjelajahi atau sering disebut sebagai browsing adalah suatu aktifitas membuka atau menuju ke situs-situs (server-server) web dan membaca informasi yang terdapat di dalamnya.

Netscape Navigator adalah program browser yang banyak digunakan, selain itu terdapat juga produk Microsoft yang sangat terkenal yaitu internet explorer.

Beberapa komponen-komponen browser : 1. Menu

Terletak dibagian paling atas jendela browser, terdiri deretan menu yang mengandung perintah-perintah untuk pengaturan memanipulasi tampilan, serta menjalankan perintah-perintah browser.

2. Toolbar

Toolbar adalah tombol-tombol navigasi yang digunakan untuk menjelajahi halaman-halaman internet. Tombol-tombol tersebut antara lain forward untuk menuju ke halaman berikutnya, back untuk menuju halaman sebelumnya, stop untuk menghentikan download

(pengambilan data) halaman, search untuk menuju search engine

(situs web pencari informasi), refresh/reload untuk men-download

(20)

default browser. Selain tombol tersebut terdapat tombol-tombol lain yang bersifat spesifik untuk setiap browser.

3. Bookmark (Netscape)/favorites

Berisi alamat-alamat halaman web yang sudah disimpan agar user

dapat langsung menuju alamat tersebut tanpa harus kesulitan dalam mengetikan atau menghafalkan lokasinya. Alamat URL disimpan agar mempermudah pengaksesan di kemudian hari.

4. Location toolbar

Text box ini merupakan alamat lengkap dari halaman yang sedang anda lihat. Anda dapat mengetikan alamat yang akan dituju baik yang berada di internet maupun yang ada di komputer lokal.

5. Logo Netscape atau Internet Explorer

Berguna untuk memantau penerimaan data, saat proses download

(pengambilan data) halaman web selesai logo berupa gambar diam.

6. Layar Utama Browser

Layar ini merupakan tempat tampilan halaman web, yang berisi text, gambar, serta animasi dan interaksi multimedia.

7. Status Bar

Terdapat pada bagian kiri bawah layar utama, terdiri bagian yang menunjukan kemajuan download (pengambilan data) halaman web dan pesan status yang menujukan URL yang sedang ditampilkan, URL dari suatu letak (locatan ke halaman lain) serta pesan-pesan khusus tertentu. Dengan menggunakan Netscape Navigator atau Mozzila Firefox anda siap menjelajahi internet untuk mendapatkan informasi yang dibutuhkan.

(21)

14 2.2.5 PHP (PHP Hypertext Preprosessor)

2.2.5.1Pengertian PHP (PHP Hypertext Preprosessor)

PHP singkatan dari PHP Hypertext Prepropesor. Ia merupakan bahasa berbentuk skrip yang diempatkan dalam server dan diproses di server. Hasilnya yang dikirimkan ke klien, tempat pemakai menggunakan browser.

Secara khusus, PHP dirancang untuk membentuk web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, andabisa menampilkan ini database ke halaman Web. Pada prinsipnya, PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP (Active Server Page) Cold Fusion, ataupun Perl.

Kelahiran PHP bermula saat Rasmus lerdorf membuat sejumlah sktip Perl

yang dapat mengamati siapa saja yang melihat-liahat daftar riwayat hidupnya, yakni pada tahun 1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut ”Personal Home Page”. Paket inilah yang menjadi cikal-bakal PHP. Pada tahun 1995, Tasmus menciptakan PHP/F1 Versi 2. Pada versi inilah pemrograman dapat menempelkan kode terstuktur di dalam tag HTML. Yang menarik, kode PHP juga bias berkomunikasi dengan Database dan melakukan perhitungan-perhitungan yang kompleks sambil jalan.

Pada saat ini, PHP cukup popular sebagai peranti pemrograman web,

terutama di lingkungan Linux. Walaupun demikian, PHP sebenarnya juga dapat berfungsi pada server-server yang berbasis UNIX, Windows NT, dan Macintosh. Bahkan versi untuk Windows 95/98 pun tersedia.

Pada awalnya, PHP dirancang untuk diintegrasikan dengan web server Apache. Namun, belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server), dan Xintami.

Untuk mencoba PHP, anda tidak perlu menggunakan computer berkelas server. Dengan hanya sebuah computer biasa, anda bias mempelajari dan mempraktekan PHP.

(22)

15 2.2.5.2Konsep Kerja PHP

Model kerja HTML diawali dengan permintaan suatu halaman web oleh

browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal sebutan alamat internet, browser mendapatkan alamat dari web server, mengidentifikasikan halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh web server.

Selanjutnya, web server akan mencarikan berkas yang diminta dan memberikan isinya ke brower. Browser yang mendapatkan isinya segera melakukan proses penerjemahan kode HTML dan menampilkan ke layar pemakai.

2.2.5.3Kelebihan Dari PHP

Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai database yang terkenal. Dengan demikian, menampilkan data yang bersifat dinamis, yang diambil dari database, merupakan hal yang mudah untuk diimplementasikan. Itulah sebabnya sering dikatakan bahwa PHP sangat cocok untuk membangun halaman-halaman web dinamis.

Pada saat ini PHP sudah dapat berkomunikasi dengan berbagai database

meskipun dengan kelengkapan yang berbeda-beda. Beberapa diantanya adalah MySQL, Oracle, Sybase, dan lain-lain.

2.2.6 Apache Web Server

Web Server Apache merupakan program aplikasi yang berjalan diserver

berfungsi untuk menjalan aplikasi web sehingga bisa akses oleh client baik melalui jaringan secara intranet maupun internet (R. Kresno Aji dan Agus Hartanto, 2003).

Apache merupakan turunan dari web server yang dikeluarkan oleh NCSA, yaitu NCSA HTTPd sekitar tahun 1995-an. Pada dasarnya Apache adalah “A

(23)

16 PatCHy” (patch) dan pengganti dari NCSA HTTPd. Apache web server

merupakan tulang punggung dari World Wide Web (Open Source Research Group Universitas Ahmad Dahlan, 2002).

Web server menunggu permintaan dari client yang menggunakan

browser, seperti Nestcape Navigator, Internet Explorer, Modzilla, Lynks, dan lain-lain. Web server dalam berkomunikasi dengan client menggunakan protocol HTTP (Hyper Text Transfer Protocol).

Apache berada di bawah GNU, General Public Licence yang bersifat free

sehingga Apache dapat di download gratis pada alamat http://www.apache.org, saat ini Apache banyak digunakan sebagai web server untuk portal-portal besar dengan pertimbangan sebagai berikut :

1. Apache termasuk dalam kategori free software (software gratis) 2. Instalasi Apache sangat mudah

3. Mampu beroperasi pada banyak platform sistem operasi seperti AUX 3.1, Free BSD, Linux, Solaris, Windows, dan lain-lain.

4. Mudah dalam pengkonfigurasian karena Apache hanya mempunyai empat file konfigurasi.

5. Apache mudah dalam penambahan peripheral lainnya ke dalam platform web

server, misalkan menambah modul.

2.2.7 Macromedia Dreamweaver 8

Dreamweaver merupakan editor visual yang profesional untuk membuat dan mengelola situs web dan halaman-halaman HTML. Dengan Dreamweaver, sangat mudah untuk membuat dan mengubah lintas platform termasuk lintas

(24)

17 BAB III

PEMBAHASAN

3.1 Perancangan Antarmuka

Perancangan Antarmuka meliputi perancangan struktur menu dan perancangan tampilan pada tampilan user.

3.1.1 Perancangan Struktur Menu User

Pembuatan Aplikasi Website Profile Company di Bengkel Ari Motor menggunakan struktur menu di bawah ini :

Gambar 3.1 Struktur Menu User

Ada empat hal yang ditampilkan dalam menu user website profile ini, yaitu halaman Sejarah, Jasa, Visi dan Misi, dan About. Halaman Sejarah berisi tentang sejarah dari perusahaan. Halaman Jasa menampilkan layanan yang diberikan oleh perusahaan bengkel. Halaman Visi dan Misi menampilkan visi dan misi perusahaan, sedangkan Halaman About menampilkan profil dari pegawai perusahaan.

(25)

18 Ada tiga hal yang ditampilkan dalam menu admin website profile ini, yaitu Menu, Iklan, dan Jasa. Halaman Menu berisi tentang tampilan perubahan yang akan ditampilkan pada halaman menu user dengan cara menambah, meng-edit dan menghapus sub menu yang ada di menu user. Halaman Iklan berisi tentang tampilan iklan produk yang ditampilkan pada halaman menu user. Serdangkan untuk halaman Jasa berisi tentang tampilan perubahan yang akan ditampilkan pada halaman jasa pada menu user sehingga tampilan jasa dapat diubah melalui admin jasa.

3.1.2 Perancangan Tampilan

1. Tampilan Halaman Utama (Home)

Rancangan tampilan halaman utama dibagi menjadi empat bagian, di bagian atas terdapat header, di bagian kanan bawah dari header tersebut terdapat area iklan, sebelah kiri bawah dari header terdapat area menu utama, sedangkan di bagian tengah terdapat area tampilan.

(26)

19 2. Tampilan Halaman Sejarah

Gambar 3.4 Tampilan Sejarah

Tampilan halaman sejarah tidak jauh berbeda dengan halaman utama. Tetap mengandung header (nomor 1), daftar menu (nomor 2), isi (nomor 3), dan tampilan iklan (nomor 4). Yang membedakan hanyalah isi yang berupa sejarah dari perusahaan bengkel Ari Motor.

3. Tampilan Halaman Jasa

(27)

20 Di halaman jasa, layanan service dan produk yang diberikan oleh perusahaan bengkel Ari Motor akan ditampilkan kepada pelanggan.

4. Tampilan Halaman About

Gambar 3.6 Tampilan About

Halaman About menampilkan profil dari pegawai perusahaan bengkel Ari Motor. Di halaman ini, pelanggan dapat mengenal siapa saja yang bekerja melakukan service.

5. Tampilan Halaman Visi dan Misi

(28)

21 Halaman Visi dan misi menampilkan visi dan misi dari perusahaan bengkel Ari Motor, dimana tujuan dari bengkel tersebut bisa tercapai.

6. Tampilan Halaman Team Info

Gambar 3.8 Tampilan Team Info

Halaman tampilan team info menampilkan info-info dari team yang ada di bengkel Ari Motor.

(29)

22 7. Tampilan Halaman Galeri

Gambar 3.9 Tampilan Galeri

Halaman tampilan galeri yaitu menampilkan keadaan yang ada di perusahaan bengkel Ari Motor yang berbentuk galeri.

3.2 Implementasi Sistem

Implementasi sistem dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan digunakan.

3.3 Implementasi Hardware

Hardware yang digunakan untuk pembuatan Aplikasi Website Company Profile di Bengkel Ari Motor secara optimal menggunakan spesifikasi minimum komputer sebagai berikut:

(30)

23 3.3.1 Komputer server

Prosesor Pentium IV dengan kecepatan 1,8 GHz

Memori 512 Mb

Harddisk 20 Gb

Monitor 15 inch, resolusi layar 1024 x 768 pixel Mouse & Keyboard X-tec

NIC yang terhubung ke jaringan intranet

Tabel 3.1 Spesifikasi Komputer Server

3.3.2 Komputer client

Prosesor Pentium IV dengan kecepatan 1,8 GHz

Memori 512 Mb

Harddisk 40 Gb

Monitor 15 inch, resolusi layar 1024 x 768 pixel Mouse & Keyboard X-tec

NIC yang terhubung ke jaringan intranet

Tabel 3.2 Spesifikasi Komputer Clien

3.4 Implementasi Software

Software yang digunakan untuk menjalankan Aplikasi Website Profile Company di Bengkel Ari Motor adalah sebagai berikut :

1. Sistem Operasi Microsoft Windows XP Pro SP3

2. DBMS MySQL

3. Browser Mozilla Firefox v7.0.1

(31)

24 3.5 Perancangan Perangkat Lunak

Dalam perancangan sebuah sistem, diperlukan beberapa alat bantu antara lain flowmap, diagram konteks, data flow diagram entity relationship dan struktur menu.

3.5.1 Diagram Konteks

Diagram konteks adalah diagram yang menggambarkan seluruh jaringan, baik masukan maupun keluaran dari sistem dan juga menggambarkan hubungan antar komponen dengan sistem. Berdasarkan database yang dibuat, maka diagram konteksnya sebagai berikut :

(32)

25 3.5.2 DFD (Data Flow Diagram)

DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.

DFD level 1 dalam Aplikasi Admin di Web Profile Company Bengkel Ari Motor merupakan diagram yang memperlihatkan proses-proses admin yang terjadi dalam sistem yang selanjutnya akan dikembangkan.

Proses-proses yang terjadi dapat dilihat sebagai berikut ini : 3.5.2.1DFD Level 1 Pengolahan Admin

(33)

26 3.5.2.2DFD Level 2 Proses Pengolahan Menu

Gambar 3.12 Gambar DFD Level 2 Proses Pengolahan Menu

3.5.2.3DFD Level 2 Proses Pengolahan Jasa

(34)

27 3.5.2.4DFD Level 2 Proses Pengolahan Iklan

(35)

28 3.5.3 ERD (Entity Relationship Diagram)

Entity relationship diagram (ERD) atau diagram hubungan entitas merupakan gambaran hubungan antar entitas dengan jelas dan dapat

menggambarkan batasan jumlah entitas dan partisipasi antar entitas tersebut

sehingga akan memudahkan dalam perancangan database.

ERDyang telah dirancang dapat dilihat pada gambar berikut:

(36)

29 3.5.4 Skema Relasi

1. ADMIN : {username, password}

2. MENU : {id_menu, id_menu, halaman, aktif} 3. JASA : {id_jasa, nama_jasa, harga, aktif} 4. IKLAN : {id_iklan, nama_iklan, gambar, aktif}

3.5.5 Tabel Relasi

Admin PK id_admin username password Iklan PK id_iklan nama_iklan gambar aktif FK1 id_admin Menu PK id_menu nama_menu halaman aktif FK1 id_admin Jasa PK id_jasa nama_jasa harga aktif FK1 id_admin

(37)

30 3.6 Implementasi Antarmuka

Implementasi antarmuka meliputi setiap halaman program yang dibuat beserta pengkodean dalam bentuk file program. Berikut adalah implementasi antarmuka Aplikasi Website Profile Company dan Admin di Bengkel Ari Motor :

3.6.1 Tampilan Halaman Utama User

(38)

31 3.6.2 Tampilan Halaman Sejarah User

Gambar 3.17 Tampilan Halaman Sejarah User 3.6.3 Tampilan Halaman Jasa User

(39)

32 3.6.4 Tampilan Halaman About

Gambar 3.19 Tampilan Halaman About User

3.6.5 Tampilan Halaman Visi dan Misi User

(40)

33 3.6.6 Tampilan Halaman Team Info User

Gambar 3.21 Tampilan Halaman Team Info User

3.6.7 Tampilan Halaman Galeri

(41)

34 3.6.8 Tampilan Halaman Login Admin

Gambar 3.23 Tampilan Halaman Login Admin

3.6.9 Tampilan Halaman Utama Admin

(42)

35 3.6.10 Tampilan Halaman Login Gagal

Gambar 3.25 Tampilan Halaman Gagal Login Admin

3.6.11 Tampilan Halaman Iklan di Admin

(43)

36 3.6.12 Tampilan Halaman Jasa di Admin

Gambar 3.27 Tampilan Halaman Pengaturan Jasa di Admin

3.6.13 Tampilan Halaman Menu di Admin

(44)

BAB IV

KESIMPULAN DAN SARAN

4.1 Kesimpulan

Di lihat dari perkembangan zaman yang semakin modern membuat Saya turut mengembangkan bengkel Ari Motor yang dirasa perlu untuk unjuk diri dengan membangun Aplikasi Web Profile Company di bengkel Ari Motor sehingga dapat disimpulkan beberapa hal sebagai berikut :

1. Dengan adanya Website bengkel Ari Motor maka bengkel akan berkembang sebagai berikut :

- Bengkel akan lebih bisa di kenal oleh masyarakat luas dengan mengakses situs bengkel Ari Motor.

- Akses untuk menjalin kerjasama antar bengkel, prusahaan produk, maupun dengan instansi iklan, sehingga dengan pembuatan situs ini menjadikan suatu hal yang positif bagi perusahaan.

- Perkembangan bengkel dengan adanya situs ini dapat menjadikan daya saing pada dunia perbengkelan yang membuat bengkel Ari Motor lebih maju dari perusahaan bengkel lainnya.

2. Pada tampilan website Ari Motor diberikannya tampilan dengan warna yang lebih gelap untuk lebih terkesan elegant dan soft yang membuat user dapat melihat profile bengkel dengan nyaman yang biasa disebut dengan

user friendly.

3. Dapat mengikuti perkembangan zaman dimana informasi yang up to date sangat diperlukan untuk perusahaan bengkel ataupun perusahaan lainnya sehingga langkah pembuatan Web Profile Company ini bisa di kembangkan lebih lanjut untuk mendapatkan informasi yang akurat dan bermutu.

(45)

38 4.2 Saran

Saran yang dapat penulis berikan yaitu dengan pembangunan Aplikasi Web Profile Company ini pada perusahaan bengkel Ari Motor diantaranya : 1. Website yang dibangun masih perlu dikembangkan dengan adanya

beberapa fitur lain yang nantinya membuat tampilan lebih hidup lagi seperti :

a. Fitur iklan b. Fitur info c. Fitur admin

d. Fitur pendukung aplikasi lainnya

2. Pengembangan aplikasi ini akan ditujukan pada pengembangan sistem database (database system) dimana fungsi dari admin akan mempermudahkan perusahaan untuk menampilkan informasi-informasi yang dibutuhkan oleh masyarakat ataupun rekan bisnis.

(46)

DAFTAR PUSTAKA

Kadir, Abdul . Pemrograman WEB. Penerbit Andi, Yogyakarta, 2002

Hakim, Lukmanul, Jalan Pintas Menjadi Master PHP. Penerbit Loco Media, Yogyakarta, 2009

Kerjasama Andi dan Elcom, Menguasai Dreamweaver CS5 Seri 30 Menit. Penerbit. Andi, Yogyakarta, 2011

Sutanta, Edhy, Basis Data Dalam Tinjauan Konseptual. Penerbit Andi, Yogyakarta, 2011

(47)

(1)