Powered by Blogger.
RSS
Showing posts with label Website engineering. Show all posts
Showing posts with label Website engineering. Show all posts

XAMPP : Build Web Server, FTP and Database Server



Xampp 1.7.7 untuk Localhost Server


Windows XP punya banyak kelemahan dalam hal web server. Windows XP memang tidak diperuntukkan untuk computer server. Jangan khawatir, banyak software pihak ketiga dapat menambah kemampuan Windows XP di bidang web server. Salah satunya XAMPP.

Dengan XAMPP 1.7.7, Anda dapat membangun sebuah jaringan layaknya internet namun dalam lingkup lokal (localhost atau intranet). Kita lanjutkan dengan anggapan Anda punya pengetahuan dasar web server, FTP server, dan database server atau silahkan cari referensinya di Google search engine. Dengan XAMPP juga, bagi Anda yang berminat belajar web design, web programming dan semacamnya, Anda dapat dengan mudah mengelolanya terlebih dulu di server lokal (localhost) sebelum di-upload ke publik. Dengan kata lain belajar dalam lingkungan kerja offline dulu, baru kemudian online.
  • Xampp  adalah aplikasi free open source yang bersisi modul-modul yang dibutuhkan untuk membangun sebuah server yang bekerja dengan baik dalam lingkungan Windows. Dengan XAMPP, kita dapat membangun sebuah web server, FTP server, dan database server sekaligus dalam lingkungan Operating System (OS) Windows.

Persiapan yang Dibutuhkan

Instalasi XAMPP 

  1. Setelah sukses download XAMPP, jalankan dengan mengklik 2x file tersebut. Lalu klik Next.

  2. Tentukan lokasi folder yang diinginkan untuk menaruh file hasil instalasi nantinya. Klik Next.

  3. Selanjutnya beri tanda check semua opsi yang diberikan. Klik Install.

  4. Tunggu beberapa saat, proses instalasi running.

  5. Setelah proses selesai silahkan klik Finish.

    pemasangan XAMPP di Windows XP

  6. Anda akan disuguhkan beberapa pertanyaan. Jawab saja "Yes" dengan menekan tombol "y" lalu tekan enter. Setelah itu muncul kotak XAMPP Control Panel seperti gambar diatas dan sebuah ikon kecil bergambar tulang berwarna orange di kotak tray.

Untuk menguji apakah instalasi sukses atau tidak. Di server, buka browser Anda, lalu :
  • ketik  http://localhost/ pada address bar.
Lakukan juga di client dengan mengetikkan ip address server di browser. Misalnya, IP address yang digunakan 192.168.2.30, jadi di browser saya ketikkan http://192.168.2.30/.

Konfigurasi isi direktori XAMPPKonfigurasi folder pada direktori XAMPP

Selamat mencoba!     

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tutorial blogger pemula : a bloggers keyword guide

 
Welcome to the blogosphere!
Membicarakan Blogosphere kita melihat jumlah blog berkembang teramat pesat, BLOG pertama diciptakan tahun 1997, kini ada lebih 145 juta. Banyak hal bisa dilakukan dengan blog, termasuk diantaranya mencari uang, punya toko online, berbisnis yang mencakup seluruh dunia. Anda dapat bekerja dari rumah, akses informasi terbaru, update konten situs dan mendapat uang dengan monetize website.

Making a Name for Yourself in Cyberspace

Pertama terjun ke dunia online, mulailah dengan yang paling mudah – Create a blog blogger. Tetapi ingat! Hanya membuat konten bagus tidak cukup, Anda harus punya sebuah strategi untuk membuat dan membangun situs. Strategi ini pada awal dan akhir untuk meraih PAGERANK tertinggi yang mungkin diraih dalam SERPs (Search Engine Result pages).

Strategi Anda harus diawali dengan pertanyaan:
  • How are you going to make a name for yourself as a blogger?
Lebih 100 juta blog ingin meraih tujuan sama, yaitu posisi terbaik di mesin pencari Google. sementara tidak ada buku peraturan dan kriteria yang jelas. Anda dan jutaan blogger lain seperti berebut memegang ekor keledai di ruangan gelap. Gunakan strategi untuk memenangkan kompetisi ini.

Awali strategi Anda dengan menjawab pertanyaan “Apa Nama situs Anda?” Tentu kita ingin nama paling kompetitif untuk memenangkan persaingan di mesin pencari. Untuk itu silahkan kunjungi:
Selanjutnya selain membuat konten bagus Anda harus melakukan teknik SEO yang banyak membutuhkan waktu dan ketekunan. Strategi SEO memudahkan blog mendapatkan posisi terbaik yang mungkin diraih di mesin pencari Google.

Search Engine Optimization (SEO)

SEO menjadi industri berkembang di sekitar usaha memaksimalkan posisi blog atau website di Halaman Hasil Pencarian Mesin Pencari (SERP). Hasilnya adalah hasil pencarian organik - yang dihasilkan oleh pencocokan istilah pencarian, dan tidak memanfaatkan iklan berbayar, yang akan menguntungkan peringkat blog tanpa pelanggaran aturan Google (Asalkan tidak melakukan Black Hat SEO).
proses search engine optimization
Teknik SEO ini akan menghasilkan pengunjung berkualitas, yaitu pengunjung yang sengaja mencari informasi penting dengan mengetik keyword tertentu pada mesin pencari. Perkiraan keyword tersebut yang akan disisipkan oleh Copywriter ketika membuat artikel.

Pencarian non-Organik dilakukan melalui iklan berbayar, seperti Pay Per Click (PPC), dapat meningkatkan Pagerank, tetapi berapa biayanya untuk pengeluaran ekstra?  Berapa budget iklan untuk situs Anda?

Biaya yang Anda bayar sangat tergantung pada keyword yang Anda gunakan. Jika keyword lebih populer, biaya semakin mahal. Blogger pemula yang dananya terbatas dapat mensiasati dengan memaksimalkan SERP sementara pencarian non-Organik pun diminimalkan. Tetapi bagaimana caranya?
  • Caranya lakukan riset keyword sendiri!
Dunia blogging sangat kompetitif, persaingannya teramat sengit. Penggunaan keyword untuk blog sifatnya adalah Hit & Miss atau Trial and Error – Anda tidak akan tahu hasilnya jika keyword Anda belum dicoba. Percobaan penggunaan keyword juga lebih merupakan SENI (art) ketimbang nilai ilmiah.

Penggunaan tools yang tersedia secara bebas bersama dengan banyak alat analisis dapat membantu Anda menghasilkan kombinasi (campuran) terbaik keyword pendek, menengah, dan panjang.
  • Anda harus memantau penggunaan keyword pesaing untuk menghemat waktu dan uang.

Keywords

Keyword punya posisi vital dalam SEO, keyword menjadi bagian penting dari strategi blog yang sukses. Keyword kuat akan menarik trafik kunjungan ke blog, memberi kesempatan meningkatkan konversi dan memaksimalkan pendapatan dari pengiklan yang ingin berhubungan dengan Anda dan situs lain yang ingin link ke blog Anda. Setelah mendapatkan peran blogger, gunakan momentum dan peluang Anda.
ilustrasi keyword dan tombol keyboard

Types of Keywords

