Pemrograman Web Dinamis

Slides:



Advertisements
Presentasi serupa
PERTEMUAN 1 PENGENALAN WEB FRAME WORK Setelah mengikuti kuliah ini mahasiswa dapat mengetahui dan memahami dasar-dasar web frame work.
Advertisements

CodeIgniter By ISNARDI, M.Kom.
Cascade Style Sheet (CSS) Dahlan Abdullah /
13 CSS ( CASCADING STYLE SHEET II ) Bayangkan jika kita memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap.
( Cascading Style Sheet) Bagian 1
Irfan Santiko, M.Kom Build Web With Wordpress Framework.
Pertemuan 9 Cascading Style Sheet (css)
Content Managament System
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
HTML By kartika puji pangesti
A. A. Bajuadji, S.Kom, M.Eng |
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet)
PENGERTIAN CSS.
CSS.
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
Cascading Style Sheet Oleh : Edy Mulyanto
Web and Multimedia based Programming K2133 Pemrograman berbasis Web dan Multimedia 1.
Pemrograman Berbasis Web CSS
Pemrograman Web/TI/ AK045216/2 sks Pertemuan ke 14 Content Management System  Apa itu CMS ?  Mengapa Perlu CMS ?  Content and Design  Bagan CMS Basic.
FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian.
CSS (Cascading Style Sheet)
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
Cascading Style Sheet (CSS) dan HTML Form
CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan.
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
Bahasa Style CSS L. Erawan.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Hyper Text Markup Language
Pemrograman Berbasis Web CSS
Cascading Style Sheet (CSS)
PERTEMUAN CSS Pengenalan CSS.
(Cascading Style Sheet)
Pemrograman Basis Data Berbasis Web
HTML CSS.
Perkenalan CSS.
CSS (Cascading Style Sheet)
Cascading Style Sheets (CSS)
Pengenalan CSS Apasih CSS itu ?.
Pengolahan Informasi Berbasis Bahasa Pemrograman Script
Perancangan & Pemrograman Web
Firman Wahyudhie Cascading STYLE SHEET.
S1 Teknik Informatika - Unijoyo
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
CSS Cascading Style Sheets
(Cascading Stylesheet)
CSS Pertemuan 12 Matakuliah : L0182 / Web & Animation Design
Pemrograman Berbasis Web
Pengembangan Aplikasi Framework (IT657)
( Cascading Style Sheet) Bagian 1
CSS.
Android AN’ ANQINUDIN L.,S.Kom.
Pemrograman Basis Data Berbasis Web
( Cascading style sheets)
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
Pemrograman Web I --CSS--
Pemrograman Berorientasi Platform (IN315B)
Darmawan satyananda Mathematics department State university of malang
Implementasi CSS Ada 4 cara memasang kode CSS ke dalam halaman situs, yaitu: Inline CSS Embedded (memasang kode ke dalam bagian External.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet.
Cascading Style Sheet (CSS) dan HTML Form
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet)
List dan Image pada HTML
Cascading Style Sheet (CSS) dan HTML Form
CSS Cascading Style Sheet
Web Design CSS.
Transcript presentasi:

Pemrograman Web Dinamis Tutup CMS CSS PHP Framework Febri Tri Cahyo S. Muharrom Ali A. Dara Ninggar P. Ramadhan Rizqi S. Ardyansyah Muchsin J.

Framework Framework atau bahasa indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi, plugin, dan konsep sehingga membentuk suatu sistem tertentu. Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi. CMS Framework CSS  

PHP Framework Jika dikaitkan dengan PHP maka dapat diartikan sebagai suatu kerangka kerja yang telah terpola dan memudahkan pengembang web dalam pembuatan web yang menggunakan script PHP. Mempermudah yang dimaksud misalnya, Dalam membuat sebuah aplikasi web kita sering menulis script PHP secara keseluruhan (konvensional) dan itu pun kita ulang pada halaman yang lain. CMS Framework CSS  

PHP Framework Bukankah itu begitu tidak efesien disamping berat ketika diload ? Dengan PHP Framework semua bisa teratasi. Semuanya sudah diatur menjadi pola-pola tertentu yang disebut dengan class. Pola/class inilah yang meringankan kita dalam penulisan script dan load halaman web. CMS Framework CSS  

PHP Framework menggunakan metode pengembangan berbasis MVC PHP Framework menggunakan metode pengembangan berbasis MVC. MVC terdiri dari tiga bagian yaitu; Model Model mewakili struktur data. Biasanya model berisi fungsi-fungsi yang membantu kita dalam pengelolaan database seperti memasukkan data ke database, update data dan lain-lain. View View adalah bagian yang mengatur tampilan ke user. Bisa di katakan berupa halaman web. CMS Framework CSS  

PHP Framework menggunakan metode pengembangan berbasis MVC PHP Framework menggunakan metode pengembangan berbasis MVC. MVC terdiri dari tiga bagian yaitu; Controller Controller merupakan bagian yang menjembatani model dan view. Controller berisi script-script php yang berfungsi untuk memproses suatu data dan mengirimkannya ke halaman web. CMS Framework CSS  

Kelebihan Framework Ringan dan cepat Framework hanya melakukan pemanggilan pustaka/kelas yang dibutuhkan sehingga meminimalkan resource yang diperlukan sehingga ketika kita me-load sebuah halaman akan menjadi ringan dan cepat. Mayortitas mendukung berbagai jenis database. CMS Framework CSS  

Kelebihan Framework Menggunakan metode MVC. Seperti yang telah dijelaskan sebelumnya, dengan metode MVC akan mempermudah kita dalam memahami alur pemrograman karena untuk bagian tampilan, logika dan query database telah dipecah sedemikian rupa. CMS Framework CSS  

MVC MVC merupakan suatu metode untuk memisahkan bagian-bagian dari suatu web aplikasi. MVC adalah kependekan dari Model View Controller. CMS Framework CSS  

Contoh Framework CodeIgniter CakePHP Symfony Zend Akelos CMS Framework CSS  

CMS ( Content Management System ) CMS merupakan sebuah aplikasi web atau software web yang tujuannya untuk memudahkan dalam pengelolaan (upload,edit,menambahkan,dll) konten dalam sebuah website/blog/aplikasi web tanpa harus dibekali pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang bahasa pemrograman web. CMS Framework CSS  

CMS dapat digunakan untuk membuat berbagai jenis website seperti : Website perusahaan, bisnis, organisasi atau komunitas. Portal Galeri foto Aplikasi E-Commerce / Toko Online Mengelola website pribadi / blog. Dan lain-lain. CMS Framework CSS  

Keuntungan menggunakan CMS •Konsistensi design website dapat dijaga •Content yang dikehendaki dapat dipublikasikan tanpa pengeditan oleh orang lain •Menghemat biaya untuk mempekerjakan web specialist •Notifikasi otomatis kepada pemilik website jika ada content yang sudah kadaluarsa •Memungkinkan kerjasama yang baik antar pengelola suatu website. •Mengurangi kompleksitas dalam pengelolaan informasi ke website. CMS Framework CSS  

Fasilitas Dasar CMS Content Authoring, Editing and Management Workflow, Collaboration, and Security Publishing Standards Support Technical specifications CMS Framework CSS  

Contoh CMS Wordpress Joomla Durpal Aura PrestaShop Opencart Moodle CMS Framework CSS  

Pengertian Cascading Style Sheet CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage). Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID. CMS Framework CSS  

CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang meliputi layout, warna dan font. CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on- screen, in-print, by voice, dan lain-lain. CMS Framework CSS  

Tujuan Cascading Style Sheet Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. CMS Framework CSS  

Fungsi Cascading Style Sheet fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik. CMS Framework CSS  

Inline Style Sheet CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain. CMS Framework CSS  

Contoh Inline Style Sheet CMS Framework CSS  

Embedded Style Sheet (Internal) CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan. CMS Framework CSS  

Contoh Embedded Style Sheet (Internal) <head> <title>Internal CSS</title> <style type="text/css"> h1 {color:blue; text-align: center;} p {color:white; background: black; padding: 10px 10px;} </style> </head> <h1>Ini Contoh Internal CSS</h1><br /> <p>Hallo! ini adalah bagian contoh penggunaan internal CSS yang bisa anda buat sendiri dirumah!. Semoga bermanfaat ya!</p> CMS Framework CSS  

Embedded Style Sheet (Eksternal) CSS didefinisikan terlebih dalam sebuah file (*.css). Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya nama file di panggil dengan syntax html pada file HTML. CMS Framework CSS  

Contoh Embedded Style Sheet (Eksternal) CMS Framework CSS  

Struktur CSS Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaitu property dan value.Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan blue adalah value. CMS Framework CSS  

Struktur CSS Perintah CSS terdiri atas 2 komponen, yakni Selector & Declaration. Selector berfungsi untuk memberi tahu browser bahwa pada elemen mana rule CSS diterapkan. Selector dapat berupa elemen HTML, selector class atau selector id. Declaration merupakan aturan CSS yang diterapkan, terdiri atas property dan value. CMS Framework CSS  