Pemrograman Internet (4 sks) By. Rita Wiryasaputra, ST., M. Cs.

Transkripsi

1 Pemrograman Internet (4 sks) By. Rita Wiryasaputra, ST., M. Cs.

2 Komponen Penilaian UIGM Total Nilai Grade Konversi Nilai 80 > NA >= 100 A 4 68 > NA >= 80 B 3 56 > NA >= 68 C 2 45 > NA >= 56 D 1 NA <= 45 E 0 NA= 10% absensi + 10% Kuis + 20% Tugas + 30% Mid + 30% Final

3 Ketentuan Mata Kuliah Pemrog. Internet Jurusan Informatika (S1) UIGM Atasan Baju batik, Bawahan celana panjang hitam (1 semester) Aktif dalam kegiatan kampus Datang tepat waktu, sebelum dosen memasuki ruangan Sebelum dan setelah perkuliahan, papan tulis dibersihkan, memiliki bahan icon/gambar, material perkuliahan Nilai tugas, apabila dikerjakan sendiri tanpa menjiblak hasil karya orang lain dan dikumpulkan tepat pada waktunya. Nilai Mid (UTS) apabila telah selesai melakukan pembayaran uang perkuliahan Nilai Final (UAS) apabila absensi lebih dari 80%

4 Job:

5

6

7

8

9 Tugas 1 dikumpulkan pada 15 Maret 2016 dalam bentuk file (.ppt), diletakkan pada Dropbox (cloud storage), dishare dan dipresentasikan Jelaskan perbedaan job description Web developer dan Web Designer Jelaskan macam-macam framework seperti CodeIgniter, YII, Laravel, silakan mencoba menemukan framework yang cocok dengan karaktermu. Jelaskan macam-macam Content Management System seperti WordPress dan Joomla Jelaskan perbedaan Desain User Experience dan Desain User Interface

10 Tugas 2 dikumpulkan alamat URL pada 22 Maret 2016 dan dipresentasikan Buatlah portofolio anda dalam joombla (content: CV,prestasi yang pernah dicapai, program yang pernah dibuat,kegiatan yang pernah dilakukan, Artikel yang membangun mengenai kontribusimu dalam ketahanan pangan, kontribusimu dalam kemajuan teknologi di negara Indonesia atau kontribusimu dalam kemajuan pariwisata Indonesia) Pergunakanlah bahasa Indonesia baku yang baik dan benar.

11 Kasus Anda baru bekerja beberapa bulan di perusahaan yang Anda lamar sebelumnya Anda sudah diberikan sebuah proyek membangun sebuah website berskala besar, sedangkan layout dan kodingannya sudah setengah jadi yang sebelumnya telah dibangun oleh senior Anda, sedangkan senior tersebut sudah tidak ada dan tidak bisa dihubungi lagi, (mungkin dia sedang sakit atau sudah resign atau yang parahnya dia sudah meninggal) Dalam proyek ini Anda hanya perlu mengembangkan atau meneruskan web tersebut. Ini akan menjadi sebuah tantangan, karena anda harus memahami terlebih dahulu alur kerja koding itu yang sebelumnya telah dibuat dan dengan hal tersebut dapat menyita waktu Anda, berbeda dengan jika kode tersebut Anda sendiri yang membuatnya dari awal.

12 Framework Framework kumpulan dari fungsi-fungsi/prosedur-prosedur dan classclass untuk tujuan tertentu yang sudah siap digunakan sehingga bisa lebih mempermudah dan mempercepat pekerjaan seorang pemrograman, tanpa harus membuat fungsi atau class dari awal. Framawork berfungsi untuk menstandarisasikan kode Ada beberapa alasan mengapa menggunakan Framework: Mempercepat dan mempermudah pembangunan sebuah aplikasi web. Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada) Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple database, scaffolding, pengaturan session, error handling, dan sebagainya) Lebih bebas dalam pengembangan jika dibandingkan CMS

13 Kriteria Desain interface web layout Navigasi Filter dan inovasi web Kecepatan akses Kesesuaian tema Konten data Estetika Fungsionalitas

14 Bring Indonesia Tourism to The World KONTEN WEB DESIGN : - home : informasi umum website - Destinasi : berisi tentang provinsi yang memiliki potensi obyek pariwisata dan deskripsinya. - Aktivitas : aktivias yang terdapat di objek pariwisata, contoh(hiking, climbing, dll). - Lain-lain(tambah yang mendukung pariwisata tersebut.) FITUR WEBSITE : Dapat melakukan pemesanan wisata yang disediakan. Dapat menampilkan foto setiap obyek. Dapat menampilkan detail setiap obyek.

15 Desain User Experience (UX) dan User Interface (UI) Seorang desainer baik grafis maupun web bukan hanya harus mampu membuat ilustrasi yang menarik dan sesuai dengan kebutuhan mampu menciptakan pengalaman bagi siapa saja yang memandang ilustrasi yang mereka buat Ini berkaitan dengan tindak lanjut dari apa yang sudah dilihat dari ilustrasi tersebut. Oleh sebab itu desainer harus mampu membuat ilutrasi mereka menjadi UX (User Experience) dan UI (User Interface). Karena desain sebagus apapun ketika tidak mampu diaplikasikan kedalam suatu bentuk lainnya, maka tidak akan bermanfaat apa apa. Dan berikut ini adalah jawaban dari sebuah pertanyaan mengenai bagaimana seorang desainer bisa menjadikan dirinya UX dan UI desainer.

16

17 CONTOH HTML SEDERHANA <HTML> <HEAD> <TITLE>Program HTML Sederhana</TITLE> </HEAD> <BODY> Selamat datang di pemrograman HTML </BODY> </HTML>