Journal and Journey | just andwi prima valentine weblog

TAG | Tutorial

Sempat kaget ketika sembari istirahat saat bekerja menyelesaikan installasi warnet grace di kota solo, iseng iseng ngecek akun facebook, ternyata ada yang beda, sejenak terpikir kalo saya sedang membuka facebook lite , di lihat URL nya ternyata bukan litem, melainkan Facebook.com

Saya bertanya ke pada 3 rekan kerja yang satu divisi , anehnya akun facebook mereka mereka belum ada tampilan baru,  masih tampilan faebook yang lama. Mudah mudahan akun facebook teman teman telah berganti dengan style yang baru , bagi yang belum sabar ya  :) , mungkin team facebook kewalahan upgrade akun yang jumlah nya jutaan ribu. Berikut sedikit review tentang tampilan baru facebook ini.

Tampilan Facebook baru

Tampilan Home,  Gambar lebih jelas Klik disini

The Top Menu

Menu paling atas telah disederhanakan gunanya agar lebih user frendly  memudahkan untuk mendapatkan hal yang terbaru, seperti requests, messages, and notification.

The Account Menu

berisi link ke halaman pengaturan ato setting. Disini juga terdapat menu help dan log out.
The Left Menu
Menu sebelah kiri telah disusun untuk memudahkan bagi Anda  mencari dan menemukan konten dari teman-teman, membaca pesan, melihat apa yang teman-teman, mengakses aplikasi dan banyak lagi.
Core Features

Fitur-fitur inti seperti News Feed, Pesan dan Teman – berada di feed, sehingga lebih mudah untuk mengikuti perkembangan yang baru.
Applications

Aplikasi yang baru dan Permainan dashboard membantu Anda menemukan informasi yang baru dan menarik dari teman-teman Anda.
Chatting

Menyediakan link cepat untuk chatting dengan teman-teman Anda. Untuk mengedit pilihan Anda, Facebook Chat di bar bagian bawah.

Begitulah sedikit review tentang facebook terbaru dengan tampilan lebih User Friendly.

Facebook, Tutorial

Lagi lagi posting ini untuk menjawab komentar dari salahsatu pembaca pada siang tadi dan juga demi melanjutkan posting sebelumnya tentang cara menambahkan page pada blog worpress, sekarang saya akan mencoba membahas cara menganti tema blog khususnya pada blog yang di sediakan UII ini.

Cara nya sangat lah mudah, berikut step by step :

  1. Log in ke blog anda terlebih dahulu.
  2. Lalu pilih menu Design. maka akan muncul tampilan seperti gambar di bawah ini
  3. Kemudian pilih tema yang telah di sediakan, dengan cara mengklik judul tema. Sayang , UII hanya menyediakan 7 pilihan tema. Jadi kita hanya bisa mengkustom sendiri tema yang telah ada.
  4. Setelah itu, silahkan liat blog anda , apakah tema sudah otomatis terganti ato belum.
  5. Untuk mengkustom tema tsb, silahkan pilih menu menu yang ada pada bawah menu Design.

Blog, Tutorial, Tutorial Blog, Uii, Worpress

Barusan ada sebuah comment steman satu kampus , beliau menanyakan cara membuat menu / page di blog worpress khususnya wordpress yang di pakai oleh blog UII ini yaitu worpress mu. untuk menjawab pertanyaan beliau berikut sedikit tutorialnya.

  1. Log in pada blog wordpress anda
  2. Setelah log in, klik menu Blog, pada menu Write terdapat menu Post, PageDan Link
  3. Untuk menambahkan url ato page pada menu blog anda silahkan klik menu Page , isi kan judul dan isi page, lalu klik tombol publish.
  4. Terahir liat page pada menu blog anda secara otomatis akan bertambah.

Sangat mudah bukan, selamat mencoba semoga berhasil.

Blog, Tutorial, Tutorial Blog

  1. Install Plugin WP-Archives dengan mencari plugin ini di bagian “Plugin – search“.
  2. Setelah selesai instalasi, langsung aktifkan plugin WP-Archives dengan klik “activate plugin” di halaman setelah instalasi, atau di bagian “Plugins – Installed – WP-Archives“.
  3. Buat halaman baru dengan nama “Daftar Isi” atau nama lain sesuka kita.
  4. Copy-Paste kode berikut di bagian isi halaman dan yakinkan mode penulisan adalah HTML bukan Visual.

<!--wp_archives-->

