improved sales and marketing for sme - bappenas.go.id filedan photoshop 3.5. nov. 13 ... operasional...

54
Deutsche Gesellchaftt fur Technische Zusammenarbeit (GTZ) GmbH Dokumentasi & Manual Pelatihan Program Pelatihan dan Lokakarya "Peningkatan Penjualan dan Pernasaran untuk UKM melalui situs web yang berfokus E-commerce'' Improved Sales and Marketing for SME through E-commerce focused websites Jochen Vorfelder Sustainable Media, Hamburg Solo, Nov. 1 1 - Nov.13,2002 BAPPENAS - GTZ SME Promotion Project, UNS Solo November 11 UNS, Solo - November 13, 2002 Proyek Pengembangan Usaha Kecil dan Menengah (SMEPP Bappenas / GTZ/GFA dan Universitas UNS Solo

Upload: truongdang

Post on 06-Mar-2019

224 views

Category:

Documents


0 download

TRANSCRIPT

Deutsche Gesellchaftt furTechnische Zusammenarbeit (GTZ) GmbH

Dokumentasi & Manual Pelatihan

Program Pelatihan dan Lokakarya "Peningkatan Penjualan dan Pernasaran untuk UKM melalui situs web yang berfokus E-commerce''

Improved Sales andMarketing for SME

through E-commerce focused websites

Jochen Vorfelder Sustainable Media, Hamburg

Solo, Nov. 1 1 - Nov.13,2002

BAPPENAS - GTZ SME Promotion Project, UNS Solo

November 11 UNS, Solo

- November 13, 2002

Proyek Pengembangan Usaha Kecil dan Menengah (SMEPPBappenas / GTZ/GFA dan Universitas UNS Solo

BAPPENAS - GTZ RED

- 2 -

Daftar isi 02

1. Pendahuluan 03 1.1. Latar belakang 03 1.2. Tujuan 03 1.4. Kelompok sasaran 04 1.4. Pemilihan peserta 04 1.5. Kerangka kerja organisasi 04

2. Jadwal pelatihan dan lokakarya 11 Nov. sampai 13 Nov. 06

3. Sesi pelatihan 08

3.1. 11 Nov. - Sesi pagi 08 Situs Web dan E-Commerce untuk UKM - definisi dan dasar

3.2. 11 Nov. - Sesi siang 11 Analisis Kebutuhan dan Rencana Penyediaan - yang dibutuhkan klien Anda. 3.3. 12 Nov. - Sesi pagi 15

Showcase - Menganalisa dan menlayani klien yang cerewet 3.4. Nov. 12 - Sesi siang 19

Situs Web fiktif - tools, latihan praktik dengan Dreamweaver dan Photoshop

3.5. Nov. 13 - Sesi pagi 33 Standar penting dalam desain untuk menjangkau khalayak internasional

3.6. Nov. 13 - Sesi siang 36 Desain Web dan E-Commerce - strategi, daftar periksa dan panduan

Diskusi: Melanjutkan lokakarya + merencanakan pelatihan tindak-lanjut (bimbingan perorangan)

4. Bimbingan perorangan untuk para peserta 42

5. Ringkasan lokakarya 43 5.1. Agenda lokakarya 49 5.2. Daftar peserta 50 5.3. Sertifikat 51

6. Imprint 52

BAPPENAS - GTZ RED

- 3 -

1. Pengenalan: 1.1. Latar belakang

Fakta menunjukkan bahwa ketersediaan jasa pengembangan usaha bermutu tinggi (BDS) penting sekali untuk membangun perusahaan yang lebih berdaya-saing. Pada umumnya, Usaha Kecil dan Menengah tertentu (UKM) memerlukan berbagai BDS yang spesifik untuk meningkatkan akses mereka terhadap sumberdaya produktif guna memperoleh berbagai teknologi inovatif dan produksi bernilai tambah serta perbaikan pemasaran agar dapat keluar dari pasar-pasar bernilai rendah yang sudah jenuh, dimana mereka sering kali terperangkap. Walaupun begitu, tetap masih ada kekurangan investasi dalam perdagangan BDS. Bukti lemahnya permintaan ini bisa terlihat dari kenyataan bahwa hanya ada segelintir penyedia komersial yang secara khusus menargetkan UKM, dan sering kali produk dan jasa mereka kurang tanggap terhadap kebutuhan UKM. Sebelumnya, para penyedia komersial beramai-ramai meninggatkan pasar akibat intervensi pemerintah dan/atau penyandang dana, sehingga menimbulkan berbagai jasa yang didorong oleh pengadaan dan pengabaian distorsi pasar. Namun, baru-baru ini, paradigma telah bergeser ke pendekatan yang berorientasi pada pasar. Skenario ini sesuai dengan pengalaman Indonesia. Dengan mengarahkan pada kekurangan secara garis besar, proyek bilateral German TA dalam Pengembangan Usaha Kecil dan Menengah yang dilaksanakan oleh GTZ/GFA, menunjang pengembangan pasar untuk perdagangan BDS di Indonesia dengan memusatkan pada wilayah tertentu, yaitu Jawa Tengah Proyek terutama berhasil pada tingkat makro dan tingkat meta dan orientasi umumnya mengarah ke pengembangan kebijakan, perencanaan program, dan membangun kapasitas di berbagai lembaga umum nasional dan regional. Namun, SMEPP kekurangan anggaran operasional untuk menyelenggarakan kampanye pelatihan dan menyediakan bantuan teknis yang substansial pada tingkat mikro. Keadaan seperti itu dapat dijadikan gambaran untuk program yang dijalankan pemerintah atau donor yang meningkatkan portofolio pengetahuan para penyedia yang dimilikinya saat ini. 1.2. Tujuan Desain pelatihan akan berorientasi pada temuan survei pasar secara menyeluruh yang dilakukan oleh SMEPP di pulau Jawa yang terdiri dari 400 perusahaan/responden yang mewakili sisi permintaan dan sekitar 60 penyedia jasa BDS yang mewakili sisi persediaan. Survei ini menunjukkan bahwa di wilayah terpilih, permintaan UKM ternyata. tinggi atas BDS yang memiliki keahlian dalam bidang TI, desain web dan ECommerce . Lagipula, informasi yang diperoleh dari survei penyedia BDS, memungkinkan untuk menyesuaikan solusi pelatihan - antara lain informasi dan keterampilan dalam proses perencanaan dan hubungan pelanggan - yang secara khusus menanggapi kebutuhan para penyedia.

BAPPENAS - GTZ RED

- 4 -

Jadi, berdasarkan survei, tujuan program pelatihan adalah untuk menyelenggarakan tahap pelatihan tertentu dalam lokakarya tiga hari dan bimbingan tambahan perorangan bagi para penyedia Jasa Pengembangan Usaha (BDS) komersial dalam bidang teknologi informasi (TI) dalam rangka memperbaiki desain dan pengiriman, efektivitas biaya, keberlanjutan dan dampak produk serta jasa Internet yang terkait dengan E-commerce. Para peserta dipilih clari wilayah Semarang,Klaten, Yogyakarta dan Surakarta di Jawa Tengah. 1.3. Kelompok sasaran. Berdasarkan hasil survei yang diselenggarakan oleh SMEPP, lokakarya dan program pelatihan dirancang oleh SUSTAINABLE MEDIA, agar dapat meraih kelompok peserta yang beraneka-ragam. Para wirausahawan dalam bidang TI, eksekutif pemasaran dan direktur pengelola BDS kecil maupun para perancang web yang berpengalaman, konsultan paruh-waktu BDS dan dosen universitas, diperkirakan akan menanggapi promosi lokakarya tersebut. 1.4. Promosi / Pemilihan peserta Lokakarya di Solo telah dipromosikan lebih dari 2 minggu melalui iklan media cetak di koran lokal di Jawa Tengah maupun lewat email. Iklan koran dapat menjangkau masyarakat umum yang lebih luas; sedangkan Email lebih khusus ditargetkan pada ISP, universitas dan perusahaan desain web di Jawa Tengah. Karena jumlah yang mendaftar di SMEPP terbatas, sehingga pada akhirnya, hampir semuanya diterima d a n yang terdaftar ada 13 peserta. Sewaktu lokakarya, kelompok akhirnya berjumlah 11 orang - terdiri dari para wirausahawan, dosen universitas dan pakar web yang bekerja dalam bidang TI dan desain web - dan menghadiri presentasi selama tiga hari. Kebanyakan dari mereka hanya tahu sekilas tentang paket perangkat lunak yang dipromosikan. 1.5. Kerangka kerja organisasi Fokus pelatihan ini adalah mempresentasikan "praktik terbaik" dari desain dan strategi E-commerce, dan membahas tentang pendekatan yang terbukti berhasil dalam bidang TI serta pengenalan masalah teknis dan keterampilan profesional yang berkaitan dengan paket perangkat lunak standar Macromedia Dreamweaver dan Adobe Photoshop. Komponen pelatihan ini dirancang agar para peserta lokakarya dapat meluaskan portofolio produk mereka dan memperbaiki standar mutunya. Selama lokakarya tiga hari yang diselenggarakan oleh SMEPP, para perserta terpilih menerima presentasi secara lisan dan visual dan berpeluang mempraktikkan keterampilan mereka yang berkaitan dengan paket perangkat lunak sewaktu sesi perpanjangan pelatihan. Yang paling diutamakan dalam semua sesi dan presentasi adalah proses untuk membuahkan "konsep mutu" sebagai nilai tambah BDS; Bimbingan perorangan

BAPPENAS - GTZ RED

- 5 -

clan sesi pelatihan tambahan yang tersedia bagi setiap peserta lokakarya, juga membahas efisiensi manajemen BDS. Lokakarya dirancang untuk diadakan di tempat yang menyediakan ruang kerja komputer berikut hubungan Internet untuk setiap peserta. Universitas UNS di Solo menawarkan tempat yang memenuhi persyaratan ini berikut perlengkapan teknis untuk presentasi overhead dan beamer (yang disorotkan ke layar). Setiap peserta menerima paket selamat datang yang berisikan satu CD-Rom dan bahan makalah dalam bahasa Inggris maupun Indonesia. Pesan pokok dan slide orientasi yang disajikan selama sesi pelatihan (lihat dokumen ini versi bahasa Inggris, bagian 3.1. sampai 3.6.) menggunakan bahasa Indonesia (lihat CD-Rom terIampir). Presentasi lisan dan diskusi selama sesi dilakukan dalam bahasa Inggris, tapi bila diminta, tersedia penterjemah dari Universitas UNS yang akan menerjemahkannya ke dalam bahasa Indonesia.

BAPPENAS - GTZ RED

- 6 -

2. Agenda Pelatihan dan Lokakarya

BAPPENAS - GTZ RED

7

telah sambutan resmi, para peserta memperkenalkan diri masing-masing dan menceritakan sedikit mengenai latar belakang mereka. Pada sesi No.1 di h a r i pertama, para peserta menerima penjelasan secara terperinci mengenai lokakarya, presentasi dan sesi pelatihan apa saja yang akan disampaikan dan membahas harapan mereka secara individu. SeIanjutnya, sebagai presentasi awal, akan disampaikan pengenalan latar belakang teori dan tekhnik aplikasi E-commerce yang dirangkai ke pesan pokok s e r t a peran peserta sebagai penyedia jasa BDS dikaitkan dengan salah satu sasaran proyek SMEPP aktual - untuk turut membantu pengembangan pasar BDS komersial di Jawa Tengah. Sesi No. 2, hari-1 slang, khusus mengetengahkan presentasi INTI - memperkenalkan struktur dan pendekatan manajemen proyek yang mau-tidak-mau h a r u s dilakukan, yaitu "Proses Perencanaan Sembilan Langkah", yang direkomendasikan untuk semua proyek Internet, desain web dan E-commerce. Selama sesi pagi di hari ke-2, pertama-tama peserta akan menganalisa fitur teknis, desain grafis, struktur navigasi dan situs web E-commerce akrab-guna dari suatu perusahaan di Jawa Tengah (CV Ariani, produsen dan pengekspor furnitur taman dan rumah). Berdasarkan analisis, situs web itu akan dirancang ulang dengan menggunakan proses perencanaan terstruktur "Sembilan Langkah". Sesi slang hari ke-2 khusus memperkenalkan "tools of the trade" ( perangkat n i a g a ) untuk mendesain web - Adobe Photoshop untuk desain graf is dan Macromedia Dreamweaver untuk html coding (pengkodean html) dan menghubungkan komputer yang digunakan peserta ke server Internet. Selama sesi pagi hari ke-3, para peserta akan mendapat penjelasan tambahan mengenai fitur-fitur Photoshop dan Dreamweaver. Pada sesi terakhir di hari ke-3, presentasi difokuskan pada "konsep mutu". Agar diperoleh pemahaman yang sama tentang perencanaan proyek yang balk dan standar teknis serta desain grafis yang diperlukan, peserta menganalisa situs web yang disampaikan oleh Jochen Vorfelder. Mereka juga membahas faktor sukses situs web, 'Do's and Don'ts' tentang oemograman dan desain situs web E-commerce.

BAPPENAS - GTZ RED

8

3. Sesi pelatihan 3.1. 11 Nov. - Sesi pagi sit us web dan E -Commerce u n t u k UKM - definisi d a n dasar

BAPPENAS - GTZ RED

9

Fokus dan pesan pokok pada sesi pagi hari ke-1:: Para penyedia jasa BDS dalam bidang TI membantu UKM meluaskan akses mereka ke berbagai sumber daya produktif untuk mendapatkan teknologi produksi yang inovatif dan bernilai tambah serta menjangkau pasar tambahan yang berharga.

Dengan menawarkan teknologi canggih dan situs web e-commerce yang bermutu tinggi bagi peIanggan, para konsultan TI dan perusahaan desain memiliki pengaruh yang pasti bagi persaingan UKM.

Untuk meningkatkan layanan UKM dan mencapai hasil yang luar biasa, setiap proyek TI

sebaiknya melakukan pendekatan terfokus dan menerapkan manajemen proyek yang disesuaikan dengan berbagai hal yang ditanyakan dan dibahas sejak awal. Jadi, pertanyaan apa raja yang tepat diajukan dan kepada siapa sebaiknya ditujukan? Mari kita menyimak sejumlah langkah dan pertanyaan yang diajukan saat pertemuan

dengan klien pada tahap awal proyek. Manajemen Proyek Tahap yang paling penting dalam proyek E-commerce adalah saat perencanaan. Efek dari setiap keputusan pada tahap ini akan besar dampaknya pada proyek di kemudian hari. Sebaiknya, penyedia jasa yang menggarap isi dan perencanaan teknis memahami segala masalah bisnis sehingga proyek melangkah dengan benar sejak awal, ketimbang membenahi berbagai masalah di tengah jalan walaupun akhirnya berhasil. Proyek Pengembangan situs web atau situs E-commerce harus dipandang sebagai suatu proyek. Dirikan situs dengan tujuan bisnis, berikut anggaran, dan skala waktu seperti layaknya Anda menggarap proyek apa pun. Sama seperti semua proyek, situs pun perlu direncanakan dan dimonitor. Seorang manajer proyek harus mengkoordinasi pekerjaan dari berbagai pihak yang akan terlibat. Keterampilan dalam bidang teknis, artistik, pemasaran dan penjualan, semua perlu bekerja sama agar proyek berhasil. Komitmen manajemen senior merupakan hal yang paling menentukan agar dapat dipastikan bahwa proyek tidak gagal karena organisasi di dalam berantakan. Proyek seyogianya mendapat dukungan dari pejabat pada tingkat yang paling senior.

Anda seharusnya dapat menjawab pertanyaan berikut secara positif setelah proyek berjalan sebagaimana mestinya:

BAPPENAS - GTZ RED

10

Apakah Anda sudah menemukan manajer proyek yang mampu menangani proyek penting ini? // Apakah orang tersebut mampu membuat keputusan yang cepat, atau dapat langsung menghubungi orang yang tepat untuk membuat keputusan? // Apakah Anda punya rencana proyek tertulis dengan menandai jadwal dan halhal penting yang terkait? // Apakah proyek ini memiliki dukungan pada tingkat pimpinan puncak dalam perusahaan,

biasanya setingkat direktur?

Tujuan Tujuannya adalah menciptakan: / / Si tus web menar ik yang akan mempromosikan pedagang dan mendorong pengunjung untuk membeli. // Isi situs yang seimbang dengan harapan dan memikat pengunjung. // Struktur yang memudahkan para pengunjung menemukan produk yang diinginkan dengan cepat. // Yang terutama adalah situs yang menjual, terbukti bernilai dan bermutu.

Penawaran

Seperti rencana usaha apa pun, kejelasan penawaran merupakan hal paling mendasar. Para perancang aplikasi perlu memahami tentang penawaran sebelum mereka mulai. // Perangkat produk: Produk apa saja yang ingin Anda tawarkan di Internet? //

Manfaat: Manfaat unik apa yang Anda tawarkan?

// Nilai tambah: Apakah Anda menawarkan nilai tambah seperti potongan harga atau layanan purna jual? Berdasarkan jawaban pertanyaan yang diajukan di atas, penyedia jasa BDS seharusnya dapat berperan penting dalam proyek E-commerce yang sedang digarap.

BAPPENAS - GTZ RED

11

3.2. Nov. 11 -Sesi siang ^nalisis Kebutuhan dan Rencana Penvediaan - dana dibutuhkan klien Anda.

BAPPENAS - GTZ RED

12

Fokus dan pesan pada sesi siang hari ke-1: Bangkitnya prospek E-commerce telah membuat banyak perusahaan harus segera bersiap diri dengan situs web mereka agar dapat ikut menerapkan pendekatan baru ini dalam berbisnis. Meskipun demikian, banyak kasus yang menunjukkan terjadinya kegagalan perusahaan untuk tampil secara memadai; kebanyakan juga lalai memperbarui, tidak konsisten, atau bahkan t i d a k merefleksikan keadaan sebenarnya d a r i perusahaan-perusahaan mereka. Agar dapat melayani kebutuhan klien sehingga sedekat mungkin mencapai hasil, para konsultan web biasanya memerlukan pendekatan struktural yang akan menuntun klien mereka pada suatu proses perencanaan 9 langkah. 1. Lokakarya Pembuka Memulai dengan lokakarya E-commerce merupakan awal yang tepat bagi setiap konsultan pengelola situs web E-commerce suatu perusahaan. Kumpulkan semua yang berkepentingan (manajemen puncak, para manajer dan petugas senior lainnya) dalam suatu ruangan, menyampaikan taklimat tentang konsep Ecommerce, menunjukkan beberapa contoh persaingan E-commerce antar perusahaan, dan urun rembug untuk menggali gagasan-gagasan. Pendekatan ini akan dapat memupuk semangat tim, sekaligus menjelaskan peranan masingmasing departemen. Dengan begitu Andalah yang akan mengendalikan. 2. Searah dengan Rencana E-commerce yang strategis Sebagai langkah pertama, lokakarya akan mengajak semua peserta untuk melakukan tinjauan ringkas atas rencana strategis perusahaan. I n i biasanya menyangkut rencana 3 hingga 5 tahun. Pada dokumen ini atau sewaktu presentasi lisan manajemen, Anda akan meninjau sasaran, tujuan, program aksi, kriteria kesuksesan, dan orang-orang yang bertanggungjawab pada perusahaan tersebut. Agar suatu rencana E-commerce dapat diterima dan memiliki peluang sukses yang Iebih besar, rencana E-comemrce tersebut harus dirancang sejalan dan mendukung rencana strategis perusahaan. Jika i n i tidak dilakukan, tingkat kegagalannya akan menjadi tinggi. Para ahli TI pun perlu menyadari, bahwa peran mereka adalah sekadar sebagai fasilitator dan pendukung teknologi. Kesalahaan umum pada penggagas situs web dan e-commerce adalah menganggap hal tersebut sebagai semata-mata tanggung jawab departemen TI/IMS. Itu pula yang menyebabkan selama tahap perencanaan, setiap orang harus terlibat dan memastikan, bahwa setiap bagian d a r i situs tersebut dimiliki dan menjadi tanggung jawab dari departemen yang benar-benar terkait sehari-hari. Contoh kekeliruan lain dalam menciptakan rencana dan proyek E-comemrce adalah jika langsung mengaitkan hal tersebut dengan anggaran departemen TI/MIS. Ada berbagai departemen lain yang harus ikut menyumbang dan juga menjadi mitra pemilik proyek tersebut. 3. Kriteria Kesuksesan

BAPPENAS - GTZ RED

13

Proyek E-commerce yang tidak terikat pada sesuatu kriteria kesuksesan, tidak akan mampu bertahan. Sejak awal, suatu kriteria kesuksesan, sebagaimana transaksi bisnis dalam s u a t u periode tertentu, harus ditetapkan agar sesuai dengan keperluann anggaran, waktu dan upaya dari setiap departemen, maupun untuk pencatatan pengembangannya di waktu mendatang.

Kita tidak boleh membuat situs web hanya untuk sekadar ada di Internet. Situs web harus memberi nilai tambah kepada perusahaan.

4. Merencanakan Isi Situs Web Purwarupa, peta situs, dan rencana isi hendaknya dibuat serentak dengan situs web.

Begitu pula maksud pokok, tingkat penyampaian, keterikatan pembaruan isi, dan kriteria kesuksesan. Tanpa melakukan hal-hal itu, masa depan situs tersebut menjadi tidak terarah. Dalam hal rancangan, ciri-ciri situs tersebut haruslah amat jelas. Kategori, subkategori, dan tindakan search engine perlu benar-benar direncanakan. Karena tujuan akhir situs tersebut adalah agar mampu memenuhi segala yang diinginkan perusahaan dari para pengunjung situsnya. Jika tujuannya untuk membuat pengunjung membeli sesuatu produk, maka segala gangguan yang dapat menghalangi hal itu terjadi harus dihilangkan. Misalnya: sebuah home page yang antara lain memiliki segudang link ke search engine, suratkabar, situs unggahan (download), dan fasilitas e-mail. Mengapa tidak tepat? Karena dengan begitu banyak pilihan, si pengunjung dapat dengan mudah terpancing untuk seketika itu juga beralih ke situs Web lain. Itu pula sebabnya kehati-hatian amat penting saat perencanaan. Pada tahap ini, semua hak cipta dan kepemilikan isi harus pula sudah tertangani. Konsultasikan dengan pengacara mengenai hal-hal yang berkaitan dengan penafian, persyaratan , dll. 5. Spesifikasi Teknis Aspek teknis situs web harus pula direncanakan. Browser apa yang akan Anda gunakan? Apa memang plug-in yang akan Anda mintakan dari para pengguna, atau apa yang umumnya sudah tersedia pada mereka? Apakah Anda memiliki alat pengembangan yang standar? Kalau ada, apakah yang berbasis NT atau Linux? Apakah Anda menempatkannya secara in-house atau melalui layanan hosting web? 6. Rencana Pengujian Sebelum dan sesudah peluncuran situs, harus dilakukan pengujian. Setiap kesalahan, kelambatan atau crash dapat menghambat pencapaian kriteria kesuksesan Anda. Para penggunanya perlu secara tepat teridentifikasi sehingga benar-benar dari mereka yang menjadi kelompok sasaran. Pengujian fungsi perlu pula dilakukan untuk memastikan agar setiap bagian dari situs tersebut bekerja sebagaimana harusnya. Jika tampilan search engine harus sudah muncul dalam 5 detik, pastikan memang demikian adanya. Jika tidak

BAPPENAS - GTZ RED

14

demikan, cek ulang basis data dan skrip perintah untuk mengetahui di mana kesalahan desain tersebut.

Ambil segala langkah yang perlu untuk mengamankan situs Anda. Sebelum mencemaskan ada yang mendobrak pintu luar, amankan dulu ruangan dalam, karena biasanya pelanggaran kemananan justru berawal dari dalam perusahaan sendiri. Isi situs Anda pun harus disimak. Kesalahan eja dan gramatika pada suatu situs korporat jelas tidak pantas. Pastikan juga bahwa semua itu s e s u a i dengan standar komunikasi ekstern perusahaan. 7. Pelaksanaan Hati-hati: Anda harus mempresentasikan desain, isi dan fitur-fitur teknis lebih dari satu kali sampai Anda dan klien sama-sama memahami dan menyepakati situs web yang akan dihadirkan nanti. Tapi, jika Anda memiliki rencana yang layak dan sudah disetujui, termasuk struktur, isi dan desainnya, Anda sebaiknya tetap pada ketentuan standar: gunakan aplikasi dan skrip standar untuk fungsifungsi dasar seperti mail dan form, gunakan kode html sesuai dengan standar 3W, gunakan solusi standar basis data seperti SQL dan minta perancang web Anda untuk mencantumkan panduan gaya. Harap disadari bahwa situs web yang Anda kembangkan adalah milik klien Anda. Dia mempunyai hak untuk menyewa pengembang lain di kemudian hari. Karena itu, Anda harus menyajikannya dengan dokumentasi struktur, kode dan setting situs web yang terinci sebelum ditempatkan pada server untuk pengujian lagi. Hanya sesudah dilakukan pengujian yang ekstensif dan klien Anda memberikan persetujuan akhir, barulah Anda dapat menayangkan situs Web-nya. 8. Pemasaran dan Pemeliharaan Ungkapan "Buat situs web Anda dan pengunjung akan datang" kini tidak berlaku lagi. Perlu upaya tambahan untuk memastikan khalayak sasaran Anda akan berkunjung ke situs dan Anda mencapai kriteria kesuksesan. Sekali situs Anda beredar, URL-nya akan berada di semua tempat. Anda sebaiknya menjelaskan kepada klien Anda, bahwa pembaruan dan pemeliharaan yang teratur atas suatu situs web E-commerce adalah mutlak. Semua informasi, seperti harga, produk, alamat dsb., harus senantiasa aktual. Sedikitnya satu orang dari perusahaan klien Anda harus t e r I a t i h untuk memperbaruinya secara teratur. Kalau itu tak mungkin, upayakan punya kontrak pemeliharaan. 9. Menagih Pembayaran Jika Anda ingin berbisnis dengan mitra-mitra nasional dan internasional, cara pembayaran internasional melalui kartu kredit merupakan fitur yang penting bagi s u a t u situs web E-commerce. Dalam kaitan i n i tersedia beberapa solusi

BAPPENAS - GTZ RED

15

pembayaran internawienal, Geperti cc Now, PlanetPayment, PayPal, iBill, lnternetsecure, dan cybersourre.

BAPPENAS - GTZ RED

16

3.3 Nov. 12 - Sesi pagi Showcase - Menganalisa don melayani klien yang cerewet

BAPPENAS - GTZ RED

17

Fokus dan pesan pokok pada sesi pagi hari ke-2: CV Ariani adalah produsen dan wholesaler furnitur taman dan interior lokal yang berkedudukan di Jepara, Jawa Tengah. CV Ariani mempunyai si tus web "E-commerce" yang sudah online; situs ini dipilih untuk dianalisis dalam sesi pagi karena menampilkan standar desain web Indonesia pada umumnya.

Dari sudut pandang arsitektural dan desain, situs web CV Ariani ini sama sekali tidak

konsisten. Nyaris tidak ada penavigasian dan sering kali membingungkan. Update penting seperti daftar harga yang dicantumkan dalam format halaman online yang berbeda; gambar produk t idak terkai t dengan masing-masing harganya. Situs web tidak mendukung tujuan promosi, penjualan dan interaksi dengan para pelanggan potensial yang ada. Berdasarkan analisis ini, para peserta menyusun struktur, isi dan komponen desain untuk situs CV Ariani yang baru, yang sejalan dengan sembilan langkah perencanaan yang telah dijelaskan kepada mereka. Draf rencana kerja antara lain, definisi peran, sasaran, rencana tindakan dan jadwal yang memungkinkan, disusun sewaktu sesi urun rembug. Seiring dengan itu, para peserta mendapat panduani mengenai desain dan manajemen proyek E-commerce. DO's dan DON'Ts mengenai situs web E-Commerce Jangan berharap mendapatkan pedoman "praktik terbaik" dalam bidang yang terus-menerus berubah dengan cepat seperti E-Commerce untuk memberikan jawaban yang dapat diterapkan selamanya. Lagipula, perusahaan web yang paling sukses (dan bukan hanya perusahaan web) memiliki kesamaan ciri, yang tak dapat diuraikan secara akurat dalam pedoman praktik terbaik apa pun juga: yaitu, inovasi. Namun begitu, ada sejumlah praktik "baik" yang dapat ikut memberikan kontribusi besar atas kesuksesan suatu situs web: Daftar DON'Ts (JANGAN) • Jangan memanfaatkan situs web Anda hanya untuk memajang informasi yang

bahkan tidak di-update secara teratur. • Praktik-praktik seperti pemunculan banner iklan merupakan cara yang kurang

efektif untuk promosi situs web dan jika anggaran Anda terbatas, maka tampilkan seperti 'e-mail newsletter' (surat warta bentuk e-mail).

• Jangan menunda tanggapan jika Anda menyediakan layanan dan dukungan pelanggan.

• Tampaknya tidak begitu efisien untuk mempunyai panitia, asisten atau trainee, atau Subkontraktor yang bertanggung jawab atas situs web Anda (lihat bagian 'BOLEH' untuk alternatif yang lebih efisien).

Daftar DO's (BOLEH)

BAPPENAS - GTZ RED

18

• Meng-update informasi situs web Anda sesering mungkin. • Memang efisien jika (memungkinkan) memiliki manajer umum atau manajer

penjualan dari perusahaan yang bertanggung jawab atas situs web. • Promosikan situs web dengan memberikan manfaat online: kupon, diskon. • Promosikan situs web dengan iklan 'off line': pengiriman surat seperti

biasa, brosur, kartu nama, dll.. • Promosikan situs web dengan mentargetkan pengiriman email melalui perujukan

search engine yang bekerja sama secara online dengan pihak ketiga yang dipercaya (initiatif pemerintah, bank, dll), atau melalui kerja sama dengan perusahaan yang menawarkan produk tambahan (complimentary).

• Diarahkan ke pasar internasional, menjangkau khalayak yang luas. • Belajar untuk cepat tanggap terhadap permintaan pelanggan dan gunakan situs web

untuk membantu pelanggan. • Memberi sentuhan pribadi pada jawaban Anda, tapi juga memanfaatkan tanggapan-

otomatis. • Jika Anda memanfaatkan situs web untuk layanan dan dukungan pelanggan, Anda

harus membalas secepat-cepatnya (tenggang waktu tanggapan ratarata harus kurang dari 24 jam, jika memungkinkan!).

• Untuk mengganti biaya pameran dan konfrerensi, gunakan situs sebagai outlet pameran.

• Situs web merupakan strategi penjualan yang berdampak positif bila tersedia sistem pembayaran: membayar saat barang diterima, atau bank transfer/chek, selain penggunaan kartu kredit pada situs web.

Panduan untuk desain grafis dan pengaturan teknis

• Selalu menguji resolusi minimum yang dimiliki para pengguna. Bagaimana tampilan halamannya?. Halaman penilikan (Preview page) pada resolusi multipel.

• Mengindentifikasi cakupan atau sasaran utama halaman dalam beberapa baris pertama.

• Pertimbangkan untuk menggunakan lebar tabel kecil yang tetap untuk tampilan teks. Kalimat panjang sulit dibaca sekilas oleh pengguna; sesuaikan lebar tabel yang juga menyesuaikan panjang baris.

• Bila memungkinkan, jangan sampai harus menggeser; khususnya pada halaman statis; Para pengguna lebih sering menggeser pada halamanhalaman hasil pencarian.

• Bila konsisten, para pengguna dapat memberitahu yang lain. Maka, konsistensi situs Warus selalu dipertahankan. Kefungsian (navigasi) harus pula memiliki aspek dan tata-letak yang sama di seluruh situs

• Konsistensi yang memiliki standar, meningkatkan pemahaman para pengguna mengenai cara kerja situs: Bantulah para pengguna menavigasi, gunakan navigation tree dengan pola warna yang menunjukkan posisi pengguna di situs.

• Selalu sediakan alat bantu untuk penavigasian ke halaman atau topik sebelumnya dan ke halaman induk (halaman utama topik yang sedang dilihat). Hindari link yang terlalu banyak pada halaman.

BAPPENAS - GTZ RED

19

• Pertimbangkan search engine yang berfungsi di situs untuk para pengguna yang

mencari informasi tertentu.

• Gunakan link statis pada sisi kiri atau bagian atas halaman; tempatkan bagian

halaman yang dinamis di sisi kanan. • Pertimbangan bahwa halaman dalam bingkai bukan merupakan format kondusif

untuk ditandai (bookmarked) - maka jangan menggunakan bingkai.

• Ingat bahwa animasi membuyarkan perhatian para pengguna mengenai isi

halaman. Minimalkan penggunaan animasi khususnya dalam halaman teks.

• Sediakan alat bantu untuk menampung umpan-balik pengguna. Selalu pertanyakan

berbagai asumsi Anda mengenai perilaku dan kebutuhan pengguna. Tanyakan

kepada mereka!

BAPPENAS - GTZ RED

20

3.4. Nov. 12 - Sesi siang Situs web yang macam-macam - tools, latihan praktik dengan Dreamweaver dan Photos hop.

Fokus dan pesan pokok pada sesi siang hari ke-2:

Setiap situs web yang sederhana atau situs E-commerce yang lebih rumit - terdiri dari sejumlah halaman atau dokumen yang saling terkait - pada dasarnya diciptakan dengan menggunakan bahasa kode sederhana yang disebut Hypertex mark-up language (HTML). Jadi, marl kita menyimak HTML.

Unsur grafis yang dikaitkan ke dokumen-dokumen ini didesain dengan tools (alat bantu) seperti Adobe Photoshop Suite paling terbaru. Halaman dan dokumennya sendiri dapat diberi kode dengan text editor yang sederhana, jika Anda mengerti tentang html syntax. Tapi pada umumnya, perancang dan pengembang web akan menggunakan tool yang lebih lengkap seperti Macromedia Dreamweaver. Ini dan tool kode yang lain sesungguhnya adalah WYSIWYG tools yang menulis kode untuk Anda bila Anda bekerja dengan menu dan intuitive desktop.

Keterampilan dasar untuk membuat situs web yang sederhana antara lain menggunakan editor grafis yang dapat dioperasikan dengan format grafis yang berbeda (jpg dan gif), memberi kode dokumen dan pemasangan situs web pada

BAPPENAS - GTZ RED

21

stasiun kerja lokal maupun server web jarak jauh dengan memanfaatkan file transfer (ftp) tool. HTML - sesederhana apa? Begitu mudah dan sederhana. HTML hanyalah serangkaian tag yang dipadukan ke dalam dokumen teks. Tag HTML biasanya merupakan kata-kata bahasa Inggris (seperti blockquote) atau singkatan (seperti "p" untuk paragraph), tapi rangkaian kata ini dibedakan dari teks biasa karena ditempatkan dalam tanda kurung sudut kecil. Tag untuk paragraph adalah <p>, dan blockquote tag <blockquote>. Sejumlah tag menentukan bagaimana halaman akan diformat (misalnya, <p> memulai paragraph baru), dan yang lainnya menentukan berapa banyak kata yang muncul (<b> membuat text tebal/bold). Namun demikian, tag lainnya juga memberikan informasi - seperti judul - yang tidak muncul pada halaman itu sendiri. Hal pertama tentang tag yang harus diingat adalah bahwa tag selalu berpasangan. Setiap kali Anda menggunakan tag - misalnya <blockout> - Anda harus juga menutupnya dengan tag la in - dalam hal ini, </blockquote>. Perhatikan tanda garis miring - / - sebelum kata "blockquote"; itulah yang membedakan tag penutup dari tag pembuka. Halaman HTML dasar diawali dengan tag <html> dan diakhiri dengan </html>. Di antara keduanya, arsip (file) memiliki dua bagian - header dan body. Bagian kepala atau header - diapit oleh tag <head> dan </head> - memuat informasi tentang halaman yang tidak akan muncul pada halaman itu sendiri, seperti judul. Body atau bagian tubuh, diapit oleh <body> dan </body> - adalah bagian yang akan berperan. Semua yang muncul pada halaman dimuat dalam tagtag ini. Untuk menciptakan halaman atau dokumen contoh yang sederhana, langkah pertama adalah membuat dokumen teks baru (ingat, teks harus disimpan sebagai "Text Only" atau "Pla in Text" j ika Anda menggunakan word processor) dan namakan "anything.html". Dokumen dasar Anda akan terlihat seperti ini: <html> <head> <title>Workshop</title> </head> <body> <hl>Workshop location</hl> <p>The workshop is taking place in Solo. <p>Where is solo?

BAPPENAS - GTZ RED

22

</body>

</html>

Jadi, dalam tag <head>, kita telah memberi judul - "Workshop" - yang akan muncul pada

bar di lintasan atas browser Anda. Dalam tag body, kita masukkan semuanya yang akan

muncul pada halaman itu. Beginilah penampilannya pada browser Anda:

Seperti yang Anda duga, <h1> adalah tag untuk berita utama (malahan untuk headline/berita utama yang terbesar) dan <p>, tentu, adalah tanda awal paragraph baru. Tag <p> adalah salah satu dari beberapa tag yang tidak perlu ditutup dengan </p>, karena akhir paragraph ditandai dengan tag format berikutnya.

Jika dokumen teks dikembangkan lebih jauh lagi, Anda akan mengetengahkan tabel dan

sei-sel untuk memposisikannya secara tepat, memuatkan gambar untuk kejelasan, grafik

untuk berita utama dan font yang berbeda, I a p i s a n untuk animasi dan bahkan film -

semua dilakukan dengan tag sederhana <xxxx> yang diterima dan ditafsirkan oleh

browser pada komputer Anda.

BAPPENAS - GTZ RED

23

Photoshop, Versi 6.0 atau 7.0

Photoshop adalah "tool of the trade" (alat bantu serba-bisa) untuk design grafis dan manipulasi gambar. Anda dapat menggunakan aplikasi ini untuk menghasilkan komponen grafis yang digunakan bila Anda membuat situs web dan dokumen html. Format data yang digunakan disebut JPEG dan GIF karena arsip-arsip ini tersedia dalam format windows standar xxx.jpg atau xxxxxx.gif. Jadi, kapan Anda menggunakan GIF dan kapan menggunakan JPEG? Sebaiknya dibiasakan menggunakan format arsip GIF untuk grafik Web yang disusun dalam beberapa warna dan memuat bidang besar dari warna yang seragam (seperti logo, kartun, artwork sederhana, line art, graphs dan charts/tabel). Gunakan format arsip JPEG untuk grafik Web yang tersusun clan tekstur dan gradasi warna yang jumlahnya banyak (seperti benda tiga dimensi dan foto pindaian atau foto yang dihasilkan melalui scanner).

Mengapa? Format arsip grafik GIF hanya mendukung 256 warna, sedangkan JPEG jut a an, tapi yang Iebih penting, JPEG mendukung jutaan gradasi warna.

Contohnya, langit biru, disusun dari jutaan gradasi warna biru. Setiap gradasi d ih i tung sebaga i sa tu warna . J ika Anda meminda i fo to lang i t b i ru in i yang

BAPPENAS - GTZ RED

24

memuat lebih dari 256 bayangan biru, maka sejumlah bayangan biru ini harus dibuang bila Anda mengubah grafiknya ke format GIF.

Selain itu, Anda dapat mengecilkan ukuran arsip sejumlah grafik Web sekecilkecilnya bila menggunakan format JPEG. Pada contoh di bawah ini, grafik yang kiri disimpan dalam format GIF dan ukuran arsip ketika diunggah (loaded up) ke server saya adalah 25kb. Grafik yang kanan disimpan dalam format JPEG yang dipampatkan sekitar 40% dan hanya sebesar 4kb. Hal ini penting, karena di Internet, soal ukuran sangat diutamakan. Semakin kecil situs web Anda, semakin cepat pengguna akan melihatnya.

Namun, sisi kekurangannya, format JPEG tidak dapat dijalin atau transparan. Juga,

jika grafik Web Anda memiliki bidang warna padat yang luas, mungkin format JPEG menghasilkan pola getar yang tak bagus untuk dilihat. Getaran muncul sebagai pola bintik-bintik kecil. Jika monitor Anda mampu menampilkan ribuan atau jutaan warna, Anda dapat melihat bukti getaran di langit, pas di sekitar rumah pada arsip JPEG di atas, khususnya dalam JPEG ukuran 4kb. (Jika monitor Anda hanya dapat menampilkan 256 warna, kedua foto itu akan tampak belepotan, bagaimanapun.) Bila membuat teks dalam Photoshop (atau dalam penyuntingan gambar apa pun atau aplikasi headline drawing), tentukan tekstur atau warna latar belakang SEBELUM Anda membuat teksnya. Kalau tidak, jika Anda membuat sejumlah teks hitam anti-aliased pada latar belakang putih, akan menjadikannya transparan dan teks jatuh di latar belakang warna merah, sehingga akhirnya Anda mendapatkan lingkaran (halo) putih yang jelek di sekeliling aksaranya. Setelah menjelaskan dasar-dasar ini, para peserta lokakarya diajarkan cara p e n y u n t i n g a n foto yang aktual dengan menggunakan contoh yang s u d a h didownload sebelumnya ke komputer masing-masing di UNS. Penyuntingan foto dan grafik teks biasanya dikerjakan dalam dua langkah: resizing (mengukur-ulang) dan croping (mengerik). Mengukur-ulang JPEG dan GIF: Setelah Anda memindai gambar, gambar menjadi bentukan digital - terdiri dari ratusan ribu piksel. Piksel tidak lebih dari kotak berwarna yang ukurannya amat sangat kecil (ada 72 piksel dalam satu inci).

BAPPENAS - GTZ RED

25

Resolution (resolusi) adalah jumlah piksel dalam inci linear (yaitu, piksel per inci atau ppi), semakin banyak jumlah piksel per inci (ppi), semakin tinggi resolusi gambar Anda. Pada gambar berwarna, setiap piksel bisa merupakan satu dari 16 juta warna yang berbeda (dengan scanner yang bagus). Untuk gambar hitamputih, terdapat 256 tingkat piksel abu-abu: 0 (hitam) sampai 255 (putih). Semakin banyak jumlah piksel per inci berarti resolusi semakin tinggi, sehingga menghasilkan gambar dengan mutu yang lebih baik. CATATAN: Jika Anda menyiapkan foto untuk Internet, kerjakanlah selalu dengan resolusi rendah - 72 dots per inch (dpi). Open an image (Buka gambar). Lanjutkan ke menu Image dan pilih Image Size. Di s i n i I a h Anda dapat mengubah resolusi gambar dan ukuran cetak (lebar dan tinggi). Kotak dialog Image Size berikut akan muncul: Perhatikan bahwa lebar (width) dan tinggi (height) gambar saat Anda melihatnya pada monitor, tidak selalu mewakili lebar dan tinggi gambar yang sesungguhnya - ukuran yang

akan dicetak (Print Size). Rata-rata resolusi monitor adalah 72 dpi. Jika Anda melihat gambar 72 ppi pada ukuran 100% dalam Photoshop, kemungkinannya adalah bahwa gambar akan muncul di layar Anda dalam ukuran cetak yang sesungguhnya. Jangan terpedaya untuk menganggap bahwa apa yang Anda lihat pada monitor adalah yang akan diperoleh bila Anda mencetak atau menempatkan gambar ke aplikasi yang lain. Satu-satunya cara untuk menentukan ukuran cetak aktual gambar Anda adalah melalui kotak dialog Image Size. Bila kotak Resample Image ditandai, segala perubahan yang Anda buat, misalnya lebar atau tinggi gambar, tidak akan mengubah resolusi gambar, dan karena itu, perubahan apa pun yang Anda buat pada resolusi gambar tidak akan mempengaruhi lebar dan tingginya. Ingat bahwa, bagaimanapun jug a, bila menambah lebar dan tinggi, atau resolusi, berarti Anda menambah piksel ke gambarnya. Piksel-piksel i n i sebenarnya t i d a k ada, j a d i Photoshop harus

BAPPENAS - GTZ RED

26

menciptakannya. Dengan begitu, Anda malahan hanya akan menurunkan mutu gambar

Anda.

Mengerik (croping) foto (JPEG) dan teks GIF:

Anda perlu mengerik foto dan teks GIF seperti 'headlines' (berita utama) karena

biasanya, foto asli tidak muat dalam ruang yang dialokasikan oleh perancang web Anda.

Jadi, bagaimana Anda memotong latar belakang yang kehijauan di sekitar kupu-kupu? Ya,

Anda kerik.

Pilih Crop tool. Cara tercepat mengakses Crop tool adalah dengan menekan tombol C pada

keyboard Anda.

Seret melintasi gambar Anda, dari kiri atas ke kanan sebelah bawah dan kemudian lepaskan

mouse. Crop Marquee akan muncul. Tampaknya seperti kotak garis putus-putus dengan

kotak kecil di setiap sudut yang berfungsi sebagai handle. Bidang di dalam kotak ini

adalah Crop Selection (Pemilihan Crop) Anda. Bila Anda memberlakukan crop, semua di

luar kotak akan dihilangkan.

CROP SELECTION

CROP MARQUEE

Anda dapat mengatur crop selection dalam beberapa carat

• eret handle kotak untuk membesarkan atau mengecilkan ukuran Crop marquee.

Untuk menjaga proporsi (pembesaran atau pengecilan lebar dan tinggi dengan rasio yang

sama), tekan dan tahan tombol Shift saat Anda menyeret handle kotak ke sudut.

Untuk menggerakkan Crop Marque ke lokasi baru, tempatkan kursor di dalam kotak

'selection' dan tarik saja ke lokasi baru.

Anda juga dapat merotasi Crop Marquee. Ini praktis untuk meluruskan gambar dan

memperbaiki cakrawala yang redup (crooked horizons) - (Lihat tip, Cropping to

Straighten a Crooked Image. Posisikan saja kursor di luar Crop Marquee dan kursor akan

berubah menjadi seperangkat panah lengkung. Klik, tahan, dan seret ke atas atau ke

bawah untuk merotasikan Crop Marquee.

Untuk menghentikan Crop Marquee agar tidak mengerik ujung gambar sebelah luar,

tekan dan tahan tombol Control.

BAPPENAS - GTZ RED

27

Setelah Crop Marquee diposisikan di tempat yang Anda kehendaki, klik dua kali bagian dalam marquee untuk mengeriknya, atau tekan tombol Enter. Jika Anda urung untuk memberlakukan pengerikan, tekan tombol Escape. Crop Marquee akan menghilang. Jadi, dengan fitur dasar resizing dan croping, seorang pemula pun bahkan dapat membuat new GIF document (dokumen GIF baru) yang akan digunakan untuk menavigasi situs web. Anggaplah kita mempunya navigation links HOME, PRODUCTS, PRICES, CONTACT yang pada dasarnya merupakan GIF individu. Mari kita kerjakan GIF: Setelah memilih FILE, NEW... Anda akan melihat kotak tempat Anda mengetikkan Nama: produk, Width (lebar) dan Height (tinggi) GIF serta Resolution: 72 pixel/inch. Mode: harus dalam RGB-Colour dan Content (Isi): transparent (transparan). Konfirmasikan masukan Anda dengan OK: selanjutnya, Anda akan di bawa ke kotak baru yang kosong - GIF Anda. Type tool berada pada toolbox. Anda dapat mengakses 'special Type tool toolbar' dengan mengklik sekali ikon Type tool pada toolbox atau dengan menekan tombol T. Seiring dengan penentuan font face (jenis huruf), font size (ukuran huruf), leading (pembuka) dan alingment (kesejajaran), Anda dapat menerapkan warna, menyetel kerning dan tracking, dan mempunyai atribut teks multipel (multiple text attributes) dalam blok teks (text block) yang sama.

BAPPENAS - GTZ RED

28

Untuk menyimpan arsip dengan teks dalam format arsip grafik apa pun (seperti TIFF, GIF, JPEG, dl l) selain format Photoshop, Anda harus meratakan dulu gambarnya. Perhatikan, bahwa setelah Anda melakukan ini, Anda tidak dapat lagi menyunting teks Anda atau memiliki lapisan teks terpisah untuk melakukan pekerjaan Anda. Untuk meratakan (flatten), buka menu Layer dan pilih Flatten Image, dan simpan arsipnya. Dalam hal kita lakukan sekarang, setiap navigation links NOME, PRODUCTS, PRICES, CONTRACT akan menjadi satu file (arsip) dengan nama home.gif, products.gif, prices.gif dan contact.gif. Bila Anda sudah mengerjakan 4 GIF ini, kita sudah siap untuk mulai menyusun situ web dengan Dreamweaver.

Dreamweaver, Versi 4.0 dan MX

BAPPENAS - GTZ RED

29

Kedua Dreamweaver Macromedia, Versi 4.0 atau MX mengalahkan hampir 75% pasar HTML editor - ini merupakan 'KEHARUSAN' untuk desain situs web yang serius. Manual online dan dokumen cetak, pendahuluan tentang fitur dasar - desain dokumen, pengaturan situs dan file transfer (pengalihan arsip) lewat ftp ke server jarak jauh - tak terhitung banyaknya. Presentasi di Solo mengikuti petunjuk pelatihan yang mencakup fungsi-fungsi dasar "Menyiapkan server, hubungan melalui ftp, menyiapkan situs web lokal, membuka arsip baru, memformat teks, menyiapkan tabel dan lapisan (layer), menciptakan link dan sistem navigasi". Menyiapkan Situs Anda Saat pertama kali Anda membuka Dreamweaver, Anda harus menyiapkan situs Anda. Anggaplah bahwa Anda sudah memikirkan tentang tata-letak situs Anda dan direktori apa yang diinginkan. Struktur direktori harus ada pada komputer maupun server web Anda. Setelah membuka Dreamweaver, buka "file" dan pilih "New Site". Di sinilah Anda akan mengidentifikasi tempat arsip pada server maupun komputer Anda. Setelah Anda memilih "new site", maka muncul jendela (window) yang akan meminta informasi tentang situs.

BAPPENAS - GTZ RED

30

Di sinilah Anda menyusun informasi tentang lokasi arsip pada komputer maupun server web Anda, sehingga Dreamweaver dapat mentransfer arsip lewat ftp ke server web, hanya dengan menyeretnya.

Menyiapkan Informasi Server (FTP) Pertama, Anda menyusun informasi lokal, yaitu,nama situs dan path (alur) ke direktori Anda. Lalu, Anda menyusun Info Server Web yang terdiri dari alamat at au nama server, path (alur) server ke direktori Anda, username (nama pengquna) dan password (sandi) Anda.

BAPPENAS - GTZ RED

31

Terakhir, setelah Anda menyelesaikan semua informasi, jendela situs akan muncul yang menunjukkan situs Anda pada komputer.

Jendela ini akan muncul dan memperlihatkan arsip-arsip komputer Anda di sisi kanan dan jika Anda mengklik tombol "Connect", arsip server akan muncul di sisi kiri.

Menyisipkan Gambar Untuk menyisipkan gambar ke dalam Dreamweaver, pertama, Anda h a r u s mempunyai gambarnya pada hard drive Anda (atau removable media disk seperti floppy disk). Gambar ini dapat merupakan gambar yang dipindai atau yand didownload d a r i internet (tentu saja, dengan anggapan bahwa hal itu tidak melanggar masalah hak cipta). Sebaiknya arsip gambar dalam direktori situs ditempatkan dalam direktori khusus untuk gambar.

Untuk memulainya, pada halaman web Anda di Dreamweaver, buka item menu "insert" dan pilih "Image". Kemudian, Anda "browse" sampai menemukan image

BAPPENAS - GTZ RED

32

yang ingin Anda sisipkan. Gambar ini harus ditempatkan dalam images directory seperti diindikasikan di atas. Akhirnya, setelah Anda menyisipkan gambar, mungkin Anda ingin memberi keterangan singkat dengan menggunakan "ALT", sehingga mereka yang punya fasilitas 'readers' atau yang melihat teks saja (view text only), akan mengetahui seperti apa gambar tersebut. Khususnya, hal ini berlaku untuk visualisasi yang buruk. Membuka arsip baru dan memformat teks Untuk mulai dengan arsip baru atau halaman web, buka File dan klik "New File" dalam menu yang membuka ke bawah (drop-down menu). Arsip baru akan muncul di sebelah kanan dengan menonjolkan "Untitled New". Segera masukkan nama baru untuk arsip tersebut sewaktu b a g i a n 'title' ditonjolkan. Arsip baru akan diberi judul "pagel.htm". Pada tahap ini, untuk membuka arsip baru, Anda klik dua kali ikon arsip atau buka "File" dan kemudian pilih "Open" dari menu drop-down dan tonjolkan arsip yang ingin Anda buka: dalam hal ini, pagel.htm.

Setelah arsip terbuka, Anda mulai dengan halaman web kosong. Anggaplah bahwa Anda telah melakukan semua perencanaan yang sesuai, menentukan teks yang ingin Anda cantumkan, gambar apa yang ingin ditambahkan (gambar maupun arsip lainnya seperti PDF, harus sudah ada dalam direktori Anda) dan catatan apa pun untuk link yang akan dibuat.

BAPPENAS - GTZ RED

33

Selection of font color is through the palate.

Memformat teks Uapat dituntaskan dengan menggunakan hntuk yang ada di bag ian bawah.

Menciptakan link

BAPPENAS - GTZ RED

34

Untuk menuntaskan pengerjaan link, isilah kotak link dengan URL link yang akan dibuat. Anda tonjolkan nama link (atau gambar yang akan dikaitkan ), lalu buka control box (kotak kontrol) di bagian bawah dan masukkan URL link. Jika ada pada server yang lain, jangan lupa untuk memasukkan http:// Latihan soal-soal yang disatukan dalam pelajaran yang disebutkan di bawah ini, telah benar-benar dituntaskan oleh semua peserta dengan menggunakan foto dummy dan situs web sederhana di komputernya masing-masing.

BAPPENAS - GTZ RED

35

3.5. Nov. 13 - Sesi pagi

Fokus dan pesan pokok pada sesi pagi hari ke-3:

Presentasi diawali lagi dengan situs web CV Ariani. Kali ini, analisis struktur navigasi dan desain dijadikan bahan diskusi tentang standar mutu yang diperlukan agar sukses di Internet - dan dalam kasus kita, ini adalah pasar internasional. Para penyedia jasa BDS standar yang dapat menawarkannya kepada klien UKM mereka, akan memiliki pengaruh pada persaingan mereka di pasar ini.

Buatlah formulir pernyataan yang memadai untuk kelompok sasaran yang berbeda agar dapat meraih standar internasional. Untuk menggambarkan pendekatan ini, empat situs web berbeda yang disusun oleh SUSTAINABLE MEDIA, dipresentasikan, dianalisa dan dibahas.

http://www.actionaid.orq.br adalah ActionAid, situs web organisasi sosia Brazil. Dua tujuan utama situs web ini adalah informasi donor dan menggalan dana. Senada dengan tujuannya, maka situs web ini menggunakan warna-warn temaram, gambar anak-anak di homepage, tayangan slide proyek dan akses yan mudah untuk menyerahkan sumbangan langsung me la lu i kar tu k red i t da tersambung ke online shop yang mengoperasikan E-commerce.

BAPPENAS - GTZ RED

36

http://www.kanzlei-boelke.de adalah situs web kantor pengacara di Jerman. Tujuan utama situs web ini adalah mengemukakan kantor pengacara sebagai lembaga yang ahli, dapat diandalkan dan terhormat dan menargetkan pada jurisdiksi pasar media yang khusus. Karenanya, situs ini menampilkan sejumlah ilustrasi terbatas, yang secara khusus menciptakan seperangkat foto pemiliknya dan bagian yang dilindungi password untuk klien dengan encrypted data transfer (transfer data yang berkode).

Pendekatan httD://www.verbrechen-der-wehrmacht.de lain lagi. Situs web ini sesungguhnya merupakan eksibisi kejahatan German Wehrmacht selama PD II, versi online. U n t u k memberikan kesan eksibisi yang "nyata" kepada user, desainnya mencoba menerapkan ruang eksibisi virtual. Situs web i n i jugs menampilkan bidikan dan video panorama 360°.

BAPPENAS - GTZ RED

37

http://www.pousadadamata.com.br semata-mata urusan bisnis. Situs web ini khusus dirancang dengan sasaran tamu potensial untuk berkunjung ke hotel pedesaan yang terletak di pusat atraksi turis di sebelah utara negara bagian Natal di Brazil.

Ini dicerminkan dalam desain grafis dan struktur navigasi situs web ini: warnawarna yang

lembut, foto liburan yang menampilkan anak-anak di kolam renang, paket promosi khusus sebagai pop-up windows, akses satu kali klik ke daftar harga dan jenis akomodasi. Dan yang terpenting: janji untuk menanggapi pemesanan dalam satu hari.

Peserta menganalisa penavigasian dan pendekatan grafik serta jenis kode yang digunakan dalam masing-masing contoh yang disampaikan ini (tabel lapisan/layers).

BAPPENAS - GTZ RED

38

3.6. Nov. 13 -Sesi siang Desain web dan E -Commerce strategi dan daftar periksa Diskusi: Melanjutkan !okakarya + merencanakan pe!aUhan lanjutan (bimbingan perorangan)

BAPPENAS - GTZ RED

39

Fokus dan pesan pokok pada sesi siang hari ke-3: Berdasarkan pengalaman yang diperoleh selama lokakarya dan presentasi desain dan standar mutu situs web yang dianalisa pada sesi pagi, para peserta dapat membahas 'Do's and Don'ts' dari manajemen proyek sukses yang dipresentasikan pada Hari ke-2.

Dengan begitu, mereka d a p a t membayangkan proporsi proyek web dengan keseluruhan aktivitas perusahaan dan merumuskan panduan dasar untuk desain web yang bagus.

Terdapat banyak informasi keliru tentang pemasaran E-commerce dan situs Web. Banyak usaha kecil yang sulit memisahkan hype (yang berlebihan) dari kenyataan. Kuncinya adalah menentukan, apakah Web tepat untuk mereka, dan kemudian gunakan metoda yang benar untuk memanfaatkan daya pemasaran.

Berikut adalah sejumlah konsepsi keliru yang umum tentang World Wide Web, berikut saran-saran tentang bagaimana mensukseskan upaya Anda secara online.

Konsepsi keliru 1: Setiap usaha kecil memerlukan situs Web Walaupun banyak perusahaan kecil yang dapat menarik manfaat d a r i pengembangan dan pemeliharaan situs web mereka, penting menyadari bahwa bentuk pemasaran ini bukan untuk semua orang. Anda harus mempertimbangkan untuk memberitahukan klien Anda tentang situs Web ini,jika:

Para pelanggan Anda bertransaksi lewat Internet (online). Jika basis pelanggan Anda membeli produk atau mendapatkan informasi lewat Web, maka Anda harus ada di sana. Sebaliknya, jika mereka mendapatkan sebagian besar informasi mereka dari sumber lain (apakah Yellow Pages, koran dan majalah, pameran dagang, atau sarana pemasaran lainnya), maka Anda sebaiknya memusatkan upaya Anda dalam bidang-bidang ini.

Anda ingin menjangkau basis pelanggan nasional atau internasional secara efisien. Web bukan merupakan bentuk pemasaran "lokal". Karena memang s i f a t jangkauannya

yang luas, Anda harus slap memanfaatkannya. Contohnya, kontraktor rumah yang berkedudukan di Jawa Tengah tidak dapat meraup semua manfaat situs Web karena hanya melayani khalayak sasaran tertentu. Distributor yang menawarkan pengiriman nasional akan lebih tepat untuk memanfaatkan jangkauan Web yang luas. Situs Web menunjang tujuan pemasaran dan anggaran Anda. Jadikanlah situs Web Anda sebagai bagian dari rencana dan anggaran pemasaran terpadu. Yang penting, pesan harus konsisten pada semua tools yang Anda gunakan.

Web dapat menggantikan atau lebih efisien daripada opsi pemasaran lainnya.

BAPPENAS - GTZ RED

40

Dengan tersedianya Web, pelanggan Anda dapat segera mengakses informasi. Misalnya, wholesaller furnitur yang memasang portofolionya pada Web dapat mengarahkan klien potensial ke situsnya, daripada mengeluarkan biaya untuk mengirimkan portofolionya ke setiap calon klien. Mendedikasikan diri pada situs Anda Anda terkait erat pada situs web Anda. Apakah Anda bersedia untuk terus menyegarkan situsnya? Dapatkah Anda menyediakan diri untuk menambah isi baru setiap bulan? Apakah Anda punya waktu dan anggaran untuk menunjangnya secara layak? Jika Anda tidak bersedia mengerjakannya sendiri, Anda harus mempekerjakan seseorang untuk melakukannya buat Anda. Kalau tidak, upaya Web Anda akan sia-sia. Konsepsi keliru 2: Situs Web secara otomatis mensejajarkan lahan pemasaran antara para pesaing usaha kecil dan yang Iebih besar. Benar, seorang profesional dapat menampilkan situs Web usaha Anda yang kecil tampak lebih besar dari yang sebenarnya. Tapi, tanpa rencana dan pelaksanaan yang efektif, situs Web Anda bisa terlihat kurang profesional sehingga merugikan Anda. Manfaatkanlah Web untuk memamerkan kehebatan Anda. Dengan membeberkan pengetahuan, Anda dapat memposisikan diri sebagai pakar dan mengundang banyak pelanggan yang tertarik akan produk dan j a s a Anda. Salah satu cara untuk tampil hebat adalah memiliki nama domain Anda sendiri. Al am at Web www.namaoerusahaananda.com j a u h lebih mudah dicari dan menghadirkan kesan yang lebih profesional daripada menggunakan sub-alamat d a r i Internet Service Provider atau layanan online (www.ISPanda.com/-perusahaananda). Biaya untuk mendaftarkan domain Anda tidak mahal, dan banyak ISP yang akan menjadi induk situs dengan nama tersebut dengan biaya bulanan yang tak seberapa. Tanyakanlah kepada ISP Anda mengenai hal ini. Jebakan lain yang harus juga diperhatikan adalah menggunakan teknologi tanpa mempertimbangkan fungsinya. Menggunakan animasi lonceng dan siulan, karena terlihat "keren", malahan dapat merugikan Anda. Inilah contohnya: homepage CV Ariani menampilkan "gerai" yang menunjukkan jumlah pengunjung ke situsnya. Sayangnya, gerai itu menunjukkan lintas kunjungan situs yang rendah, dan karena itu Anda akan bertanya-tanya apakah informasi yang Anda terima itu akurat atau dipaksakan. Tanpa gerai, Anda mungkin akan membaca isinya tanpa mempertimbangkan jumlah pengunjung situs ini.

Konsepsi keliru 3: Dengan memasang situs Web, orang-orang akan berduyun-duyun datang ke perusahaan Anda. Jangan mengharapkan bahwa orang akan menemukan situs Web Anda dengan sendirinya. Anda harus mendorong orang untuk mengunjungi situs Anda melalui

BAPPENAS - GTZ RED

41

promosi yang gencar, balk di Internet maupun dengan cara pemasaran tradisionaI.

Berikut sejumlah cara yang umum: Daftarkan situs Web Anda pada semua search engines utama seperti Yahoo!, Excite, Infoseek, Lycos dan Hotbot. Terdapat sejumlah layanan yang akan mendaftarkan URL Anda dengan beberapa engines dan direktori dengan biaya yang tak seberapa - yang populer adalah SE.r__tJ_n it It. Namun, hati-hati, walaupun layanan ini akan mencantumkan situs Anda, Anda tidak dapat menentukan bagaimana penjelasan yang ingin disampaikan mengenai situs Anda.

Pertukaran link atau iklan banner dengan non-pesaing yang mempunyai produk atau jasa yang saling menunjang. Kirim email ke Webmaster situs yang ingin Anda link, dan tawarkan pengaturan 'linking' yang saling menguntungkan. Jangan lupa untuk menggaris-bawahi manfaat timbal-balik dari link yang diciptakan ini dalam email Anda.

Pastikan untuk mendukung URL Anda pada semua materi cetak pemasaran Anda. Cantumkan alamat situs Web Anda pada semua iklan, brosur produk, kartu nama dan kop surat Anda. Sertakan dalam 'signature file email' Anda, sehingga pelanggan dapat langsung menghubungi situs Web dari email/pesan yang Anda. Nah, Anda sudah menyiapkan situs untuk klien dan menjaringkan (online). Selamat!

Sekarang, santai dulu dan cobalah mengingat-ingat hal yang terjadi minggu lalu. Apakah Anda mengikuti garis panduan dasar?

Tentukan sasaran Anda

Apakah maksud dan tujuan situs Anda? Apakah Anda mau menjual produk? Apakah Anda ingin mencari pelanggan baru? Apakah Anda bermaksud menyediakan informasi untuk para pelanggan yang sekarang? Apakah Anda menginginkan brosur online, atau sesuatu yang lebih rumit? Cobalah pikirkan apa yang ingin Anda peroleh melalui Web dan dapatkan cara untuk mencapai sasaran itu.

Kaji ulang rencana usaha dan pemasaran Anda untuk memastikan bahwa upaya Anda membuat Web benar-benar mencerminkan visi dan citra perusahaan Anda.

Perbarui data situs Anda

Memang penting untuk mendorong orang mengunjungi kembali situs Anda dengan i s i yang selalu segar dan baru. Lakuka penyegaran situs secara teratur, tampilkan gambar-gambar baru, serba-serbi berita tentang produk dan perusahaan Anda, artikel yang diminati pelanggan Anda atau apa saja yang menurut Anda dapat memikat dan berguna bagi pelanggan.

BAPPENAS - GTZ RED

42

Tingkatkan up ay a Anda dengan menampilkan bagian "What's New" (Hal baru/Berita baru) sehingga informasi mudah dicari.

Hindarkan waktu unduhan (download) yang lama

Para pengguna Web umumnya bukan orang yang sabar . J ika waktu untuk mengunduh (download) gambar Anda terlalu lama, orang akan menjadi jemu dan langsung mengklik browser dan melewatkan situs Web Anda. Gunakan kelompok grafik kecil, sebagai ganti lembar dan formulir berwarna ukuran besar. Grafik home page Anda harus tetap menarik, tapi grafik rumit dan berlebihan yang akan lama diunduh (download) sebaiknya dibuang saja.

Hal yang sama juga berlaku untuk teks - hindari tulisan dengan huruf cetak tebal pekat dan daftar yang panjang dan sulit dibaca, atau harus lama digulir (scroll) untuk mencapai informasi yang diperlukan.

Cantumkan "petunjuk untuk menghubungi" (call to action)

Situs Web Anda harus mencantumkan alamat emai l, nomor telepon, alamat perusahaan, dan petunjuk untuk memesan sebanyak-banyaknya, j i k a Anda menjual produk atau jasa.

Sertakan informasi ini pada setiap tempat sebanyak mungkin. Jangan sampai orang harus mencari-cari cara menghubungi Anda.

Jangan menggunakan "sedang digarap" (under construction)

Jika ada sesuatu yang belum slap untuk ditampilkan pada situs Anda, jangan memasang tanda "under construction". Para pengguna yang sudah membuang waktu lama untuk mengunduh (download) grafik yang sedang digaram akan sangat kecewa - mereka akan gusar. Situs Anda harus diperlakukan sama seperti semua materi pemasaran Anda. Jika Anda ingin menonjolkan sesuatu sebelum dipajangkan, gunakan ikon "coming soon" (segera hadir).

Kenali khalayak Anda

Tidak jadi soal apakah Anda memasarkan furnitur modern atau busana muslim, desain dan isi situs harus sesuai untuk orang yang ingin Anda jangkau, persis seperti layaknya suatu iklan yang Anda buat.

Ingat, situs Web Anda adalah bentuk iklan, baik yang blak-blakan atau secara halus, dan iklan ini merupakan cerminan citra perusahaan Anda. No bugs, no errors

Jika ada sesuatu yang tidak bekerja secara sempurna, jangan dipasang pada situs Anda - para pengunjung bukan penguji beta. Perhatikan, apakah ada link yang hilang - link yang tak menyambung kemana-mana atau yang akan menampilkan pesan salah - karena ini pun akan menjengkelkan para pengguna. Dan jangan lupa mencek kembali semuanya; jangan sampai ada kesalahan cetak, tata-bahasa dan susunan kalimat yang buruk sehingga merusak citra profesional yang ingin Anda kembangkan.

BAPPENAS - GTZ RED

43

Buatlah cara pemesanan yang sederhana dan praktis

Jika Anda menjual produk, berikan kemudahan cara pemesanan bagi pelanggan Anda. Gambar produk dan harga harus jelas ditampilkan berikut pilihan lain yang tersedia. Sejumlah pedagang lebih menyukai kereta belanja, yang meleluasakan si pembeli menambah dan mengurangi sendiri belanjaan mereka sambil berbelanja dan hitungan belanjaan terus dipantau oleh situs. Leluasakan pembeli untuk memesan langsung dar i s i tus Web, tapi juga tawarkan al ternat i f la in seperti melalui telepon atau faks bagi mereka yang tidak mempercayai proses transaksi online.

Diskusi Setelah cukup lama membahas berbagai praktik terbaik dalam manajemen proyek, desain dan standar teknis serta "konsep mutu" tersebut di atas, penyaji SMEPP dan para peserta mulai menjadwalkan sesi pelatihan dan bimbingan perorangan. Sesi ini berlangsung di Semarang, Klaten dan Solo, antara tanggal 14 Nov dan 20 Nov, 2002.

BAPPENAS - GTZ RED

44

4. Bimbingan perorangan untuk peserta

Setiap peserta lokakarya mendapatkan sesi pelatihan dan bimbingan sehari penuh di

tempatnya, dengan memfokuskan pada permintaan perorangan seperti hubungan

konsumen, cara-cara memanfaatkan Photoshop dan Dreamweaver serta praktik

manajemen yang dapat diterapkan dengan balk.

Selama sesi ini, keterampilan yang diperoleh sewaktu lokakarya dikembangkan lebih

jauh lagi.

BAPPENAS - GTZ RED

45

5. Ringkasan Lokakarya "Meningkatkan Penjualan dan Pemasaran UKM melalui situsweb yang memfokuskan pada E-commerce" Bab 1: Landasan Usulan untuk menyelenggarakan urutan pelatihan bagi para konsultan UKM dapat dirunut ke belakang ke hasil survei kuantitatif UKM di kota Semarang dan Medan. Survei ', yang dilaksanakan bulan Juni 2001, mencakup 482 Usaha Kecil dan Menengahserta sektor campuran yang luas, yang teridiri dari pabrik dan pengolahan, jasa, grosir, eceran, restoran dan akomodasi, transpor, gudang penyimpanan dan komunikasi. Beberapa hasil temuannya agak di luar dugaan. Dengan mengamati sektor jasa dinamis tertentu secara eksklusif, berikut adalah angka-angka yang menggambarkan pendekatan yang kami lakukan: 60% manajer UKM, berusia tidak lebih dari 40 tahun, 75% dari semua manajer lulusan SMU, dan 36% menyandang gelar sarjana dari universitas. Selain itu, hampir 70% UKM bermaksud untuk meluaskan usaha mereka di kemudian hari. UKM mulai menggunakan penyedia jasa BDS yang memiliki keahlian khusus. 28% dari semua UKM telah menggunakan jasa eksternal dalam tiga tahun terakhir, khususnya untuk iklan, perpajakan dan jasa komputer. Para pemilik / manajer ini bersedia membayar untuk jasa tersebut.90% dari semua pengguna telah membayar untuk jasa eksternal. 75% membayar biaya yang cukup kecil hingga Rp. 1 juta. Namun, seperempat perusahaan telah bersedia membayar biaya konsultan yang berkisar antara Rp 1 juta hingga 10 juta, terutama untuk jasa akuntansi, legal, perpajakan dan perencanaan bisnis. Kesediaan untuk membayar BDS sangat berbeda menurut jenis layanan. Yang tertinggi adalah untuk pemasaran, promosi dan jasa keuangan, dan terendah adalah untuk saran produksi, jasa komputer dan komunikasi serta korespodensi, misalnya, bidang-bidang yang terutama mendapat bantuan dari teman dan rekan bisnis atau diberikan secara gratis oleh para pemasok teknis. 14% UKM tidak mengetahui tentang penyedia jasa eksternal apa pun. UKM yang tahu tentang keberadaan jasa eksternal terlihat menonjol di Semarang daripada di Medan. Apakah ket idak-tahuan ini berkaitan dengan kurangnya informasi atau menandakan kesenjangan penyediaan, misalnya, sehubungan dengan permintaan bantuan sektor tertentu, masih harus ditelaah lebih jauh. Bagaimanapun juga, mengingat tingginya kesediaan UKM untuk membayar BDS, maka tidak salah bila menggangap bahwa pasar BDS komersial memiliki pertumbuhan potensi yang tinggi di Semarang dan di kabupaten Jawa Tengah. Hal ini khususnya ditunjang oleh BDS yang menawarkan jasa promosi / pemasaran

1 ASIAN DEVELOPMENT BANK SME Development TA: Policy Discussion Papers 2001 / 2002, SME Constraints and Needs with Special Focus on Gender Issues, Policy Discussion Paper No. 5, June 2001

BAPPENAS - GTZ RED

46

dan perencanaan usaha berbasis internet yang sesuai, yang dapat memberikan keunggulan yang pasti bagi UKM atas para pesaing mereka.

Sehubungan dengan ini, pelatihan "Pemasaran situs Web dan riset Internet - tool

pent ing dan up-to-date untuk Perusahaan Kec i l dan Menengah" bagi para penyedia dan konsultan BDS komersial akan menunjang UKM di Jawa Tengah, membimbing dan membina pertumbuhan pasar dan al ih-pengetahuan yang berharga bagi p a r a pelatih komersial dan multiplier. Lagipula, pelatihan ini diharapkan m e m i I i k i ciri yang berkeIanjutan. Pelatihan semacam itu harus direncanakan dan diselenggarakan dengan cara yang terbuka dan dengan pandangan yang jelas untuk pengulangan di kemudian hari. Bab 2: Masalah dan Topik Pelatihan "Peningkatkan Penjualan dan Pemasaran untuk UKM melalui situs web yang berfokus E-commerce" harus memusatkan perhatian pada tiga masalah praktis yang dapat mengimbangani permintaan UKM sehari-hari: Topik 1: Riset Akses Internet - Melibatkan masalah teknis dan investasi keuangan apa saja? Riset informasi - Mencari data yang relevan dan sesuai untuk perusahaan saya. Riset sektoral - Di mana saya dapat memperoleh basis data dan penyedia informasi yang berkaitan dengan sektor pasar saya? Topic 2: Presentasi / promosi / pemasaran Situs Web Internet - Mengapa perusahaan saya perlu hadir di jaringan Internet? Pemasaran via Internet - Peran dan fungsi situs web sebagai al at b a n t u pemasaran; mempromosikan produk pada Web Desain situs Web - penggunaan tool untuk membuat situs Web Standar promosi - Persyaratan teknis dan desain untuk menjangkau kelompok sasaran yang dipilih. Standar internasional - Bagaimana berkomunikasi dengan konsumen regional dan internasional secara online. Topik 3: Sectoral presentation / cross- and cluster-marketing Gagasan portal - Apakah portal itu? Menggabungkan kekuatan untuk menyentuh konsumen berpotensi melalui pasar sektoral virtual. Pembatasan portal - Sektor produk terkait dan sektor geografis manakah yang cenderung akan berhasil dan tercakup oleh portal, dan manakah yang tidak? Penyelenggaraan portal - profil BDS yang mampu menjalankan portal secara sukses. Bab 3: Peserta dan Profil

BAPPENAS - GTZ RED

47

Pelatihan akan dirancang agar sangat 'intense' dan cocok untuk jumlah peserta yang terbatas saja. Jumlah peserta harus dibatasi 10 sampai 12. Para konsultan UKM yang d i p i I i h untuk mengikuti pelatihan, perlu m e m i I i k i 2-3 t a h u n pengalaman kerja sebelumnya dan latar belakang pendidikan dan profesi yang menunjang. Para peserta atau perusahaan yang berperan-serta harus memilih pengalaman sebelumnya sebagai konsultan bisnis dalam bidang akuntansi, perencanaan usaha, perpajakan (konsultan usaha kecil dan menengah, mitra lokal d a r i perusahaan internasional). Konsultan TI seperti jasa Jaringan lokal dan Penyedia Layanan Internet regional / nasional dengan pengalaman tertentu dalam promosi dan pemasaran. Para peserta harus juga direkrut dari universitas dan lembaga pendidikan serta yayasan terpilih. Memilih peserta yang tepat merupakan hal yang sangat menentukan, karena itu, sebelum pelatihan, kriteria peserta dipublikasikan di koran di Jawa Tengah. Pada tanggal 16 Oktober, 2002, Suara Merdeka, koran terkemuka di Jawa Tengah menerbitkan iklan tentang pelatihan ini yang ditujukan kepada para penyedia jasa BDS di Jawa Tengah. McIaIu i pengumuman di Suara Merdeka dan pemberitahuan melalui surat ( direct mailing ) kepada kelompok sasaran secara langsung ke sejumlah perancang grafik, biro iklan dan penyedia layanan TI, cukup banyak yang menanggapi dan meminta keterangan. Bab 4: Tujuan sesi pelatihan Inhouse (Iokakarya) dan pelatihan sambil bekerja (training on the job) Kurikulum pelatihan dibagi dalam 2 bagian: Lokakarya dan sesi lanjutan (trainng on the job). Lokakarya Selama lokakarya, para peserta akan mendapat penjelasan tentang aspek praktis dari topik 1, 2 dan 3. Topik 1: Dasar Internet - Aspek teknik & persyaratan Browser dan search engines yang berbeda-beda - penjelasan tentang penggunaan tool yang sesuai (Internet explorer, google, altavista) Basis data online - bagaimana berlangganan, mendapatkan dan menganalisa hasil riset (pemerintah, sumber data internasional) Topic 2: Aspek pemasaran - pendekatan yang baik, contoh buruk yang dituangkan ke dalam bentuk virtual.

BAPPENAS - GTZ RED

48

Kelompok sasaran - isi dituangkan ke dalam bentuk yang berbeda s e h i n g g a sesuai dengan beragam permintaan. Alat bantu untuk membuat situs web - buatan sendiri atau sumber di luar, aspek biaya dari tools yang beragam (dreamweaver, photoshop, animation, ftp tools). D e s a i n dan fungsi - memahami perbedaan budaya antara perusahaan dan peIanggan. Topik 3: Portal - praktik terbaik dan pengalaman dari portal sektoral yang ada. Kerja-sama - mitra dan kemitraan yang memungkinkan untuk menjalankan portal, aspek biaya, model usaha yang berbeda-beda. Sesi pelatihan akan disertai dan dibuat menarik oleh presentasi, praktik dan diskusi. Training on the job (Pelatihan sambil bekerja) Hal yang juga pent ing adalah menggabungkan sesi lokakarya teor i dengan pengalaman di lapangan. Oleh karena itu, direncanakan untuk menyertai seorang peserta atau kelompok peserta mengunjungi klien mereka dan memberikan saransaran tentang hal-hal praktis dan pendekatan sewaktu mereka berkonsultasi. Ini akan dilaksanakan hanya dengan sejumlah peserta atau kelompok terpilih saja. Bab 5: Tempat, jadwal dan lama pelatihan Pelatihan para konsultan UKM yang berorientasi tekhnik seperti "Pemasaran situs Web dan riset Internet -alat bantu yang penting dan canggih untuk Perusahaan Kecil dan Menengah" memerlukan lingkungan bernuansa teknik yang sudah maju. Idealnya, sesi pelatihan inhouse ini diselenggarakan di tempat yang menyediakan semua aspek terkait termasuk fasilitas komputer dan presentasi selama 3 hari. Jika ini tidak memungkinkan atau tidak layak secara finansial, pelatihan dapat diselenggarakan melalui kerja-sama dengan hotel yang memiliki fasilitas seminar yang pantas dan penyedia layanan tekhnik yang dapat menyiapkan minimal 10-12 komputer, lengkap dengan segala perangkat lunak yang diperlukan. Berikut adalah persyaratan ideal dalam memilih fasilitator lokal:

- Berpengalaman dan mengerti seluk-beluk dalam menyelenggarakan pelatihan.

- Akses ke penyedia ruang kelas komputer / fasilitas pelatihan komputer - Mampu membantu dalam melaksanakan dan memonitor program proyek

pendidikan. - Mampu menyediakan bantuan logistik yang memadai - Mampu menyediakan staf yang berpengalaman dan mampu mewujudkan

lingkungan yang nyaman bagi para peserta Dalam bekerja sama dengan penyelenggara, kami dapat menganalisa kebutuhan peserta pelatihan secara akurat.

BAPPENAS - GTZ RED

49

Sesi lokakarya awal selama 3-hari akan segera ditindak-lanjuti oleh pelatihan sambil bekerja selama 2 minggu. Selama periode ini, para peserta akan mempraktikkan ilmunya dengan konsumen yang sesungguhnya dan memetik pengalaman secara langsung. Pelatih akan memberikan saran dan berpartisipasi dalam praktik pendekatan yang dilakukan peserta dan akan meluangkan waktu untuk mengevaluasi sesi pertama maupun pengalaman kerja yang diperoleh dalam pelatihan. Bab 6: Pelatih yang tepat bagi para penyedia dan konsultan BDS komersial Hal terpenting untuk memenuhi syarat sebagai pelatih bagi para penyedia dan konsultan BDS komersial, adalah bukti pengalaman nyata bukan teori semata, dalam jasa apemasaran dan bidang-terkait lainnya seperti Humas, Riset, DesainSitus Web dan E-Business. Pelatih harus juga terbukti berpengalaman dalam menyusun lokakarya dan pernah berperan sebagai moderator. Jika sosok dengan kualifikasi seperti itu tidak ada, maka dapat dicari dari luar dengan menambah presenter pada sejumlah sesi tertentu sewaktu lokakarya. Bab 7: Pertimbangan Iebih jauh Yang juga penting adalah melibatkan 'counterpart' langsung dan badan-badan pemerintahan Indonesia seperti Bappenas dan Bappeda setempat dalam perencanaan dan proses penyiapan. Selain itu, sertakan pula organisasi akademis dan swasta yang dapat ber t indak sebagai pat ron dan sponsor d i kemudian hari untuk kelanjutan pelatihan dan harus dipilih secara seksama dan diperkenalkan. Lebih lanjut, lakukanlah pendekatan kepada organisasi profesi dan/atau perusahaan nasional/global dalam bidang BDS / konsultan (seperti cabang nasional dari perusahaan internasional, Arthur Anderson) untuk menjajagi pengembangan model bisnis "train to trainers" (pelatihan untuk menjadi pelatih). Tanpa daya tarik komersial dan visi profit jangka panjang yang diperoleh dari pelatihan, maka pengaruh dan hasil pelatihan yang berkelanjutan tidak dapat dicapai. Untuk menyiapkan dan melaksanakan langkah awal pelatihan, penting untuk mengamati dan mengevaluasi sejumlah sektor ekonomi dan pemasaran tertentu di Indonesia. Dalam menjalankan Pemasaran & Promosi maupun Jasa TI, per lu d i lakukan analisis pasar pendahuluan, dengan mengajukan pertanyaan berikut:

BAPPENAS - GTZ RED

50

• Bagaimana pasar BDS Indonesia / infrastruktur teknis / jumlah pelanggan potensial yang dikembangkan?

• Bagaimana perkembangan pasar untuk jasa promosi / pemasaran dan perencanaan bisnis berbasis Internet di masa depan?

• Berapakah turnover yang diperkirakan secara keseluruhan? Siapa yang sekiranya akan berinvestasi dalam pasar itu??

• Perusahaan mana saja yang sudah menguasai ceruk pasar yang ada, jenis layanan-terkait-penggunaan-Internet apa saja yang mereka tawarkan? Apakah standar pendekatan mereka?

Pertanyaan serupa berlaku untuk sektor pasar yang lebih spesifik dan lebih baru, yang berkaitan dengan pelatihan seperti "E-business". Beberapa di antaranya ad alah:

• Online-Banking - apakah ini sudah menjadi pilihan bagi UKM dan usaha di Indonesia

yang semakin subur? • Pembayaran kartu kredit online - apakah layak bagi kita untuk berinvestasi dengan

jumlah konsumen internasional dan lokal yang terbatas ? • Sektor mana dan portal geografis mana yang menguasai pasar online - bagaimana

pendekatan mereka dan masa depannya? Interent Service Providers - standar teknik apa yang mereka tawarkan?

Riset yang terperinci dan penilaian awal jelas perlu untuk mengembangkan model

BAPPENAS - GTZ RED

51

5.1. Agenda Lokakarya:

rHari ke - 1: 11 November, 2002

0 - 09.15 Pendaftaran Pembukaan oleh Bp DR. Ravik Karsidi,UNS

09.30 - 10.30 Sekapur sirih dari Rektor of UNS SOLO, Bp DR. Hedi M.Idris ( Bappenas ) Bp Christoph Kaut (GTZ )

10.30 - 11.00 Perkenalan peserta Dasar-dasar Internet - aspek teknis dan latar belakang struktural, E-commerce - konsep lama dengan kondisi

11.00 - 12.00

batasan teknis yang melayani pasar global.

12.00 - 12.45 Istirahat 12.45 - 16.00 Perencanaan dan desain yang berorientasi pada pasar situs

Web E-commerce - bagaimana mengevaluasi permintaan klien dan menuangkannya ke dalam dokumen web yang sesuai, praktik terbaik dalam merujuk ke berbagai

perdagangan.

16.00 - 16.30 Tanya-jawab, Diskusi presentasi 16.30 - 17.30 Sesi pelatihan perorangan (opsional)

Hari ke - 2: 12 November, 2002

Situs web - bagaimana menyusunnya - 09.30 - 12.00 piranti perangkat lunak yang diperlukan untuk html dan desain grafis, langkahawal dan latihan praktik.

12.00 - 12.45 Istirahat 12.45 - 16.30 Membangun Situs Web - sesi pelatihan html dan desain

grafis. 16.30 - 17.30 Sesi pelatihan perorangan (opsional)

Hari ke - 3: 13 November, 2002

09.30 - 12.00 Membangun Situs Web - sesi pelatihan html dan desain grafis - mencapai standar desain internasional.

12.00 - 12.45 Istirahat 12.45 - 16.30 Menjual Situs Web E-commerce kepada para klien -

persyaratan, anggaran dan jangka waktu. 16.30 - 17.30 Diskusi mengenai rencana tindak-lanjutan bimbingan

perorangan di tempat peserta.

BAPPENAS - GTZ RED

52

5.2. Para Peserta

Nama & Jabtan Perusashaan atau Lembaga Alamt/No. Teip

1. Ragil Budiman Peni Garmen Trading JI Raya Utara 73,Wedi Data processor Klaten, Jawa - Tengah

Tel 0272 - 323 324 muktiyonyahoo.com

2. Mulato Peni Garmen Trading JI Raya Utara 73,Wedi Data processor Klaten, Jawa - Tengah Tel 0272 - 323 324 muktivo(&yahoo.com

3. Agus Wisnugroho CV Matkom JI. Slamet Riyadi no 542 Director IT services Solo, tel 0271 - 718 322 [email protected]

4. Venus Gani CV Venus 11. Lamongan Raya 56 Director Training 024 - 850 5555 venus©idola.net.id

5. Suwarto ( Ucok) PT.Suwastama JI. Slamet Riyadi 280,Solo Manager BDS services Kartasura, 0271 - 726 111

6. Widiyanto Tri Universitas Stikubank JI. Tri Lomba Juang no 1 Handoko,Lecturer Semarang Semarang 501241 Tel 024 - 845 1976

7. Sularso Budilaksono Universitas Stikubank JI. Tri Lomba Juang no 1 Lecturer Semarang Semarang 501241 Tel 024 - 845 1976

8 Edy Supriyanto Universitas Stikubank 11. Tri Lomba Juang no 1 Lecturer Semarang Semarang 501241 Tel 024 - 845 1976

9. Hartanto Universitas Sebelas Maret 31. Urip Sumoharjo 110 Lecturer Solo, LPM, BDS Solo,Tel 0271 - 635 901

10. H. Subiatmoko Universitas Sebelas MaretJI. Urip Sumoharjo 110

Lecturer Solo, LPM, BDS Solo, Tel 0271 - 635 901

11. Iwan Wisnu Universitas Sebelas Maret JI. Ir.Sutami 36 A Lecturer Solo, Sprachcentrum Solo, Tel 0271 - 632414 wisnoe(c-buns.ac.id

BAPPENAS - GTZ RED

53

5.3. Pemberian sertifikat di atas kop serat proyek

S E R T I F I K A T

Kepada yang berkepentingan

Bersama ini kami nyatakan bahwa

telah berhasil berpartisipasi dalam

pelatihan Iokakarya-TI dan keteramPilan selama 3 hari

`Peningkatan Penjualan dan Pemasaran UKM

melalui sites web berfokus E-commerce'

Lokakarya diselenggarakan oleh Bappenas / GTZ dan Universitas UNS, solo

di Universitas UNS, Solo, dari 11 November hingga 13 November, 2002.

Ceramah dan presentasi mengenadi hubungan pelanggan,proses perencanaan

sites web E-commerce, promosi situs web dan penggunaan alat bantu (tools:

Photoshop, Dream weaver) yang disampaikan oleh

lochen Vorrelder, SUSTAINABLE MEDIA, Hamburg, Germany.

setelah lokakarya,setiap peserta menerima bimbingan dan sesi pelatihan

perorangan ditempat yang bersangkutan.

Jakarta, 26 November, 2002 christoph Kaut, Bappenas / GTZ Jochen Vorrelder, SUSTAINABLE MEDIA

BAPPENAS - GTZ RED

54

6. Impr int Dokumen dan manual pelatihan ini disusun oleh

SUSTAINABLE MEDIA Schaarsteinwegbrucke 220459 Hamburg Germany Tel. +49 (0)40 3750 2160 Fax +49 (0)40 4327 8744 E-mail: vorfelder(aI)sustainable-media.de Web site: http://www.sustainable-media.de untuk dan atas nama Small and Medium Enterprise Promotion Project (SMEPP) Plaza Gani Djemat, 5th Floor JI. Iman Bonjol No. 76-78 Jakarta 10310, Indonesia Tel. +62 (0)21 390 21 11 Fax +62 (0)21 390 21 12 E-mail: [email protected]. id

Proyek Pengembangan Usaha Kecil dan Menengah(SMEPP) diselenggarakan oleh BAPPENAS - Badan Perencanaan Pembangunan Nasional Indonesia - dan GTZ/GFA Management.