Laporan ini membahas tentang pembuatan website jasa pengiriman barang dengan menggunakan PHP dan database. Website ini memiliki fitur login admin, input data pengiriman, lihat status pengiriman, dan informasi jasa. Dalam pengembangannya ditemui kendala seperti menu searching, koneksi database, penambahan session, dan penentuan isi konten.
1. LAPORAN PEMROGRAMAN BERBASIS WEB
Jasa pengiriman Barang
Disusun:
Ari hadianto (1110651077)
Dhimas Sandhy P. (1110651243)
Nur Anita (1110651094)
Umi Zumrotul M (1110651095)
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2. 1. Tujuan
Memahami pengertian AJAX.
Memahami konsep asynchronous pada client-server.
Memahami penerapan AJAX di PHP.
Memahami peneran CSS
2. Dasar Teori
Pengertian PHP
PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan
sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan
bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama
penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web
dinamik dengan cepat. Hubungan PHP dengan HTML Halaman web biasanya disusun dari
kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan
oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut
sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php,
program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang
dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun
disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan
kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit program
tersebut di antara tanda . Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur)
dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya
menjadi .php3 atau .php. PHP merupakan bahasa pemograman web yang bersifat server-side
HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si
server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya
dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai bahasa scripting yang
menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman
web yang dinamis seperti ASP (Active Server Pages) dan JSP (Java Server Pages).
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C.
Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya.
Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini
pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya
untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia
mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat
terintegrasi dengan HTML.
Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang
dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.. Versi
terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap
lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0
adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang
3. merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP
session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa
scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web.
Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi
prosesnya secara keseluruhan dijalankan web server. Kelebihan PHP Ketika e-commerce
semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap
sudah tidak memenuhi keinginan pasar, padahal situs tersebut harus tetap dinamis. Pada saat
ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer
web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh
aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP
adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang
dapat didukung oleh PHP adalah :
1) Oracle
2) MySQL
3) Sybase
4) PostgreSQL
5) dan lainnya
PHP dapat berjalan di berbagai system operasi seperti windows 98/NT,
UNIX/LINUX, solaris maupun macintosh.
Pengeetian AJAX
Pada website tradisional biasa jika kita mengklik suatu tombol/link tertentu maka
browser akan melakukan refres dimana document HTML akan di baca dari awal dan layar
browser akan menjadi blank sesaat karena pada saat itu browesr sedang meminta/merequest
data dari web server dan hal itulah yang membuat aplikasi website menjadi kurang interaktif
dan responsif. AJAX digunakan untuk memecahkan masalah tersebut,AJAX membuat
aplikasi web menjadi lebih interaktif dan responsif serta memiliki kecepatan dalam
memproses request ke server. Sedah menjadi teknologi yang wajib diterapkan bagi website-
website moderen (web 2.0)
Asal Mula Bahasa Pemograman AJAX
AJAX memiliki kepanjangan asynchronous javascript and XML merupakan suatu
teknik baru dalam dunia web tapi bukan merupakan bahasa pemograman yang baru.
Dikembangkan sekitar 2-3 tahun yang lalu, AJAX mulai dilirik oleh para web desainer dan
programer. Dengan adanya AJAX,akses data ke server yang dikirim melalui client via web
dapat lebih cepat daripada mekanisme biasa. Hal ini dikarenakan AJAX tidak perlu
melakukan proses loading page (refresh page) atau pindah ke page yang lain. AJAX dapat
diintegrasikan dengan server side programming seperti PHP,ASP,JSP dll. Perhatikan
mekanisme proses ajax menggunakan PHP berikut ini :
4. Pada mekanisme di atas,proses berawal dari web client. Web client merequest sebuah
halaman PHP ke server melalui javascript. Selanjutnya server akan merespon dan
menjalankan script PHP. Script PHP akan menghasilkan respon dalam bentuk XML dan data
XML tersebut akan dikirim kembali ke web client untuk diolah oleh javascript. Hasil olahan
javascript tersebut akhirnya akan ditampilkan di web client sebagai output tanpa harus
merefresh halaman web. Bandingkan dengan mekanisme biasa dalam menjalankan PHP
seperti yang ditunjukkan pada gambar berikut :
Pada mekanisme biasa,respon yang dihasilkan oleh server HTML yang
mengakibatkan halaman web akan merefresh tampilan. Dilihat dari sisi efisiensi, hal ini tentu
kurang sekali. Sedangkan kekurangannya AJAX dibandingkan mekanisme biasa adalah
memiliki tingkat kesukaran pemograman yang lebih tinggi, karena programer harus
menguasai 4 hal yaitu HTML-(XHTML),Javascript, XML dan juga server side programing
seperti PHP dan lain sebagainya.
Karakteristik :
5. a. Sebuah halaman web tidak perl di-refresh setiap kali ada data baru yang ingin
ditampilkan. Dengan demikian, sebuah aplikasi web akan terasa seperti aplikasi
desktop saja.
b. Kecepatan, interaktivis, fungsionalitas, dan tingkat kegunaan halaman web akan
meningkat.
c. AJAX bekerja mengambil data dari server, user yang membuka halaman web masih tetap
bisa berinteraksi dengan alaman web tersebut, di mana halaman web tidak
mengalami freezing seperti halnya aplikasi web konvensional.
d. Bersifat asynchronous artinya permintaan data tambahan dari server dan loadingnya
dilakukan di background tanpa mempengaruhi tampilan dan sifat halaman web sekarang.
e. Ajax memiliki struktur pemrograman yang lebih mudah untuk dipahami.
CSS (Cascading Style Sheet)
CSS adalah singkatan dari Cascading Style Sheets. aliran dari suatu kode ke kode lain
yang saling berhubungan. kumpulan kode-kode yang berurutan dan saling berhubungan
untuk mengatur format / tampilan suatu halaman HTML. Jika anda memiliki beberapa
halaman website dimana anda menggunakan font arial untuk tulisannya, lalu suatu hari anda
bosan dengan arial dan ingin mengganti ke trebuchet, anda harus merubah satu per satu
halaman website anda dan merubah tipe font dari arial menjadi trebuchet. Singkatnya dengan
CSS anda dapat merubah fon, Warna background serta besar kecilnya huruf atau fon dll dari
halaman Web atau HTML.
3. Tugas
1. Database
Gambar diatas adalah isi dari database jasa_pengiriman yang terdapat tabel pengiriman,
transaksi dan user. Database di atas dibuat sebagai saranan penyimpanan informasi saat
melakukan penyimpanan seperti data.
6. o Tabel pengiriman yang berada dalam database jasa_pengiriman
Gambar diatas adalah struktur dan isi dari tabel pengiman yang terdapat beberapa atribut
yaitu id_pengiriman, status, dan tujuan dengan isi tabel yang sudah diinputkan sebagai
berikut.
o Tabel user yang berada dalam database jasa_pengiriman
7. Gambar diatas adalah tabel user yang dimiliki admin, digunakan untuk memasukkan data
admin yang dialkukan sebelum masuk pada halaman admin. Admin memiliki hak akses atas
mengubah,menambah dan menghapus.
2. Project
o Tampilan index
8. Dalam gambar ini adalah tampilan awal sebuah web kami atau disebut sebagai index pada
suatu web, terdapat beberapa item dan tampilan yang digunakan untuk masuk kesebuah
halaman yang terdapat pada item-item tersebut.
o Tampilan login
Gambar diatas adalah gambar login yang dilakukan oleh admin untuk masuk kedalam
halaman admin untuk melakukan penginputan data yang bersangkutan dengan client yang
akan mengirim barang. Setelah admin masuk dan menginputkan data, data akan masuk
kesebuah database yang sudah tesedia.
o Tampilan item Services
9. Gambar di atas merupakan tampilan saat melakukan login pada form admin,berikut tampilan
awal pada tampilan admin. Pada tampilan awal admin terdapat beberapa item yang yang
memiliki fungsi-fungsi tertentu.
o Tampilan item tambah transaksi
Gambar di atas merupakan tampilan dari item transaksi yang berfungsi untuk menambah
transaksi data pengiriman dari client,yang kemudian akan di simpan atau di post kan pada
database.
10. o Tampilan item lihat resi
Gambar di atas merupakan tampilan item lihat resi yang menampilkan tampilan dari inputan
data dari client,kemudian data dari tambah transaksi yang sudah di submit atau di post akan
tersimpan pada database yang dapat dilihat pada item lihat resi.
o Tampilan item services
11. Gambar diatas adalah tampilan ketika anda memilih item service akan muncul tampilan
sebagai berikut yang informasinya tentang kelancaran pengiriman anda.
o Tampilan item business
Gambar diatas adalah ketika anda menekan item busines adalah tampilan bagaimana
ketentuan anda untuk masuk keperusahaan yang berada dibagian admin.
o Tampilan client
12. Gambar diatas adalah gambar tampilan client yang digunakan untuk melihat informasi client.
o Tampilan item news dan promo
Gambar diatas adalah tampilan item news dan promo yang isinya berkaitan dengan informasi
promo karena item news dan promo sebagai tempat memberikan suatu informasi yang
berkenaan dengan perusahaan PT.Handayani tersebut yang dilakukan oleh pihak admin.
o Tampilan item Network
13. Gambar diatas adalah gambar yang ada Dalam item network, anda akan masuk ke informasi
dimana saja kerena PT Handayani memiliki beberapa cabang yang ada pada di wilayah
nusantara sebagai sarana mengirim suatu barang.
4. Kendala
Dalam proses pembuatan web pengiriman barang online terdapat beberapa kendala
yang bisa dihadapi dan tidak, yaitu :
A. Menu Searching
Menu searching ini dimaksudkan untuk pelanggan yang menggunakan jasa kami
supaya dapat memantau pengiriman barang yang dikirimkan. Dengan
menginputkan dalam kolom searching maka ketika disearch akan muncul nomer
resi, tujuan, berat, dan status barang, namun dalam proses pembuatan menu ini
kami tidak dapat menyelesaikannya dikarenakan script ajax yang tidak kami
kuasai.
B. Connection to database
Database digunakan ada 1 dan terdapat 2 fields, 1 field untuk user dan 1 field
untuk pengiriman. Dimana field pengiriman digunakan untuk admin yang
menginputkan data pelanggan dan kemudian disimpan atau ditampilkan saat
pelanggan membutuhkannya. Awal proses mengkoneksikan database ada sedikit
kendala dalam script yang diketikkan dan tidak dapat connect ke database. Field
yang kedua adalah field user, field user ini digunakan untuk data login admin di
web agar dapat mengakses menu admin.
C. Penambahan session
Penambahan session pada login pada awalnya tidak ditambahkan, namun setelah
membaca aturan dari tugas besar kami, kami masukkan session login kendala
tetap terdapat dalam script.
D. Menentukan menu dan isi web
Menentukan menu dan isi dari web sedikit rumit, namun dalam proses pengerjaan
yang lebih dibingungkan adalah isi dari web tersebut atau isi dari menu-menu
tersebut.
5. Kesimpulan
Dengan adanya jasa pengiriman barang ini dapat memberikan sutau kemudahan
kepada para konsumen atau client untuk melakukan pengiriman barang yang akan di kirim ke
beberapa wilayah yang akan di tuju. Jika para konsumen akan melakukan pengiriman barang
hanya dengan menghubungi pihak PT.Handayani dengan begitu pihak admin akan
melakukan penginputan data yang bersangkutan dengan konsumen atau client yang akan
melakukan pengiriman barang. Jika client akan mengecek hanya dengan melakukan
pencarian saja yang sudah tersedia pada web kami,dengan memasukkan nomer resi maka
dengan begitu akan muncul data-data dari pihak client.