XtraoRdinarY: Mei 2012

Selasa, 29 Mei 2012

Website Statis

Website statis adalah sebuah website dimana tampilan halamannya tidak berubah-ubah. Website statis ini biasanya jarang di update/diperbaharui, baik isi maupun tampilannya. Kalaupun di update, itu sangat jarang dan dalam waktu-waktu tertentu saja. Biasanya website statis ini tidak menyediakan kolom untuk berkomentar bagi para pengunjungnya.

Dari segi jumlah halamannya, website statis ini juga sangat terbatas halamannya. Informasi yang ada pada halamannya hanya informasi yang sudah tetap. Jadi dapat disimpulkan, website statis ini hampir sama dengan brosur. Namun yang membedakannya adalah, brosur berupa cetakan dan biasanya disebarkan, sedangkan website statis hanya dapat diakses melalui internet.

Website statis biasanya dipergunakan untuk website company profile, personal profile, penawaran produk.

cara membuat website statis

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Website atau disingkat web atau dikenal juga dengan nama homepage kini telah menjadi trend. Ribuan bahkan jutaan website kini telah meramaikan dunia maya seiring dengan perkembangan internet. Bila telah terhubung dengan internet, sebuah perusahaan dapat mempromosikan produknya ke segala penjuru dunia lewat website perusahaan.

Kita pun bisa membuat website seperti itu sendiri dengan bantuan software web developer yang sudah ada seperti Microsoft Frontpage atau Macromedia Dreamweaver. Kalaupun program tersebut tidak terinstal di komputer anda, asalkan ada program Notepad, Internet Explorer, atau web browser sejenis anda masih bisa membuat web pribadi anda. Selain PHP, bahasa yang umum dipakai untuk membuat halaman website ini salah satunya adalah HyperText Markup Language (HTML). HTML ini sangat mudah untuk kita pelajari bila dibandingkan dengan PHP. Karena itu untuk latihan kali ini saya terangkan mengenai pembuatan web pribadi sederhana menggunakan HTML. Perintah-perintah yang dipakai dalam HTML ini dinamakan tag. Tag-tag yang dipakai untuk membuat halaman sebuah web dapat kita lihat dengan mengeklik tab View>Source dalam web browser yang anda pakai. Untuk web browser lainnya seperti Mozilla Firefox, source halaman website bisa anda lihat dengan mengeklik tab View>Page Source. Berikut ini saya jelaskan langkah-langkah untuk membuat website sederhana buatan anda sendiri. Ikuti terus ya !

1. Klik Start > All Program > Accessories > Notepad untuk membuka program Notepad.

2. Tampilan program Notepad seperti gambar di bawah ini. Di Notepad ini nanti kita akan mengetik tag HTML untuk membuat sebuah halaman web.

3. Sebuah halaman web terdiri dari dua bagian, yaitu bagian kepala dan badan.Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti sebuah web. Bagian kepala dan bagian badan ini nantinya akan membentuk sebuah kesatuan halaman website yang akan kita buat. Tuliskan tag tag berikut dalam Notepad untuk membuat bagian kepala dan badan web.

<html>

<head>

<title>

Website Saya

</title>

</head>

<body>

Selamat datang di website saya

</body>

</html>

4. Warna background website anda dapat anda ubah dengan menambahkan kata “bgcolor = warna” setelah tag body. Misalnya anda ingin memberi warna hitam website anda maka anda tinggal tambahkan kode berikut :

5. Anda bisa juga menjadikan sebuah gambar sebagai background website anda dengan menambahkan kode : “background = file gambar” setelah tag body. Misalnya anda ingin menjadikan file gambar pemandangan.jpg sebagai background halaman website anda maka anda tinggal tambahkan kode berikut :

6. Seperti halnya background website, tulisan dalam website pun bisa juga diubah ubah warnanya. Selain itu jenis dan ukuran tulisan bisa juga kita ubah ubah. Untuk itu kita perlu menyisipkan tag <font> </font> dalam tag <body> </body>. Untuk mengubah warna tulisan kita tambahkan kode “color” setelah font, untuk mengubah jenis tulisan kita tambahkan kode “face”, dan untuk mengubah ukuran tulisan kita tambahkan kode “size”.

<html>

<head>

<title>

Website Saya

</title>

</head>

Selamat datang di website saya

</font>

</body>

</html>

7. Anda bisa menyisipkan foto atau gambar anda dalam website anda dengan mengetikkan tag <img src = file foto anda>. Misalkan file yang ingin anda masukkan bernama bajaj.jpg, maka tag yang perlu anda tuliskan adalah :

8. Selanjutnya tinggal anda tambahkan menu menu dalam website anda. Menu standar yang ada dalam web sederhana biasanya adalah profil, galeri foto, dan link. Untuk itu kita perlu menambah halaman baru yang mempunyai nama file profil.html, galeri.html, dan link.html. Untuk membuat halaman halaman ini anda bisa mengulangi langkah langkah yang telah dijelaskan sebelumnya. Untuk menghubungkan halaman utama website dengan halaman halaman tambahan ini kita perlu ketikkan tag <a href = profil.html> dan ditutup dengan </a> bila kita ingin menghubungkan dengan halaman profil, demikian pula untuk halaman web lainnya. Kode berikut akan menampilkan hubungan antar halaman website yang berjejer.

<a href = profil.html> Profil </a> <a href = galeri.html> Galeri </a> <a href = link.html> Link </a>

9. Untuk halaman profil, galeri, dan link bisa anda tambahkan sesuka anda seperti langkah langkah sebelumnya. Khusus untuk halaman link, anda bisa mengisinya dengan link ke Friendster, Yahoomail, Google, dan sebagainya. Link yang telah dijelaskan di atas bila kita klik maka halaman baru akan dibuka dalam satu jendela browser yang sama.

10. Bila anda ingin link ke halaman profil anda berupa gambar profil.jpg misalnya, maka anda perlu menyisipkan file gambar di dalam tag <a href = profil.html>

</a>. Sehingga dapat kita tuliskan sebagai berikut :

11. Saya rasa tutorial ini sudah cukup sebagai awal untuk mulai membuat website pribadi anda. Pesan terakhir, guru saya pernah bercerita yang kurang lebih intinya adalah anda tidak akan bisa jago silat bila anda cuma melihat orang silat saja dan tidak berusaha untuk berlatih. Yang saya bahas di sini cuma HTML saja, dan bahasa HTML ini masih jauh lebih mudah dari bahasa PHP. Karena itu, sering seringlah berlatih dan jangan cepat merasa puas bila anda sudah mempunyai webstatis pribadi. SELAMAT BERKARYA ! :)

Untuk Contoh Hasil Dari Web Statis Bisa di DOWNLOAD disini,,,!!

Senin, 21 Mei 2012

Pengertian Content Management System (CMS)

CMS (Content Management System) adalah suatu sistem yang digunakan untuk mengelola dan memfasilitasi proses pembuatan, pembaharuan, dan publikasi content secara bersama (collaborative content management). Content mengacu pada informasi dalam bentuk teks, grafik, gambar maupun dalam format-format lain yang perlu dikelola dengan tujuan memudahkan proses pembuatan, pembaharuan, distribusi, pencarian, analisis, dan meningkatkan fleksibilitas untuk ditransformasikan ke dalam bentuk lain. Terminologi CMS sendiri cukup luas, di antaranya mencakup software aplikasi, database, arsip, workflow, dan alat bantu lainnya yang dapat dikelola sebagai bagian dari mekanisme jaringan informasi suatu perusahaan maupun global.

CMS (Content Management System) terbukti merupakan sebuah aset penting bagi perusahaan untuk mengelola content situs web dan portal secara efisien dan efektif. Saat ini, berbagai perusahaan mengkombinasikan content tak berstruktur dengan transaksi tradisional dan application logic untuk membangun aplikasi berbasis Web. Web application ini mewujudkan interaksi yang lebih personal dengan para user-nya, dan meningkatkan kinerja perusahaan dengan menyediakan layanan mandiri bagi para karyawan, partner, penyedia barang dan pelanggan. Aplikasi berbasis Web yang semakin berdaya, secara tidak langsung meningkatkan peranan dan pentingnya CMS sebagai bagian dari infrastruktur aplikasi perusahaan. Alhasil, pemilihan CMS yang akan diterapkan di perusahaan tidak bisa dianggap remeh.

Dengan adanya CMS yang terintegrasi dengan sebuah WebSite akan memberikan suatu nilai lebih yang akan meningkatkan fungsionalitas dan fleksibiltas dari Web Site tersebut, terlebih pada WebSite yang tujuan pemanfaatannya sebagai media promosi dan membangun citra konsumen, dimana kontinuitas dan inovasi dalam pemasaran produk-produk secara berkala dan berkesinambungan sebagai suatu hal yang memegang peranan penting dalam tercapainya target pemasaran.

Macam - Macam CMS

1.CMS Portal

Web Portal adalah sebuah website juga yang memiliki beberapa kelebihan jika dibandingkan dengan website biasa. Beberapa kelebihan website ini sehingga disebut Web Portal antara lain:Program aplikasinya lebih lengkap, seperti program untuk mengatur berita, polling, komentar pengunjung, pengaturan artikel, forum diskusi, buku tamu, iklan baris, dan sebagainya.

Tool ini memudahkan kita untuk memanage berita, artikel, tulisan dan mengumpulkan pendapat (polling). Contoh sebuah portal adalah detik.com. cms jenis ini adalah BitWeaver, CivicSpace, Clever Copy, CMS Made Simple, Contenido, DEV, Dragonfly CMS, Drupal, e107, EcwCMS, Exponent, eZ Publish, Fundament, Geeklog, Jaws, JetBox, Joomla, Jupiter, Mambo, MDPro, MODx, Netious, OneCMS, Ovidentia, Papoo, PHP-Fusion, PHP-Nuke, phpComasy, phpSlash, phpWebSite, PHPX, PLUME CMS, Postnuke, Props, SPIP, Tiki CMS/Groupware, toendaCMS, Typo3, Website Baker, Xaraya, XOOPS, dan YACS!.

2. CMS Blogs

Blog adalah kependekan dari Weblog . Pada awalnya, istilah Weblog dipakai untuk menyebut website pribadi yang diupdate secara kontinyu, berisi daftar link yang dianggap menarik disertai komentar-komentar mereka sendiri.

Para pemilik weblog ini kita sebut sebagai blogger mulai mengembangkan daftar link’ ini menjadi tempat untuk berekspresi sesuai kemauan mereka. Sebagian besar dari weblog berkembang menjadi sebuah diary online, hanya bedanya dengan diary biasa, blog bisa dibaca oleh siapa saja (komsumsi publik).

Blogs – merupakan tool yang cukup populer khususnya untuk diary virtual seseorang. Walaupun tentunya bisa digunakan untuk apa saja, misalnya mengemukakan pendapat, menceritakan pengalaman, mengemukakan sebuah pemikiran, dll. Yang menarik dari blog, memungkinkan untuk saling link atau saling mendukung satu sama lain hingga akhirnya dapat menjadi alternatif sumber informasi di Internet yang sifatnya sangat perorangan & bebas. Contohnya adalah b2evolution, bBlog, BirdBlog, BLOG:CMS, Blur6ex, boastMachine, Dotclear, Loudblog, Nucleus CMS, Pixelpost, sBlog, Serendipity, Simplog, Textpattern, TruBlog, Wheatblog, dan WordPress.

3. CMS E-Commerce

Electronic Commerce (E-Commerce) didefinisikan sebagai proses pembelian dan penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer. Salah satu jaringan yang digunakan adalah internet. Biasanya digunakan bagi mereka yang ingin membuka toko di Internet.

Beberapa aplikasinya diantaranya adalah osc2nuke, osCommerce, phpShop, dan Zen Cart.

4. CMS Forums

Forum – adalah tool tempat diskusi, dimana kita dapat berdiskusi melalui Web. Biasanya di Forum kita berdiskusi mengenai topik apa saja atau tertentu.

Aplikasi yang ada antara lain adalah FUDForum, miniBB, MyBB, Phorum, phpBB, PunBB, SMF, UNB, UseBB, Vanilla, W-Agora, dan XMB.

5. CMS E-Learning

E-Learning adalah pembelajaran jarak jauh (distance Learning) yang memanfaatkan teknologi komputer, jaringan komputer dan/atau Internet. E-Learning memungkinkan pembelajar untuk belajar melalui komputer di tempat mereka masing-masing tanpa harus secara fisik pergi mengikuti pelajaran/perkuliahan di kelas. E-Learning sering pula dipahami sebagai suatu bentuk pembelajaran berbasis web yang bisa diakses dari intranet di jaringan lokal atau internet.

Aplikasi yang ada diantaranya yaitu ATutor, Dokeos, Interact, Moodle, dan Site@School. Software favorit untuk e-learning adalah Moodle

6. CMS Image Galerries

Image Galleries – adalah tool album foto di Web, seperti Coppermine, DAlbum, Gallery, Gallery 2, LinPHA, MG2, Plogger, Singapore, Snipe Gallery, SPGM, WEBalbum, dan yappa-ng.

7. CMS Wiki
Wikis – adalah tool untuk membangun naskah secara kolaboratif, hingga dapat menjadi ensiklopedia di Internet. Aplikasi yang ada antara lain adalah DokuWiki, ErfurtWiki, MediaWiki, phpWiki, PmWiki, QwikiWiki, UniWakka, WackoWiki, Wikepage, WikkaWiki, dan WikkiTikkiTavi.

Fungsi CMS

1. Content Making
Pembuatan content dilngkungan CMS adalah mudah, karena bisa dilakukan oleh siapapun tanpa harus mengetahui dasar HTML. Kebanyakan CMS sekarang penulisan contentnya dikembangkan dilingkungan berbasis web, dengan implementasi yang lebih sederhana serta mengijinkan untuk diupdate tanpa harus meghapus dulu.

2. Content Management
Satu halaman telah dibuat, maka CMS akan menyimpan halaman tersebut pada tempat penyimpananya. Semuanya disimpan dengan link yang terkait. Pusat penyimpanan juga menyediakan fasilitas untuk mengelola content dengan metode :

· menjaga traking semua content sehingga bisa mengerahui siapa merubah dan kapan.
· Memastikan masing-masing user hanya punya privasi sesuai dengan haknya.
· Mengitegrasikan dengan system sesuai dengan spesifik kontent tersebut.
Yang paling penting ada masalah workflow capability. Sebagai contoh : bila ada content masuk yang dutullis oleh seseorang maka content tersebut tidak akan langsung dipublikasikan melainkan statusnya akan pending, sampai akirnya di review oleh administrator atau yang diberi hal untuk ini dan tergantung langkah administrator selanjutnya. Kalo di approve baik dengan diedit terlebih dahulu atau tanpa pengeditan, maka setelah itu content tersebut baru bisa dibaca oleh visitor.

3. Publication
Setelah atikel di terima oleh admin dan direview, tentunya disini admin atau user lain yang biberi privelege juga berhak untuk mengedit kali dirasa semua sudah sesuai selanjutnya artikel tersebut akan diapprove maka secara otamatis akan dipublikasikan sesuai dengan kategorinya.

4. Presentation
CMS dapat juga menyediakan penomeran atau berdasar tanggal untuk memindah kualitas dan efektifitas dirinya. Sebagai contoh CMS akan membangun navigasi buat kita dengan membaca struktur pengeluaran yang urut dari content yang teleh disimpanya. Sehingga akan membantu dalam mempresentasikan

SEMOGA BERMANFAAT,,!!

Senin, 14 Mei 2012

Animasi dengan masking dan path

1. Buatlah sebuah file baru

2. Ketikkan teks pada stage, font: calibri, size: 48, color: biru. Atur agar letaknya di tengah stage

3. Klik di frame 40 pada timeline, klik kanan mouse pilih insert frame

4. Insert layer pada jendela timeline, beri nama lingkaran

5. Buat sebuah lingkaran pada stage, ukuran lebih besar dari tinggi teks, warna bebas

6. Klik mouse di frame 1 pada timeline

7. Pilih modify > convert to symbol

8. Beri nama lingkaran masking, pilih graphic, pilih OK

9. Dengan menggunakan selection tool (

) atur gambar lingkaran ke samping kiri teks

10. Klik di frame 40 pada layer lingkaran, klik kanan mouse piulih insert keyrame

11. Dengan menggunakan selection tool (

) atur gambar ke samping kanan teks

12. Blok dari frame 1 hingga 40 pada layer lingkaran, klik kanan mouse pilih create motion tween

13. Pilih kotak kecil pada layer lingkaran, klik kanan mouse pilih mask

14. Jalankan animasi

SELAMAT MENCOBA,,,SEMOGA BERHASIL,,,!!

Contoh Animasi Dengan Masking dan Path,,,DOWNLOAD,,!!