Laporan

368 views
319 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
368
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Laporan

  1. 1. LAPORAN PEMROGRAMAN BERBASIS WEBJasa pengiriman BarangDisusun:Ari hadianto (1110651077)Dhimas Sandhy P. (1110651243)Nur Anita (1110651094)Umi Zumrotul M (1110651095)PROGRAM STUDI TEKNIK INFORMATIKAFAKULTAS TEKNIKUNIVERSITAS MUHAMMADIYAH JEMBER
  2. 2. 1. TujuanMemahami pengertian AJAX.Memahami konsep asynchronous pada client-server.Memahami penerapan AJAX di PHP.Memahami peneran CSS2. Dasar Teori Pengertian PHPPHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakansebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip denganbahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utamapenggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman webdinamik dengan cepat. Hubungan PHP dengan HTML Halaman web biasanya disusun darikode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkanoleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebutsehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php,program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yangdikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupundisisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengankode-kode html tersebut. Program php dapat ditambahkan dengan mengapit programtersebut 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-nyamenjadi .php3 atau .php. PHP merupakan bahasa pemograman web yang bersifat server-sideHTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada siserver. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnyadijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai bahasa scripting yangmenyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halamanweb 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 inipertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnyauntuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 iamengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapatterintegrasi dengan HTML.Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yangdikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.. Versiterbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkaplagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang
  3. 3. merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTPsession, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasascripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web.Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapiprosesnya secara keseluruhan dijalankan web server. Kelebihan PHP Ketika e-commercesemakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggapsudah tidak memenuhi keinginan pasar, padahal situs tersebut harus tetap dinamis. Pada saatini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designerweb banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruhaplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHPadalah pada konektivitasnya dengan system database di dalam web. Sistem database yangdapat didukung oleh PHP adalah :1) Oracle2) MySQL3) Sybase4) PostgreSQL5) dan lainnyaPHP dapat berjalan di berbagai system operasi seperti windows 98/NT,UNIX/LINUX, solaris maupun macintosh. Pengeetian AJAXPada website tradisional biasa jika kita mengklik suatu tombol/link tertentu makabrowser akan melakukan refres dimana document HTML akan di baca dari awal dan layarbrowser akan menjadi blank sesaat karena pada saat itu browesr sedang meminta/merequestdata dari web server dan hal itulah yang membuat aplikasi website menjadi kurang interaktifdan responsif. AJAX digunakan untuk memecahkan masalah tersebut,AJAX membuataplikasi web menjadi lebih interaktif dan responsif serta memiliki kecepatan dalammemproses request ke server. Sedah menjadi teknologi yang wajib diterapkan bagi website-website moderen (web 2.0) Asal Mula Bahasa Pemograman AJAXAJAX memiliki kepanjangan asynchronous javascript and XML merupakan suatuteknik 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 danprogramer. Dengan adanya AJAX,akses data ke server yang dikirim melalui client via webdapat lebih cepat daripada mekanisme biasa. Hal ini dikarenakan AJAX tidak perlumelakukan proses loading page (refresh page) atau pindah ke page yang lain. AJAX dapatdiintegrasikan dengan server side programming seperti PHP,ASP,JSP dll. Perhatikanmekanisme proses ajax menggunakan PHP berikut ini :
  4. 4. Pada mekanisme di atas,proses berawal dari web client. Web client merequest sebuahhalaman PHP ke server melalui javascript. Selanjutnya server akan merespon danmenjalankan script PHP. Script PHP akan menghasilkan respon dalam bentuk XML dan dataXML tersebut akan dikirim kembali ke web client untuk diolah oleh javascript. Hasil olahanjavascript tersebut akhirnya akan ditampilkan di web client sebagai output tanpa harusmerefresh halaman web. Bandingkan dengan mekanisme biasa dalam menjalankan PHPseperti yang ditunjukkan pada gambar berikut :Pada mekanisme biasa,respon yang dihasilkan oleh server HTML yangmengakibatkan halaman web akan merefresh tampilan. Dilihat dari sisi efisiensi, hal ini tentukurang sekali. Sedangkan kekurangannya AJAX dibandingkan mekanisme biasa adalahmemiliki tingkat kesukaran pemograman yang lebih tinggi, karena programer harusmenguasai 4 hal yaitu HTML-(XHTML),Javascript, XML dan juga server side programingseperti PHP dan lain sebagainya.Karakteristik :
  5. 5. a. Sebuah halaman web tidak perl di-refresh setiap kali ada data baru yang inginditampilkan. Dengan demikian, sebuah aplikasi web akan terasa seperti aplikasidesktop saja.b. Kecepatan, interaktivis, fungsionalitas, dan tingkat kegunaan halaman web akanmeningkat.c. AJAX bekerja mengambil data dari server, user yang membuka halaman web masih tetapbisa berinteraksi dengan alaman web tersebut, di mana halaman web tidakmengalami freezing seperti halnya aplikasi web konvensional.d. Bersifat asynchronous artinya permintaan data tambahan dari server dan loadingnyadilakukan 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 lainyang saling berhubungan. kumpulan kode-kode yang berurutan dan saling berhubunganuntuk mengatur format / tampilan suatu halaman HTML. Jika anda memiliki beberapahalaman website dimana anda menggunakan font arial untuk tulisannya, lalu suatu hari andabosan dengan arial dan ingin mengganti ke trebuchet, anda harus merubah satu per satuhalaman website anda dan merubah tipe font dari arial menjadi trebuchet. Singkatnya denganCSS anda dapat merubah fon, Warna background serta besar kecilnya huruf atau fon dll darihalaman Web atau HTML.3. Tugas1. DatabaseGambar diatas adalah isi dari database jasa_pengiriman yang terdapat tabel pengiriman,transaksi dan user. Database di atas dibuat sebagai saranan penyimpanan informasi saatmelakukan penyimpanan seperti data.
  6. 6. o Tabel pengiriman yang berada dalam database jasa_pengirimanGambar diatas adalah struktur dan isi dari tabel pengiman yang terdapat beberapa atributyaitu id_pengiriman, status, dan tujuan dengan isi tabel yang sudah diinputkan sebagaiberikut.o Tabel user yang berada dalam database jasa_pengiriman
  7. 7. Gambar diatas adalah tabel user yang dimiliki admin, digunakan untuk memasukkan dataadmin yang dialkukan sebelum masuk pada halaman admin. Admin memiliki hak akses atasmengubah,menambah dan menghapus.2. Projecto Tampilan index
  8. 8. Dalam gambar ini adalah tampilan awal sebuah web kami atau disebut sebagai index padasuatu web, terdapat beberapa item dan tampilan yang digunakan untuk masuk kesebuahhalaman yang terdapat pada item-item tersebut.o Tampilan loginGambar diatas adalah gambar login yang dilakukan oleh admin untuk masuk kedalamhalaman admin untuk melakukan penginputan data yang bersangkutan dengan client yangakan mengirim barang. Setelah admin masuk dan menginputkan data, data akan masukkesebuah database yang sudah tesedia.o Tampilan item Services
  9. 9. Gambar di atas merupakan tampilan saat melakukan login pada form admin,berikut tampilanawal pada tampilan admin. Pada tampilan awal admin terdapat beberapa item yang yangmemiliki fungsi-fungsi tertentu.o Tampilan item tambah transaksiGambar di atas merupakan tampilan dari item transaksi yang berfungsi untuk menambahtransaksi data pengiriman dari client,yang kemudian akan di simpan atau di post kan padadatabase.
  10. 10. o Tampilan item lihat resiGambar di atas merupakan tampilan item lihat resi yang menampilkan tampilan dari inputandata dari client,kemudian data dari tambah transaksi yang sudah di submit atau di post akantersimpan pada database yang dapat dilihat pada item lihat resi.o Tampilan item services
  11. 11. Gambar diatas adalah tampilan ketika anda memilih item service akan muncul tampilansebagai berikut yang informasinya tentang kelancaran pengiriman anda.o Tampilan item businessGambar diatas adalah ketika anda menekan item busines adalah tampilan bagaimanaketentuan anda untuk masuk keperusahaan yang berada dibagian admin.o Tampilan client
  12. 12. Gambar diatas adalah gambar tampilan client yang digunakan untuk melihat informasi client.o Tampilan item news dan promoGambar diatas adalah tampilan item news dan promo yang isinya berkaitan dengan informasipromo karena item news dan promo sebagai tempat memberikan suatu informasi yangberkenaan dengan perusahaan PT.Handayani tersebut yang dilakukan oleh pihak admin.o Tampilan item Network
  13. 13. Gambar diatas adalah gambar yang ada Dalam item network, anda akan masuk ke informasidimana saja kerena PT Handayani memiliki beberapa cabang yang ada pada di wilayahnusantara sebagai sarana mengirim suatu barang.4. KendalaDalam proses pembuatan web pengiriman barang online terdapat beberapa kendalayang bisa dihadapi dan tidak, yaitu :A. Menu SearchingMenu searching ini dimaksudkan untuk pelanggan yang menggunakan jasa kamisupaya dapat memantau pengiriman barang yang dikirimkan. Denganmenginputkan dalam kolom searching maka ketika disearch akan muncul nomerresi, tujuan, berat, dan status barang, namun dalam proses pembuatan menu inikami tidak dapat menyelesaikannya dikarenakan script ajax yang tidak kamikuasai.B. Connection to databaseDatabase digunakan ada 1 dan terdapat 2 fields, 1 field untuk user dan 1 fielduntuk pengiriman. Dimana field pengiriman digunakan untuk admin yangmenginputkan data pelanggan dan kemudian disimpan atau ditampilkan saatpelanggan membutuhkannya. Awal proses mengkoneksikan database ada sedikitkendala dalam script yang diketikkan dan tidak dapat connect ke database. Fieldyang kedua adalah field user, field user ini digunakan untuk data login admin diweb agar dapat mengakses menu admin.C. Penambahan sessionPenambahan session pada login pada awalnya tidak ditambahkan, namun setelahmembaca aturan dari tugas besar kami, kami masukkan session login kendalatetap terdapat dalam script.D. Menentukan menu dan isi webMenentukan menu dan isi dari web sedikit rumit, namun dalam proses pengerjaanyang lebih dibingungkan adalah isi dari web tersebut atau isi dari menu-menutersebut.5. KesimpulanDengan adanya jasa pengiriman barang ini dapat memberikan sutau kemudahankepada para konsumen atau client untuk melakukan pengiriman barang yang akan di kirim kebeberapa wilayah yang akan di tuju. Jika para konsumen akan melakukan pengiriman baranghanya dengan menghubungi pihak PT.Handayani dengan begitu pihak admin akanmelakukan penginputan data yang bersangkutan dengan konsumen atau client yang akanmelakukan pengiriman barang. Jika client akan mengecek hanya dengan melakukanpencarian saja yang sudah tersedia pada web kami,dengan memasukkan nomer resi makadengan begitu akan muncul data-data dari pihak client.

×