Dari awalnya dipakai untuk keperluan militer, sekarang hampir semua orang mengenal dan setidaknya pernah memakai internet..

Internet tidak bisa lepas dari yang namanya website, namun untuk sebagian besar orang, masih belum mengerti bagaimana seh cara membuat website, langkah-langkah membuat website, atau apa saja yang perlu disiapkan untuk membuar website..
Rabu lalu, tgl 28okt, ada Kuliah Umum tentang Domain dan Web hosting yang diberikan oleh dosen tamu..

mari kita bahas pelan-pelan:

Website, dengan begitu banyak tampilan, namun ada bermacam-macam jenisnya..
Contohnya:

• Blog –> blogger, wordpress
• shopping/ecommerce –> ebay, amazon, bhinneka
• company profile –> asus, acer, mazda, suzuki, dll
• Photos –> flickr

Dalam membuat website, ada beberapa hal yang harus diperhatikan:

• Content –> hal ini merupakan yang palin krusial dari sebuah website. Website dengan tampilan bagus namun tidak memiliki isi yang berguna, tidak akan berkembang. dan akan jarang dikunjungi
• Presentation/format –> bagaimana kita menampilkan content dari website agar efektif, gampang dimengerti dan enak untuk dilihat
• how to accomplish –> bagaimana mencapai 2 hal di atas

Untuk mengimplementasikan hal di atas ada 2 hal yang perlu diperhatikan:

• technical requirement –> sebelum mulai, kita perlu menghitung kebutuhan website kita seperti storage yang dibutuhkan, maupun bandwidth yang kira-kira akan terpakai
• programming dan system (CMS) –> cara apa yang akan kita pakai untuk memprogram web, hal ini berhubungan erat dengan OS dari server yang kita butuhkan. Jika kita memakai php & mysql, atau Perl/CGI, maka server harus menggunakan linux. bisa juga menggunakan java, ruby on rails, atau asp/.net yang berbasis windows.
• maintenance
• marketing/promotion

Langkah-langkah dalam membuat website:

1. cari web hosting yang capable, atau dapat memenuhi technical requirement dari web yang akan kita bikin
2. cari domain name –> harus mudah diingat, dan tidak boleh ada symbol
3. setup hosting account –> email, dns, database, CMS.

Mungkin untuk beberapa orang masih belum mengerti apa itu domain dan hosting.
Domain adalah nama web kita contoh : google.com, yahoo.com dan sebagainya. Domain juga memiliki bermacam-macam tipe:

• .com –> untuk website umum/commerce
• .net –> untuk tujuan jaringan
• .org –> website untuk organisasi non profit
• .edu –> untuk pendidikan (sekolah, universitas)
• .gov –> untuk pemerintah
• dsb

Hosting adalah tempat/server dimana kita menaruh domain kita.hosting bertanggung jawab untuk storage, bandwidth, kecepatan akses, online/offline web..
jadi jika kita ingin membuat web yang diakses oleh orang di seluruh dunia, maka lebih baik mencari hosting dengan server di luar negeri. Namun jika ingin lokal, akan lebih baik mencari hosting dengan server dalam negeri.

umumnya hosting-hosting yang ada saat ini memiliki control panel dengan menggunakan cPanel..
cPanel ini memiliki banyak fitur yang sangat membantu..

FTP account diperlukan untuk mengupload file dari komputer kita..

File manager dapat digunakan untuk memanage file yang ada di server, seperti windows explorer pada OS windows atau finder pada Mac.

Logs berguna untuk melihat statistik dari web kita seperti berapa banyak yang mengakses dan sebagainya..

Domain dapat diatur juga, seperti subdomain (member.___.com, support.___.com), addon domain (untuk yang memiliki beberapa domain), parked domain (jika ingin memiliki domain dengan nama sama namun dengan ekstensi yang berbeda-beda)..

dan fitur yang sangat membantu juga yaitu fantastico de luxe..
dengan fitur ini, user dapat memilih CMS apa yang ingin digunakan, tidak perlu download ke komputer dulu, dan memiliki banyak pilihan, wordpress,joomla, openrealty, phpbb, dsb..

Untuk membuat website, kita tidak harus selalu terhubung dengan internet, kita bisa menggunakan localhost, atau dengan kata lain, server adalah komputer kita sendiri, dan host berada pada harddisk masing-masing..
dengan cara ini akan lebih cepat untuk mengedit dan melihat setiap perubahan..
jika sudah selesaim baru diupload keserver web kita..

