-
[:en]Info Treatment MK Pemrograman Web Dasar dan MK Implementasi Desain Antarmuka Pengguna[:]
[:en]Hi, berikut saya berikan informasi treatment untuk MK Pemrograman Web Dasar dan MK Implementasi Desain Antarmuka Pengguna dengan RHN Teknis Pelaksanaan : Bagi peserta MK Pemrograman Web Dasar Materi meliputi : Variabel, Aturan penulisan PHP, Operator-operator di PHP, Perulangan, Kondisional, Fungsi – Latihan dan materi seputar pemahaman dalam menggunakan PHP pada materi-materi tersebut Jadwal Pelaksanaan :…
-
[:en]Membuat Otentikasi HTTP Sederhana Dengan HTACCESS[:]
![[:en]Membuat Otentikasi HTTP Sederhana Dengan HTACCESS[:]](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==)
[:en] Jika kita hendak mengamankan suatu halaman web biar tidak sembarangan orang yang dapat mengaksesnya. Salah satu cara yang sederhana adalah dengan menggunakan htaceess. Cara kerjanya nantinya saat kamu akan mengakses sebuah folder yang sudah diberikan otentikasi htaceess maka halaman tersebut akan meminta kamu memasukkan sebuah username dan password yang sudah didaftarkan menggunakan htpasswd. Cara untuk…
-
[:en]Infographic Perbedaan Dasar Web Designer Dan UX Designer[:]
[:en] Ada 3 peran yang biasanya saya kerjakan sebagai UX Designer, UI Designer dan Web Designer. UX Designer mungkin berbeda dengan 2 peran lainnya yaitu UI dan Web Designer. UX Designer menurut Kujala, dkk pada tulisannya di “UX Curve: A method for evaluating long-term user experience”. Interacting With Computers disebutkan UX Design adalah proses meningkatkan kepuasan dan loyalitas…
-
[:en]Tutorial NuSoap – SOAP Toolkit for PHP[:]
[:en] Nulis ini gara-gara nemu arsip tutorial tahun 2010 dari web obilog.info yang dulu lupa tidak di perpanjang dan akhirnya mati. Tutorial tentang NuSOAP gara-gara baru pertama kali ngajar mengenai Web Service di kampus dahulu kala (2010). NuSOAP adalah librari / class PHP yang memungkinkan pengembang untuk membuat dan menggunakan SOAP web service. Ini tidak memerlukan…
-
[:en]Infographics Bagian 2 : Responsive Web Design[:]
[:en] Lanjutan dari bagian pertama. Infografis ini saya ambil dari creativemarket, lumayan untuk menjelaskan lebih rinci apa itu Responsive Web Design. Ada 5 infografis yang akan menjelaskan bertahap mengenai responsif web desain. Jadi silakan dibaca dan diperhatikan baik-baik 🙂 3. Desain responsive : “Hype or Hope” ? 4. Teknologi yang mengerti “Resolusi Monitor” kamu 5. Proses Desain…
-
[:en]Infographics Bagian 1 : Responsive Web Design[:]
[:en]Infografis ini saya ambil dari creativemarket, lumayan untuk menjelaskan lebih rinci apa itu Responsive Web Design. Ada 5 infografis yang akan menjelaskan bertahap mengenai responsif web desain. Jadi silakan dibaca dan diperhatikan baik-baik 🙂 1. Apa itu “Responsive Design” ? New to the design game and not quite sure what responsive design really is? Then, check out the…
-
[:en]Membuat Responsive Menu Dengan CSS – Part 3[:]
[:en]Lanjutan bagian terakhir membuat menu responsif menggunakan css. Buat file mobile.css lalu masukkan script dibawah ini pada baris 1 /*Responsive Styles*/ @media screen and (max-width : 1100px){ nav{ font-size: 1em; } li{ width: 11%; min-width: 100px; } li a{ height: 120px; } } Pada script di atas adalah penambahan responsive style dengan ukuran max 1100px…
-
[:en]Membuat Responsive Menu Dengan CSS – Part 2[:]
[:en] Jika meneruskan tutorial pada artikel sebelumnya maka ada beberapa modifikasi script pada file index.html dan style.css yang lama dan menambahkan file css baru yaitu mobile.css Modifikasi index.html Kemudian buat file css baru mobile.css dan buat link di index.html <html> <head> <title>Menu Responsive Obi.ninja</title> <link rel=”stylesheet” type=”text/css” href=”css/style.css”> <link rel=”stylesheet” type=”text/css” href=”css/mobile.css”> </head> Lakukan modifikasi pada…
-
[:en]Membuat Responsive Menu Dengan CSS – Part 1[:]
[:en]Kali ini saya akan berbagi tutorial sederhana untuk membuat Dropdown Menu menggunakan HTML dan CSS saja plus responsive. Responsive desain pada pembuatan template website adalah penyesuaian tampilan / template dengan ukuran browser, penyesuaian yang dimaksud adalah penyesuaian “style” melalui CSS yang disesuaikan dengan ukuran sehingga navigasi dan pemetaan kontennya pun akan mengikuti. Saat ini memang semua…
-
[:en]Membuat Dropdown Menu Dengan CSS – part 2[:]
[:en]Melanjutkan tutorial sederhana untuk membuat Dropdown Menu menggunakan HTML dan CSS saja bagian 2. Kita lanjutkan langkah-langkahnya sebagai berikut : 7. Pada setiap list <li> ditambahkan link <a> dan nama menunyayang berfungsi untuk link URL di setiap menu 8. Jika sudah buat file CSS dengan nama (style.css) kemudian ketikkan script nav{ -webkit-font-smoothing:antialiased; margin :0; padding :…
![[:en]Membuat Otentikasi HTTP Sederhana Dengan HTACCESS[:]](https://robbihen.staff.telkomuniversity.ac.id/files/2016/12/Screen-Shot-2016-12-28-at-9.39.04-AM.png)
![[:en]Infographic Perbedaan Dasar Web Designer Dan UX Designer[:]](https://robbihen.staff.telkomuniversity.ac.id/files/2016/12/Screen-Shot-2016-12-28-at-9.44.51-AM.png)
![[:en]Tutorial NuSoap – SOAP Toolkit for PHP[:]](https://robbihen.staff.telkomuniversity.ac.id/files/2016/12/Screen-Shot-2016-12-28-at-9.41.45-AM.png)
![[:en]Infographics Bagian 2 : Responsive Web Design[:]](https://robbihen.staff.telkomuniversity.ac.id/files/2016/12/Screen-Shot-2016-12-28-at-9.45.33-AM.png)
![[:en]Infographics Bagian 1 : Responsive Web Design[:]](https://robbihen.staff.telkomuniversity.ac.id/files/2016/12/Screen-Shot-2016-12-28-at-9.27.49-AM.png)
![[:en]Membuat Responsive Menu Dengan CSS – Part 3[:]](https://robbihen.staff.telkomuniversity.ac.id/files/2016/12/Screen-Shot-2016-12-28-at-8.55.59-AM.png)
![[:en]Membuat Dropdown Menu Dengan CSS – part 2[:]](https://robbihen.staff.telkomuniversity.ac.id/files/2016/12/Screen-Shot-2016-12-28-at-8.46.53-AM.png)