Publish halaman “Daftar Isi” tersebut dan cek hasilnya. Contoh: daftar isi blog berdasarkan tanggal atau arsip.

Daftar Isi, Tips, Tutorial, Worpress

Latar belakang penulisan posting ini dikarenakan saya beserta kelompok yang diantaranya Muhammad Irwan dan Baiq Hilyati mendapatkan tugas pada mata kuliah Grafika Komputer dengan Dosen pengampu Jeffry Andhika Pratama, beliau memberikan tugas akhir semester bertajuk membuat animasi 3D menggunakan sofware Blender. Kami membuat suatu animasi berjudul Permainan Baseball , berikut sedikit petikan dari tugas akhir tersebut :

A. Pengenalan tool

Berdasarkan ketentuan yang di tetapkan oleh dosen kami disini kami menggunakan “Blender”. Blender adalah perangkat lunak 3 dimensi yang gratis. Blender dapat digunakan untuk membuat animasi 3 dimensi. Perangkat lunak ini juga memiliki fitur untuk membuat permainan. Blender tersedia untuk berbagai sistem operasi, seperti Microsoft Windows,Mac OS X,Linux,Solaris,netBSD,FreeBSD,dan OpenBSD. Perangkat lunak ini berlisensi GPL dan kemudian kode sumbernya tersedia dan dapat diambil siapa saja

B. Alur

Alur cerita animasi yang kami buat adalah :

  1. Bola datang dari luar kamera
  2. Pemukul baseball bergerak memukul bola yang datang.
  3. Hal ini dilakukan sampai tiga buah bola dengan masing masing setiap bola berbeda arah  sampai bola terakhir yang tidak kena pukulan.

C. Pembahasan

  1. Install software blender terlebih dahulu. Download disini
  2. Setelah instalasi selesai , silahkan buka program blender tersebut.
  3. Ketika membuka blender silahkan edit Workspace sesuai dengan keinginan, workspace yang kami gunakan sperti gambar dibawah ini.
    Gambar 1 Tampilan  Awal Blender

    Gambar 1 Tampilan Awal Blender

  4. Selanjutnya membuat objek lingkaran, dengan mengunakan menu ADD ==> MESH ==> CIRCLE

    Gambar 2 Membuat Objek Lingkaran

    Gambar 2 Membuat Objek Lingkaran

  5. Masuk ke edit mode dengan menahan klik kanan, lalu pilih EDIT ==> ENTER EDIT

    Gambar 3 Edit Mode

    Gambar 3 Edit Mode

  6. Tekan E pada keyboard lalu pilih ONLY EDGES lalu perpanjang objek dengan cara menggeser mouse , kemudian klik kiri pada mouse

    Gambar 4 Extrude Objek

    Gambar 4 Extrude Objek

  7. Lakukan Extrude sekali lagi kemudian tekan S dan bentuk sesuai keinginan . Lalu lakukan EXTRUDE dan SIZE hingga objek berbentuk pemukul bola.

    Gambar 5 EXTRUDE DAN SIZE

    Gambar 5 EXTRUDE DAN SIZE

  8. Tekan TAB untuk keluar dari EDIT MODE , pastikan objek telah berbentuk sesuai dengan keinginan.

    Gambar 6 Objek selesai dibentuk

    Gambar 6 Objek selesai dibentuk

  9. Tambahkan Bola dengan memilih pada menu ADD ==> MESH ==> UVSphere, tambahkan hingga berjumlah 3 bola.

    Gambar 7 Pembuatan Bola

    Gambar 7 Pembuatan Bola

  10. Masuk ke IPOCurve dengan mengklik Display Current Windows Type, pilih IPOCurve Editor (Seperti pada gambar dibawah.

    Gambar 8 IPOCurve Editor Mode

    Gambar 8 IPOCurve Editor Mode

  11. Klik kanan objek bola lalu tekan I dan pilih LOC , klik kanan objek pemukul bola, kemudian tekan I dan pilih LocRot, lakukan hal yang sama pada semua objek termasuk kamera.

    Gambar 9 Pergerakan Objek Awal

    Gambar 9 Pergerakan Objek Awal

  12. Ganti TIME menjadi sesuai yang diinginkan, lalu gerakan objek dan kemudian tekan I kemudian pilih Loc untuk bola sedangkan untuk pemukul pilih LocRot

     Gambar 10 Pergerakan Objek Akhir

    Gambar 10 Pergerakan Objek Akhir

  13. Masuk ke Window Timeline , caranya sama seperti IPOCurve tetapi yang di pilih adalah Timeline

    Gambar 11 Timeline Mode

    Gambar 11 Timeline Mode

  14. Lakukan pemotongan video dengan cara, mengganti nilai End menjadi sesuai keinginan. Tekan Alt+A untuk mencoba (play) animasi yang telah dibuat, lalu tekan Esc untuk menghentikannya

    Gambar 12 View Animasi

    Gambar 12 View Animasi

  15. Untuk pemberian texture klik Shading Button pada menu bawah atau tekan F5, lalu ganti texture tipe menjadi image. Lakukan load gambar pada menu image.

    Gambar 13 Pemberian Texture

    Gambar 13 Pemberian Texture

  16. Masuk ke rendering, dengan cara klik Render ==> Render Setting

     Gambar 14 Rendering Setting

    Gambar 14 Rendering Setting

  17. Ganti format Output yang default JPEG menjadi AVI Codec, apabila ingin melakukan perubahan Frame Rate (kecepatan animasi per detik) , ganti nilai Fps menjadi sesuai keinginan (semakin kecil maka akan semakin lambat).

    Gambar 15 Pergantian Output dan Setting Kecepatan Animasi

    Gambar 15 Pergantian Output dan Setting Kecepatan Animasi

  18. Lakukan render dengan mengklik Render ==> Render Animation (Ctrl+F12) , tunggu hingga rendering selesai (semakin lama durasi semakin lama rendering)

     Gambar 16 Rendering Animasi

    Gambar 16 Rendering Animasi

  19. Setelah selesai secara default file hasil Rendering dengan Extention yang telah di tentukan (AVI) akan terbentuk pada directory C://tmp Gambar 17 Directory File Output

     Gambar 17 Output file directory

    Gambar 17 Output file directory

    18. Finish.

Untuk mendownload file blender dari animasi diatas Klik disini

Thanks to :

Dosen Grafika Komputer :  Jeffry Andhika Pratama

Asisten dosen (penguji presentasi).

Teman teman sekelompok.

3d, Animasi, Blender, Grafika Komputer, Tutorial

S

empat bingung karena dah kebiasan pakai Database My Sql tiba tiba pada kuliah Praktikum Web database yang di pakai adalah Oracle 10g Express Edition, kebetulan di latop sudah terinstall web server XAMPP sedangkan pada praktikum, web server yang di pakai Apache2Triad, dari pada pake 2 web server akhirnya saya mencari solusi agar XAMPP bisa memakai 2 jenis database yaitu My Sql dan Oracle, setelah coba coba di bantu dengan tutorial yang di berikan LAB. Sirkel (Laboratorium Praktikum Web), Allhmdulillah berhasil, meski tutorial itu tentang koneksi oracle dengan web server Apache2triad , ternyata yang ngak jauh beda caranya dengan web server XAMPP.
Berikut tutorialnya , semoga tutorial sederhana ini akan membantu teman teman untuk mengkoneksikan PHP dengan Oracle Data Base dengan memakai Web Server XAMPP.
Tahap pertama untuk mengkoneksikan XAMPP dengan Oracle, pastikan keduanya telah terinstal dengan baik di komputer/latop teman teman.  Klo belum terinstal, instal terlebih dahulu, soalnya saya tidak akan membahas tentang cara penginstalasian kedua software tersebut, karena cara penginstalasian software tersebut sangat mudah dilakukan *tinggal next next aja* :) .

Selanjutnya adalah ikuti langkah berikut:

1. Konfigurasi Ekstensi Oracle pada XAMPP

Karena XAMPP secara default dikoneksikan dengan MySQL, maka ekstensi untuk melakukan hubungan dengan Oracle harus diaktifkan. Cara :

➔ Edit file php.ini yang terletak di direktori “C:\xampp\php”

Cari tulisan (Tips Ctrl+F ketik keyword oci)

;extension=php_oci8.dll
;extension=php_oracle.dll

Kemudian rubah dengan cara menghilangkan “;” pada awal tulisan tersebut. Contoh:
;extension=php_oci8.dll menjadi extension=php_oci8.dll

➔ Lakukan hal yang sama pada php.ini yang lain di direktori-direktori berikut:

● C:\xampp\php\php4
● C:\xampp\apache\bin

2. Kemudian buka Xampp Control Panel Application, dan pastikan semua service sedang tidak
dijalankan. Tampilan seperti gambar berikut:

XAMPP
3. Selanjutnya adalah menginstal config PHP, tahap-tahapnya sebagai berikut:

➔ Buka command prompt (Tekan Tombol Windows+R, Kemudian Ketik cmd)

➔ Masuk ke direktori XAMPP dengan cara:
“cd C:\xampp” tekan enter

➔ Jalankan perintah php-switch.bat, lalu switch ke php4 dengan menekan angka 4 dan tekan enter.
Seperti pada gambar di bawah:

apche
➔ Kemudian switch lagi ke php5 dengan cara menjalankan lagi php-switch.bat dan pilih 5
kemudian tekan enter. Sebagaimana yang ditunjukkan oleh gambar:

apche2
4. Kembali lagi ke Xampp Control Panel, dan tekan tombol start paling atas untuk menjalankan Apache. Hanya Apache saja yang dijalankan untuk saat ini. Tampilan sebagai berikut: (Sebelum Masuk ke langkah 4 ini sebaiknya restart dulu komputer)

XAMPP2
5. Langkah selanjutnya adalah mengetest apakah web server telah berjalan baik. Caranya adalah dengan membuka web browser dan ketikkan “http://localhost” pada tab address. Jika berhasil maka akan muncul halaman seperti di bawah ini pada web browser Anda:

xampp3
6. Selanjutnya adalah mengecek koneksi antara php dengan oracle dengan cara berikut:
➔ Buka notepad atau editor yang Anda sukai.
➔ Ketikkan script php berikut:

script

Save file tersebut di dalam direktori “C:\xampp\htdocs”, dan beri nama ‘oracle.php’.

➔ Jalankan file tersebut dari browser Anda dengan mengetikkan alamat
“http://localhost/oracle.php”. Maka tampilan akan seperti gambar berikut:

koneksi

7. Finish. Database oracle dapat di jalankan dengan megunakan XAMPP. Selamat Mencoba. :)

Tutorial, Web

P

osting kali ini terinspirasi saat kuliah Grafika komputer dengan Dosen Jefry Andhika, ketika sesi break sang dosen bergurau tentang FB (Facebook) dengan tujuan nge “hiperbol” (nyindir maksudnya), salah satu mahasiswi yang status FB nya slalu muncul setiap saat di live feed nya beliau , semua mahasiswa tertawa, si mahasiswi jadi merah muka karena malu.

Nah, dari kejadian di atas saya jadi penasaran, bisa gak ya? bikin, agar status kita bisa ke baca ama teman tertentu saja, setelah otak atik di bagian Setting Facebook ternyata bisa. Untuk meluapkan rasa penasaran tersebut saya jadi berkeinginan untuk membuat posting tentang Facebook lagi, yakni tentang cara menyembunyikan status FB dari teman tertentu, barangkali ada teman di FB kita yang merupakan orang yang di segani, misalnya Bos, Dosen, Mertua, Guru, Mantan Pacar, jika di ignore request friends / abaikan permintaan pertemanan, yang ada malah jadi gak enakan.
Lansung saja ke pokok permasalahan, cara agar status kita bisa di sembunyikan dari teman tertentu adalah sebagai berikut :
  1. Buka Setting – Privacy Settings
  2. Kemudian klik Profile atau langsung saja masuk ke sini
  3. Kemudian klik tombol drop down pada Status and Links dan pilih Customize
  4. Setelah itu akan muncul popup, pada opsi Friends pilih Only Friends, kemudian isi dibawah kolom Except These People, cari kontak teman anda, (seperti gambar di bawah) masukkan nama temanyang ingin anda blokir.
  5. Selesai. Maka secara otomatis setiap anda update status di Facebook, maka orang tersebut tidak akan melihat status anda .

Facebook, Tutorial

K

etika posting sebelumnya masuk ke feed RSS saya di facebook, tiba-tiba ada sebuah komentar dari salah satu teman, beliau menanyakan bagaimana kalau membuat “jumpbreak” pada worpress?. Untuk menjawab pertanyaan teman saya yang juga kuliah di Informatika UII 2008
itu, saya mencoba untuk melanjutkan posting jumpbreak part 2 yaitu jumbreak ato readmore versi Wordpress.

Sebenarnya cara untuk membuat jumpbreak pada Wordpres tidak jauh berbeda dengan jumbreak pada blogspot yang sudah saya jelaskan di posting sebelumnya , berikut langkah langkahnya:

