LAPORAN PENULISAAN ILMIAH PEMBUATAN WEBSITE APOTEK GUARDIAN DENGAN MENGGUNAKAN MACROMEDIA DREAMWAVER 8, PHP DAN MYSQL

Leave a comment

January 25, 2014 by evo3cx

1.     PENDAHULUAN

 

1.1              Latar Belakang

Matematika dan Ilmu Pengetahuan Alam (IPA) merupakan mata pelajaran yang paling sulit dipahami oleh sebagian besar siswa Sekolah Menengah Pertama (SMP) dan Sekolah Menengah Atas (SMA). Salah satu sub bidang IPA adalah biologi. Beberapa siswa menganggap biologi adalah pelajaran menghapal dengan banyaknya istilah-istilah ilmiah dan sulit memahami kinerja organ-organ tubuh manusia. Salah satu organ manusia adalah mata. Mata terdiri dari bagian-bagian yang satu sama lain saling berhubungan serta saling bekerja sama. Namun, terdapat beberapa faktor yang mempengaruhi rendahnya pemahaman belajar siswa di kelas, antara lain buku yang kurang menarik, kondisi kelas yang tidak mendukung kegiatan pembelajaran, dan cara mengajar guru yang kurang menarik.

Ensiklopedia adalah salah satu media edukasi yang cukup popular dikalangan masyarakat saat ini. Pada umumnya, ensiklopedia relatif lebih digemari karena isinya berupa informasi yang lengkap dan detail, dibandingkan buku-buku pelajaran. Jika ensiklopedia pada umumnya terdiri dari kumpulan kertas yang dapat berisikan teks atau gambar, maka ensiklopedia digital berisikan informasi digital yang juga dapat berwujud teks atau gambar. Ensiklopedia digital memiliki ukuran fisik yang lebih praktis tetapi mampu menyimpan informasi yang lebih banyak sehingga lingkup dan kedalaman informasi yang disajikan akan lebih lengkap dibandingkan ensiklopedia dalam bentuk buku. Dalam penulisan ini akan dibuat suatu aplikasi ensiklopedia digital mengenai indera mata manusia untuk membantu pemahaman siswa dan dapat juga dijadikan sebagai salah satu sumber referensi oleh guru.

 

1.2              Batasan Masalah

Batasan Masalah pada penulisan ilmiah ini adalah perancangan aplikasi ensiklopedia pengenalan indera mata yang terdiri dari anatomi mata, cara kerja mata dan penyakit-penyakit pada mata. Dilengkapi dengan latihan yang berupa memasangkan bagian-bagian mata ke gambar yang telah disediakan. Pembuatan aplikasi ini menggunakan Macromedia Flash 8 dan FB Premium Page Flip agar tampilan terlihat seperti buku

 

 

1.3             Langkah Kerja

Perbedaan Index.html, Index.php, dan non index.php dan index.html

1. Installkan software Apache2 untuk web server tersebut.

2. Kemudian kita pindah ke folder  /var/www/ , dengan perintah : Cd /var/www

3. Kemudian kita lakukan ls :Dan akan terdapat file index.htmlSecara default file index.html, index.php, dll itu di setting untuk di eksekusi olehapache2. Semua itu ada di konfigurasi

/etc/apache2/mods-available/dir.conf

4. Kemudian kita coba buat file index.php, dengan perintah :

touch index.php

5.  Kemudian kita cek web server yang kita buat dengan cara mendelete fileindex.html6.

Kemudian kita delete file index.php7.

 

2. LANDASAN TEORI

 

2.1.      Pengertian Apotek

Keputusan Menteri Kesehatan Republik Indonesia (Kepmenkes RI) No. 1332/MENKES/SK/X/2002, tentang Perubahan atas Peraturan MenKes RI No. 922/MENKES/PER/X/1993 mengenai Ketentuan dan Tata Cara Pemberian Izin Apotek, yang dimaksud dengan apotek adalah suatu tempat tertentu, tempat dilakukan pekerjaan kefarmasian penyaluran perbekalan farmasi kepada masyarakat.

 