langkah-langkah untuk mengetest development web kita:

• setup LAMP (Linux, Apache, MySQL, PHP)
• download joomla
• setup database –> PhPMyAdmin
• setup joomla –> http://localhost/joomla
• import/eksport database

Joomla merupakan salah satu CMS yang paling banyak digunakan, memiliki banyak support, dan gratis..

Joomla merupakan salah satu pilihan yang bagus untuk memulai mencoba membuat website, atau jika ingin seperti blog, bisa juga menggunakan wordpress..

Namun, jika sudah terbiasa, dan ingin yang lebih baik lagi, bisa juga menggunakan CMS lain yang memang memiliki tujuan khusus seperti OpenRealty untuk property, Magento untuk E-Commerce dan sebagainya..

Semoga info-info di atas cukup membantu dan selamat mencoba membuat website!

Terima Kasih

A.Label Drop Down Menu
1. Masuk ke settingan layout setelah itu klik edit HTML, trus klik ‘Expand Widget Template’.
Cari code di bawah ini:

Ganti code di atas dengan:

Setelah itu klik save template.
Selesai! Tapi sebelomnya jgn lupa backup template lama dulu yak..

Note: Sebelum mengedit, Anda harus sudah punya widget Labels yg diberikan oleh Blog secara default

B. Membuat Scrollable Box
Caranya sangat gampang, di bagian posting tinggal masukkan code di bawah ini:

jangan lupa mengedit isi pada bagian ‘Masukkan postingan disini’
beberapa elemen dapat diedit lagi seperti width, height, border, background color dapat disesuaikan dengan selera masing-masing.
C. Membuat “Read More” pada Postingan
Ada 3 langkah untuk menerapkan hal ini:
1. Menambahkan CSS
Buka Edit HTML pada layout lalu cari dan temukan kode </head>
Lalu copy code berikut ini tepat di atasnya:

Gunanya adalah membuat class bernama fullpost yang akan tampil hanya di halaman detail (permalink)

2. Menambahkan Read More
Klik checkbox ‘Expand Widget Template’ di atas edit template lalu scroll sampai ketemu <data:post.body/> lalu tambahkan code berikut ini setelahnya:

Kata Read More dapat diganti sesuai selera.
Setelah itu klik save template.

3. Memposting
Ketika mempost anda tinggal mengikuti format seperti ini:Post Awal
<span class=”fullpost”>
Sisa post
</span>

Jadi untuk post yang akan ditampilkan di halaman utama Anda tulis di bagian Post Awal..
Setelah itu sisa postnya ditulis di bagian Sisa Post.Note: Agar tidak repot untuk mengulang format tersebut, copy format di atas dan klik setting pada Blog –> Formatting lalu scroll ke bagian paling bawah dan paste di box yang ada di sana.
Jadi untuk selanjutnya memposting tinggal mengedit format yang sudah ada.

D. Membuat drop down menu
Ada 2 bagian untuk membuat drop down menu, yaitu HTML dan css nya..
yang pertama untuk format di htmlnya seperti ini:

Code di atas dapat disesuaikan ditaro di sebelah mana, namun umumnya disesuaikan pada bagian header atau menu utama dari template, atau bisa juga di Add A Gadget pada Settingan Layout bagian Page Elements yang ada dari Blogger. Jadi tinggal disesuaikan kebutuhan.

Lalu untuk bagian ke 2 yaitu untuk bagian CSS nya masukkan code berikut ini:

Setelah itu seharusnya drop down menu dapat langsung berfungsi..

namun ada beberapa kasus dimana menu tersebut tidak berjalan dengan baik karena bentrok dengan Template yang dipakai, karena itu harus disesuaikan lagi..

Kelemahan dari bentuk css ini ialah bentuk seperti ini tidak dapat berfungsi dengan baik pada browswer IE karena perbedaan systemnya, namun dapat berjalan dengan baik pada browser lainnya.

Syntax
Syntax dari css terdiri dari tiga bagian : selector, property dan value

Selector merupakan element HTML/tag yang ingin di deklarasikan, property merupakan attribute yang ingin diganti, dan tiap property memiliki value atau nilainya.

Note: jika value merupakan multiple word maka gunakan tanda kutip.

Note: jika ingin menspesifikasikan lebih dari satu property, maka harus dipisahkan dengan tanda titik dua.

Grouping
Digunakan untuk mengroup selector. Penggunaanya dengan memisahkan tiap selector dengan koma.

The Class Selector
Dengan menggunakan class selector maka dapat mendefinisikan style yang berbeda pada type element HTML yang sama
With the class selector you can define different styles for the same type of HTML element.
Say that you would like to have two types of paragraphs in your document: one right-aligned paragraph, and one center-aligned paragraph. Here is how you can do it with styles:

Penggunaannya :

Menginsert Style Sheet
tiga cara untuk memasukan style sheet ;
a.external style sheet
cocok digunakan ketika meng-applied ke dalam beberapa halaman.. tiap halaman harus link ke style sheet tersebut dengan menggunakan <link> tag. Yang dimasukan dalam bagian head.

b.internal style sheet
digunakan ketika suatu dokumen mempunyai style yang unik. Kita mendeklarasikannya dalam head dengan menggunakan <style>tag. Kemudian browser hanya akan membaca definisi style tersebut.

c.inline sheet
metode ini digunakan misalnya ketika suatu style akan di applied pada single occurrence dari sebuah element.

Multiple Style Sheets
Jika beberapa property diatur pada selector yang sama dalam style sheet yang berbeda, nilainya akan menjadi turunan dari style sheet yang lebih spesifik. Sebagai contoh;

Dan nilai dari internal style sheet berupa

Jika halaman dari internal style sheet juga link ke external style sheet, property h3 akan menjadi

untuk tutorial lebih lengkap dan detailnya dapat mengunjungi w3schools

Sesi II cuma ada 2 pembicara. Seharusnya yang pertama cari majalah CONCEPT, cuma berhubung telat, jadinya diganti, langsung bahas aja yak.

1. Game Design

Dibawain ma Pak Chandra dari Cartix Studio.

Dia menjelaskan tentang perkembangan Game Global yang sekarang ini berkembang pesat. Lalu beliau ini menjelaskan tentang proses pembuatan games yang kurang lebih kayak gini:

1. 1. 1. pembuatan storyline

      2. bikin konsep dasar game

      3. bikin prototype

      4. creating the game asset (kyk char, vehicle, props)

      5. game testing

      6. bug fixing

      7. final touch/marketing materials

Nah Pak Chandra ini menjelaskan tentang pekerjaan dia dan rekan-rekannya di Cartix studio yang bertugas buat design objek-objek realnya. Contoh skill-skill yang dibutuhin itu concept artist, modeler, texture artist, animator n kadang-kadang lighting artist ma rigger.

Liat contoh gambar dan proses yang ditampilin menarik deh, ada bajaj ma mikrolet gitu. Cuma sayangnya Pak Chandra ini biasanya bukan presenter, jadinya ngomongnya kaku. Dah gitu kesian bgt, dia kan dari Design Studio, yang notabene kerjaannya cuma ‘ngegambar’, tapi waktu sesi tanya jawab, malah pada banyak tanyanya tentang program dari gamenya, yah kesian dia, kelabakan jawabnya, soalnya design studio gitu kan ga ngehandle pemrograman dari game, tapi tetep aja pada nyecer dia ma pertanyaan-pertanyaan aneh gitu.

2. Good Design

Nah kali ini yang bawain Bapak Djoko Hartanto dari majalah CONCEPT. Nah ini juga presentasinya oke banget. Dah gitu dia punya slideshow juga menarik banget.

Beliau menjelaskan kayak apa seh design yang oke itu. Menurut Dieter Rams ada 10 syarat design yang bagus:

1. 1. 1. inovatif

      2. makes a produt useful

      3. aesthetic

      4. makes a produt understandable (ga perlu manual panjang2!)

      5. honest (jangan luar ma dalem beda kualitasnya)

      6. unobstructive

      7. long lasting

      8. consequent to the last detail (jangan ampe depan surga, belakang neraka)

      9. concerned with environment

      10. simplicity n purity

Beliau juga kasih contoh design AK-47 yang laku keras dimana-mana, ampe jadi favorit di semua game militer FPS (but not mine). Yang memenuhi hampir semua kriteria di atas, tapi melanggar 1 syarat yaitu nomor 9. jadi AK-47 ga bisa dibilang good design.

Kalo mao diringkas bisa dibilang “Good design is concerned with the environment & humanity”.

Dah gitu sempet dibahas juga (gara-gara ada yang tanya) kalo namanya good design itu pasti absolut. Yang relatif itu kalo ada 2 design yang sama-sama bagus, baru deh debat berhari-hari yang mana yang bih bagus, soalnya tiap orang punya selera masing-masing. Jadi tergantung perbandingannya, contohnya mobil Mazda dibandingin ma BMW (Bajaj Merah Warnanya), yah itu pasti mua orang waras juga bilang bagusan Mazda modelnya. Jadi kalo kita mao debat mana bagus ato jelek mesti tau diri, liat dulu perbandingannya.

Sesi dari Pak Djoko sesi terakhir n dgn begitu selese deh seminarnya. Sebenernya oke seh, cuma kyknya yang dibahas terlalu luas, cuma kulit luar. Jadi sebagian besar dah tau, n waktunya juga mepet. Jadi mao tanya-tanya juga terbatas waktunya, padahal banyak yang mao ditanya deh.moga-moga ada kesempetan laen deh..

26 Agustus 2009

UNTAR

Tanggal 26 Agustus 2009 kemaren Jurusan Teknik Elektro UNTAR mengadakan seminar sehari ttg PC Modding dan Design Games.

Wah waktu pertama kale baca pengumuman, pikir-pikir, ini mah ga usah dijawabin pasti ikut punya, menarik euy temanya! Hehe.. Jadi waktu tgl 26 nya dateng ke gedung utama, dah penasaran neh bakal kayak apa isinya..

Waktu pertama kale dateng, ada toko yang lagi majang Pcnya di stand-nya dia. Liat punya liat, ternyata mank salah satu toko favorit di Mang** 2 Mall. Pantes aja, barang-barangnya oke punya. Sayangnya bukan selerakwu.hehe.

Oke, lanjut ke seminarnya. Seminar ini ada 2 sesi, jadi kita bahas dari pertama aja yah..

SESI I : PC Modding

Di sesi 1 ini ada 3 bagian / pembicara yang akan memberikan presentasi.
Kita mulai aja yak :

1. Intel Processor.
Sesi ini dibawakan oleh Bapak David Tjahjadi selaku Channel Platform Manager dari Intel Indonesia. Beliau memberikan product knowledge tentang pengertian prosesor secara umum dan macam-macam prosesor yang dimiliki oleh Intel saat ini.

Prosesor sebagai ‘otak’ dari komputer pada umumnya memiliki 3 jenis, yaitu Desktop (yang umum digunakan bagi PC di rumah atau kantor), Mobile (digunakan pada notebook atau laptop), dan terakhir Server (sesuai namanya hehe). Namun, pada presentasi ini, difokuskan pada prosesor tipe pertama dan kedua yaitu Desktop dan Mobile, yang nanti akan lebih ditonjolkan pada Intel Atom.

Secara umum Intel memiliki 3 keluarga prosesor saat ini yaitu : Atom, Pentium, dan Core. Namun saat ini keluarga Core masih terpecah-pecah. Konsumen pada umumnya lebih mengetahui produk Core2Duo, Core2Quad, dan Core i7. Namun, saat ini Core i5 (Lynnfield dan Clarkdale) dan Core i9 (Gulftown) sedang dikembangkan, dan mengikuti kedua prosesor tersebut, Core2Duo dan Core2Quad akan dirubah namanya menjadi Core i3.

Bapak David lebih menekankan kepada Intel Atom, sehingga beliau membahas topik ini cukup panjang. Intel Atom merupakan prosesor yang ditujukan untuk Basic PC, atau dengan kata laen hanya untuk basic computing maupun web browsing sederhana. Prosesor ini ga sanggup handle kerjaan yang berat2.

Fitur dari Intel Atom ini :

• terbuat dari transistor berukuran paling kecil

• arsiktektur hemat daya

• prosesor 45nm, Hi-K Metal Gate yang merupakan yang pertama di industri semi konduktor yang mempunyai kelebihan efisiensi dibanding panas.

Fitur di atas memungkinak perangkat komputer dengan

• harga terjangkau, daya rendah, kinerja baik untuk kebutuhan sehari-hari

• untuk Nettop & Netbook & Mobile Internet Device. Yang disebutkan terakhir ini menggunakan Atom Z500 yang mempunyai daya jauh lebih kecil yaitu di bawah 1 Watt.

Intel Atom memiliki spesifikasi 1,6 GHz, FSB 533 MHz, L2 Cache, Core 1/2 Threading dan konsumsi daya 4 Watt.

Kurang lebih hal-hal yang dibahas tentang Intel Atom yah seperti itu. Saya sendiri tidak terlalu ngefans sama Intel Atom ini. Soalnya harga Netbook saat ini ga terlalu beda jauh ma Notebook, mending Notebook sekalian. Kemampuan jauh lebih tinggi. Dah gitu layar Netbook bisa bikin sakit mata, kecil bgt euy!

Oke deh, lanjut ke pembahasan selanjutnya oleh Bapak David, yaitu tentang Keluarga Core.

Ga ada yang terlalu banyak dibahas secara detail, tapi yang pasti cukup ditekankan tentang Core i7 yang saat ini merupakan prosesor terbaik yang dimiliki Intel. Kemampuannya mank menggiurkan seh, dengan kemampuan Hyper Threading yang membuat prosesor dengan 4 core ini berfungsi 2x lipat, jadi dianggap memliliki kemampuan 8 core. Mantap bgt! Apalagi yang Core i7 Extreme, itu seh poul bgt, cuma harganya juga extreme, paling murahnya aja 10 juta. Bisa dapet motor 1 tuh..hehe

Sayangnya Bapak David ini ngebawain sedikit kurang menarik, jadi agak-agak membosankan. Maap yah Pak kalo baca ini, tapi bener deh, coba lebih variasi lagi, biar menarik.hehe. Dah gitu, nyesel juga, sempet tanya, tapi dah sesi selanjutnya baru keingetan ada yang lupa ditanyain, padahal lebih penting. Hehe, yah kapan-kapan deh.

2. PC Modding – CHIP Indonesia

Presentasi ini dibawakan oleh Pak Dedy Irvan yang merupakan Kepala Lab majalah CHIP / Koordinator CHIP Test Lab (wah, mantep bgt neh, terima mahasiswa KP ga, Pak??). Pembicara yang ini seh oke bgt bawainnya, mank keliatan dah terbiasa presentasi. Di awal, beliau sempat memberikan pengenalan ttg majalah CHIP sedikit, lalu dia membahas ttg tren Notebook saat ini.

Sekarang ini, notebook & netbook sedang booming di Indo. Umumnya orang mencari notebook karena sudah terjangkau harganya dengan kinerja yg mumpuni, gampan dibawa-bawa, layanan purna jualnya oke, karena biasa hanya dihandle 1 perusahaan, dan juga yg penting gengsinya gede! Banyakan orang gara-gara ini neh beli laptop. Cuma untuk minusnya, dengan harga yang sama, kinerja jaauuuuuh di bawah desktop, n buat upgrade susah, paling-palingan harddisk atau RAM. Kalo prosesor,VGA, dll mah susah gantinya kalo laptop. Dah gitu, kalo laptop kita tergantung dengan produsen mau ngeluarinnya model kayak apa n spek nya apa. Kalo desktop kan suka-suka hati. Kalo plus-minusnya desktop yah tinggal dibalik dari yang tadi aja.hehe

Pak Dedy juga memberikan penjelasan ttg fungsi2 dasar dari setiap komponen dasar komputer, kayak MoBo, prosesor, RAM, VGA, HDD (Velociraptornya bikin ngiler!), PSU, monitor. Yah semuanya kurang lebih cukup diketahui orang awam pada umumnya lah.

Terakhir, beliau kasih info ttg lomba PC Modding yang diadain ma CHIP. Menarik deh, cuma sayangnya ga kepikiran ide yg inovatif.

3. Robotics UNTAR
Nah sesi ini dibawain ma mantan senior di kampus neh yang sekarang dah jadi dosen, hehe, Bapak Edi Syahputra. Maklum, dosen 1 ini mank bosnya Robotics UNTAR, dah sering ikut lomba n meraih penghargaan gitu deh.

Di awal, dia memberikan penjelasan tentang apa itu Robot yang merupakan gabungan Elektro, Mekanika, dan AI. Aplikasi robot dah luas bgt, di militer dan kedokteran contohnya, selain itu di industri hiburan ampe di rumah tangga.

Pada dasarnya robot itu hanya terdiri dari proses dasar:

Input (sensor) → Proses (otak) → Output (otot/aktuator)

feedback(sensor)

Biz itu dia kasih liat video pertandingannya, n dia ampe bawa contoh robot dia yang udah menang lomba.

Sayangnya Pak Edy ini bawainnya masih agak kaku yak, mungkin grogi kali. Hehe. Tapi biz itu ada sesi tanya jawab, n sesi pertanyaannya malah jadi membahas rumus yang cuma bikin kepala pusing.hehe.

Biz selesai presentasi yang ke 3 ini, ada break sebentar. Lumayan deh, makan siang dulu!! baru lanjut lagi deh..