Recent Posts

Cara Import Objek Blender Ke Unity

23:40 Add Comment

Blender dan Unity adalah aplikasi 3D yang memiliki Engine berbeda, tetapi dengan tujuan yang sama, yaitu membuat objek 3d, animasi, dan game.

Tetapi Blender dan Unity memiliki fitur yang menjadikan kedua aplikasi ini sedikit berbeda dan digunakan untuk tujuan yang berbeda.


Pertama kita bahas blender, Blender sering dipakai untuk membuat objek 3D dan mendesainnya, dan juga blender memiliki Game engine, tetapi sangat jarang di pakai karena menggunakan bahasa python dan kurangnya fitur fitur untuk membuat game lainnya.

untuk Unity juga bisa membuat 3D objek tetapi sangat sulit untuk mengubahnya sesuai keinginan kita, dengan kata lain, Unity hanya terfokus pada game Enginenya, sedangkan untuk 3D sangat kurang untuk fitur pengeditannya.

Tapi kita bisa menggunakan kedua kelebihan fitur fitur aplikasi ini menjadi satu, yaitu dengan membuat objek game di blender dan memprogramnya di unity, akan sangat mudah digunakan dalam suatu project.

Cara Export Objek Blender Ke Unity

  • Pertama buka objek yang ingin kita pindahkan di blender
  • setelah itu pada menu file, click export>.fbx/.obj
  • pilih tempat penyimpanan dan save
  • buka unity dan pada menu file click import
  • buka file yang sudah kita save tadi
  • tunggu beberapa saat, dan objek akan muncul
Kita juga bisa mengimport file dari 3ds max, dan aplikasi 3D lainnya

Jika kita mengimport langsung file dari blender tanpa men-exportnya, Unity akan terasa sangat berat saat menjalankan objek tersebut.

Semoga Bermanfaat 

Cara Mudah Memasang Texture Pada Objek Di Blender

05:59 Add Comment

Kali ini saya akan membahas tentang Texturing pada Blender, dan itu sangatlah mudah dan simple dengan memasukan gambar ke dalam material objek yang ingin dipasang texture, kita sudah bisa melihat material texturenya dan objek siap di render.

  • Buka blender dan buatlah objek yang ingin di pasang texture
  • klik pada objek, dan buka tab material buat material baru dengan klik tanda +
  • selanjutnya pindah ke tab Texture klik new, dan ganti type ke Image Or Movie
  • masih di tab texture, pada menu Image klik open
  • sekarang pilihlah file gambar yang ingin dijadikan texture
  • Texture sudah berhasil di pasang
  • ganti viewport ke rendered, atau bisa langsung di render untuk melihat texture dan materialnya

untuk texturing pada objek yang complex, kalian bisa menggunakan UV map, yang akan di bahas di artikel selanjutnya!


Semoga Bermanfaat

Cara Berpindah Activity Dengan Button Di Android Studio

03:35 Add Comment




Untuk berpindah acitivty sangatlah mudah, kita akan menggunakan class Intent.

  • Pertama buatlah tombol, berikan id pada Button-nya, setelah itu deklarasikan button ke dalam variabel.
  • buatlah onclickListener pada button tersebut, dan ketik kode berikut di dalamnya
Intent intent = new Intent(GetStartActivity.this, LoginActivity.class);
startActivity(intent);

  • ganti code dengan nama Activity kalian saat ini, dan yang orange dengan nama Activity tujuan.

sangatlah mudah bukan. tidak harus tombol, kalian juga bisa menempatkannya di function yang akan di panggil kapan saja.

Semoga Bermanfaat

Cara Memasang JQUERY Offline Di Xampp

05:26 Add Comment
JQUERY - merupakan salah satu framwork javascript yang sangat terkenal dan banyak digunakan programmer website.

jquery ini memudahkan kita dalam menuliskan code javascript khususnya DOM (Document Object Model), untuk HTML. dengan ini kita bisa menghemat waktu dan tenaga dalam menulis atau membuat website menggunakan javascript.