2.2.      Pengertian Internet

Internet (Interconnection Networking) dapat diartikan sebagai hubungan dari berbagai komputer dengan berbagai tipe yang berbeda yang membentuk sistem jaringan yang mencakup seluruh dunia atau yang mencakup jaringan komputer global dengan melalui jalur komunikasi yang tersedia, seperti telepon. Yang mengatur integrasi dan komunikasi jaringan komputer ini adalah protokol, protokol dalam jaringan internet ini dibagi menjadi tiga tingkat lintasan kerja. Yaitu : protokol jaringan (IP), protokol angkut (TCP) dan protokol aplikasi. Yang masing-masing protokol tersebut mempunyai tugas dan fungsi yang berbeda.

 

 

2.3.      Struktur Navigasi

Struktur navigasi adalah urutan alur informasi dari suatu aplikasi multimedia. Dengan menggunakan struktur navigasi yang tepat maka suatu eplikasi mutimedia mempunyai suatu pedoman dan narah informasi yang jelas. Dalam pembuatan aplikasi multimedia terdapat empat macan bentuk dasar struktur navigasi yang digunakan, yaitu : Struktur Navigasi Linear, Struktur Navigasi Non Linear, Struktur Navigasi Hierarchi, dan Struktur Navigasi Composite.

 

2.4.      Storyboard

Story Board merupakan bagian dari program yang dapat berhubungan langsung dengan user yaitu segala sesuatu yang muncul pada layar monitor. Desain antarmuka (Story Board) bertujuan agar program yang dihasilkan terlihat tidak rumit atau sederhana, mudah digunakan dan menarik. Hal ini perlu karena setiap interaksi dari konsumen pasti melalui antarmuka. Story board merupakan rancangan kasar dari suatu tampilan atau hanya gambaran umum saja. contoh dari story board yang mendetail adalah story board yang menggambarkan semua yang terlihat dilayar monitor, meliputi teks, gambar, letak dan bentuk tombol, background yang dipakai dan lainnya.

 

2.5.      Pengenalan Program PHP

PHP dahulunya merupakan proyek pribadi dari Rasmus Lerdorf, yang digunakan pertama kalinya sebagai proyek homepage pribadinya. PHP mengalami perkembangan sampai dengan versi terbarunya saat ini adalah PHP versi 5 beta.

PHP (PHP Hypertext Preprocessor) adalah bahasa interpreter yang banyak digunakan dalam Internet dan Intranet, sebagai program yang diintegrasi ke dalam Web Server seperti Apache atauMicrosoft Internet Information Server (IIS). NamaPHP berawal dari Personal Home Page, yang kemudian berubah menjadi rekursif, seperti juga GNU (GNU is Not Unix).

 

2.6.      Pengenalan Database My SQL

MySQL merupakan software sistem manajemen database (Database Management System – DBMS ) yang sangat populer di kalangan pemrogramweb, terutama di lingkungan Linux dengan menggunakan script PHP dan PERL.

Software database ini dapat berfungsi atau berjalan pada semua platform system operasi yang biasa digunakan (Windows, Linux, OS/2, berbagai varian Unix).

2.7.1.      ERD Rancangan Database

Entity relationship diagram ( ERD ) diperkenalkan pertama kali oleh P.P. Chen pada tahun 1976. ERD banyak dipergunakan karena dapat menggambarkan hubungan antara entitas dengan jelas, dapat menggambarkan jumlah entitas dan partisipasi antara entitas, mudah dimengerti oleh pemakai, dan mudah disajikan oleh perancang database.

 

2.7.2.      Normalisasi

Normalisasi merupakan salah satu tahap dalam proses perancangan yang mengharuskan perancang untuk mempertimbangkan masalah space penyimpanan (efisiensi), mencegah duplikasi dan redundancy data, consistensi, dan integritas data dalam database yang dirancangnya. Normalisasi merupakan usaha untuk meminimalkan, jika mungkin menghilangkan masalah duplikasi dan inkonsistensi.

 

