Tag: html

  • Presentasi WebPro D4SM 2017: Sesi Pekan-1

    Presentasi WebPro D4SM 2017: Sesi Pekan-1

    Presentasi Progress Project Web pada sesi Pekan-1 akan membahas seputar tampilan untuk setiap fungsionalitas atau fitur yang telah direncanakan pada pekan sebelumnya. Penilaian pada presentasi pekan ini meliputi, Perencanaan Project dalam Proposal dan Trello Tampilan HTML/CSS untuk setiap Fitur Aplikasi, Design dan Layout Pembagian Tugas dalam Group Presentasi akan dilakukan saat sesi kelas pada hari…

  • Persiapan Assessment #1 WebPro 2017 D4 SM 40

    Persiapan Assessment #1 WebPro 2017 D4 SM 40

    Selamat Liburan Tahun Baru Hijriyah! Jangan lupa untuk mempersiapkan Assessment #1 Web Programming yang akan dilaksanakan pekan depan, hari Senin (25 September 2017) dan Selasa (26 September 2017) sesuai jadwal praktikum kelas masing-masing. Materi Assessment pada Kajian #1 ini sesuai dengan target pembelajaran: Konsep dasar Web Teknik Scripting HTML5 Basic HTML Tag dan konten web…

  • Modul 3 Praktikum Web Programming Sismul 2017

    Modul 3 kali ini akan membahas mengenai penggunaan Table dan Form input. modul3-webpro-sismul-2017 selamat mencoba!

  • Assessment 3 Sesi kedua UID 2016

    Sesi kedua UID 2016 akan dimulai sekitar pukul 14.20. Assessment kali ini dilakukan secara live code, mahasiswa diminta untuk membuat User Interface dari Aplikasi Web, dengan Tema “My Personal Web”. Pilihan Soal NIM Ganjil Berikut ini adalah bentuk sketch yang harus dibuat menjadi tampilan HTML dan CSS. Khusus mahasiswa dengan NIM digit terakhir Ganjil. Perhatikan setiap…

  • Jadwal Presentasi Aplikasi Web Desain 2016

    Jadwal Presentasi Aplikasi Web Desain 2016

    Aplikasi Web Desain 2016 Berikut ini disampaikan jadwal presentasi Aplikasi Web Desain 2016, sesuai dengan pembagian kelompok Tubes yang telah dilakukan pekan sebelumnya. Presentasi dan penilaian Assessment ke-3 ini akan dilakukan hari Senin, 2 Mei 2016, di kubikal TFN, ruang dosen lt.3. Group 1 Mahasiswa : Jefry Kurniawan, Rizki Rafdiansyah Tema Desain : Booking Online TNGR Waktu Presentasi :…

  • Mainan Teknologi Web 2016: Client Scripting

    Materi pekan ini membahas mengenai penggunaan Client side scripting yang dilakukan pada pembangunan Aplikasi Web. Ada berbagai teknologi pengembangan web yang bisa dilakukan dengan model client scripting, Anda bisa lihat standar penggunaan script yang dibuat oleh WWW Consortium (W3C). Anda diharapkan memahami penggunaan minimal 3 scripting web yang populer saat ini, HTML CSS Javascript Khusus…

  • Mainan Web Design 2015 : Responsive Template

    Mainan Web Design 2015 : Responsive Template

    Pekan ini merupakan materi terakhir dari kajian ke-3 Web Design, yaitu dengan Responsive Template Web menggunakan HTML dan CSS. Berikut ini beberapa link referensi yang bisa Anda pelajari untuk memahami penggunaan Responsive Web Design, khususnya pada pengembangan Template HTML dan CSS. https://developers.google.com/web/fundamentals/design-and-ui/responsive/?hl=en http://www.w3schools.com/html/html_responsive.asp http://www.w3schools.com/css/css_rwd_mediaqueries.asp http://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/ http://abookapart.com/products/responsive-web-design Berikut ini adalah contoh sederhana penggunaan teknik @media pada…

  • Mainan Web Design 2015 : Layout Web Design

    Mainan Web Design 2015 : Layout Web Design

    Berikut ini adalah bahan untuk Anda latihan dalam pembuatan Layout Web Design. Silahkan untuk melihat referensi pada buku “Learning Web Design”, Chapter 15-16, terutama yang berkaitan dengan pembuatan Layout Web Design. Perhatikan bentuk Layout Web Berikut ini, Contoh gambar diatas adalah tampilan Layout yang dikerjakan menggunakan HTML dan CSS. Bagaimana Cara Bermain Layout Web Design…

  • Mainan Web Design 2015 : Template Web Design

    Pekan depan kita akan mulai memasuki materi Kajian ke-3, tentang Pembuatan Template Web dengan HTML dan CSS. Sebetulnya untuk materi ini bisa Anda dapatkan banyak di Internet. Caranya adalah dengan melihat bagaimana template web dibuat oleh para profesional. Beberapa tahapan yang biasa dilakukan adalah, membuat design menggunakan Photoshop (PSD), melakukan proses slicing design dan konten…

  • Mainan Web Design 2015: Form HTML

    Mainan Web Design 2015: Form HTML

    Mainan ini bisa Anda gunakan untuk latihan selama pekan Lebaran Qurban 2015. Perkuliahan dan materi akan disampaikan secara Online melalui blog ini. Berikut ini beberapa referensi materi mengenai Form yang bisa Anda ikuti, Buku Learning Web Design, Chapter 9 “Form”, halaman 147. Element Tag dasar untuk Form HTML : http://www.w3schools.com/html/html_forms.asp Berbagai jenis Input Form : http://www.w3schools.com/html/html_form_input_types.asp Attribute…

  • AS2-WebPro-2015: PHP Programming

    Berikut ini adalah soal untuk Assessment ke-2, mata kuliah Web Programming (TK1044). Assessment dilaksanakan pada hari kamis, 26 Maret 2015. Assessment kali ini harus dikerjakan secara individual, tidak boleh mencontek pekerjaan temannya yang lain. Mahasiswa diharusnya mengerjakan semua soal yang diberikan, perhatikan petunjuk dan perintah pengerjaan. Berikut ini adalah ketentuan pengerjaannya, Kerjakan soal Ganjil untuk…

  • All about “Cheat Sheet” Web Design

    Sebenartnya Syntax tidak perlu harus dihaplkan semuanya, yang penting kita pernah tahu dan paham cara menggunakannya. Tapi saya sarankan untuk beberapa syntax yang mendasar dan penting, HARUS DIHAPALKAN!! Untuk mempermudahnya, Anda bisa mencari di Google berbagai Cheat Sheet sesuai syntax yang Anda butuhkan. Misalnya, untuk HTML 5, CSS 3, Javascript, jQuery, Web Framework, dan banyak…

  • Mainan Web Programming TK1044 HTML+CSS

    Pada semester ini, untuk kajian tentang Web Design kita akan menggunakan ebook berjudul “Learning Web Design”, klik gambar diatas untuk melihat detilnya. Buku tersebut cukup detil memberikan pemaparan step-by-step mempelajari web design. Tapi memang secara kedalaman materi masih kurang, sehingga perlu didukung oleh buku-buku HTML5 dan CSS 3 lainnya. Tapi sekali lagi, untuk Anda yang…

  • Using “Speech Input” with HTML5 & CSS3

    Salah satu fitur menarik di HTML5 adalah kemampuan mengakses device, salah satunya adalah fungsi microphone. Kali ini kita akan mencoba menggunakan webkit (only for Chrome) untuk mengambil inputan suara dari microphone. Untuk bisa menjalankan function ini, dibutuhkan koneksi internet, karena akan menggunakan resource online dari webkit tersebut. Function ini mampu mengenali input suara yang diucapkan,…

  • TIA-10-01: Mainan2 Pemrograman Web Lanjut

    Pada suatu ketika seorang paman penjaga toko merasa kesulitan dengan laporan keuangan tokonya. Paman kemudian berfikir untuk memiliki sebuah aplikasi yang memudahkan dia untuk membuat laporan keuangan. Paman tersebut berharap para mahasiswa Politeknik Telkom TIA-10-01 (yang jago web programming) dapat membantunya. Kemudian Dora berkata pada mereka, “Apakah kalian mau membantu Paman??”. Mainan kali ini dikerjakan…

  • Mainan di rumah part 5 (web lanjut)

    Untuk pemanasan memasuki materi Kajian ke-2, kita akan ada sedikit latihan. Kali ini bisa dikerjakan menggunakan PHP biasa dan sederhana saja, boleh dengan bantuan Javascript juga. Inti nya Anda diminta untuk membuat inputan form sesuai dengan ketentuan yang diinginkan, beserta validasi inputan tersebut. Validasi inputan bisa menggunakan PHP ataupun Javascript. Selamat mencoba!