terlebih lagi JQUERY ini free dan bisa digunakan oleh semua orang, oleh karena itu framework yang satu ini sangatlah worth it buat kalian yang ingin membuat project dengan melibatkan javascript.

nah untuk memasangnya di dalam websie ada 2 cara yaitu menggunakan cdn dan mendownload file jquery dan memasangnya 1 folder dengan website kita, untuk menggunakan cdn sangatlah mudah karena tinggal menempatkan link cdn jquerynya di file website.

tapi untuk memasangnya secara offilne terlebih untuk yang menggunakan server localhost seperti xampp, caranya hampir sama tapi kita harus melakukannya dengan benar agar jquerynya terpasang.

Cara Memasang JQUERY Offline Di Website

1. Pertama kita harus download atau copy code jquerynya dan save sebagai file .js
2. pergi ke situ resminya Jquery
3. click Download Jquery
5. seleksi semua kodenya dengan CTRL + A
6. Copy code jquerynya
7. buka notepad dan pasteka semua codenya di notepad
8. save dan namakan jquery.js dengan tipe file All Files
9. pindahkan file yang kalian save tadi ke foldernya website kalian
10. buka file index kalian
11. tempatkan kode berikut di atas </body>
<script src="jquery.js"></script>
12. save dan silahakan coba kode jquerynya

jika masih tidak bisa menggunakan jquery periksa folder file jquery dan index yang harus pada folder yang sama.

Semoga Bermanfaat.

2 Cara Memasang/Instal Bootstrap Pada Website

22:43 Add Comment
Bootstrap - seperti yang kita ketahui bootstrap merupakan framework css yang sangat populer dan banyak digunakan oleh programmer, karena dengan bootstrap kita bisa mempermudah pekerjaan kita dalam membuat website.


Tidak hanya itu di Bootstrap banyak sekali fitur dan komponen komponen website yang bisa kita gunakan, buat kalian yang masih bingung kenapa bootstrap sangat berguna kalian bisa membaca artikel Kenapa Harus Bootstrap?, Ini 6 Alasannya!

untuk menggunakan atau memasang Bootstrap sangatlah mudah, dan sudah disediakan 2 cara berbeda yang bisa kita pilih,

Menggunakan CDN

Cara pertama adalah menggunakan CDN, sedangkan CDN  ( Content Delivery Network ) sendiri  adalah sebuah teknologi terbaru sebagai bentuk mirroring content website kita. Dengan menggunakan CDN maka content web kita seperti CSS, Image, Video, Custom Scripts akan di mirror di server cadangan yang terletak di berbagai negara.

artinya kita bisa langsung mengambil file cssnya secara online, dan cara ini banyak digunakan buat para pengguna yang ingin belajar dan membuat website secara online tanpa terputus koneksi internetnya.

jadi dengan cara ini kita harus tetap terhubung di internet untuk menggunakan Bootstrap.

1. Pergi ke website resminya Bootstrap
2. click Get Started
3. copy link CDN cssnya
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

4. pastekan di bagian <head> file website kalian
5. jika ingin menggunakan javascript, kalian bisa mendapatkan fitur lengkap
6. caranya copy link CDN javascriptnya
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

7. tempatkan di atas </body>

atau buiat kalian yang ingin membuat website dari awal, kalian  bisa langsung copy code Starter template di bagian bawah.


Download Bootstrap

dengan cara ini kalian bisa langsung download file css dan javascriptnya Bootstrap dan menggunakan sepuasnya secara offline.

1. pergi ke Website remi untuk download Bootstrap
2. click download, pada bagian compiled css dan js
3. extract file tersebut kedalam folder website kalian
4. masukan kode berikut di <head> untuk menambahkan css
<link rel="stylesheet" href="css/bootstrap.min.css"

5. masukan kode berikut di atas </body> untuk menambahkan js
<script src="js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

jika kalian ingin menggunakan bootstrap javascript kalian harus juga memasang jquery dan proper js kedalam website kalian, yang dimana kode js CDN di atas sudah melibatkannya.

buat kalian yang masih bingun cara pemasangannya, subcribe dan ikuti terus channel youtube Manderser untuk melihat video tutorialnya (Coming Soon)

Semoga Bermanfaat

Kenapa Harus Bootstrap?, Ini 6 Alasannya!

01:11 Add Comment
Bootstrap - merupakan sebuah framework css yang digunakan untuk mempermudah dalam membangun sebuah website. Bootstrap pertama kali di kembangkan pada pertangahan 2010 di Twitter oleh Mark Otto dan Jacob Thornton. Saat ini Bootstrap dikembangkan secara open source dengan lisensi MIT.


sudah banyak sekali programmer website menggunakan Bootstrap sebagai framework cssnya, karena dengan fitur fitur yang berlimpah dan mendukung tampilan pada semua device, atau bisa dibilang responsive.


Buat kalian yang masih bingung, apakah harus menggunakan Bootstrap dan kenapa?, berikut kelebihan kelebihan yang ditawarkan framework css satu ini.

Menghemat Waktu

seperti pada fungsi fungsi framework lainnya, bootstrap sangatlah menghemat waktu, karena semua pondasi atau dasar dasar dari cssnya sudah ada, kalian tinggal membangunnya saja.


Responsive

Yap, salah satu kelebihan yang paling penting dan sangat dicintai para programmer, yaitu responsive, dengan bootstrap kita bisa membangun website untuk semua device dengan ukuran layar yang berbeda beda tanpa khawatir ada yang terpotong, karena dengan Grid yang sempurna web akan menyesuaikan dengan ukuran layar pengguna.


Didukung Oleh Semua Browser Umum

browser umum seperti Google Chrome, Mozila Firefox, Internet Explorer, Opera Mini. Safari, mendukung Bootstrap sebagai framework css, jadi kita tidak perlu menambahkan kode kode khusus untuk browser tertentu.




Banyak Sekali Komponen Komponen Website

komponen komponen seperti form, card, navbar, progress, buttons dan masih banyak lagi yang kalian bisa lihat langsung di Website resmi Bootstrap Components.


Komunitas Dan Tema Yang Tersebar Dimana Mana

Komuntas dan tema yang sangat banyak dan tersebar dibanyak tempat, contohnya seperti group khusus facebook untuk bootstrap yang dimana kalian bisa berdiskusi dengan pengguna lain.

tidak hanya itu, banyak sekali tema tema yang sudah tersedia yang kita bisa pakai secara gratis.


Gratis

yang terakhir dan cukup penting adalah Gratis, karena dengan semua fitur dan kelebihannya di atas, tidak diragukan lagi framework ini berkualitas premium yang bisa digunakan secara gratis atau open source.


setelah membaca banyak kelebihannya di atas, semoga pertanyaan kalian bisa terjawab, karena framework css ini sangatlah worth it digunakan.

salah satu dan hal yang paling penting di bootstrap adalah Grid.

Semoga Bermanfaat

2 Cara Mudah Masuk Ke Safe Mode Di Windows 10

04:20 Add Comment
Windows - OS yang sangat populer ini memiliki banyak pengguna karena fitur dan tampilan premiumnya, walaupun banyak menjadi serangan para hacker dan virus virus yang dibuatnya, team microsoft selalu memberikan update dan security pertahanan terbaru dan aman.

tetapi, bagi kalian pengguna windows yang sudah lama, walapun sering update keamanan atau securitynya, bukan berarti windows kalian kembali seperti awal dan semua drivernya menjadi default.

sehingga buat kalian yang memiliki masalah dengan driver atau aplikasi yang tidak berjalan dengan benar, kalian bisa menggunakan salah satu mode yang disediakan windows 10 untuk penggunanya yang memiliki masalah atau untuk kalian yang hanya ingin menjalankan windows 10 dengan file dan driver dasarnya saja.

Safe Mode sendiri adalah posisi dimana OS masuk ke tahap diagnosa yang berguna untuk menemukan kesalahan atau penyebab error dari OS tersebut. Ketika masuk ke Safe Mode, PC hanya bisa mengakses dengan batasan tertentu, seperti file dan aplikasi yang normal.


2 Cara Mudah Masuk Ke Windows 10 Safe Mode


Menggunakan MS Config
  Cara pertama ini yaitu menggunakan system configuration, yang dimana kita langsung ke setting sytemnya dan merestart windows ke safe mode.
 1. Buka RUN ( Tombol Windows + R )
 2. ketik msconfig
 3. pergi ke tab Boot

 4. centang Safe boot
 5. klik Ok
 6. setelah itu akan muncul notifikasi dari windows click restart now.


Menggunakan Advanced Start-Up
  Yang kedua ini menggunakan fitur default dari windows 10, yaitu setting Advanced Start-Up.
 1. Buka Windows Start
 2. click setting
 3. pilih Update & Security
 4. buka tab Recovery
 5. pada bagian advanced start-up, click Restart Now.

 6. setelah itu akan masuk ke recovery mode
 7. pilih Troubleshoot > Advanced Options
 8. selanjutnya pilih Start-Up setting kemudian restart komputer anda
 9. setelah restart silahkan pilih Safe Mode.


Kedua cara diatas sama saja, perbedaanya hanya cara dan jalan untuk masuk ke safe mode, tetapi keduanya akan masuk ke safemode yang sama.


Demikian 2 cara yang mudah untuk masuk ke safe mode di windows 10, walaupun masih banyak cara yang lain, 2 cara diatas sering dipakai karena sangat mudah dan simpel.

Safe Mode ini bisa digunakan buat kalian yang memiliki masalah atau error di windows 10 kalian.


Semoga Bermanfaat

Dasar Dasar Yang Harus Di Pelajari Di Blender

00:01 Add Comment
Blender - walaupun sudah cukup kuno dan hanya memiliki sedikit komunitas, aplikasi ini masih sangat berguna dan tidak kalah jauh dari engine engine lainnya seperti unity 3d, unreal engine dan lainnya.


Banyak hal yang bisa kita lakukan dengan blender, seperti membuat animasi, game, dan render 3d lainnya. dan juga penggunaanya sangat mudah, jika kita sudah menguasai dasar dasar dari aplikasi ini, tentu kalian bisa menggunakannya dengan mudah.

Oleh karena itu saya membuat postingan ini, dan share pengalaman dan ilmu mengenai dasar dasar, atau basic yang harus di pelajari di blender.


Mode

Mode merupakan satu hal yang penting dalam blender, karena disinlah kita bisa leluasa mengedit objek objek. terdapat beberapa mode, tapi sebagai dasar dasarnya saja. saya akan membahas 3 mode yaitu:
  • Objek Mode
     Merupakan mode utama dari aplikasi ini, di mode ini kalian bisa mengatur dari objek objek yang ada, seperti mengatur posisi, ukuran, dan lain sebagainya


  • Edit Mode

     Berbeda dari objek mode, Mode ini digunakan untuk mengedit 1 objek saja, dengan mode ini kalian bisa menjadikan objek itu ke bentuk yang lain sesuai keinginan kalian, seperti, menambahkan lubang pada sebuah kubus atau kotak.


  • Pose Mode

     Mode ini dikhususkan untuk membuat karakter animasi atau game, sesuai keinginan kita, di dalam mode ini kita bisa menggerakan/mengedit tulang yang telah dibuat.



Shortcut

Walapaun tidak terlalu penting, shortcut mempermudah dan mempercepat pekerjaan kita, dengan shortcut kita tidak perlu lama lama lagi mencari menu atau fitur fiturnya. untuk itu, berikut shortcut shortcut yang perlu di pelajari:

  • Berpindah Mode TAB
     jika kalian sudah mengetahui mode di atas, ada cara singkat untuk berpindah dari objek mode ke edit mode, atau sebalikknya, dengan menekan TAB



  • Membuat Objek SHIFT + A

     seperti biasa untuk memuat objek kita harus pergi ke tab menu sebelah kiri, tapi ada cara singkat untuk langsung membuka sebuah menu untuk membuat objek yaitu dengan cara menekan SHIFT + A



  • Mengubah Ukuran Objek S

     Setelah membuat objek tentu kita ingin menyesuaikannya sesaui yang kita inginkan, dan jika kalian ingin mengubah ukuran objek tersebut kalian tidak tekan S


  • Memutar Objek R

    Tekan R


  • Memindahkan Objek G

    Tekan G



  • Pindah Ke Angel Kamera 0

    Ketika selesai dengan project kita, tentu kita ingin melihat angel kameranya sebelum render aga pas sesuai dengan keinginan kita, untuk kita bisa langsung tekan 0



  • Bergerak Dengan Bebas SHIFT + F

     Agar mendapat angel yang pas ketika sedang membuat sesuatu, tentu kita ingin melihatnya dari sudut pandang yang berbeda beda, oleh karena itu kalian bisa langsung menekan SHIFT + F untuk bsa bergerak dengan menekan W A S D



  • Membuat Keyframe Baru I

     Ketika kalian membuat animasi, kalian tidak perlu report report untuk membuat keyframe baru dengan menekan tombol yang ada di menu bawah, kalian bisa dengan mudah membuat keyframe baru dengan menekan I



  • Membagi Objek CTRL + R

     Di edit mode, kalian bisa mengubah shape objek kalian menjadi apa saja, dan akan lebih mudah jika kita membatasi dan memberikan vertex dan edge baru agar face nya terbagi bagi, sehingga lebih mudah untuk kita, untuk itu kalian bisa tekan CTRL + R di edit mode.

Jika kalian ingin memperbesar, memutar, atau memindahkan objek kalian bisa mengkobinasikan tombol shurcotnya dengan arah kordinat (X Y Z)
Contoh:
S + X,R + Y,G + Z, dan lain sebagainya.

Method Display

Method display ini bisa dibilang sebagai display atau pandangan yang berbeda, seperti sebuah kubus, jika kita hanya ingin melihat sudut dan garis saja, kita bisa langsung ke Wireframe, dan masih banyak display yang kita gunakan. untuk itu, berikut 5 display yang sangat berguna:

  • Solid
  • Solid ini merupakan method display utama yang sering kita pakai, disini hanya akan terlihat objek yang default saja.

  • Wireframe
  • Display method yang ini, juga terbilang cukup penting, karena disini kita bisa melihat semua sudut dan garis garis yang terhalang dengan sisi/face dari objek

  • Texture
  • disini kita bisa melihat texture yang telah kita tentukan.

  • Material
  • tidak berbeda dari texture, di display material ini, kita juga bisa melihat material yang sudah kita tentukan.

  • Rendered
  • jika kita ingin melihat hasil secara langsung, tanpa bolak balik render, kalian bisa langsung memakai method display yang satu ini.

Demikian artikel dari Basic yang harus di pelajari di blender, mohon maaf bila ada kekurangan.

Semoga Bermanfaat

[JavaScript] Menampilkan Gambar Sebelum Upload ( Preview Image )

00:23 Add Comment

JavaScript - bahasa pemograman client side ini sudah sangat populer dan banyak penggunanya, tidak hanya itu karena komunitynya yang cukup besar, sudah banyak sekali library-library pada javascript yang digunakan untuk mempermudah dalam coding.

dalam javascript kita bisa melakukan banyak hal, bahkan tanpa library sekalipun kita bisa melakukan hal menarik pada website kita dengan native javascript atau javascript default, tanpa library ataupun framework.

Menampilkan Gambar Sebelum Upload

salah satunya adalah menampilkan gambar sebelum di upload ke server, atau biasa disebut preview image ( Pratinjau Gambar ). kita bisa melakukan hal ini dengan mudah dengan native javascript.

  1. Buatlah file HTML
  2. sambungkan dengan file javascript kalian, ( jika scriptnya terpisah )
  3. setelah itu buatlah 2 element, yaitu file input, dan preview image box
  4. <input  id="input" type="file"  />

    <img id="box" " style="width: 30%;height: 30%"/>

  5. kalian bisa mengubah style kedua element tersebut sesuka kalian.
  6. masukan script berikut ke file js kalian, atau ke dalam tag <script> di html
  7. inputBox = document.getElementById("input"); // Mengambil elemen tempat Input gambar

    inputBox.addEventListener('change',function(input){ // Jika tempat Input Gambar berubah

    var box = document.getElementById("box"); // mengambil elemen box
    var img = input.target.files; // mengambil gambar

    var reader = new FileReader(); // memanggil pembaca file/gambar
    reader.onload = function(e){ // ketika sudah ada
    box.setAttribute('src',e.target.result); // membuat alamat gambar
    }
    reader.readAsDataURL(img[0]); // menampilkan gambar
    }
    ); // manderser.blogspot.com

  8. jalankan dan coba pilih, gambar.

jika terjadi error, periksa kembali kode yang di copy, atau kalau masih bingung silahkan bertanya di comment bawah

Semoga Bermanfaat

Perbedaan Operator Dan Operand Pada Pascal

17:19 Add Comment
Pascal - walaupun bahasa pemograman ini sudah tidak banyak yang memakai, juga masih ada orang orang yang ingin berlajar pascal lebih dalam terutama siswa SMK, yang kemungkinan menjadi materinya.

Pascal adalah bahasa pemrograman yang pertama kali di buat oleh Profesor Niklaus Wirth, seorang anggota International Federation of Information Processing (IFIP) pada tahun 1971. ... Selain itu, Profesor Niklaus Wirth membuat Pascal juga untuk melengkapi kekurangan-kekurangan bahasa pemrograman yang ada pada saat itu.


Bahasa pemograman pascal ini bisa dibilang jadul atau ketinggalan zaman, karena sudah banyak bahasa pemograman lain yang lebih efektif dan banyak digunakan oleh programmer.
 Dan juga bahasa pascal ini merupakan bahasa untuk membuat program Desktop yang berjalan pada DOS, jadi untuk menjalankannya kiota butuh DOS emulator.

tapi tidak perlu khawatir karena sekarang kita sudah ada aplikasi Free Pascal yang tidak membutuhkan emulator lagi. hanya dengan terminal sederhana kita bisa menjalankan program dan membuat aplikasi.

Perbedaan Operator Dan Operand Pada Pascal
nah, buat kalian yang ingin mencari tau lebih dalam di bahasa pemograman ini, saya akan membahas tentang bagian penting Aritmatika di pascal yaitu, Operator Dan Operand.

Operator

Operator adalah simbol atau kata yang digunakan dalam program untuk melakukan suatu operasi, seperti penjumlahan, perbandingan , pemeberian nilai ke suatu variable. Nilai yang dioprasikan oleh operator bersama operand membentuk suatu ekpresi.
jadi pada dasarnya operator adalah simbol yang digunakan untuk mengeksekusi operand.

nah operator ini teridiri dari banyak hal:

  • Operator Assignment
  • Operator Aritmatika
  • Operator Perbandingan
  • Operator Logika


Operand

Operand adalah nilai asal yang digunakan di dalam sebuah proses operasi. Jadi operand merupakan nilai yang dieksekusi oleh operator seperti dalam sebuah penjumlahan ( 2+4 ), 2 dan 4 merupakan operand yang akan dieksekusi oleh operator (+).



Kesimpulannya dalam sebuah program aritmatika terdapat perbedaan antara operator dan operand yang harus kita pahami, sehingga kita bisa sepenuhnya menguasai program tersebut. 


Semoga Bermanfaat