2.8.  Adobe Photoshop

Adobe photoshop merupakan sebuah software yang digunakan untuk mengolah images. Selain itu, photoshop juga bisa digunakan untuk membuat desain website. Dibawah ini saya akan menjelaskan bagian-bagian dari program adobe photoshop dan kegunaannya.

 

2.9. Macromedia Dreamweaver

Aplikasi ini dikeluarkan oleh Adobe Dreamweaver ini adalah program aplikasi yang khusus untuk membuat aplikasi website dengan cara membuat secara visual/grafis. Dreamweaver ini juga sudah memberikan kemudahan kepada pembuat website, karena pada Dreamweaver sudah diberikan fitur-fitur yang memudahkan pengguna dan mempercepat kerja.

 

3. LANGKAH KERJA

3.1 Mengubah File Default Execute pada Apache2

1.  Siapkan alat dan bahan yang akan digunakan, dan pastikan semuanya telah siapuntuk dikonfigurasi.

2. Setelah itu kita konfigurasi salah satu modul apache yang terdapat pada folder

/etc/apache2/ mods-available/,

kali ini kita harus mengedit file/etc/apache2/mods-available/dir.conf dengan perintah :Nano /etc/apache2/mods-available/dir.conf

 

Kemudian ganti file-file default seperti:

Index.html

Index.cgi

Index.pl

Index.php

Index.xhtm

lIndex.htm

Index.xhtm,

Dll.

 

Gantilah file-file default tersebut seperti pada gambar.

3. Kemudian kita aktifkan module tersebut dengan perintah :A2enmod dir

4. Setelah diaktifkan, kemudian Restart dengan perintah :invoke-rc.d apache2 restart.

5. Cek w3m dengan menggunakan index.html setelah di konfigurasi lihat hasilnya.

6. Cek apakah modul tersebut telah aktif atau tidak, ubahlah file index.html pada file/var/www/www menjadi kurni.html.

Perintahnya adalah :

~Cp index.html kurni.html

~RM –r index.html

7 .setelah itu cek dengan perintah:

W3m http://www.13.tkj.net

 

 

Membuat VirtualHost:

  1. Pertama pastikan bahwa di /etc/site-available/ terdapat file default.
  2. Kemoduan kita copy file default menjadi www

~roo@ubuntu:/etc/apache2/sites available# cp default www

  1. Setelah itu konfigurasi file tersebut dengan perintah:

Nano www

Kemoduan hasilnya akan seperti gambar di bawah.

 

 

–          Konfigurasi public_html

  1. Konfigurasi Web Server dan aktifkan name server web www.13.tkj.net
  2. Kemudia kita akan mengkonfigurasi file /etc/apache2/mods-available/userdir.conf, dengan perintah:

Nano etc/apache2/mods-available/userdif.conf

 

  1. Kemudian kita tambahkan konfigurasi “ *UserDir enable reza”;
  2. Setelah kita buat user baru dengan nama “reza”, sperti pada file userdir.cinf

3.1              Hasil Kerja

1. Pengubahan Index

Index telah di ubah menjadi reza.html dan diinputkan pada file dir.contf hasilnya:

 

 

 

 

 

 

 

 

4.     PENUTUP

 

4.1              Kesimpulan

Dengan adanya aplikasi ensiklopedia mata ini akan membuat siswa tertarik dan mempunyai motivasi untuk belajar. Selain itu, aplikasi ensiklopedia mata ini juga dapat digunakan sebagai sumber referensi oleh guru dalam proses mengajar sehingga dapat menciptakan suasana belajar yang menyenangkan.

 

4.2              Saran

Aplikasi ensiklopedia mata ini masih dapat dikembangkan lagi menjadi suatu sarana pendidikan yang lebih lengkap dengan menambahkan soal-soal yang lebih banyak lagi untuk menunjang pemahaman siswa dan tampilan animasi serta efek suara yang lebih menarik lagi.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Gunadarma Logo

Categories

About Me

Reza Aditya Saputra 3ka07

visitor stats


%d bloggers like this: