PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng

Ukuran: px

Mulai penontonan dengan halaman:

Download "PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng"

Verawati Chandra
7 tahun lalu
Tontonan:

1 PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA By: Julianto Lemantara, S,Kom., M.Eng

2 LATAR BELAKANG PELATIHAN Coba simak beberapa lowongan PHP programmer berikut:

4 KEMAMPUAN DASAR PEMROGRAMAN PHP HTML CSS JavaScript AJAX Server Side (PHP) Database (MySQL)

5 KEMAMPUAN PLUS2 PEMROGRAMAN PHP JQUERY, EXT JS, BOOTSTRAP, DKK FRAMEWORK PHP (CI, YII, DKK)

6 TUJUAN PELATIHAN Peserta dapat membuat web yang terkoneksi database MySQL dengan HTML, CSS, Javascript, dan PHP Peserta dapat mengetahui komponen-komponen Jquery dan Bootstrap agar tampilan lebih mbois Peserta mengenal Framework PHP CodeIgniter

7 ANDA MEMASUKI KAWASAN HTML

8 HTML HTML: HyperText Markup Language Bahasa yang digunakan untuk membuat atau mendeskripsikan halaman web Bersifat cross-platform Terdiri dari sekumpulan tag-tag

9 CONTOH TAG HTML DASAR

10 HTML FORMS HTML forms untuk mengirim data ke server HTML form dapat mengandung input elements seperti: text fields, checkboxes, radio-buttons, buttons, dll. HTML form juga dapat mengandung select lists, textarea, fieldset, legend, dan label.

11 SOAL 1 Buat sebuah halaman login yang terdiri dari username dan password.

12 SOAL 2 Buat sebuah halaman web yang berfungsi untuk menambah artikel

13 ANDA MEMASUKI KAWASAN CSS

14 CSS CSS: Cascading Style Sheet Bahasa yang digunakan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik

15 CONTOH CSS SEDERHANA

16 SOAL 3 Buatlah desain halaman login sebagai berikut:

17 ANDA MEMASUKI KAWASAN JAVASCRIPT

18 JAVASCRIPT Bahasa pemrograman yang bersifat client-side Membuat interaksi antara user dengan situs web lebih cepat Untuk validasi form, animasi mempercantik halaman web, fitur chatting, efek-efek modern, dll.

19 CONTOH JAVASCRIPT

20 ANDA MEMASUKI KAWASAN PHP DAN MYSQL

21 PHP Bahasa pemrograman bersifat server-side, PHP dapat membuat, membuka, membaca, menulis, menghapus, dan menutup file di server PHP dapat mengumpulkan form data PHP dapat menambah, mengubah, dan menghapus data dalam database PHP dapat membatasi akses user pada sebuah website PHP dapat mengenkripsi data

22 KELEBIHAN PHP Multi-platform Kompatibel dengan banyak web server (Apache, Nginx, IIS, dll) Kompatibel dengan banyak DBMS Free license Mudah dipelajari Paling banyak dicari di Indonesia untuk dunia pemrograman web

23 MYSQL MySQL adalah salah satu RDBMS yang populer. Pokoknya sangat mesra dan intim dengan PHP MySQL bersifat open source, free license MySQL bersifat multi-platform

24 SOAL 4 Buat form untuk maintenance data kategori artikel.

25 ANDA MEMASUKI KAWASAN AJAX PHP

26 AJAX AJAX: Asynchronous JavaScript and XML Teknologi untuk membuat respon web lebih cepat Keunggulan: update isi web tanpa harus reload keseluruhan halaman web, bisa mengirim data ke server dalam background process, dll.

27 CONTOH KASUS AJAX Ketika user menekan tombol simpan, maka penyimpanan data akan dikirim dalam background process dan data terbaru dapat ditampilkan tanpa harus reload halaman web.

28 CONTOH AJAX

29 SOAL 5 Buat form maintenance data kategori artikel dengan AJAX.

30 ANDA MEMASUKI KAWASAN JQUERY

31 JQUERY JQuery adalah library Javascript yang dibuat untuk memudahkan pembuatan website dengan HTML yang berjalan di sisi Client. Dengan Jquery, kita tidak harus secara eksplisit menambahkan event ataupun properti pada website. Jquery bersifat open source

32 KELEBIHAN JQUERY Dalam Pemakaian menggunakan seleksi element DOM website lebih dinamis dan interaktif. JQuery bisa memanipulasi Class pada CSS dan Support CSS 3 Event AJAX Efek-efek dan animasi Ekstensi dan Plug-ins Kompatibilitas dengan hampir semua Browser modern

33 CONTOH JQUERY

34 SOAL 6 Buat form maintenance data kategori artikel dengan JQUERY.

35 PLUGIN JQUERY Autocomplete Datetimepicker Tabpage Datatable tampilan tabel dengan fitur search, pagination, dll bxslider, Carousel silde show gambar Colorbox preview gambar dll

36 SOAL 7 Buat halaman web untuk menambah artikel dimana kategori dengan autocomplete, tgl expired dengan datetimepicker, isi dengan editor WYSWYG, tabel dengan datatable.

37 BOOTSTRAP Bootstrap: framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

38 CONTOH TEMPLATE BOOTSTRAP (BACK-END) TEMPLATE 1 TEMPLATE 2 (FRONT-END) TEMPLATE 1 TEMPLATE 2

39 SOAL 8 Buat halaman web untuk menambah artikel dengan template bootstrap BACK-END yang diberikan

40 SOAL 9 Buat halaman web untuk menampilkan artikel dengan template bootstrap FRONT-END yang diberikan

41 CI CI: CodeIgniter CI: Framework OOP konsep MVC Framework yang banyak diminta perusahaan sebagai nilai tambah seorang programmer PHP

42 TUTORIAL CI TUTORIAL CI dapat dilihat pada dokumen ini

43 SEKIAN TERIMA KASIH

dokumen-dokumen yang mirip

BERKENALAN DENGAN MODEL CODEIGNITER

BERKENALAN DENGAN MODEL CODEIGNITER Muhamad Yusuf muhamadyusuf0012@gmail.com :: https://muhamadyusufppn.blogspot.co.id Abstrak Framework CodeIgniter memiliki konsep MVC(Model, View, Controller) yang merupakan