There are two types of keywords – short tail and long tail. Short tail comprise up to three keywords used together and long tail comprise four or more keywords. As a rule, short tail are more competitive as they are more general than long tail, yet long tail receive less hits but result in better conversion. You should be using a mix of short and long tail keywords to generate optimal results. The use of mid tail keywords may provide a perfect balance between competitiveness and conversion. Similarly, you could use short and medium tail keywords to build links and set the stage for long tail keywords.

Generating Competitive Keywords

Although there is a range of software that analyzes keywords, you can check keywords on Google and the other major search engines, such as Yahoo! and MSN. Search using the following methodology: intitle:[key phrase] andallintitle:[key phrase]. The results will give you a strong feel for how many other people are searching for similar keywords.

When you perform these searches, check out how much advertising there is and if it has been configured with keywords. A lot of advertising configured with keywords is a sure sign that the keywords are competitive.

SEO for Firefox also generates useful keyword data as does Google AdWords Keyword Tool. Use the exact match Local Search volume and Approximate CPC to assess keyword competitiveness. Also monitoring your competitors’ blogs and the keywords they use can save you time and money when it comes to formulating your own keywords. It is preferable to use a VPN proxy when conducting competitor analysis.



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tutorial website design : bikin database phpMyAdmin


Desain website   ingin dirancang sendiri, Anda lebih dahulu harus membuat database untuk menampung website yang dibuat. Secara umum jika berurusan dengan sistem informasi, maka tidak lepas dari database. Metode pembuatan database sangat banyak diantaranya melalui aplikasi MySQL Database. Kita harus membuat database terlebih dahulu sebelum menginstall CMS, misalnya CMS webstore platform Opencart, toko online Prestashop dan Joomla.

Membuat Database Baru langsung di halaman PHPMyAdmin tidak bisa Anda lakukan tetapi harus melalui aplikasi MySQL Database.
  • Please note that you can not create a database directly through cPanel->PhpMyAdmin due to the lack of user privileges.

Membuat Database

Untuk membuat database baru berikut ini caranya:
  1. Lakukan navigasi cPanel ----> MySQL Database
  2. Klik Create New Database. Masukkan nama Database (misalnya “test”) New Database text. Kemudian klik tombol Create Database.
Nama database (“test”) selalu didahului “cPanel username.”

Jendela MySQL control Panel membuat database
Sebagai contoh, jika cPanel user name Anda adalah user. Seperti disebutkan diatas, database yang Anda buat namanya test. Maka nama database menjadi :

user_test

Lihat nama database diatas. Control Panel akan menambahkan prefix username_  Karena Anda menggunakan nama usernya adalah “user” maka prefix nama database Anda :

  • user_

Dan nama mysql database-nya menjadi ------ >  user_test
konfirmasi nama database baruUntuk melihat hasilnya, lakukan navigasi ke:

  • cPanel->PhpMyAdmin tool

Dan buka saja database terbaru dan akan terlihat masih kosong karena belum ada tabel apapun.

Tabel database yang baru dibuat masih blank

Menghubungkan User dengan Database

Untuk menghubungkan Anda sebagai pengguna dan database Anda diperlukan PHP. Untuk itu Anda harus membuat username dan password untuk akses ke database.
Anda bisa menggunakan menu Create User untuk penambahan username seperti gambar di bawah ini:
cPanel_membuat user name di MySQL
Untuk menghubungkan user ke database , dengan cara pilih user-nya, kemudian pilih database-nya pada menu Drop-Down seperti pada gambar di atas. Untuk menyimpan klik tombol ADD. Kemudian muncul jendela Privileges (defaultnya adalah All), kemudian klik Add User to Database.

Setelah itu, akan muncul koneksi baru yang bisa Anda gunakan di script PHP maupun script Perl.

Misalnya saya gunakan nama sebagai user (pengguna) database :

testinguse

  • Nama sebagai pengguna database – yaitu user : testinguse – adalah sesuatu yang berbeda dan harus dibedakan dengan& cPanel user name Anda - yaitu user : user test adalah nama database user adalah nama sebagai pengguna cPanel testinguse adalah nama sebagai pengguna database Maka semua bisa diilustrasikan sebagai berikut : Users in test user_testinguse (Privileges: ALL PRIVILEGES)
  • Connection Strings
    Perl $dbh = DBI->connect(”DBI:mysql:user_test:localhost”,”user_testinguse”,”");
    PHP $dbh=mysql_connect (”localhost”, “user_testinguse”, “”) or die (’I cannot connect to the database because: ‘ . mysql_error());
    mysql_select_db (”user_test”); .

Ilustrasi diatas menyatakan bahwa, saya sebagai pengguna database dengan identitas :

user_testinguse

menghubungkan user_testinguse agar terkoneksi ke database user_test

Tambahan

Jika Anda sudah memiliki file sql dan ingin meng-upload data sql Anda, caranya :
1.   Silahkan klik phpmyadmin pada bagian paling bawah.
2.   Setelah masuk ke phpmyadmin, pilih database yang digunakan.
3.   Pada halaman sebelah kanan, pilih menu Import , browse file sql dari computer Anda.
4.   Klik Go untuk melanjutkan.

Jika import anda sukses, akan muncul laporan :

Import has been successfully finished

Anda juga bisa menggunakan phpmyadmin untuk mengelola administrasi database, seperti :
melihat data, query sql, export-import tabel, rename, etc.

Artikel paling relevan : Tutorial : Membuat Tabel Database di phpMyAdmin



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tutorial web design : bikin tabel database phpMyAdmin



Website minus database adalah omong kosong, demikian juga database website jika tidak ada tabel Query maka website tidak ada apa-apanya. Saat pertama bikin database dengan aplikasi MySQL pada Control Panel (sebelum bikin website), database tersebut masih kosong dan harus membuatkan banyak tabel untuk menjadikannya sebagai "rumah" bagi website.

Jika menggunakan template website pihak luar, Anda tidak perlu membuat tabel, karena saat menginstal otomatis juga mengimport tabel-tabelnya. Anda hanya perlu membuat database baru sebelum menginstal template website.

Anda mungkin perlu ekspor dan impor tabel atau bahkan membuat tabel sendiri. Untuk itu Anda perlu tahu bagaimana mengelola database beserta tabelnya.

Membuat Tabel Melalui Halaman phpMyAdmin

  1. Buka Database baru, misalnya saja nama database user_test (review artikel : Cara Membuat Database Baru di phpMyAdmin).
  2. Klik pilihan menu "Create Table on Database" user_test

    Sehingga akan tampak halaman seperti ini :

    halaman phpMyAdmin membuat tabel
  3. Masukkan nama tabel dan jumlah field.
  4. Klik tombol Go untuk menyimpan.
  5. Pada screen halaman pembuatan tabel, masukkan nama-nama "field" yang diinginkan beserta “properti yang sesuai.”
  6. SAVE

Corresponding Properties of Table

Anda harus memilih jenis data yang akan disimpan dalam field. Detail tentang opsi yang mungkin dapat ditemukan dalam dokumentasi resmi MySQL Data Types. Properti terkait tabel meliputi:

Length/Values

Masukkan panjang field. Jika tipe field "enum" atau "set", masukkan nilai menggunakan format ini: 'a','b','c'...
Collation
Pick the data collation for each of the fields.

Attribute

Atribut yang boleh digunakan :
BINARY – pemeriksaan field berupa binary, sebagai contoh utf8_bin;
UNSIGNED -  bidang nilai numerik berupa nilai positif  atau 0;
UNSIGNED ZEROFILL - bidang nilai numerik berupa nilai positif  atau 0, dan mengarahkan nol ditambahkan ke suatu angka;
ON UPDATE CURRENT_TIMESTAMP – nilai untuk field tipe data memiliki  “current timestamp”  karenanya nilainya default, dan otomatis ter-update;

Null

Di sini Anda menentukan apakah nilai kolom dapat menjadi NULL. Lebih lanjut tentang nilai NULL dapat ditemukan dalam MySQL documentation yang sesuai.

Default

Property ini membolehkan Anda mengatur nilai default untuk field tertentu.

Extra

Dalam Extra property, Anda dapat menentukan apakah nilai field merupakan auto-increment.
The radio buttons that come below define whether there is an Index defined for the particular field and specify the Index type.

Comments

Anda bisa menambahkan komentar, yang di dalamnya termasuk database sql code.

Akhirnya Anda dapat menyertakan tabel komentar dan memilih Storage Engine MySQL dan Collation-nya. Setelah Anda siap, klik tombol Save.

Jika mau menambahkan lebih banyak Field, Anda harus tentukan spesifikasi dan jumlah field. Jika selesai klik GO. Hasilnya: tabel database yang sudah diubah beserta “corresponding MySQL query.

membuat tabel database phpMyAdmin
Selanjutnya mengisi tabel dengan data.

How to Add Content in a Database Table?

Untuk menambahkan records ke tabel, lakukan langkah ini :
  1. klik tab Insert.

    Menambah record data field phpMyAdmin
  2. Masukkan data ke field yang sesuai.
  3. Klik GO untuk menyimpannya.
Pada bagian paling bawah terlihat menu drop-down berlabel Restart insertion with x rows.
Anda dapat memilih jumlah baris + data dan sekaligus disisipkan. Secara default nilainya 2.
Pengabaian kotak centang akan memungkinkan Anda mengabaikan data yang dimasukkan di bawahnya. maksudnya, Ini tidak akan ditambahkan.

Anda dapat melihat catatan yang baru dimasukkan dengan klik tab Browse.

Penyisipan data tabel halaman phpMyAdmin
Anda dapat mengedit atau menghapus record dengan klik icon yang sesuai.
Untuk menyisipkan records lebih banyak, kembali ke tab Insert dan ulangi prosedurnya.

How to Backup a Database?

Setelah siap, Anda dapat membuat backup database melalui tab Export.
kelola database halaman phpMyAdmin
  1. Pilih tabel yang ingin di-export.
  2. Biarkan pilihan tombol “radio button” tetap pada opsi SQL.
  3. Biarkan tanda centang (checkbox) pada opsi Structure and Data.
  4. Pilih Save as file dan beri tanda centang (checkbox).
  5. Kemudian klik tombol Go.
Dengan cara ini Anda menyimpan file dump SQL beserta struktur database dan content di computer.
Jika database besar sangat banyak record, Server timeout value bisa terjadi.   Untuk kasus ini, Anda bisa export database dalam beberapa batches. Temukan detail di  MySQL Knowledge Base.

How to Restore a Database Backup?

Untuk restore database backup, lakukan berikut :
  1. Gunakan tab Import.

    import tabel database pada phpMyAdmin control panel
  2. Klik tombol Browse
  3. Pilih file backup database dari computer.
  4. Pilih charset file dari menu drop-down yang sesuai.
Jika file terlalu besar, Anda bisa terkendala timeout server MySQL, maka, Anda dapat menghentikan aksi impor, kemudian melanjutkan dengan menentukan jumlah query data import yang akan dilewati dari awal file. Dengan cara ini Anda melewatkan permintaan impor (imported query) dan melanjutkan dari titik interupsi.

Selain itu Anda dapat memilih modus SQL compatibility dari file yang diimpor. Anda dapat menemukan rincian lebih lanjut dalam dokumentasi Server SQL Modes


Artikel relevan: Cara Membuat Database Baru di phpMyAdmin



Source : http://www.siteground.com/tutorials/phpmyadmin/phpmyadmin_create_database.htm

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Inspirasi untuk blogger : Thomas Alfa Edison



Thomas Alfa Edison menginspirasi kita - blogger, webmaster, web developer, website designer dan aktivist web lain untuk "MEMANDANG SEGALA SESUATU Secara POSITIF." Ia memandang kegagalan dari sudut unik. Terekam dalam ungkapan terkenal :

“Dengan Kegagalan tersebut, saya justru TELAH MENGETAHUI RIBUAN CARA AGAR LAMPU TIDAK MENYALA”


The Inventor spirit

Profilnya layak menjadi sumber inspirasi peneliti, ilmuwan dan juga web designer, web programmer, web developer sejati. Ketekunan dan loyalitas pada profesi menjadikan sosok Thomas Alfa Edison ini sebagai Inventor sangat produktif.

Amazing!
  • Thomas Alva Edison salah satu penemu terbesar, telah menemukan sekitar 3000 penemuan dan 1.093 di antaranya dipatenkan.
Inventor sepanjang masa “Jenius adalah 1 persen ide cemerlang dan 99 persen kerja keras
  • Bayangkan! Untuk menciptakan sebuah bola lampu listrik dia lakukan percobaan gagal sebanyak lebih 13.000 KEGAGALAN sejak tahun 1877 hingga ditemukan lampu pijar, 21 Oktober 1879.

Bagaimana sikapnya menghadapi belasan ribu kegagalan?

Saat ditanya, tidakkah dia bosan dengan semua kegagalan tersebut, Thomas Alfa Edison menjawab :

“Dengan Kegagalan tersebut, saya justru TELAH MENGETAHUI RIBUAN CARA AGAR LAMPU TIDAK MENYALA”

This Amazing!!

Sudut pandang unik dan sangat cemerlang dalam memandang KEGAGALAN.

Kita sebenarnya tidak pernah mengalami KERUGIAN ketika harus menelan kegagalan dan kegagalan.

Bagi web programmer / web developer, ada nilai keteladanan luarbiasa. Boleh saja menemukan ribuan code yang tidak RUNNING, TETAPI sadarilah!

Ribuan code JavaScript, jQuery, PHP, CSS, HTML, Flash etc yang gagal itulah yang bisa menjadi ASET dan keuntungan bagi Anda – karena ada celah menemukan sesuatu yang baru, tidak Anda bayangkan sebelumnya, dan menghantarkan Anda ke web designer atau Developer Profesional. Itulah nilai dari ASET-ASET KEGAGALAN.

Cara pandang Edison terhadap masalah kegagalan :
  • KEGAGALAN itu hal sangat positif. Kegagalan bukan kekalahan tapi keuntungan. “Dengan Kegagalan (dalam eksperimen lampu pijar), Saya justru TELAH MENGETAHUI 13.000 CARA AGAR LAMPU TIDAK MENYALA”
Cara pandang ini membuat Edison mampu meyakinkan orang untuk tetap mendanai proyeknya meskipun kegagalan berulang – ulang dalam ribuan kali.

Prinsip Edison layak kita pakai di kehidupan sehari-hari.

Bahwa sebenarnya kita tidak pernah mengalami kerugian, dan sesungguhnya kerugian itu bermula dari sikap dan cara pandang kita sendiri yang negatif.


Riwayat Hidup Thomas Alfa Edison

Lahir 11 Februari 1847 di Milan, Ohio USA dari pasangan Belanda Samuel Ogden,  tukang kayu dan Nancy Elliot seorang guru. Usia 7 tahun, Edison kecil pindah ke Port Huron, Michigan dan bersekolah hanya untuk masa 3 bulan. Ia dikeluarkan dari sekolah sebab dianggap “TERLALU BODOH”  tidak mampu menerima pelajaran apapun. Dipanggil IDIOT

Nancy Elliot, memutuskan berhenti sebagai guru karena ingin berkonsentrasi mengajari Edison baca tulis dan berhitung.
  • “My mother was the making of me. She was so true, so sure of me; and I felt I had something to live for, someone I must not disappoint”
Perkataan yang menunjukkan motivasi diri Edison dalam belajar.

Setelah pandai membaca, ia gemar membaca apa saja; ensiklopedia, Sejarah, Kamus IPA karangan Ure, Principia karangan Newton dan Ilmu Kimia karangan Richard G. Parker. Hobby membaca, berpikir dan bereksperimen.

Usia 12 tahun Edison menjadi penjual koran, permen, kacang dan kue di KA, Seperti penjual asongan yang sering kita temukan di KA ekonomi. Sebagian keuntungan dagang diberikan ke ibunya sisanya disimpan sebagai modal. Ia mengadakan eksperimen-eksperiman di salah satu gerbong, setelah ijin ke perusahaan KA “Grand Trunk Railway” sembari menerbitkan koran Weekly Herald.

Musibah dipandang sebagai hikmah

Pada suatu malam Edison tidak sengaja menumpahkan cairan kimia sehingga menyebabkan sebuah gerbong hampir terbakar. Edison pun ditampar kondektur sehingga pendengarannya rusak dan dilarang bekerja di gerbong Kereta Api.

Prinsip hidup cemerlang mulai tampak!

Edison tidak menganggap pendengaran rusak sebagai cacat. Dari sudut pandang positif

                  –  TULI sebagai keuntungan  –

sehingga ia punya lebih banyak waktu berfikir daripada mendengar omong kosong.

Edison remaja (15 tahun) menyelamatkan nyawa anak Kepala Stasiun yang hampir tergilas gerbong KA. Karena merasa berhutang jasa, kepala stasiun tersebut mengajarkan cara pengiriman telegram, Edison hanya butuh 3 bulan untuk menguasai pelajaran gratis ini. Sesudah itu, ia mendapat pekerjaan sebagai operator telegraf.

Penemuan Thomas Alfa Edison

Penemuan pertama yang dia patenkan adalah Electric Vote Recorder. Karena tidak laku, Edison fokus ke penemuan lebih komersial. Ia menemukan Stock Ticker atau mesin telegraf. Peralatan itu dijualnya dan laku $ 40.000 (Setara Rp 400 juta). Edison hampir pingsan melihat uang sebanyak itu. Uang ini dipakai untuk mendirikan pabrik di Newark dan merekrut 300 pekerja. Di pabriknya ia mengembangkan telegraf sehingga mampu mengirimkan 4 berita sekaligus.

Usia 29 tahun, ia mendirikan laboratorium riset industri di Menlo Park, New Jersey. Dalam 13 bulan dihasilkan 400 penemuan yang kelak mengubah pola hidup sebagian besar penduduk dunia.

Tahun 1877 ia berkonsentrasi pada lampu pijar. Ia sadar pentingnya sumber cahaya bagi manusia. Dia habiskan $ 40.000 dalam waktu 2 tahun untuk membiayai eksperimen lampu pijar.

Masalah utamanya adalah menemukan bahan yang bisa berpijar ketika dialiri arus listrik, namun tidak terbakar. Total ada sekitar 6000 bahan yang diuji-coba. Akhirnya pada tanggal 21 Oktober 1879 lahirlah lampu pijar listrik pertama yang mampu menyala selama 40 jam.

Pada tahun 1882, untuk pertama kalinya dalam sejarah lampu-lampu listrik di pasang di jalanan dan di rumah-rumah.  Seseorang bertanya “Apa kunci kesuksesannya?  Thomas Alfa Edison menjawab :
  • “Saya sukses, karena saya telah kehabisan apa yang disebut dengan kegagalan”
  • Yahhhh ...! Untuk sebuah lampu pijar dia telah menghabiskan lebih dari 13.000 kegagalan.
Edison menghasilkan berbagai penemuan sangat berharga bagi peradaban manusia modern. Telegraf cetak, pulpen elektrik, proses penambangan magnetik, torpedo listrik, karet sintetis, baterai alkaline, pengaduk semen, mikrofon, transmiter telepon karbon dan proyektor gambar bergerak et cetera.

Tahun 1920-an kondisi kesehatannya memburuk dan meninggal tanggal 18 –10-1931 di usia 84 tahun.



OK.   Apakah Anda tergerak hati melakukan sesuatu setelah membaca kisah inspiratif ini?

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Related Post under post website by OutBrain


Navigasi cepat sangat penting bagi reader agar segera dapat menemukan content yang diinginkan dan membantu Search Engine memahami content web blog, gunakan Amazing Related Post by Outbrain untuk navigasi di Homepage website

Semua website dan Blog atau web blog punya "root" halaman yang disebut homepage (beranda) atau Halaman Utama. Misalnya http://breakdown-cover-cheap.blogspot.com. Homepage menjadi halaman paling sering dikunjungi dan tempat memulai navigasi kecuali jika website hanya ada beberapa halaman.

Jika punya blog baru, Anda harus memikirkan :
"Bagaimana pengunjung akan pergi dari homepage ke halaman lain (halaman dalam atau INNER PAGES) yang berisi content lebih spesifik?”

Atau sebaliknya, bagaimana navigasi cepat dari INNER PAGE (halaman selain Homepage) kembali ke Homepage?." Untuk membuat link homepage, gunakan saja widget HOME dari www.blogger.com untuk blog Blogspot Anda.

Make your site easier to navigate

Navigasi sangat penting bagi reader agar cepat menemukan informasi yang dicari. Hal ini juga membantu Search Engine memahami dengan lebih baik content apa yang menjadikan Webmaster Tools (Google) berpikir dan menganggapnya penting. Meskipun hasil pencarian Google disediakan pada tingkat halaman, Google suka memiliki sense :
Peranan apa yang dimainkan halaman dalam gambaran yang lebih besar.
Apakah Anda punya cukup halaman web dan relevan dengan topik spesifik sehingga halaman web (webpage) tersebut mampu menjabarkan Homepage, dan yang menjelaskan halaman-halaman terkait (Homepage - ->daftar topik terkait --> topik tertentu)? Apakah Anda memiliki ratusan posting berbeda yang perlu diklasifikasikan dalam beberapa kategori dan halaman sub-kategori?

Fitur Related Post adalah baris internal link biasanya ada dibawah area posting content website yang memungkinkan reader bernavigasi dengan cepat atau kembali ke bagian sebelumnya atau ke Homepage (halaman "root,"). Fungsi navigasi Related Post membantu peranan Navigasi Utama – umumnya berupa Menu-menu Tab horizontal terletak di bagian atas halaman situs.

Semua situs punya HOMEPAGE (halaman paling Utama / halaman root). Sebagai link untuk navigasi pengunjung, biasanya HOMEPAGE ditaruh pada urutan pertama paling kiri dengan judul di menu tab HOME atau Beranda. Kemudian diikuti daftar bagian yang lebih spesifik ke kanan dan seterusnya. Bentuk navigasi untuk READER selain tersebut diatas adalah Daftar Label, Headline, Post Populer atau link-link lain yang tersebar di halaman website (webpage).

Kemudahan navigasi (navigable) penting bagi Search Engine dan harus ada untuk mendukung Search Engine Optimalization (SEO). Berikut ini cara instant membuat RELATED POSTED dengan OUTBRAIN
  1. Daftar ke official site Outbrain.com. Mengisi nama dan password yang selanjutnya akan dipakai LOGIN, lalu klik Add Blog
  2. Install Widget? "YES"   Klik GET BLOG WIDGETS. pilih Platform, misalnya  www.blogger.com
  3. Untuk penampilan, Silahkan pilih bentuk text atau Thumbnail (deretan image tersusun horizontal)
  4. Pilih Add Feedback, dengan opsi Pemberian tanda bintang atau Recommend This? atau abaikan. Seperti dibawah ini
Widget Preview (Widget will inherit your site's CSS styles and colors)

widget preview in website design

Contoh tampilan Related Post  blog saya http://breakdown-cover-cheap.blogspot.com/2011/03/cheap-extended-all-risks-car-insurance.html terlihat seperti dibawah ini
You might like :
Contoh lain :

widget preview
       Choose Your Platform :
  • WordPressWordPress
  • TypePadTypePad
  • BloggerBlogger
  • DrupalDrupal
  • JavascriptSquarespace
  • JavascriptJavascript any platform

             5.   Klik “I agree to the Outbrain” Term Of Services and Privacy Policy   Lalu klik INSTALL
Setelah klik "Install", tab baru akan membuka dashboard Blogger. Masuk ke account Blogger Anda, beri tanda check pada blog yang ingin ditambahkan dan klik "Tambah Widget" yang otomatis sudah diberi title widget - Ratings and Recommendations by outbrain. Pilihan script ada 3 tergantung pilihan paltform dan opsi widget preview (Text, Thumbnail atau None). Script ini tinggal di Copy Paste untuk blog Anda lainnya.

Post terkait langsung :  Navigation Blog : Use Widget Related Post in Website

Happy Blogging!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Film Jason Bourne : jangan menjadi programmer atau website designer, dah!


profesi programmer web design web developer

Tentu Anda tahu profesi Programmer, Web Designer atau Web Developer? Mereka tidak pernah lepas dari Coding – setiap saat pikiran dipenuhi kode dan dikejar deadline – waktu sehari 24 jam tidak cukup dan berharap seminggu lebih dari 7 hari atau sebulan lebih dari 31 hari. Hidupnya sangat tertekan hanya karena 1 baris kode error dan tidak bisa diperkirakan kapan solusinya ditemukan meski telah memeras otak habis-habisan sementara client selalu menteror “Kapan jadinya?”

Order bikin toko online yang saya terima, misalnya, selalu melewati deadline, bukan berarti saya malas. Sekali waktu saya juga bingung tidak tahu lagi mau menuliskan apa, sementara otak terus bekerja. Kadang solusi ditemukan seketika saat di toilet atau saat browsing.

  • Bahkan setan terkutuk sudi menawarkan solusi saat saya sedang sholat (setan mengganggu agar saya tetap memikirkan coding, dan sering pada moment ini masalah kode error terpecahkan). Begitulah cara setan mengganggu kekhusyukan sholat saya termasuk menjadikan saya sering menunda sholat karena “Ah! Tanggung sedikit lagi.”
  • Saya hanya ingin mengatakan : “Solusi kode yang error tidak dapat ditentukan deadline-nya.”  dan semuanya adalah – TRY AND ERROR – LEARNING BY DOING.

Boleh jadi deal dengan client untuk bikin toko online, saya kasih taksiran selesai dalam 2 minggu  – asal tidak menghadapi kode error sama sekali. Artinya saya hanya memanfaatkan template yang sudah ada ditambah variasi dan modifikasi seperlunya.

Deal untuk www.bajuditoko.com – toko online MYTOKO OLSTORE - awalnya 3 minggu selesai dalam bentuk standar, tapi ujung-ujungnya selesai lebih dari 3 bulan, karena client menginginkan tambah ini itu (dengan tambahan biaya tentunya). Bayangkan! Saya harus lakukan kustomisasi size (aslinya lebar webpage 980px diubah menjadi FULLPAGE (1272px). Memang sangat repot sebab harus resize semua, cari kode baru, tabel phpMySQL, modifikasi kode file php, tpl, css dan sering bengong karena otak buntu.
 
Ada hikmahnya. www.bajuditoko.com punya 2 template sekaligus. Template mana yang ingin dItampilkan di webpage, Admin hanya perlu men-switch melalui Backup and Restore di cPanel.

MYTOKO-OLSTORE dalam tampilan FULL PAGE (width 1272px)
sampel prestashop web design services sampel prestashop website design sampel prestashop layanan website design MYTOKO OLSTORE dalam tampilan STANDAR (Lebar webpage 980px) sampel prestashop layanan bikin toko online
sampel prestashop bikin toko online

MENGAPA SEBAIKNYA ANDA TIDAK JADI PROGRAMMER?

Profesi Programmer bukan pilihan menjanjikan, suer!!!. Anda ingin merasakan kehidupan Programmer? Jika pernah menonton film Jason Bourne dan menyukainya, maka teruskan minat Anda, Jujur saja, itu pilihan tidak menarik. Bagaimana tidak, Programmer selalu dikejar waktu dan ditekan Bos, Client dan orang yang selalu “ingin membunuh Anda,” memburu dengan pertanyaan ”Sudah selesaikah? Sampai dimana? Lalu, kapan selesainya? Kapannn?  Braaakk!!!

Jika Anda terlanjur lulus jurusan IT, saya sarankan jangan menjadi Programmer, meski IP 4.0. Pikirkan profesi lain, misalnya birokrat, kerja kantoran atau yang lebih keren sebagai Hacker, yang menjadikan Anda punya reputasi, terkenal, hebat dan canggih walaupun sebenarnya Anda tidak sehebat itu.

  • Ingat pencitraan itu lebih penting dari kemampuan. Presiden kita sudah mengajarkan tentang hal itu. Prestasinya kedodoran ditutupi pencitraan. …. JANGAN DITIRU!

Mengapa sebaiknya Anda tidak jadi Programmer!

1. Terus Menerus harus Belajar
Programmer seharusnya lebih hebat dari Superman. Profesi Superman wartawan biasa. Kemampuan supernya bawaan dari lahir. Sebaliknya jika Anda Programmer, Anda harus mendapatkan “kekuatan super” sedikit demi sedikit, dari waktu ke waktu belajar ketika harus menangani kode yang error.

Seorang Programmer belajar bahasa pemrograman saja tidak cukup, Anda harus belajar apapun yang diminta client. Misalnya, Anda diminta membuat program untuk bank, Anda harus belajar perbankan, penjualan atau berpikir sebagai penjual atau marketer. Membuat program perhitungan nuklir, Anda harus paham rumus nuklir.

Jadi sebenarnya Anda harus belajar apapun yang diminta client (Bos) Anda, artinya seorang Programmer harus siap jadi apa saja. Wah hebat, nggak? Adakah profesi lain yang mengharuskan memahami bidang apa saja?
  • Misalnya Anda Programmer atau Web Designer atau Web Developer. Dalam php, dahulunya Anda mencukupkan diri memahami php mysql. Tapi hal itu tidak cukup sekarang. Anda kini seharusnya juga menguasai ajax, Jquery, jason, xml, web API, framework, cloud dan segudang istilah-istilah teknis yang keluar hampir setiap hari!, muntah deh!
2. Berpikir 24 jam Nonstop
Anda pikir programmer (programmer kantoran) hanya berpikir  8 jam sehari? TIDAK, apalagi jika  Anda Programmer Freelance. Anda akan berpikir 24 jam nonstop, saat makan, saat di WC bahkan saat sholat dia masih memikirkan kode-kode error atau program yang tidak jalan.  Kadangkala setan memberi tahu kesalahan yang Anda lakukan atau memberi solusinya  persis saat Anda berusaha sholat khusyu’  Jika sudah stress akut, boleh jadi mimpi Anda berisi solusi deretan code. Dan Anda begitu senangnya bahwa program selesai dibuat,  tetapi saat bangun.  Yah! … programnya masih error!

3. Menjadi Budak!
Anda harus siap menjadi  budak bos atau client. Saya tidak berlebihan dengan ungkapan ini. Bayangkan :
Anda Programmer  kantoran. Di ruang kantor Bos, seorang client meminta dibikinkan program ”sederhana” Programnya memang benar sangat simpel. Permintaan Client itu juga sangat sederhana :
  • Cukup bikinkan program android satu tombol yang jika di-klik tombolnya maka BOM Nuklir di Iran akan meluncur ke Israel. Gampang khan? Cuma 1 tombol.
Bos sangat senang menerima proyek gampang tersebut dengan nilai ratusan milyar rupiah, sementara Anda hanya bisa membenturkan kepala berkali-kali ke tembok. “Ingat, cuma 1 tombol saja, gampang koK!” “Jika sukses gajimu di-NAIK-kan!!!” Janji si Bos.

4. Merasa Menjadi Buronan Setiap Hari
Jason Bourne adalah gambaran tepat untuk profil programmer, hampir setiap 5 menit sms masuk untuk bertanya ”Sudah selesaikah programnya?Apakah web saya sudah jadi?kemarin revisinya bagaimana? Khan cuma revisi sedikit kok lama ya?Alasan Error terus, Anda bisa menyelesaikannya atau tidak sih?.”

Terror akan terus berdatangan bahkan saat Anda tidur. Hal itu akan terus dialami freelance programmer atau programmer kantoran. Bedanya untuk programmer kantoran, pertanyaan datang dari Bos yang tiba- tiba muncul dibelakang Anda :”Sampai dimana proggress-nya?.” Bos juga diteror oleh Client. Banyak mahasiswa IT, stres dan pusing setengah mati ketika deadline pengumpulan naskah dan program belum selesai padahal kurang 1 minggu. Programmer hampir tiap hari di deadline. Seorang mahasiswa IT mengatakan seperti pendadaran tiap hari. Jika gagal memenuhi deadline, Anda tidak lulus, dipecat, tidak dibayar dan client membatalkan perjanjian. Pikirnya job programmer sangat mudah, tinggal ketik, copy paste code, Running.  Lalu apa susahnya?

5. Bayarannya sangat sedikit
Boleh saja bermimpi Programmer di sini akan makmur. Boleh pula bermimpi bahwa hanya dengan bikin program maka duit mengalir jutaan atau puluhan juta. UTOPIA!
  • Faktanya programmer disini hanya mendapatkan gaji kurang dari 10% dari teman2-nya di USA.
Programmer di sini diperas habis habisan otaknya namun dibayar murah seperti buruh bangunan. Maka kebanyakan programmer kita kurus, jarang mandi, matanya belo dan kamar berantakan karena kerja dari bangun tidur sampai mau tidur lagi! Beberapa kali saya juga mengalami situasi yang memaksa 4 hari berturut-turut tidak sempat mandi saat tampilan website www.bajuditoko.com berantakan habis dan terpecah menjadi tampilan 16 halaman dan tidak punya backup. Perbaikinya pun sedikit demi sedikit. Saya mandi hanya karena mau sholat Jum’at.

6. Susah Dapat Cewek
Berbeda dengan pemain bola yang dipuja-puja cewek. Dengan penampilan dekil,  jarang mandi dan mata belo, cewek cantik mana yang mau. Apalagi hidup programmer itu penyendiri. Teman setia computer dan koneksi internet dan jarang bergaul. Kehidupan sosialnya “sakit.”
Programmer kurang pintar dari sisi sosial. Anda lebih baik menjadi olahragawan untuk otot Anda karena secara naluri sampai kiamat kayaknya cewek sudah di-setting  suka dengan laki laki yang berbadan tegap, sixpack, ganteng. Otaknya kosong itu bukan masalah!
  • Saat menghidupkan komputer, itulah saatnya Programmer memasuki “Real Life.”
7. masa Depan Programmer Semakin Suram!
Kini banyak program generator, seperti php generator dan visual GUI generator. CMS-CMS pun bertebaran di internet. Latihan membuat program saat kuliah tidak lagi terpakai. Masa depan Programmer pun suram.

8. Tidak Ada Hari-hari libur
Tidak ada yang namanya hari libur bagi programmer, senin,minggu, libur tahun baru, semua hari sama saja. hari itu flat, datar. Seandainya  presiden membuat agenda acara di depan kamar programmer, hal itu tidak akan mengalihkannya dari coding. Coding dan keyboard sudah menyatu dengan jiwa programmer.

9. (Dianggap) Tidak Punya Perasaan
Memang tidak sepenuhnya benar, tetapi dengan bekerja secara logic setiap hari, maka semuanya dipikir secara logic. Kadang berbicara terlalu kasar, tidak sabar dan kadang seperti orang gila berteriak-teriak sendiri, membenturkan kepala ke tembok atau sering menepuk jidat hanya gara gara 1 baris kode erorr! Kadang programmer lebih menyeramkan dari bulldog!. Jika Anda ingin bertemu dengan programmer, carilah saat yang tepat, misalnya, saat dia menonton film comedy atau anime jepang atau tripple eks. karena itulah satu-satunya hiburan yang menarik baginya.

10. Dianggap Suka Tidak Tepat Janji! Ada stereotipe menganggap Programmer adalah orang yang paling tidak tepat janji. misal menjanjikan program selesai besok, ternyata belum. Anda pikir programmer itu malas, buang jauh pikiran itu. kadang programer memang tidak menulis kode, karena bingung mau menulis apa, namun otaknya jalan terus. Mencari satu solusi bisa berhari-hari, atau berminggu. Menulis program tidak seperti menyusun batu bata.
  • Programmer  orang yang paling tidak menepati janji karena programming adalah bidang yang paling tidak pasti dalam hal “Kapan selesai.” Client mungkin berpikir : Ah … masak begitu! Anda tampaknya tidak profesional?
Sekali lagi pikirkan ini! Perusahaan sekelas microsoft kadang menunda rilis produk selama 6 bulan lebih karena proyek program yang rencananya akan dirilis belum sempurna, programmer-nya malas?JELAS TIDAK. Programmer di microsoft pasti kelas wahid. Penundaan-penundaan release produk baru juga biasa terjadi di perusahaan besar lain, seperti : Oracle, Google, Apple. Mereka sering menunda rilis produk karena fitur yang dijanjikan kadang lebih sulit dari yang diduga.
  • Maka berpikir positiflah jika program Anda belum selesai dibuat oleh programmer!.

Update :

Jika profesi Anda terlanjur menjadi programmer, ketahuilah bahwa “Hidup menjadi programmer itu sudah terlalu serius.” jadi nikmati saja tulisan diatas, jangan direspon berlebihan. Kata Joker “Why so serius”. Saya sendiri seorang web developer atau web designer. Setelah menulis tulisan ini juga tidak berniat berhenti dari profesi saya. Jadi jika ingin lebih menikmati hidup, biar hidup menjadi lebih hidup. Apalagi saya sendiri sebenarnya sangat menyukai detail.

Ilustrasi kehidupan programmer dalam sebulan

jasa bikin toko online



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Related posts with CSS Effect on Blogger

 Navigasi   penting! Navigasi memungkinkan Anda cepat menemukan konten yang diinginkan. Ini membantu Search Engine memahami content apa yang menjadikan Webmaster Tools (Google) berpikir dan menganggapnya penting. Jika blog relatif baru, Anda harus pikirkan "Bagaimana reader akan pergi dari homepage ke halaman lain berisi content lebih spesifik?” Atau sebaliknya, ”Bagaimana  reader  melakukan navigasi cepat kembali ke Homepage?"
Sebelumnya saya telah posting di blog yang sedang Anda baca tentang link-link judul post berada di bawah artikel. Ada 2 post relevan dengan artikel kali ini, yaitu


Berikut ini posting Related Post variasi ke-3 dalam memasang widget (script) related post untuk blog blogger dengan sedikit perbedaan. Contoh dapat dilihat di :
Setelah URL diatas dibuka, silahkan gulung halaman turun hingga dibawah “RELATED POSTS.” Arahkan cursor ke setiap link DIBAWAHNYA. Akan terlihat animasi saat tersentuh cursor. Untuk membuat Related Posts seperti itu Anda perlu tambahkan CSS3 transition, mengatur padding dan background position yang terpasang di setiap link.

tiga source code untuk Related Posts with CSS3 Effects

Mohon maaf, source code yang dibutuhkan ditampilkan sebagai gambar karena alasan loading time blog, namun jika Anda ingin download isi code diatas silahkan klik link berikut
https://www.4shared.com/office/vGiVk4No/source-code_Related_Posts_with.html?

Cara Penggunaan

  • Login ke Blogger  >>>  Design (Rancangan)  >>>  Edit HTML
  • Backup template
    Mengubah xHTML di bagian <body> punya resiko kegagalan yang mungkin menimbulkan kerusakan template, maka lakukan backup template seperti dibawah ini demi keamanan.
    • Klik Download Full Template
    • Simpan file template di folder computer (misalnya di folder My Document)
    • File backup ini digunakan untuk memulihkan template seperti sebelum dilakukan modifikasi dengan cara upload kembali ke blogger.
    • Cara upload :
      Klik browse. Temukan file backup di folder computer dan lanjutkan dengan klik upload.
  • Kembali ke Edit HTML dan Cari kode ]]></b:skin>
  • Letakkan kode CSS (snippet pada box 1) tepat di atas kode tersebut
  • Letakkan Javascript (snippet pada box 2) tepat di BAWAH kode tersebut
  • Sehingga :
                                                            kode ]]></b:skin> akan berada diantara kode css dan javascript
  • SAVE TEMPLATE
  • Lanjutkan kembali dengan klik Expand Widget Template dan cari kode <data:top.authorLabel/>
  • Di atas kode <data:top.authorLabel/> ada beberapa kode lain seperti berikut 

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>


Letakkan xHTML (lihat isi Box 3) tepat di atasnya. Sehingga tersusun seperti berikut 
posisi box XHTML Related Posts with CSS3 Effects SAVE TEMPLATE

Keterangan

  • Angka 10 merupakan jumlah posting ditampilkan di widget related posts. Anda dapat mengubahnya sesuai jumlah yang diinginkan.
  • Jika ingin merubah tampilan related posts, perubahan cukup dilakukan pada kode css.
SELESAI  -   Jika kurang jelas atau ada masalah klik [Source]



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tutorial CSS : Dasar-dasar penulisan CSS tampilan web



 Cascading Syle Sheets   pada website merupakan program style sheet yang mengatur dan mengendalikan gambar, bagian body, tabel, border, warna hyperlink, mouseover, paragraf, spasi, margin kiri/kanan/atas/ bawah dan parameter lain. Nama Cascading Syle Sheets didapat dari fakta bahwa setiap deklarasi style yang berbeda-beda bisa diletakkan secara berurutan, membentuk hubungan parent-child pada setiap deklarasi style.
 
CSS merupakan bahasa pemrograman untuk mengkontrol komponen website sehingga lebih terstruktur dan seragam. Dengan CSS memungkinkan ditampilkan page yang sama dengan format berbeda.
penggunaan CSS blog website design

Sintax Dasar Kode CSS

Awalnya semua penulisan kode  -  termasuk pengaturan presentasi - ditulis dalam tag HTML. Kemudian dirintis penulisan kode PENGATURAN PRESENTASI tampilan dokumen website secara tersendiri dan dikenal sebagai bahasa kode CSS untuk style tampilan webpage (halaman web).

Bentuk penulisan dasar CSS

  •     selector {property : value}

Selector      =   merupakan tag HTML atau elemen (baik class maupun id) yang akan diatur.
                           Bagian yang diapit '{}' disebut declaration terdiri 2 unsur, property dan value.
Property      =   merupakan atribut elemen yang ingin ditentukan nilainya.
Value          =    merupakan nilai dari atribut elemen, bisa berupa angka dan text.

Untuk menjelaskan lebih jauh, perhatikan contoh di bawah ini. Sering dijumpai kode berikut :

  •     h1 { color: #ff0000;
        }        

    kode warna pada color: #ff0000; bisa ditulis dalam bentuk color: red. (Disarankan menggunakan code warna). Sehingga menjadi :

    • h1 { color: red;
      }
              

      Penjelasannya :
      tag header yaitu h1 merupakan selector

      color merupakan property

      #ff0000 atau red#ff0000 merupakan value

      Perhatikan pendefinisian property dan atribut berada diantara tanda ini { … dan … }. Pendefinisian value dengan tanda  ":"  dan diakhiri tanda  ";"

contoh struktur sederhana CSS

Penulisan CSS

CSS Internal memiliki 2 cara penulisan dan 1 cara penulisan CSS Eksternal.

A.     Metode Penulisan CSS Internal

(1).   Metode Inline Style Sheet

CSS didefinisikan langsung pada tag HTML bersangkutan. Cara penulisan dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style ini hanya berlaku pada tag bersangkutan, dan tidak berpengaruh pada tag yang lain. Contoh Metode Inline Style Sheet : 

CSS Metode Inline Style Sheet 

(2).   Metode Embedded Style Sheet

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 yang bersangkutan (tag-tag yang ada diantara<body> … </body>.
 
Penggunaan CSS Embedded Style Sheet

LATIHAN

Sisipkan snippet CSS di bawah ini di bagian head, diantara <head> … </head> dokumen HTML :
 
CSS tampilan font Tangerine website design

Kemudian setiap huruf pertama atau kata pertama atau frase pertama pada posting baru diatur seperti ini : (misalnya pada frase pertama) :

  • <span class="dropcap">Cascading Syle Sheets&#160;&#160;</span>pada website bla bla bla

Maka hasilnya terlihat seperti pada baris pertama artikel ini (lihat gambar di bawah ini).

Tutorial CSS Dasar website design

B.     Metode Linked Style Sheet (Untuk CSS Eksternal)

Metode ini hampir sama dengan metode Embedded Style Sheet, hanya saja pendefinisian :
  • tag<style> ... </style> 
dibuat file terpisah dari file HTML yang membutuhkan CSS. File tersebut disimpan dalam format.css.  

File HTML yang akan menggunakan file CSS, harus dibuat tag<link> yang dituliskan di antara :
  • tag <head> ... </head>
Contoh seperti dibawah ini (simpanlah dengan nama file contoh.css :
 
contoh snippet CSS dokumen HTML

Penggunakan CSS

* Telah didukung oleh kebanyakan browser versi terbaru.
*  Fleksibel dalam penempatan posisi layout.
    Dalam layouting CSS ada Z-Index untuk menempatkan objek dalam posisi yang sama.
*  Menjaga HTML dalam penggunaan tagdengan jumlah minimal.
    Hal ini berpengaruh terhadap ukuran berkas dan speed pengunduhan.
*  Bisa menampilkan konten utama terlebih dahulu, sementara tampilan gambar menyusul.
*  Penerjemahan CSS setiap browser berbeda, layout akan berubah jika dilihat dari berbagai browser.
    CSS layouting "Masa Depan" dengan penggabungan bersama XHTML.


/


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Pengenalan (Software) Data Manipulation Language



Manipulasi data website              bisa berupa APPEND (menambah), DELETE, UPDATE, INSERT dan QUERY (menarik informasi tertentu dan atau mendefinisikan data). Perintah manipulasi data (Data Manipulation Language/DML) merupakan perintah yang paling sering diberikan pada database. Manipulasi ini sangat erat kaitannya dengan Database Management System (DBMS) dan diciptakan untuk menyediakan mekanisme penyimpanan data bersama, baik bagi para user maupun program.

Tugas utama DBMS adalah menyediakan fungsi pen-DEFINISI-an data bagi user untuk mengakses dan merubah data yang tersimpan. Selain fungsi utama ini, DBMS dituntut punya kemampuan mengamankan data dari pengguna illegal (tidak berkepentingan), perbaikan kegagalan sistem, concurrency >> sehingga user yang banyak jumlahnya bisa mengakses database secara simultan (pada waktu bersamaan), dan melakukan check integritas sehingga data pada bagian yang berbeda dari database tetap bisa konsisten secara logika terhadap keseluruhan database.
  • DBMS adalah kumpulan program (software) yang memperbolehkan user untuk membuat dan memelihara database. Contoh DBMS adalah Oracle, MySQL, PostgreSQL etc.
Microsoft Access merupakan salah satu program aplikasi database tercanggih lagi lengkap dan mudah digunakan, baik untuk menyortir, mengatur data, membuat label data dan melaporkan informasi penting, misalnya menampung daftar anggota, data anggota etc.
  • Aplikasi database = kumpulan objek access yang bekerja terpadu untuk menyelesaikan masalah.

Operasi Dasar Program Database

User dapat melaksanakan beberapa operasi dasar database, antara lain:
  1. Operasi Table
    Tabel adalah sekumpulan data atau informasi spesifik tentang subjek tertentu yang disusun dalam bentuk kolom dan baris.

    Kolom atau lebih dikenal dengan istilah field berisi judul yang mewakili sekumpulan baris. Sedangkan baris atau yang lebih dikenal istilah record berisi kumpulan data yang memiliki karakteristik pengertian yang sama. Jadi satu record mewakili satu data atau informasi tentang seseorang, maka akan berisi data Nama Anggota, Nomor Anggota, Alamat, etc.
  2. Operasi Query
    Query berarti mendefinisikan data yaitu memanipulasi dan mengendalikan data melalui bahasa.

    Bahasa yang digunakan untuk mengendalikan manipulasi data adalah bahasa query. Query digunakan untuk memanipulasi data, record dan field yang terletak dalam satu atau beberapa tabel dan atau query. Secara spesifik query dirancang untuk merelasi record, data dan field - antara tabel-tabel atau query atau kombinasinya, lalu menciptakan field baru beserta record dan data baru dalam query itu sendiri, dan menyajikan bahan untuk membuat form atau report.
  3. Operasi Form
    Form dirancang untuk menampilkan field yang dibutuhkan dan tabel penjelasannya dalam format tampilan menarik. Sebuah form menitik beratkan pada informasi yang dibutuhkan. Fungsi operasinya adalah untuk memanipulasi record, dan secara spesifik untuk memanipulasi data.
  4. Operasi Record
    Report digunakan untuk menampilkan atau mencetak informasi yang berasal dari tabel atau query. Report merupakan hasil akhir dalam pengolahan database yang menggunakan Mocrosoft Access. Isi report dapat dimodifikasi dalam arti memanipulasi database,tetapi hanya menampilkan isi tabel-tabel dan atau query-query.
  5. Operasi Micro
    Operasi Micro adalah rangkaian aksi yang didefinisikan sebelumnya, dimana memanipulasi objek lain dapat digunakan untuk mengotomatisasikan tugas berulang dan memodifikasi tugas berulang.
  6. Operasi Module
    Operasi Module adalah prosedure Form yang digunakan untuk input data, edit dan menampilkan data yang digunakan menggunakan Access.2.
Fasilitas pada Microsoft Access adalah manajer database relatioship berbasis windows dan didesain dalam lingkungan windows.

Fasilitas Microsoft Access

a) Access Drag atau Drop dan menyunting query, report, macro, dan form.
b) Mangandung Multiple Document Interface (DMI) Windows.
c) Kemampuan OLE (Object Linking and Embedding)
     Kemampuan yang mencakup setting seperti suara, video atau gambar sebagai rekaman dalam
     database sebagai objek dalam form atau report.
d) Pengguna Macro yang memungkinkan otomatisasi tugas rutin tanpa pemrogram.
e) Bahasa Pemrograman, Access Basic, yang dimodelkan pada Visual Basic.
f) Kemampuan untuk membuat aplikasi database yang dapat didistribusikan.
g) Kemampuan menghubungkan dan bahkan menggabungkan format database berdiri sendiri.
h) Arsitektur yang diskalakan memungkinkan Access digunakan sebagian database berdiri sendiri.
i) Validasi data yang baik, jika dibuat level tabel, otomatis diubah menjadi form dan report.
j) Kemampuan membuat dan menggunakan pustaka kode (Code Library)  yang bisa dipakai ulang.
k) Kemampuan membuat dan menggunakan Wizard

Modul Membuat Database

Database Access disimpan dalam file berekstensi .mdb yang terdiri : Tables, Queries dan Forms,
Reports, Pages, Macros, dan Modules. Database dalam Acces memiliki maximum 32768 obyek.

Membuat Database baru

1.  Jalankan MS Access XP, maka akan ditampilkan jendela seperti di bawah ini :

jendela microsoft Access di website designGambar tampilan awal pembuatan database Access XP

2.  Klik menu File>> dan pilih New atau (CTRL+N).       Maka akan ditampilkan kotak dialog, kemudian ketik nama file database yang anda inginkan pada kotak File Name.  Selanjutnya, klik tombol Create untuk
proses pembuatan database baru.



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS