VGA to RGB + composite sync -converter Designed by Tomi Engdahl

0 comments

This article consists of one circuits which I have designed for connecting VGA card to other display devices than just a VGA monitor. This circuits makes it possible to connect your VGA card to fixed frequency monitors and video projectors. For some applications and system combinations some additional software is needed to get the system working.
I keep all the rights to this circuit. You can freely build this circuit for your own use but you are not allowed to use those circuit designs commercially without written permission from the designer.

VGA to RGB + Composite Sync converter

First circuit is for connecting VGA card to video projector or a monitor which accept VGA card frequencies and has RGB + Composite sync input. This circuit has been succesfully used with Electrohome Projection Systems ECP 4100 data and video projector.
This circuit is designed for converting normal VGA signals standard RGB signals and composite sync signal. The circuit is quite simple, because RGB signal ouput from VGA card is already standard 0.7Vpp to 75 ohm load.
For sync signals there is a circuit which combines horizonal and vertical sync signals to form composite sync singals. The circuit is simply based on one TTL chip with four XOR ports, two resistors and two capacitors. TTL chip ws logical choise because VGA sync signals are TTL level signals.
The sync signal combiner has a system to adjust to different sync polarities so that it always makes correct composite sync signals. VGA card uses different sync signal polarities to tell the monitor which resolution is used. This circuit adjusts to sync signal polarity changes in less than 200 milliseconds, which is faster than setting time of a normal VGA monitor in the display mode change.

Analogue composite sync signal converter

First circuit is for connecting VGA card to video projector or a monitor which accept VGA card frequencies and has RGB + Composite sync input (1 Vpp signal level, 75 ohm input impedance).
Four BNC output circuit
This picture is available in GIF and Postscript versions.
Note: The circuit diagram does not show the wire giving power to IC1. The +5V power is connected to pin 14 and ground is connected to pin 7.
This circuit has been succesfully used with Electrohome Projection Systems ECP 4100 video projector in many VGA and SuperVGA modes. The circuit have been also used succesfully with one old Barco video projector using my VGA to TV drivers to get the VGA card to generate suitable signal frequencies which that old video projector can handle.

Component list

C1      22 uF 10V electrolytic
C2      22 uF 10V electrolytic
R1      2.2 kohm
R2      2.2 kohm
R3      1.8 kohm
R4      1.8 kohm
R5      2.7 kohm
R6..R8  47 ohm
U1      74LS86 or 74HCT86
T1      BC 547
T2      BC 547

TTL level sync signal

Many computer monitors have been designed to accept TTL level sync signals. If you happen to own a monitor which uses TTL level sync signals the circuit above does work with with it, because the sync signal level from that circuit is not enough for the monitor. I have designed another simpler circuit for monitors which need TTL levels.
TTL sync output circuit
Note: The circuit diagram does not show the wire giving power to IC1. The +5V power is connected to pin 14 and ground is connected to pin 7.
This circuit is basically the same as the first circuit. The only only difference is that the transistor driver stage have been left out from the circuit, because not so much driving capacity is needed and TTL levels signals from the IC are what is wanted. Because the 74LS86 IC directly drives the output without any further buffering, it is only suitable for driving high impedance (1 kohm or more) sync inputs.

Component list

C1      22 uF 10V electrolytic
C2      22 uF 10V electrolytic
R1      2.2 kohm
R2      2.2 kohm
U1      74LS86 or 74HCT86

Simple sync combining BOX

Sometimes you want to use a ready-made BNC cable made for connecting VGA card to high quality monitor. Those BNC cables have 5 BNC outputs with following functions:
Signal   Function        Color in cable
---------------------------------------
R        Red             Red
G        Green           Green
B        Blue            Blue
H/HV     Hsync(+Vsync)   Black
V        Vsync           White or Gray
Tha cables are usually built (should be built!) from high quality 75 ohm coaxial cable and 75 ohm BNC conenctors to guarantee good image quality. You can see a typical schematic of commercial VGA to BNC cable below: VGA to 5 BNC interface cable wiring
This kind of cable can be used with monitors with 5 BNC inputs. But if you unfortinately have a monitor with RGB and composite sync inputs only, that cable might not be of any use, unless your graphics card can generate composite sync signals (this is not a standard option). If you cna get composite sync directly from graphics card, then it is enough to just connect the H/HV connector to the composite sync pinput of the monitor.
If you are on unfortunate person who deos not have this kind of graphics card or your drivers don't allow using that option, then your only choice is to build a circuit which combines the separate HSYNC and VSYNC signals to composite sync. You can see this kind of circuit below.
Sync combiner circuit

Component list

C1      22 uF 10V electrolytic
C2      22 uF 10V electrolytic
R1      2.2 kohm
R2      2.2 kohm
U1      74LS86 or 74HCT86

Connecting VGA to Sync-on-Green monitor

Some monitors use sync-on-green syncronization instead of separate sync. In that case you can't used my circuits directly. You have to modify those circuits to add Sync-on-Green capability. Generating sync signals to screen picture component is quite easy. I have not had any need for such a circuit, so I haven't designed such option. Check this article to get the idea what to add to my circuits. For more complete explanation how to deal with sync on green monitors, check the Sync on Green FAQ.

Building the circuit

The circuit is quite simple to built if you have basic skills in building electronic circuits. The electronics of the circuits can be easily built to a small piece of veroboard so no special circuit board is necessarily needed (I used this approach in my prototype). I have designed a circuit board for my VGA to TV converter and this same PCB design (GIF picture scanned at 300x300 dots/inc resolution, also available in zipped postscript file format) and component layout can be used with this project also. Note that there are some differences in connection of the IC U1 pins in PCB compared to the schematic, but the circuit built to this PCB fuctions in the same way.
The circuit need well-stabilized power +5V power source (+/- 5%). The circuit takes less than 150 mA current, so you don't need a large power supply. If you don't have anythign suitable avalable, you can always use a small general purpose wall transformer and a small +5V voltage regulation circuit. Another option is to take the +5V power from PC using methods explained in my How to get power from PC to your circuits document.
The wiring should be made carefully and 75 ohm coaxial cabling for picture signals should be used everywhere, especially if you are going to use this circuit with a high resolution monitor. Signals reclections caused by bad wiring can really mess up your picture quality. I would recommend using metal box, shielded cables and shielded connectors for circuit to keep noise and radio interference minimum.

VGA to RGBS converter component list

U1        74LS86
C1,C2     22 microfarads, 16V
R1,R2     2.2 kohm, 1/4 W
R3,R4     1.8 kohm, 1/4 W
R5        2.7 kohm, 1/4 W
R6,R7,R9  47 ohm, 1/2 W   
R8        120 ohm, 1/2 W
T1,T2     BC547B
P1        15 pin SUB-D connector

Output connector:
75 ohm BNC connectors (you need 4 BNC connectors)

Wiring:
Red, Green, Blue and Composite Sync lines should be
wired using 75 ohm coaxial cable. 

If you are building my TTL level output model, you can leave out R3-R8 and T1-T2 out of this list.

Getting your equipment to accept signal from PC

Many modern compter monitors are multisync monitors which accedpt easily wide selection of different refresh rates, scan frequencies and resolutions. This same applies to modern data projectors. But many older monitors (monitors not made for PC) and video projectors can't accept the signals your VGA card puts out.
If your video projection system or monitor don't accept VGA scanning frequences you have to get a suitable driver for adjusting your VGA frequencies. For normal VGA modes the horizonal sync frequency is 31250 Hz and vertical sync frequency is 60 or 72 Hz. For information about SuperVGA modes you have to consult you display card adapter technical data.
Another use for the same circuit is to connect to connect VGA card to a large old color monitor from an old workstation. If you manage to set your VGA adapter to generate suitable scanning frequecies for the monitor you have, you can use it with your VGA card. For more information how to do this, check the VGA to workstation monitor FAQ.

How to find fixed frequency monitor technical data

Befor you can start eny useful experimenting have to find out the horizonal frequency and the refresh rates your monitor needs. If you try to use the monitor with wrong frequency signals the monitor does not work properly and some monitors can be damaged if you try to use them at wrong frequency.
Your monitor user's guide technical info section is the first place to check. If that does not help try the manufacturer's website. Monitor databases like The World Wide Web Monitor Database and Apple Macintosh Monitor Database are very useful information sources for getting this information. If you can't find any technical info on the exact monitor you have you might check the information about some very similar monitor model (for example some older revision of that model) and use it as some kind starting point. If you know the computer model where the monitor was connected you can try to look at the technical specs or some FAQ of that computer (if you get to know what kind of signal that computer has sent to monitor you know that the monitor can at least show it).

How to configure Windows

Your video card drivers quite propably has options to set the the screen refresh rate. Check you graphics card manual and driver documents how to adjust those settings (this depends on graphics cards). Try to find a refresh rate and resolution which matches you monitor specifications. Typically the selections in typical drivers are quite limited and many driver's don't have any further options for user customization.
Matrox has added excellent user configurability oprtions for their Millenium and Mystique graphics card Windows 95 drivers. For more information take a look at my info page how to confire Matrox cards to TV frequencies because thet page has also lots of information how to change tha settings and this information is useful if you have to make configuration for some fixed frequency monitor you have.

Configuting Linux XFree86 for fixed frequency monitors

Linux XFree86 has excellent user configurability by editing XF86Config file which has all necessary video card parameters in it and that file can be edited with any ASCII editor. Changing those parameters in gonfiguation file properlu needs some experinece. For more information on configuring XFree86 take a look at Use your old Workstation Monitors with Linux/XFree86 and The Hitchhiker's Guide to X386/XFree86 Video Timing.

How to use old video projectors and TV studio monitors

If you happen to own an old video projector which is capable of displaying only PAL/NTSC/SECAM video picture but has RGB inputs, you might find my signal conversion circuits still useful. You can make your VGA card to generate signal which is suitable for this type of monitos or video projectors using the drivers designed for my VGA to TV circuit. Those drivers are available for standard VGA modes in DOS. Some support is also available for some cards for SuperVGA modes in DOS, Windows and Linux Xfree86.

Other related projects

I have also designed a VGA to TV adapter using this same basic circuit. With some additional software and small modifications this circuit can be used for connecting VGA card to TV equipped with SCART connector.

Sumber : http://www.epanorama.net/circuits/vga2rgbs.html

Kuman Salmonella adalah penyebab penyakit tifus

0 comments




Berangkat dari istri tercinta difonis oleh Dr. Tina (Tanjung Duren - Grogol) terserang penyakit Tifus, akhirnya saya coba tanya-tanya kepada tetangga terdekat, sanak saudara, kerabar dekat, nenek tercinta, sampai ke dunia maya (Prop. Google). Dan akhirnya ada seseorang mem-post di blogspot (mypotik) tentang Penyakit Tifus ini. Inilah artikel yang ia post kan, semoga bermanfaat :

Penyakit tifus sudah lama “menemani” kehidupan kita yang bermukim di Indonesia. Bukan jenis penyakit baru, tapi tak kunjung berhasil diberantas. Bahkan karena kebandelannya, kuman ini bisa bangkit lagi menyerang bila pengobatan tak tuntas. Bagaimana supaya tak terjangkit tifus, dan kalau sudah terjangkit hal-hal penting apa yang harus dilakukan?

Setelah beberapa hari demamnya tak kunjung turun, Tina dinyatakan terdeteksi menderita tifus abdominalis atau lebih dikenal demam tifoid. Syukurlah, cukup diobati selama dua minggu kondisinya sudah terlihat membaik. Sayang begitu obat dihentikan, demam dan sakit perutnya mulai terasa kembali.

Rupanya kuman salmonela, si biang keladi yang bersarang dalam usus halusnya belum terbasmi tuntas. Begitu Tina diberi obat lagi selama dua minggu berikutnya, kondisinya pun pulih. Ia tidak lagi diganggu sakit perut ataupun demam. Buang airnya juga sudah kembali normal. Pemeriksaan darah di laboratorium klinik terhadap salmonela memberi hasil negatif.

Pengobatan penyakit usus ini memang susah-susah gampang, karena memerlukan pemantauan berkelanjutan. Pasalnya, bila kuman belum terbasmi dengan baik, dan pengobatan dihentikan, bisa saja muncul gejala ulang seperti pada Tina tadi. Atau bahkan yang lebih fatal lagi, dapat terjadi komplikasi pada organ lain.

Bahaya carrier
Kuman salmonela merupakan penyebab tifus. Kuman penghantam usus halus ini terdiri atas Salmonella typhi dan Salmonella paratyphi A, B, C. Binatang seperti unggas, kucing, anjing, sapi, kuda, babi serta binatang mengerat merupakan sahabat kuman yang juga sangat betah tinggal dalam tubuh manusia. Salmonella typhi umumnya lebih ganas daripada Salmonella paratyphi. Kalau pas naas, dalam tubuh seorang penderita bisa saja hinggap sekaligus kedua macam salmonela itu. Soalnya kuman ini cukup tangguh. Ia mampu bertahan hidup cukup lama dalam tinja, sampah, daging, telur, makanan yang dikeringkan, bahkan dalam bahan kimia seperti zat pewarna makanan sekalipun.

Salmonela sampai ke dalam tubuh kita via makanan atau minuman yang tercemar cukup banyak oleh kuman ini. Pencemaran bisa terjadi melalui orang yang mempersiapkan makanan (karena tangannya kotor), akibat makanan masih kurang matang, atau makanan dihinggapi lalat pembawa kuman. Salmonella typhi juga bisa ditularkan para carrier (pembawa kuman) melalui tinjanya. Siapa pembawanya tidak akan tampak, karena ia kelihatan sehatsehat saja. Namun, pada umumnya carrier adalah mereka yang sudah dinyatakan sembuh dari penyakit tifus tapi masih terus mengekskresi salmonela dalam tinja dan air kemihnya. Biasanya ini bisa berlangsung selama lebih dari satu tahun akibat adanya disfungsi kandung empedu.

Kuman itu memang bisa menerobos dan bersarang dalam batu empedu atau dalam dinding kandung empedu yang mengandung jaringan ikat akibat radang menahun. Salmonela bisa juga menerobos masuk ke pembuluh darah dan getah bening, kemudian merajalela ke organ-organ tubuh lain, misalnya ke pembuluh darah jantung, paru-paru, empedu, hati, dan tulang, bahkan ke otak dan akan menimbulkan peradangan. Umumnya pada kasus komplikasi seperti ini panas tingginya lebih sulit turun dan disertai gejala lain.

Kuman tifus memang termasuk bandel. Kalau pengobatan tak tuntas, setelah dua minggu pengobatan penyakitnya bisa mengamuk lagi. Tentu saja penderita harus segera kembali ke dokter yang semula menanganinya. Biasanya dokter akan menyarankan agar darah diperiksa kembali di laboratorium klinik untuk memastikan apakah memang sang kuman masih bebas berkeliaran. Selain melalui pembiakan darah di laboratorium (memerlukan kira-kira 3 - 7 hari), salmonela dapat pula terdeteksi melalui uji Widal (tes aglutinasi), tinja, dan urine.

Begitu masuk ke dalam tubuh, salmonela dengan leluasa menerobos dan merusak dinding usus. Akibatnya usus terluka sampai bisa mengalami perdarahan. Dalam hal ini tinja penderita berwarna kehitaman. Pada kasus lebih parah dinding usus sampai berlubang.

Demam tifoid pada umumnya berlangsung selama 10 - 20 hari, meski dapat bervariasi antara 3 - 60 hari, tergantung jumlah kuman yang menyerbu. Semakin banyak, tentu semakin cepat muncul gejalanya. Kemudian, dari hari ke hari demam pada penyakit usus halus ini akan naik. Kalau pada hari-hari pertama demam hanya timbul pada sore atau malam hari, setelah minggu pertama juga akan timbul pada pagi dan siang hari. Bila saat itu penderita belum juga mendapat obat antibiotik yang membantu membasmi kuman tersebut, pada minggu kedua sampai ke empat suhu tinggi akan menetap.

Pada suhu tinggi demikian penderita bisa sampai mengigau dan apatis. Obat yang sampai saat ini umum digunakan oleh dokter adalah kloramfenikol dengan dosis 4 x 500 mg/hari pada orang dewasa, dikonsumsi selama tujuh hari bebas panas. Biasanya obat dikonsumsi selama 10 - 14 hari. Selain demam, gejala tambahan tifus a.l. sakit kepala, lesu, lidah berwarna putih kotor dengan tepi merah, sakit perut, muntah, diare, atau malah tidak dapat buang air besar.

Tidak usah bubur saring
Pasien demam tifoid pada umumnya berhenti mengeluarkan salmonela setelah tiga bulan. Bila sampai lebih dari jangka waktu itu ia masih mengekskresi salmonela, ia disebut carrier. Lebih gawat lagi, sekitar 3% pasien masih mengekskresi salmonela lebih dari satu tahun. Carrier jarang terjadi pada anak-anak, melainkan banyak pada bekas penderita usia menengah, dan lebih sering pada wanita dibandingkan pria.

Pengobatan carrier tifoid merupakan masalah cukup sulit. Obat antimikroba yang dapat digunakan misalnya ampisilin atau amoksisilin oral satu gram tiap enam jam selama empat minggu. Gagalnya pengobatan bisa jadi karena kuman sudah terlampau lama bersarang dalam saluran empedu intrahepatik. Sedangkan salmonela dalam tinja lebih mudah dibasmi dengan fluorokinolon oral.

Penderita tidak selalu harus dirawat di rumah sakit, tergantung dari parah tidaknya penyakit tersebut. Namun, pada umumnya dokter tidak mau mengambil risiko dan pasien diharuskan masuk rumah sakit. Apalagi kalau panas tidak turun-turun. Selain itu juga untuk mencegah penularan terhadap anggota keluarga lain.

Pada anak-anak dengan demam paratifoid, komplikasi jarang terjadi. Komplikasi biasanya terjadi bila penderita tidak segera ditangani dengan baik atau perawatannya kurang sempurna. Sebab itu perawatan sejak awal yang melibatkan obat, diet makanan, dan istirahat yang cukup sangat diutamakan.

Bila pasien demam tifoid perlu dirawat di rumah sakit, perawatan tersebut dimaksudkan untuk isolasi, observasi, dan pengobatan. Ia harus istirahat berbaring sampai minimal tujuh hari bebas demam atau kurang lebih selama 14 hari. Gunanya untuk mencegah terjadinya komplikasi perdarahan usus atau perforasi usus. Sedangkan mobilisasi pasien dilakukan secara bertahap, sesuai kepulihan pasien. Untuk perawatan dengan kesadaran menurun dianjurkan agar posisi tubuhnya diubah-ubah untuk menghindari komplikasi pneumonia serta luka baring.

Umumnya perjalanan penyakit berlangsung baik, asalkan diobati sejak dini dengan memperhatikan gejala-gejala awal penyakit tersebut. Namun, umur, keadaan umum pasien, derajat kekebalan tubuh, jumlah salmonela, serta cepat dan tepatnya pengobatan sangat menentukan kesembuhan pasien. Kalau melihat angka kematian pada anak-anak ”cuma” 2,6 % dan orang dewasa 7,4 % (rata-rata 5,7%), bisa disimpulkan, sebagian besar pengobatan demam tifus berjalan baik.

Kalau dulu seseorang yang menderita demam tifoid diharuskan makan bubur saring, kini tidak lagi. Betapa pun kalau pasien sendiri menginginkan bubur saring atau bubur kasar, tidak ada salahnya mengikuti keinginannya asalkan disertai lauk pauk yang memenuhi gizi. Yang penting, setelah dinyatakan sembuh diet makanan sehari-harinya tetap perlu mendapatkan perhatian sampai keadaan benar-benar pulih.

Di Indonesia demam tifoid dapat ditemukan sepanjang tahun karena udaranya sangat menunjang pertumbuhan kuman tersebut dan banyak orang kurang memperhatikan higiene akanan. Sebab itu, sampai saat ini demam tifoid sulit diberantas tuntas. Namun, bukan berarti penyakit ini tidak bisa dicegah.

Penyakit tifus tetap dapat dicegah dengan memperhatikan kebersihan lingkungan dan perorangan. Upayakan agar makanan tidak dihinggapi lalat dan masaklah makanan dan air minum sampai betul-betul matang. Bila perlu kita bisa mencegahnya dengan imunisasi, terutama saat salmonela sedang mewabah.

Cara Memasang Iklan di Google AdWords

0 comments

Cara Memasang Iklan di Google AdWords

Google AdWords adalah suatu program beriklan dari google dimana anda bisa mendaftarkan website anda untuk ditampilkan pada halaman hasil pencarian google saat sebuah pencarian yang diproses memiliki kata kunci yang sesuai dengan kata kunci adwords anda.
Kata kunci adwords (adwords keyword) harus anda tetapkan pada saat anda mendaftarkan website anda di adwords. Keyword ini berperan penting dalam hal merepresentasikan website anda agar iklan website anda muncul saat sebuah proses pencarian oleh pengguna google dilakukan.
Sebagai contoh, anda menetapkan iklan adword anda dengan keyword sebagai berikut:

Camera, Photography, Wedding Photos, Photo Studio
Maka setiap kali ada sebuah pencarian di google dengan kata yang bersangkutan diatas, dan sesuai dengan jumlah pembayaran iklan anda di google adwords, maka ada kemungkinan iklan anda muncul pada daftar pencarian google tersebut. Perlu diingat, adwords itu bekerja seperti lelang, semakin tinggi yang anda bayar untuk iklan anda, semakin tinggi prioritas iklan anda muncul di halaman google ( Money talks )
Bagaimana cara membuat iklan AdWords?
  • Buka halaman AdWords (https://adwords.google.com/select/).
  • Klik "Start Now".
  • Pilih "Standard Edition".
  • Klik "Continue".
  • Kemudian akan ada pilihan account.
    • Jika anda sudah memiliki account google anda dapat menggunakan account google anda dengan memilih "Existing Google Accounts"
    • Jika anda belum punya account google pilih "New Google Account".
Selanjutnya anda ikuti step-step berikut:
1. Pilih bahasa apa yang digunakan oleh iklan anda. Google AdWords- Set Up Your Ad_1234282797507.png
Beri pilihan dengan cermat. Jika anda memang menargetkan untuk merangkul pelanggan internasional sebaiknya pilih bahasa inggris, tapi jika target pelanggan anda sebatas di Indonesia, sebaiknya pilih bahasa indonesia.
 2. Masukkan URL dan buat tampilan iklan anda.
Google AdWords- Set Up Your Ad_1234282920871.png
URL yang anda masukkan akan digunakan oleh iklan anda, sehingga setiap kali seseorang mengklik iklan anda, maka orang tersebut akan dibawa ke URL tersebut. Anda bisa mengisinya dengan alamat website anda, contoh www.abetobing.com
Kemudian anda harus membuat tampilan iklan anda. Baris pertama adalah judul dengan batas maksimal 25 karakter (termasuk spasi). Dua baris selanjutnya adalah deskripsi iklan anda, dengan maksimal 35 karakter (termasuk spasi) per baris.

3. Buat keyword iklan anda. Google AdWords- Set Up Your Ad_1234283169903.png
Sesuai dengan yang dijelaskan pada paragraf sebelumnya, keyword ini sangat berperan penting dengan jumlah kemunculan iklan anda di hasil pencarian google. Pastikan keyword iklan anda relevan dengan apa yang anda iklankan.
Jika anda mengiklankan sebuah toko kamera dan alat fotografi, maka masukkan keyword yang berhubungan dengan fotografi, seperti: toko kamera, fotografi, alat foto.
4. Pilih mata uang yang akan anda gunakan untuk pembayaran iklan. Google AdWords- Set Up Your Ad_1234283717726.png
Silahkan pilih mata uang yang akan anda gunakan saat pembayaran iklan.
5. Selanjutnya anda menentukan budget anda untuk iklan anda perbulannya. Google AdWords- Set Up Your Ad_1234284935314.png
Disini anda tentukan penawaran iklan anda, berapa besar yang sanggup anda bayar per bulan untuk iklan anda. Nominal tersebut adalah batas maksimum budget anda untuk iklan anda. Anda tidak akan discharge lebih dari harga yang anda tetapkan, bahkan mungkin kurang dari itu.
6. Apakah ingin menerima informasi update dari Google AdWords via email Google AdWords- Set Up Your Ad_1234285150070.png
Jika anda ceklist kedua pilihan diatas, maka google akan mengirim informas-informasi yang berkaitan dengan program google adwords ke email anda. Klik "next" atau "continue" untuk membuka halaman setting iklan.
7. Halaman "My Ad Campaign" Pada halaman ini akan muncul tampilan pemberitahuan bahwa iklan anda belum diaktifkan oleh google karena anda belum melakukan pembayaran pertama.
Google AdWords- My Ad Campaign_1234285899009.png
Untuk melakukan pembayaran dengan klik "Make Payment now".
8. Masukkan jumlah pembayaran sesuai budget yang anda tetapkan sebelumnya. Google AdWords- Make Payments_1234286221794.png
Biarkan jumlah yang tertera apa adanya, kemudian klik tombol “Make Payment”.
9. Muncul kode transfer pada bagian atas halaman. Google AdWords- Make Payments_1234286449282.png
Di sini tertera sebuah nomor yang berwarna merah yang merupakan nomor referensi untuk transfer anda. Sebaiknya anda catat nomor referensi ini, karena akan anda akan menggunakannya pada saat melakukan pembayaran atau transfer di bank.

Selanjutnya klik “Transfer Information Page”, akan muncul window/tab baru. Di halaman ini dijelaskan berapa banyak dan kemana anda harus mentransfer pembayaran iklan anda, biasanya terletak di tengah-tengah halaman. Tampilannya kurang lebih seperti berikut:
Google AdWords- Transfer Information_1234286757878.png
Pembayaran dapat dilakukan dengan mendatangi langsung bank yang tertera di halaman informasi tersebut (pada contoh diatas: Bank HSBC Indonesia) atau cabang terdekatnya, atau transfer melalui rekening bank anda.
Catatan: Jangan melakukan transfer via ATM, google tidak akan menerima pembayaran via transfer ATM, anda hanya akan menderita kerugian sebanyak yang anda transfer dan kemungkinan besar google tidak akan mengirim kembali jumlah tersebut.
Pada saat melakukan deposit atau transfer, anda harus menyertakan nomor referensi pada formulir setoran/transfer di bank. Jika tidak ada kolom atau baris untuk menyertakan nomor referensi tersebut, tuliskan tepat di depan nama anda. Jika kolom atau baris pengisian tidak cukup untuk nomor tersebut, gunakan jumlah yang secukupnya dari digit paling belakang. Misal nomor referensi anda adalah 298600947819 (12 digit) namun pada formulir setoran /transfer hanya mencukupi  7 digit saja, maka sertakan 7 digit paling belakang, yaitu  0947819
Di halaman ini dijelaskan pula bahwa nomor referensi tersebut hanya dapat digunakan sekali saja , dan google mengharuskan anda untuk menyertakan nomor referensi tersebut pada saat mentransfer melalui bank.
Jika pembayaran yang anda lakukan sesuai dengan informasi yang tertera pada halaman “Transfer Information Page” maka tidak lama lagi iklan anda sudah mulai bekerja di google.

Tutorial : Mengedit Web dengan Dreamweaver

0 comments

Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih praktis dibandingkan harus membuat kode html.
Ketika dokumen Adobe Photoshop (download: situs_bisnis.zip) tersimpan dalam bentuk web maka secara otomatis akan membuat tag html sendiri sehingga tidak perlu bersusah payah mengetik kode html. Anda dapat membuktikan sendiri seperti nampak pada gambar berikut.

dreamweaver_01.gif
1. Mengubah Objek menjadi Background
Tidak semua gambar (image) yang pada web yang telah kita buat diganti. Jika image tersebut berfungsi sebagai tombol, maka Anda dapat menambahkan menu pull down agar tampilan website lebih menarik. Anda juga dapat membuat tombol dalam bentuk mouse over, dan lain sebagainya.
Pada bagian ini, kita akan mencoba membahas tentang teknik penggantian objek gambar menjadi latar belakang (backgrdound) agar kita dapat memasukkan beberapa komponen di dalamnya (teks maupun grafik).

  1. Pertama kali, bukalah file index.html menggunakan Macromedia Dreamweaver.
    Gambar 1
  2. Setelah file terbuka, tentukan terlebih dahulu image mana saja yang akan di jadikan latar belakang dan bagian mana saja yang akan dijadikan sebagai tombol. Sebagai contoh, klik image di bagian bawah teks New Product.
    Gambar 2
  3. Pada bagian Properties, tertulis Src = images/index_26.gif. Hal itu berarti kita tidak dapat memasukan teks di atas gambar tersebut karena objek tersebut adalah image, bukan merupakan background. Tekan Del untuk menghapusnya.
    Gambar 3
  4. Klik pada Background URL of cell untuk memilih gambar yang akan dijadikan latar belakang (background). Oleh karena nama file yang baru saja dihapus adalah index_26.gif maka gunakan file tersebut sebagai latar belakang.
    Gambar 4
  5. Ketikkan images/index_26.gif pada kolom Bg.
    Gambar 5
  6. Lakukan hal yang sama pada bagian lain apabila ingin dijadikan sebagai latar belakang agar kita dapat memasukkan objek berupa teks, animasi, maupun gambar.

2. Memasukkan Objek Objek yang dimaksud dapat berupa animasi, gambar, maupun teks. Dalam Macromedia Dreamweaver proses memasukkan objek sangat mudah karena sudah disediakan tool yang sangat lengkap. Anda tinggal memilih objek apa yang akan dimasukkan. Berikut ini akan membahas masalah teknik memasukkan objek berupa teks.
  1. Letakkan kursor pada tempat yang akan ditambahkan teks.
    Gambar 11
  2. Pada penel Properties, aturlah beberapa spesifikasi seperti nampak pada gambar berikut.
    Gambar 12
  3. Ketikkan beberapa kalimat yang berisi berita, kemudian aturlah format teks tersebut seperti nampak pada gambar berikut.
    Gambar 13
  4. Anda bisa memasukkan image di antara teks tersebut. Untuk melakukan hal itu, pertama kali letakkan kursor di awal paragraf kemudian pilih menu Insert > Image.
    Gambar 14
  5. Pilih file gambar yang akan dimasukkan dalam dokumen tersebut.
    Gambar 15
  6. Apabila berhasil memasukkan gambar, maka akan terlihat objek tersebut berada di depan paragraf. Namun posisinya masih kurang sempurna karena susunan teks terdorong oleh gambar tersebut.
    Gambar 16
  7. Agar tampilan lebih rapi, Anda dapat mengatur posisi gambar sehingga seluruh teks akan berada di sebelah kanan gambar. Untuk melakukan hal tersebut, pada panel Properties pilih Left untuk Align.
    Gambar 17
MEMBUAT LINK DAN NAVIGASI
Menu yang mudah digunakan (user friendly) dapat membantu pengguna ketika mencari informasi yang dibutuhkan. Sebaiknya menggunakan tombol menu yang umum, seperti: Home, Product, Service, dan Contact Us
Dalam Macromedia Dreamweaver, kita membuat Pop-up Menu, dan Jumping Menu secara mudah. Anda tidak bersusah payah menuliskan script yang panjang dalam bahasa Javascript karena telah disediakan tool yang sangat mudah dan fleksibel.
1. Membuat Pop-up Menu
Keunggulan software Macromedia Dreamweaver dibandingkan dengan aplikasi lain yang sejenis adalah adanya tool untuk membuat menu pop-up yang dibuat dengan bahasa Java. Bagi mereka yang masih awan dengan bahasa Java, tidak perlu bingung karena disediakan panel Behavior untuk mempermudah dalam pembuatan menu pop-up.
Sebelum membuat pop-up menu terlebih dulu harus menyiapkan nama file sebagai link. Sebagai contoh: ketika user memilih menu PC maka yang akan muncul adalah pilihan nama computer seperti Acer, HP, BenQ, dan lain sebagainya. Dan ketika user memilih salah satu opsi (missal: Acer) maka akan terhubung ke file tersebut.
Dengan demikian, Anda harus membuat beberapa file dengan bentuk interface yang sama seperti halaman utama, yaitu menyimpan dengan nama lain (contoh: Save As > acer.html). Diasumsikan, Anda telah memiliki beberapa file sebagai link yang dimaksud.
  1. Pertama kali, klik menu PC.
    dreamweaver_21.gif
  2. Jika panel Behaviors belum muncul, aktifkan terlebih dulu dengan cara memilih menu Window > Behaviors.
    dreamweaver_22.gif
  3. Pada panel Behaviors (berada di sebelah kanan), klik tombol Add (tanda plus) untuk membuka menu.
    dreamweaver_23.gif
  4. Selanjutnya pilih Show Pop up Menu.
    dreamweaver_24.gif
  5. Setelah mengklik pilihan tersebut, maka akan muncul kotak dialog Show Pop-up Menu yang masih kosong.
    dreamweaver_25.gif
  6. Pada Tab Contents, masukkan nama menu pada kolom Text (misal: Acer).
    dreamweaver_26.gif
  7. Kemudian masukkan alamat URL pada kolom Link.
    dreamweaver_27.gif
  8. Selanjutnya pada kolom Target, pilih _parent.
    dreamweaver_28.gif
  9. Untuk membuat menu yang baru, klik tanda plus (+) di bagian atas. Kemudian lakukan hal sama seperti pada tahap 6.
    dreamweaver_29.gif
  10. Selanjutnya, klik Tab Appearance untuk mengatur warna teks dan latar belakang pop up menu. Tentukan jenis dan ukuran font yang digunakan. Lalu tentukan pula warna teks dan warna cell ketika mouse berada di atas teks.
    dreamweaver_30.gif
  11. Klik Tab Advanced untuk menentukan lebar, tinggi dan warna border kotak pop up menu.
    dreamweaver_31.gif
  12. Klik Tab Position untuk menentukan posisi pop up menu.
    dreamweaver_32.gif
  13. Setelah selesai klik OK. Untuk melihat hasilnya, klik tombol F12.
    dreamweaver_33.gif
  14. Untuk mengasah keterampilan Anda, buatlah pop-up menu pada tombol lain.
2. Membuat Rollover Image
Macromedia Dreamweaver selain menyediakan tool untuk membuat Pop up Menu juga menyediakan tool untuk membuat Rollover Image sebagai tombol. Yang harus Anda lakukan pertama kali adalah menyediakan dua buah gambar yang ukurannya sama tapi warnanya berbeda.
  1. Buatlah duplikasi gambar tombol yang telah ada.
    dreamweaver_41.gif
  2. Kemudian editlah file hasil duplikasi tersebut menggunakan Adobe Photoshop. Pilih menu Image > Adjustment > Hue/Saturation.
    dreamweaver_42.gif
  3. Setelah muncul kotak dialog Hue/Saturation, aktifkan pilihan Colorize. Kemudian geser Slider Hue maupun Saturation sesuai kebutuhan. Setelah selesai klik OK, simpan dokumen tersebut dengan cara menekan Ctrl+S.
    dreamweaver_43.gif
  4. Sekarang kembali ke Macromedia Dreamweaver. Klik gambar About Us.
    dreamweaver_44.gif
  5. Hapuslah objek tersebut dengan cara menekan tombol Del. Selanjutnya pilih menu Insert > Image Objects > Rollover Image.
    dreamweaver_45.gif
  6. Setelah muncul kotak dialog Insert Rollover Image, berilah nama gambar pada kolom Image name kemudian tentukan gambar asli pada kolom Original Image. Untuk mempermudah pencarian file, klik tombol Browse. Tentukan pula file untuk gambar rollover pada kolom Rollover Image.
    dreamweaver_46.gif
  7. Masukkan teks alternat pada kolom Alt, lalu tentukan nama file sebagai link ketika tombol tersebut di klik.
    dreamweaver_47.gif
  8. Untuk melihat hasilnya, tekan tombol F12.