Tentang WordPress

Kumpulan Artikel tentang CMS WordPress

Admin Role di WP:

  • Super Admin – somebody with access to the site network administration features and all other features. See the Create a Network article.
  • Administrator (slug: ‘administrator’) – somebody who has access to all the administration features within a single site.
  • Editor (slug: ‘editor’) – somebody who can publish and manage posts including the posts of other users.
  • Author (slug: ‘author’) – somebody who can publish and manage their own posts.
  • Contributor (slug: ‘contributor’) – somebody who can write and manage their own posts but cannot publish them.
  • Subscriber (slug: ‘subscriber’) – somebody who can only manage their profile.

SLUG?

Berfungsi untuk memperpendek judul tautan sebuah artikel yang akan digunakan oleh mesin pencari (search engine)

Belajar HTML, CSS, JavaScript (Bag. 1)

HTML:

HTML (HyperText Markup Language) adalah bahasa pemrograman standar berbasis website.

Adalah bahasa pemrogrman yang digunakan untuk membuat halaman website.

html

Text Editor (notepad) + Kode HTML (Tag / Syntax) + Browser (firefox, ie, chrome) = Website

Keterangan: Kode ditulis menggunakan teks editor kemudian dijalankan melalui browser yang dapat diakses menggunakan Protokol Internet .

Syntax atau tata letak penulisan kode HTML

<nama Tag> Isi teks bebas </nama Tag>

Contoh:

<!DOCTYPE html>
 <html>
 <head>
 <title>Page Title</title>
 </head>
 <body>
 
 <h1>My First Heading</h1>
 
 <p>My first paragraph.</p>
 
 </body>
 </html>

Keterangan:

  • Text diantara<html>dan </html> mendiskripsikansebuah dokumen HTML
  • Text diantara<head>dan </head> adalah bagian HEADER
  • Text diantara<title>dan </title> adalah bagian TITLE
  • Text diantara<body>dan </body> mendiskripsikanisi yang ditampilkan di layar
  • Text diantara<h1>dan </h1> mendiskripsikanjudul
  • Text diantara<p>dan </p> mendiskripsikan paragraf

Hasilnya, setelah dijalankan di browser:

html2

 

CSS:

Kode program yang digunakan untuk memperluas kemampuan kode HTML. Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

css

Syntax CSS (Tata Tulis Kode CSS)

h1 {
color: #0789de;
 }

Keterangan:
h1      : merupakan kode html yang akan diperluas atributnya.
{ }     : penulisan atribut di dalam tanda kurawal. (SELECTOR)
color:  : nama atribut yaitu memberikan warna huruf. (PROPERTY)
#0789de : nilaidariatribut. (VALUE)
;       : akhir dari satu atribut.

 

MetodePenulisan CSS

  • Inline Style Sheet

CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style=”…” dalam tag HTML tersebut.  Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.

Contoh:

<html>
<head>
<title>Contoh Bentuk Inline </title>
</head>
<body bgcolor="#FFFFFF">
<pid="cth1">Ini adalah contoh tag P tanpa diformat menggunakan CSS </p>
<pid="cth2" style="font-size:20pt">Tag P ini diformat dengan besar font 20 point </p>
<pid="cth3" style="font-size:14pt; color:red">Tag P ini diformat font 14 point, dan warna merah</p>
</body>
</html>
  • Ebedded Style CSS

CSS didefinisikan terlebih dahulu dalam tag <style> … </style> di atas tag <body>.Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh:

<html>
<head>
<title>Contoh Bentuk Embedded</title>

<style>
body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}
</style>

</head>
<body>
<h1id="cth1">Juduliniberukuran 18 denganwarnamerah!</h1>
<pid="cth2">Tag p ini di format denganbesar font 12 point dengantipe font Arial danmempunyaiidentasi 0.5 inch </p>
<pid="cth3">Body disinitelahdiformatdengan margin kiri 0.5 inch danwarna background biru</p>
</body>
</html>

 

  • Ekternal Link CSS

File yang mengandung kode CSS terpisah sedangkan file utama sehingga untuk menghubungkannya diperlukan penyertaan file dengan memasukkan kode di dalam tag header.

Contoh:

File sytle.css

body
{background-color:#d0e4fe;}
h1
{color:orange;text-align:center;}
p
{font-family:"Times New Roman";font-size:20px;}

 

File index.html

<html>
<head>
<link HREF=”style.css” rel = “stylesheet”>
</head>
<body>
<h1>CSS example!</h1>
<p>This is a paragraph.</p>
</body>
</html>

JavaScript:

Salah satu kekurangan dari HTML sebagai bahasa pemograman web adalah bahwa bahasa ini tidak mengizinkan adanya proses logika. Kenapa ? Karena HTML adalah sebuah bahasa yang murni berbasis pada tag . HTML memang sebuah bahasa yang hanya dirancang untuk menangani masalah visualisasi sebuah halaman web pada browser.

Untuk menangani masalah logika, JavaScript murupakan salah satu solusi yang dapat diterapkan pada halaman web. JavaScript memang salah satu bahasa script, dengan tingkat akseptansi (penerimaan) yang paling banyak diantara berbagai browser yang beredar di pasaran.

Syntax Program (Tata Tulis)

Penulisan program JavaScript harus diawali dengan tag dan diakhiri dengan tag . Sintaks javascript mirip-mirip bahasa C atau java. Javascript bersifat case sensitive, artinya huruf kecil dan huruf besar adalah berbeda.

  • Setiap baris kode javascript dipisahkan baris baru atau bisa juga titik koma (;)
  • Komentar dalam javascript di awali dengan // atau ditulis diantara /* dan */

Berikut bentuk contoh penulisan yang menunjukkan bahwa skrip tersebut merupakan skrip dari JavaScript :

code 1

Keterangan:

Kode <!–   //–>  umumnya disertakan dengan tujuan supaya browser yang tidak mengenali kode JavaScript akan menganggap sebagai komentar yang tidak ditampilkan pada jendela browser.

Kode JavaScript dapat ditulis dengan menyisipkannya pada dokumen HTML (inline atau ebedded ) serta dapat juga ditulis secara terpisah dengan file ekstensi .js

 

Belajar Animasi 2D – Teori & Praktek (Bag. 1)

Teori:

Pengertian Animasi

Animasi (animation) adalah “illusion of motion” dibuat dari image statis yang ditampilkan secara berurut.

ani-1

Animasi merupakan suatu teknik menampilkan gambar berurut sedemikian rupa sehingga penonton merasakan adanya ilusi gerakan (motion) pada gambar yang ditampilkan. Secara umum ilusi gerakan merupakan perubahan yang dideteksi secara visual oleh mata penonton sehingga tidak harus perubahan yang terjadi merupakan perubahan posisi sebagai makna dari istilah ‘gerakan’. Perubahan seperti perubahan warna pun dapat dikatakan sebuah animasi.

Persistance of Vision

Tidak lengkap jika kita membicarakan animasi namun tidak mengetahui bagaimana sebuah animasi dapat menipu mata kita dengan ilusi gambar bergerak pada media yang diam. Semua berawal dari hal yang disebut sebagai   Persistence of Vision (pola penglihatan yang teratur).  Seorang astronom dari Yunani, Ptolemy yang menemukan prinsip ini 130 M, prinsip ini telah berkembang sejak saat itu mencakup observasi terhadap anatomi serta prilaku mata manusia. Kita akan mencoba menjelaskan bagaimana hal tersebut dapat membuat sebuah animasi terwujud.

ani-2

Retina mata kita menangkap dan menyimpan sebuah proyeksi gambar selama 1/10 detik sebelum ia dapat memproses proyeksi  selanjutnya. Jika  kita mengganti sebuah urutan gambar dengan kecepatan 1/10 detik atau lebih, maka  otak kita akan mengira bahwa kita sedang melihat hanya sebuah gambar yang bergerak. Jumlah  frame per detik yang ditampilkan (FPS/Frame Per  Second) berhubungan langsung dengan kehalusan pergerakan yang dihasilkan. Jika FPS terlalu sedikit maka gambar yang dihasilkan akan nampak putus-putus sedangkan jika FPS terlalu banyak akan menghasilkan gambar yang kabur.

Sejarah Animasi

Sebenarnya, sejak jaman dulu, manusia telah mencoba menganimasi gerak gambar binatang mereka, seperti yang ditemukan oleh para ahli purbakala di gua Lascaux Spanyol Utara, sudah berumur dua ratus ribu tahun lebih. Mereka mencoba untuk menangkap gerak cepat lari binatang, seperti babi, bison atau kuda, digambarkannya dengan delapan kaki dalam posisi yang berbeda dan bertumpuk (Hallas and Manvell 1973).

Orang Mesir kuno menghidupkan gambar mereka dengan urutan gambar-gambar para pegulat yang sedang bergumul, sebagai dekorasi dinding. Dibuat sekitar tahun 2000 sebelum Masehi (Thomas 1958). Lukisan Jepang kuno memperlihatkan suatu alur cerita yang hidup, dengan menggelarkan gulungan lukisan, dibuat pada masa Heian(794-1192) (ensiklopedi Americana volume 19, 1976). Kemudian muncul mainan yang disebut Thaumatrope sekitar abad ke 19 di Eropa, berupa lembaran cakram karton tebal, bergambar burung dalam sangkar, yang kedua sisi kiri kanannya diikat seutas tali, bila dipilin dengan tangan akan memberikan santir gambar burung itu bergerak (Laybourne 1978).

Hingga di tahun 1880-an, Jean Marey menggunakan alat potret beruntun merekam secara terus menerus gerak terbang burung, berbagai kegiatan manusia dan binatang lainnya. Sebuah alat yang menjadi cikal bakal kamera film hidup yang berkembang sampai saat ini. Dan di tahun 1892, Emile Reynauld mengembangkan mainan gambar animasi ayng disebut Praxinoscope, berupa rangkaian ratusan gambar animasi yang diputar dan diproyeksikan pada sebuah cermin menjadi suatu gerak film, sebuah alat cikal bakal proyektor pada bioskop (Laybourne 1978).

Kedua pemula pembuat film bioskop, berasal dari Perancis ini, dianggap sebagai pembuka awal dari perkembangan teknik film animasi (Ensiklopedi AmericanavoLV1,1976). Sepuluh tahun kemudian setelah film hidup maju dengan pesat-nya di akhir abad ke 19. Di tahun 1908, Emile Cohl pemula dari Perancis membuat film animasi sederhana berupa figure batang korek api. Rangkaian gambar-gambar blabar hitam (black-line) dibuat di atas lembaran putih, dipotret dengan film negative sehingga yang terlihat figur menjadi putih dan latar belakang menjadi hitam.

Sedangkan di Amerika Serikat Winsor McCay membuat film animasi.

Jenis-Jenis Animasi

  1. Animasi tradisional

traditional animation”, atau bisa juga CEL animation. Dikatakan tradisional karena dibuat dengan menggunakan gambar tangan. dan teknik ini adalah jenis animasi pertama yang ada di dunia. disebut cel karena pada awalnya animasi ini dibuat dilembaran yang disebut celluloid, yaitu lembaran kertas yang trasparan. Namun  metode ini sudah jarang atau bahkan tidak di gunakan lagi sejak tahun 1990 karena munculnya teknik animasi dengan komputer.

Kebanyakan kita mengatakan jenis animasi ini adalah animasi 2 dimensi. hal ini dikarenakan wujud/visual dari animasi ini berkesan flat/datar, sehingga dikatakan animasi 2 dimensi.

  1. Animasi Komputer

CGI (computer Generated Imagery) adalah produk animasi yang di kerjakan dengan menggunakan komputer. Jangan salah, hasil animasi komputer juga bisa berwujud 2 dimensi. Animasi komputer bisa berwujud 3 dimensi dan juga 2 dimensi. Beberapa software animasi yang biasa digunakan untuk membuat animasi 3 dimensi adalah: autodesk 3ds max, autodesk maya, blander, softimage, cinema 4D, lightwave, dan masih ada beberapa lagi. Sedangkan software animasi untuk membuat karya animasi 2 Dimensi antara lain: Adobe Flash, Anime studio, Cartoon Television Program, Toon Boom, Corel Rave, dan sebagainya.

Teknik animasi yang bisa dibuat dengan menggunakan Komputer ada beberapa metode:

a. Manual.

Metode ini mengandalkan kemampuan animator secara penuh. seluruh gerakan dibuat dengan insting dan skill animator.Biasanya digunakan untuk jenis animasi bergaya kartun, seperti cars, nemo, toy story, dan lainnya. karena sifat gerak dari karakter yang ada disitu adalah hasil rekaan manusia. dan tentu sudah di lebih-lebihkan (juga prinsip animasi yang lain)

b. Motion Capture

Adalah metode animasi yang menggunakan bantuan gerak karakter aslinya dan dipindahkan geraknya dengan alat motion capture, kemudian di aplikasikan ke objek digital kita. Teknik ini tentu akan membuat gerakan yang sama dengan aslinya. misalnya pada film Avatar, Final Fantasy, Polar Express, Beowulf, dan beberapa film dengan spesial efek, seperti Lord of the ring, Last samurai (animasi kuda)

c. Dynamic Simulation

Metode ini menggunakan penghitungan secara fisika pada objek yang akan di animasikan. lalu disimulasikan secara realtime. terdapat bebebrapa penghitungan sebelum objek di animasikan, misalnya berat/massa benda, gaya gravitasi, benturan, kekuatan angin dan lain sebagainya. contoh animasi yang menggunakan metode ini: animasi bola jatuh, kain, percikan air, benda hancur, rambut dll

d. Particle

Adalah sekumpulan objek yang dapat di animasikan secara bersamaan membentuk sebuah pola. misalnya asap, daun berguguran, api, hujan, salju, segerombolan burung, dan sebagainya.

 

  1. Animasi Stopmotion

Jenis animasi yang ketiga ini adalah animasi yang menggabungkan unsur fotografi dan gerak. untuk anda yang tidak bisa menggambar namun memahami prinsip animasi maka anda bisa membuat animasi dengan teknik stopmotion. karena anda hanya perlu memotret objek secara berurutan dan teratur.

Jenis animasi stopmotion:
a. Clay.
Disebut clay karena bahan utama yang digunakan untuk membentuk objek/karakter adalah lilin/malam. Kemudian lilin tersebut digerakkan sedikit demi sedikit sambil di rekam dalam bentuk foto

b. Cutout.
adalah teknik animasi stopmotion dengan menggunakan kertas yang di potong-potong dan di rangkai seperti halnya wayang kulit
c. lain lain:
seperti puppet animation/boneka, drawing: menggambar pada papan tulis atau media lain.

 

  1. Hybrid

Dikenal juga dengan mix media adalah percampuran dari beberapa teknis animasi yang sudah disebutkan di atas. Misalanya animasi komputer dipadu dengan animasi tradisional.

 

Praktek :

  1. Sebutkan 5 buah judul film animasi yang diproduksi menggunakan teknik tradisional!
  2. Sebutkan 5 buah judul film animasi yang diproduksi menggunakan teknik komputer!
  3. Sebutkan 5 buah judul film animasi yang diproduksi menggunakan teknik stop motion!
  4. Carilah 5 link referensi di internet untuk belajar animiasi 2 Dimensi!
  5. Carilah 5 link referensi di internet untuk belajar menggambar!

 

 

 

Akuntansi Microsoft Excel (Bag. 1)

Belajar keuangan dapat diawali dengan pendekatan mengenal istilah-istilahnya, seperti: penerimaan, pengeluaran, pendapatan dan biaya.

Penerimaan & Pengeluaran

Penerimaan dapat diartikan sesuatu yang menambah jumlah atau saldo uang, baik tunai maupun yang tersimpan di bank.

Pengeluaran dapat diartikan sebagai sesuatu yang mengurangi jumlah atau saldo uang, tunai maupun yang tersimpan di bank.

Pendapatan

Pendapatan merupakan hak seseorang karena usaha penjualan barang  atau imbalan atas jasa yang dilakukannya. Contoh: pendapatan hasil penjualan barang atau jasa dari penyedia barang atau jasa. atau pendapatan yang didapat oleh karyawan berupa gaji, bonus serta tunjangan.

Biaya

Biaya (cost) adalah kas atau nilai setara kas (sesuatu yang dapat ditukar dengan barang/jasa) yang dikorbankan untuk barang atau jasa dan diharapkan memberikan manfaat pada saat ini atau di masa mendatang.

Kursus Privat Menjahit di Batam

Netty Tailor

Membuka Kursus Privat Menjahit yang dibagi dalam dua kelompok:

1. Paket Garment, ditujukan kepada para calon karyawan yang ingin bekerja di perusahaan garment.

Waktu belajar lebih kurang 2 minggu dengan biaya hanya Rp. 800rb saja.

2. Paket Usaha Mandiri, ditujukan kepada siswa yang ingin menekuni usaha bidang konveksi ataupun hanya untuk sekedar hobi menjahit.

Waktu belajar kurang lebih 3 – 6 bulan dengan biaya mulai Rp. 3 jt.

Alamat:

Tiban Indah Permai

Blok N1. No. 23

Tiban Indah – Sekupang – Batam

HP: 082173710949

Standar | Posted in Tak Berkategori