1. Setelah login ke account wordpress Anda, Klik menu “tulis” atau “write”
2. Di bawah kotak judul / title sebelah kanan, ada menu VISUAL dan HTML lalu klik pada menu HTML
3. Di bawahnya ada deretan menu b i link. Klik menu “more”, maka di kotak posting Anda akan keluar tulisan <!–more–>.
4. Tulisan atau posting Anda yang ingin Anda tampilkan di halaman maka harus berada di atas <<!–more–>
, sedang posting / artikel yang ingin anda “sembunyikan” yang baru tampak setelah pembaca mengklik “read more” taruh di bawahnya <!–more–>
Selamat mencoba teman, semoga bermanfaat.

Blog, Tutorial, Worpress

S etelah satu bulan lebihh vakum di dunia blogging, tepat 13 Oktober kemaren terakhir posting tentang Fitur Share On Facebook. Dan akhirnya hari ini saya mencoba memulai kembali mengisi blog yang sederhana ini, meskipun sedang menyelesaikan pekerjaan (membuat sistem order scriptmedia hosting) yang telah melewati deadline, dan kebetulan barusan teman seperjuangan ku yang baru saja mencoba “mengauli” dunia blogspot dengan konten download sofware gratisan itu, beliau bertanya via chating facebook , menanyakan gimana cara membuat fitur selengkapnya atau yang familiar di kenal dengan fitur readmore. Dengan inisiatif itu saya mencoba membuat tulisan bertajuk tutorial “jump break” di blogspot.

Langsung saja ke pokok permasalahan.



1. Apa itu?

Read more / Baca selengkapnya atau Jump Break (pemberian nama oleh blogger sendiri) merupakan sebuah fitur untuk mempersingkat posting atau tulisan di halaman depan blog dengan memberi link ke seluruh posting. Ini sangat berguna sekali karena akan membuat blog menjadi rapi dan elegan.


2. Bagaimana?

Sebenarnya ada banyak cara untuk mengunakan fitur ini, salah satu nya adalah fasilitas yang baru di sediakan oleh bloger itu sendiri yaitu “Jump Break”, meskipun perlu umur 10 tahun untuk menyediakan fitur yang sederhana ini.


Berikut langkah langkahnya :


1. Aktifkan fitur terbaru melalui setting global dengan cara klik
Setting >> Basic dipaling bawah terdapat menu Select post editor lalu pilih opsi paling atas “Updated editor”. Jangan lupa klik Save setting.

2. Masuk ke posting baru (New Post), Maka kemudian kita akan disuguhi dengan editor baru yang juga memuat fasilitas (tombol) baru Jump Break! di bagian paling kanan untuk ‘memenggal’ tulisan kita.


3. Bila anda terbiasa menggunakan Modus “Edit Html” untuk menulis (bukan Modus “Compose”), maka cukup dengan menambahkan kode berikut tepat di tempat dimana tulisan yang akan di jadikan jump break.




4. Secara Default blogger memberi kata-kata jump break! dengan kata “
Read more..” untuk menggantinya semisal menjadi “Baca selanjutnya..” atau yang lainnya, bisa mengubahnya di halaman Layout lalu Editlah Widget Blog Posts


3. Finish. Sekarang anda bisa menikmati fasilitas Jump Break! pada blogger.


Tulisan ini ditulis sebagai pengingat untuk saya, dan yang menginginkan.

Blogspot, Tutorial


D

i beberapa situs web saat ini tersedia link “share on facebook”. link yang sedang populer memungkan pengguna untuk menampilkan cuplikan tulisan, berita atau artikel suatu blog/situs di akun facebook.

Walaupun kebanyakan dari situs web / blog berbasis cms sudah menyediakan template berfitur share on facebook, tak ada salahnya kita sedikit membahas tentang script yang di gunakan untuk memasang secara manual fitur tersebut.

Berikut triknya :

  1. Letakan code/script ini di single.php, post.php, atau file lain yang berfungsi untuk menampilkan satu tulisan / postingan di blog.
  2. Perhatikan tulisan “letakan_url_disini”. Ganti tulisan yang akan di share di fb . Gantikan “nama_situs” dengan nama situs saudara.
  3. Agar anda tidak perlu mengetik link di tiap halaman web , gantikan tulisan “letakan_url_disini”dengan fungsi yang bisa me-regenerate atau mengembalikan URL postingan. Contoh pada wordpress, gatikan dengan <?php the_permalink();?>
  4. Selamat Mencoba :)

Facebook, Tutorial, Worpress

Find it!

Theme Design by devolux.org
WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera