Makalah Pemrograman Berbasis Web

17
Makalah Pemrograman Berbasis Web 2012 Page 1 MAKALAH PEMROGRAMAN BERBASIS WEB PENGGUNAAN FRAMEWORK SMARTY Oleh : LINA MARITHA ( 8113100030 ) POLITEKNIK KOTA MALANG PROGRAM STUDI TEKNIK INFORMATIKA TAHUN 2012

Transcript of Makalah Pemrograman Berbasis Web

Page 1: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 1

MAKALAH PEMROGRAMAN BERBASIS

WEB

PENGGUNAAN FRAMEWORK SMARTY

Oleh :

LINA MARITHA ( 8113100030 )

POLITEKNIK KOTA MALANG

PROGRAM STUDI TEKNIK

INFORMATIKA

TAHUN 2012

Page 2: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 2

DAFTAR ISI

Halaman

COVER ................................................................................................................ 1

DAFTAR ISI ......................................................................................................... 2

KATA PENGANTAR .......................................................................................... 3

BAB I Pendahuluan .............................................................................................. 4

1.1 Latar Belakang ........................................................................................... 4

1.2 Tujuan ........................................................................................................ 4

1.3 Rumusan Masalah ...................................................................................... 4

1.4 Batasan Masalah......................................................................................... 4

BAB II Tinjauan Pustaka ...................................................................................... 5

2.1 Pengertian Framework ............................................................................... 5

2.2 Macam Framework .................................................................................... 6

2.3 Pengertian Framework Smarty ................................................................... 6

2.4 Kelebihan dan Kekurangan Smarty ........................................................... 7

BAB III Pembahasan............................................................................................. 9

3.1 Source Code ............................................................................................... 9

3.2 ScreenShoot Hasil ...................................................................................... 14

BAB IV Penutup ................................................................................................... 15

Kesimpulan ...................................................................................................... 15

Saran .................................................................................................................. 16

Daftar Pustaka ...................................................................................................... 17

Page 3: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 3

Kata Pengantar

Puji syukur penulis panjatkan kehadirat Allah SWT. Bahwa penulis telah

menyelesaikan tugas mata kuliah Pemrogrman Berbasis Web dengan membahas

“Penggunaan Framework Smarty” dalam bentuk makalah.

Dalam menyusun tugas ini, tidak sedikit hambatan yang penulis hadapi.

Namun penulis menyadari bahwa kelancaran dalam penyusunan materi tidak lain

berkat bantuan ,dorongan dan bimbingan orangtua, sehingga kendala-kendala

yang penulis hadapi dapat tertasi.

Oleh Karena itu penulis mengucapakan terimakasih kepada :

1. Orang tua yang telah turut membantu, membimbing dan mengatasi

kesulitan sehingga tugas ini terselesaikan.

2. Teman- teman yang memberikan petunjuk kepada penulis sehingga

penulis termotivasi dalam menyelesaikan tugas ini.

Semoga materi ini dapat bermanfaat dan menjadi sumbangan pemikiran bagi

pihak yang membutuhkan, khususnya bagi penulis sehingga tujuan yang

diharapkan dapat tercapai, Amin.

Malang, 11 Agustus 2012

Penulis

Page 4: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 4

BAB I

PENDAHULUAN

1.1 Latar Belakang

Seiring berkembangnya jaman, umumnya dalam pemograman dalam bahasa

PHP, orang cenderung tidak menulis coding dari awal. Orang umumnya lebih

memilih untuk menggunakan CMS, template engine dan/atau framework untuk

membuat pekerjaan mereka lebih ringan.

1.2 Tujuan

a) Menggunakan framework Smarty versi 2.6.19.

b) Membangun program web menggunakan framework Smarty versi 2.6.19.

1.3 Rumusan Masalah

a) Bagaimana menggunakan framework Smarty versi 2.6.19. ?

b) Bagaimana membangun program web menggunakan framework Smarty

versi 2.6.19. ?

1.4 Batasan Masalah

Program web sederhana ini dibangun dengan menggunakan aplikasi

pemograman bahasa : PHP serta framework : Smarty versi 2.6.19.

Page 5: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 5

BAB II

Tinjauan Pustaka

2.1 Pengertian Framework

Framework adalah kerangka kerja. Framework juga dapat diartikan sebagai

kumpulanscript (terutama class dan function) yang dapat membantu

developer/programmer dalammenangani berbagai masalah-masalah dalam

pemrograman seperti koneksi ke database, pemanggilan variabel, file,dll sehingga

developer lebih fokus dan lebih cepat membangunaplikasi.Bisa juga dikatakan

Framework adalah komponen pemrorgaman yang siap re-use kapansaja, sehingga

programmer tidak harus membuat skrip yang sama untuk tugas yang

sama.Misalkan saat anda membuat aplikasi web berbasis ajax yang setiap kali

harus melakukanXMLHttpRequest, maka Xajax telah mempurmudahnya untuk

anda dengan menciptakan sebuahobjek khusus yang siap digunakan untuk operasi

Ajax berbasis PHP. Itu adalah salah satu contohkecil, selebihnya Framework jauh

lebih luas dari itu.Secara sederhana bisa dijelaskan bahwa framework adalah

kumpulan fungsi (libraries),maka seorang programmer tidak perlu lagi membuat

fungsi-fungsi (biasanya disebut kumpulanlibrary) dari awal, programmer tinggal

memanggil kumpulan library atau fungsi yang sudah adadidalam framerwork,

tentunya cara menggunakan fungsi-fungsi itu sudah ditentukan olehframework.

Beberapa contoh fungsi-fungsi standar yang telah tersedia dalam suatu framework

adalah fungsi paging, enkripsi, email, SEO, session, security, kalender, bahasa,

manipulasigambar, grafik, tabel bergaya zebra, validasi, upload, captcha, proteksi

terhadap XSS(XSSfiltering), template, kompresi, XML dan lain-lain.

Manfaat Framework

Manfaatnya dapat membantu kerja developer dalam membangun aplikasi

sehingga aplikasi bisa selesai dalam waktu yang singkat.

Penerapan Design Patterns memudahkan dalam rancangan, pengembangan

dan pemeliharaansistem

Page 6: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 6

Stability danReliability aplikasi yang kita bangun lebih stabil dan handal

karena berbasis pada framework yang sudah teruji stabilitas dan

kehandalannya.C

Coding Style konsisten, memudahkan dalam membaca kode dan dalam

menemukan bugs

Security Concern framework mengantisipasi dan memasang perisai

terhadap adanya berbagaimasalah keamanan yang mungkin

timbulDokumentasi, framework dapat mendisiplinkan kita untuk menulis

dokumentasi untuk apa yang kita tulis.

2.2 Macam Framework

Macam-macam framework

1. Framework PHP

o CakePHP

o Code Igniter (CI)

o Symphony

o Zend

o Yii

o Kohana

o Smarty

2. Framework Javascript

o JQuery

o Mootools

3. Framework Ruby

o Ruby on Rails (ROR)

2.3 Pengertian Framework Smarty

Smarty adalah sebuah template engine berbahasa PHP. Smarty bisa menjadi

alternatif yang bagus buat programmer php dalam membangun web atau aplikasi

yang terstruktur rapi.

Page 7: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 7

Buat yang belum terbiasa dengan teknik template, ada baiknya mulai beralih

ke teknik ini. Bukan saja membuat struktur programming lebih rapi, tapi juga

akan membantu anda dalam proses debungging.

Mengapa Menggunakan template?

Pengertian dalam web programming, template adalah halaman utama yang

digunakan untuk membuat sebuah halaman baru lainnya.Seperti kebiasaan para

programmer, bahasa PHP mendukung untuk diletakkan diantara halaman HTML

yang telah dibuat..

Oleh karena itu, disarankan mengenal metode template. Bukan saja bagus

untuk perkembangan teknik programming, tetapi juga memberikan nilai lebih

terhadap skill yang bangun sebagai seorang programmer.

Configured

Menggunakan Smarty, ada baiknya kita membuat sebuah struktur file dan

folder.

Need to Install

Tentu saja, pertama kalinya membutuhkan sebuah Apache dan PHP.

Sedangkan database hanya dibutuhkan jika memang ingin membangun sebuah

sistem informasi. Jika masih kesulitan install saja Xammp atau PHPTriad

Selanjutnya download file Smarty dan simpan di folder /libs/ dalam aplikasi

yang anda akan buat.

2.4 Kelebihan dan Kekurangan Menggunakan Framework Smartly

Kelebihan :

a) Salah satu proyek resmi PHP, sehingga cukup terjamin dari segi support.

b) Cache, smarty memiliki fitur cache dimana halaman template yg

sudahdicompile hanya akan dicompile ulang jika ada perubahan pada

sourceatau dengan modus force compile.

Page 8: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 8

Kekurangan :

a) Untuk dapat mengunakan Smarty, pengguna harus belajar sintaks baruyg

telah diatur Smarty.

b) Smarty salah satu template yg keluar jalur.

Page 9: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 9

BAB III

Pembahasan

3.1 Source Code

Langkah – langkah pengerjaan :

Smartly Template = Lakukan Proses Installasi

1. Download berkas Smarty di situs – situs Smarty tempatkan pada

, berikut berkas setelah di download tadi :

2. Ekstrak berkas tersebut masukkan folder dengan nama “smarty” seperti

petunjuk dibawah ini :

Page 10: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 10

3. Kemudian pada folder smarty tersebut berisi 3 Folder : Smarty, templates,

dan templates_c seperti dibawah ini :

4. Dan pada folder Smarty ini adalah berisikan berkas yang kita ekstrak tadi

Page 11: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 11

5. Dan pada folder templates berisikan templet – templet :

6. Dan di folder templates_c berisikan

Dari sini kita sudah dapt memulai membuat program kita :

Semisal disini sebagai contoh kita akn membuat sebuah program web

denhan menggunakan framework Smarty Variable dengan menggunakan index

array, yang dimana dapat menampilkan id, nama, email, dan phone :

1. Pertama – tama kita membuat file dengan nama “test.php” pada editor

notepad++, buat source code yang akan kita tampilkan

Pada :

$smarty->assign('contact',array(1,'Lina

Maritha','[email protected]','081234567890'));

Page 12: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 12

Disini pada smarty array menerangkan 1=sebagai id yang akan

ditampilakan, Lina Maritha=name, [email protected] =email dan

081234567890=phone.

$smarty->display('test.tpl');

Pada sorce code diatas menerangkan bahwa akan membangun sebuah

template pada file “test.tpl” tersebut.

2. Kemudian simpan file “test.php pada folder smarty tadi :

Page 13: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 13

3. Kemudian bangun template dengan nama file “test.tpl” dengan source

code sebagai berikut pada editor notepad++ :

4. Kemudian simpan file “test.tpl” di folder templates

Lebih jelasnya sebagai berikut :

Page 14: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 14

3.2 Hasil Screenshoot

Berikut tampilan program sederhana yang suda kita buat tadi :

Buka indexs localhost/smarty/

Berikut tampilan hasilnya sebagai berikut ( klik test.php nya )

Page 15: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 15

BAB VI

Penutup

Kesimpulan :

Kesimpulan yang dapat ditarik dari maslah diatas pada umumnya dijaman

sekarang lebih memilih untuk menggunakan CMS, template engine dan/atau

framework untuk membuat pekerjaan mereka lebih ringan

Dan Smarty adalah sebuah template engine berbahasa PHP. Smarty bisa

menjadi alternatif yang bagus buat programmer php dalam membangun web atau

aplikasi yang terstruktur rapi.

Bagi yang belum terbiasa dengan teknik template, ada baiknya mulai beralih

ke teknik ini. Bukan saja membuat struktur programming lebih rapi, tapi juga

akan membantu anda dalam proses debungging

Page 16: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 16

Saran :

Makalah yang penulis susun belumlah cukup tanpa penjelasan lebih lanjut dari

Dosen pengajar Mata Kuliah Pemograman Berbasis Web.

Page 17: Makalah Pemrograman Berbasis Web

Makalah Pemrograman Berbasis Web 2012

Page 17

DAFTAR PUSTAKA

Anynomous, Smarty,

http://id.wikipedia.org/wiki/Smarty , 2010.

Nusantara, Poros., Kekurangan dan Kelebihan Smarty Template Engine - Poros

Nusantara, http://www.porosnusantara.com/content/325-kekurangan-dan-

kelebihan-smarty-template-engine.

STMIK,Banyu, http://banyudesign17.blogspot.com/2012/02/pengertian-

framework-framework-adalah.html , 2012.