Pada hari Minggu tanggal 26 Januari 2020. Para pengurus komunitas Surabayadev mengadakan kegiatan belajar bersama di Dilo Surabaya yang berada di AJBS Surabaya. Pada kegiatan belajar bersama kali ini, pengurus komunitas Surabayadev mengundang pemateri dari IDN Media.

Acara khusus yang spesial

Selain memiliki acara publik yang dapat dihadiri oleh berbagai macam kalangan, Surabayadev juga memiliki kegiatan yang hanya boleh dihadiri oleh pengurus komunitas Surabayadev saja. Salah satu kegiatan internal ini adalah belajar bersama. Kegiatan belajar bersama ini diadakan untuk meningkatkan skill yang dimiliki oleh seluruh pengurus komunitas Surabayadev.

Pengurus komunitas surabayadev sedang belajar UI UX

Pengurus komunitas surabayadev sedang belajar UI UX

Menyelesaikan salah satu masalah komunitas

Salah satu permasalahan yang dihadapi oleh komunitas IT adalah sulitnya mencari pemateri untuk acara yang akan diadakan setiap bulannya. Solusinya adalah pengurus internal yang harus menjadi pemateri jika tidak ada pemateri yang dapat diundang.

Oleh karena itu kegiatan belajar bersama yang diadakan oleh pengurus komunitas Surabayadev ini diharapkan menjadi bekal bagi setiap individu di kepengurusan Surabayadev agar memiliki keberanian naik panggung, alias memiliki keberanian yang cukup untuk mengisi meetup bulanan di komunitas Surabayadev.

Acara UI UX

Kegiatan belajar bersama kali ini mengusung tema UI UX, pematerinya langsung dari IDN Media loh, namanya mas Afdolash Nur Kaffah, mas afdol saat ini bekerja sebagai UI/UX Designer di media besar tersebut. Seperti nama pematerinya, kegiatan belajar bersama ini memang sangat afdol bila dihadiri oleh seluruh pengurus, karena materinya ciamik. Terimakasih ya mas afdol, semoga hidupmu afdol atas kebaikanmu.

Pengurus komunitas surabayadev sedang dibimbing belajar

Pengurus komunitas surabayadev sedang dibimbing belajar

Acara berlangsung dari pukul 13.00 - 17.00, dan materi yang diberikan oleh Afdolash Nur Kaffah adalah :

  1. Tahapan menjadi UI/UX designer
  2. Pewarnaan pada design
  3. Perbedaan UI/UX
  4. Adobe XD

Sesi akhir acara

Seperti yang sebelumnya, sesi akhir dari acara ini ditutup dengan diskusi langsung, setiap individu dapat memberikan pertanyaan kepada mas Afdolash Nur Kaffah, seperti menanyakan perilah cara memperoleh project UI/UX, salary, dll.

Dan setelah itu masuk kepada ritual intinya yang tidak boleh ketinggalan sama sekali, yaitu pembagian merchandise, dan foto-foto. Berikut foto-fotonya:

Pengurus komunitas surabayadev membagian merchandise kepada pengisi acara

Pengurus komunitas surabayadev membagian merchandise kepada pengisi acara

Pengurus komunitas surabayadev foto bersama di akhir acara

Pengurus komunitas surabayadev foto bersama di akhir acara

Hai guys, pada event komunitas SurabayaJS kali ini saya datang untuk pertama kalinya. Dan pada tulisan ini saya ingin sedikit bercerita (bukan review) tentang acara meetup di komunitas SurabayaJS pada tanggal 18 Januari 2020.

Opening

Seperti yang sudah-sudah, acara event atau meetup komunitas apapun pasti diselingi oleh pembukaan, rasanya ini sudah menjadi ritual khusus disetiap acara komunitas. Dan pembukaan pada meetup di komunitas SurabayaJS ini dibuka oleh Grico sebagai salah satu pengurus di komunitas SurabayaJS, dan setelah itu acara intinya langsung dimulai.

grico membuka acara event komunitas surabayajs

Event komunitas SurabayaJS yang saya datangi kali ini bertema Machine Learning using TensorFlow.js and jQuery Alternatives, yang mana materinya dibawakan oleh langsung oleh Dzulfikar Adi Putra (jQuery Alternatives), dan Rakha Asyrofi (Machine Learning using TensorFlow.js).

Saya perhatikan peserta yang datang di acara event komunitas SurabayaJS ini cukup banyak, menurut penerawangan saya pesertanya lebih dari 50, angka 50 adalah jumlah minimal yang dapat saya terawang, untuk jumlah pastinya, silahkan bertanya pada pengurum komunitas SurabayaJS.

peserta Event bulanan komunitas SurabayaJS

Sesi Pertama

Sesi pertama pada event ini dibawakan oleh Dzulfikar Adi Putra dengan materi jQuery Alternatives, bagi saya pribadi materinya yang disuguhkan oleh Dzulfikar Adi Putra cukup keren, Dzulfikar Adi Putra mencoba menerangkan beberapa alternative library selain jQuery, diantaranya adalah Vue.js, unpoly, alpine.js, dll. Bagi yang belum memiliki kesempatan datang di acara event komunitas SurbayaJS kali ini, teman-teman dapat membaca materinya di https://jquery-alt.pikarlabs.com

Dzulfikar adi putra di Event bulanan komunitas SurabayaJS

Sesi Kedua

Sesujurnya pada sesi kedua saya keluar dari venue, karena ada hal urgent yang harus saya lakukan. Jadi saya tidak dapat bercerita banyak tentang sesi kedua ini, tapi teman-teman dapat menikmat tulisan Rakha Asyrofi di https://medium.com/@asyrofist/machine-learning-dengan-javascript-6f3a461ac748 lengkap banget.

Rakha Asyrofidi Event bulanan komunitas SurabayaJS

Sesi Terakhir & Tanya Jawab

Dan lagi, seperti ritual komunitas yang sudah-sudah, acara terakhir pada event komunitas SurabayaJS kali ini adalah tanya jawab tentang materi tadi, dan foto bersama, setelah itu audience diajak untuk berfoto di depan venue. Untuk gallery fotonya dapat dilihat di https://www.icloud.com/sharedalbum/#B0f5idkMwsiWYZt

Sesi Pengurus

Setelah semua acara selesai, seluruh pengurus komunitas SurabayaJS berkumpul untuk dihukum, dan mereka akan mendapatkan hukuman sesuai kesalahannya. Yang pastinya saya hanya bercanda kok. Pengurus komunitas SurabayaJS berkumpul untuk semacam reflection kali ya, untuk mendengarkan what things right and wrong.

Pengurus komunitas SurabayaJS

Sekian cerita dari saya di event kali ini. Mohon maaf jika ada salah kata, jika ada masukan untuk tulisan ini silahkan komentar atau beli pull request. Thank you.

Jika kita berselancar di dunia maya, kita sering menjumpai berbagai macam tipe file dokumen, seperti audio, picture, pdf, ppt, docx, dan lain sebagainya. Sebagai pelajar atau mahasiswa pasti sangat sering menemukan dokumen tersebut jika sedang mencari tugas di internet.

Orang-orang dapat menemukan file tersebut tidak lain karena sumbangsih dariĀ  para author di Internet yang melakukan upload dokumen. Dokumen tersebut sejatinya hanya bisa di download, namun ada cara agar para penjelajah internet dapat menikmatnya tanpa harus melakukan download terlebih dahulu.

Nah, pada artikel ini, akan dibahas cara untuk menampilkan PDF tanpa JavaScript di Browser

Html Object element

Pada HTML, mungkin tidak banyak dari kita yang mengetahui sebuah element <object> , dengan adanya element <object> ini, kita dapat menanamkan (embed) file PDF yang kita miliki ke dalam HTML tanpa pustaka pihak ketiga. Caranya sangat mudah :

  1. Pastikan kita sudah memiliki URL file pdf yang ingin ditampilkan.
  2. Tambahkan attribute type dengan value application/pdf ke object element.
  3. Tambahkan attribute data dengan value URL pdf yang ingin ditampilkan ke object element.
  4. Set height and width sesuai keigininan.
<!DOCTYPE html>
<html>
  <head>
    <title>Embedding pdf</title>
  </head>
  <body>
    <h1>My pdf</h1>
    <object
      type="application/pdf"
      data="URL_pdf_yang_ingin_ditampilkan/sample.pdf"
      width="600"
      height="700"
    >
    </object>
  </body>
</html>

Output - Menampilkan Pdf tanpa JavaScript

Menampilkan PDF pada HTML tanpa JavaScript - 1

Demo