SOAL POSTEST
Jelaskan tugas masing-masing anggota tim proyek.
1. Manajer Proyek (Project Manager)
Tugas dari manajer proyek:
mengintegrasikan beberapa kegiatan yang berbeda untuk mencapai tujuan tertentu.
mengambil keputusan yang menjadi wewenangnya, antara lain mengenai realokasi sumber daya, mengubah lingkup proyek, menyeimbangkan kriteria biaya, jadwal dan performansi.
Merencanakan kegiatan-kegiatan dalam proyek, tugas-tugas dan hasil akhir, termasuk pemecahan pekerjaan, penjadwalan dan anggaran.
Mengorganisasikan, memilih dan menempatkan orang-orang dalam tim proyek. Mengorganisasikan dan mengalokasikan sumber daya.
Memonitor status proyek.
2. Pimpinan Proyek (Project Leader)
Tugas dari pimpinan proyek :
Menjadi pengawas harian bagia programmer.
Memimpin keseluruhan wawancara dengan user.
3. Programmer
Tugas dari programmer adalah :
Membuat aplikasi sesuai dengan persetujuan kontrak.
Melakukan pengujian terhadap aplikasi yang akan digunakan.
Bertanggung jawab atas aplikasi yang sudah dibuat.
4. Programmer Ahli (The Guru Programmer)
Programmer Ahli atau “Hacker” bekerja secara misterius, pada jam-jam yang aneh; suka menentang dan tidak mau diatur, hanya ingin mengerjakan tugas sesuai dengan keinginanya. Tetapi ahli dalam bidangnya, dapat membuat program tugas-tugas yang rumit 10 kali lebih cepat dari orang lain.
5. Programmer Pemula (The Junior Programmer)
Programmer pemula biasanya memiliki bakat dan mempunyai keinginan untuk membuktikan diri mereka. Ada dua keahlian, bagaimanapun itu tidak selalu diajarkan di sekolah : komunikasi tim dan komunikasi manajemen.
Rabu, 18 Juni 2014
V-Class ke 2 Pengelolaan Proyek Sistem Informasi Pretest : Susunan Staf
SOAL PRETEST
Apa saja yang perlu diperhatikan pada saat memilih anggota tim proyek? Jelaskan.
1.Analisis Pekerjaan
Pekerjaan merupakan komponen dasar bagi struktur organisasi dan merupakan alat untuk mencapai tujuan organisasi. Analisis pekerjaan merupakan suatu proses untuk menentukan isi suatu pekerjaan, sehingga pekerjaan dapat dijelaskan kepada orang lain.
2. Rekrutmen, Seleksi dan Orientasi
Secara umum dapat diutarakan, tenaga kerja yang diperlukan proyek dapat diperoleh dari salah satu atau beberapa sumber, yaitu :
Induk atau anak perusahaan (apabila proyek dimiliki oleh kelompok perusahaan),
Daerah sekitar lokasi dan tempat proyek,
Sumber tenaga kerja nasional,
Sumber tenaga kerja internasional-individual expert, subcontracting, technical assistances, management assistances.
3. Produktivitas
Secara umum yang banyak didapat dalam buku-buku teks, produktivitas mengandug arti sebagai perbandingan antara hasil yang dicapai (output) dengan keseluruhan sumber daya yang digunakan (input).
4. Pelatihan dan Pengembangan
Program latihan dan pengembangan bertujuan untuk menutupi gap antara kecakapan karyawan dan permintaan jabatan, selain untuk meningkatkan efisiensi dan efektivitas kerja karyawan dalam mencapai sasaran kerja.
5. Prestasi Kerja
Hasil penilaian prestasi kerja (performance appraisal)karyawan dapat memperbaiki keputusan-keputusan personalia dan memberikan umpan balik kepada karyawan tentang pelaksanaan kerja mereka.
6. Kompensasi
Cara manajemen untuk meningkatkan prestasi kerja, motivasi, dan kepuasan kerja para karyawan adalah melalui kompensasi. Kompensasi dapat didefinisikan sebagai sesuatu yang diterima karyawan sebagai balas jasa untuk kerja mereka.
7. Perencanaan Karier
Dapat dilihat bahwa konsep dasar perencanaan karier seseorang, adalah :
Karier sebagai suatu urutan promosi atau transfer ke jabatan-jabatan yang lebih besar tanggung jawabnya atau ke lokasi-lokasi yang lebih baik selama kehidupan kerja seseorang.
Karier sebagai petunjuk pekerjaan yang membentuk suatu pola kemajuan yang sistematik dan jelas (membentuk satu jalur karier).
Karier sebagai sejarah pekerjaan seseorang atau serangkaian posisi yang dipegangnya selama kehidupan kerja.
Apa saja yang perlu diperhatikan pada saat memilih anggota tim proyek? Jelaskan.
1.Analisis Pekerjaan
Pekerjaan merupakan komponen dasar bagi struktur organisasi dan merupakan alat untuk mencapai tujuan organisasi. Analisis pekerjaan merupakan suatu proses untuk menentukan isi suatu pekerjaan, sehingga pekerjaan dapat dijelaskan kepada orang lain.
2. Rekrutmen, Seleksi dan Orientasi
Secara umum dapat diutarakan, tenaga kerja yang diperlukan proyek dapat diperoleh dari salah satu atau beberapa sumber, yaitu :
Induk atau anak perusahaan (apabila proyek dimiliki oleh kelompok perusahaan),
Daerah sekitar lokasi dan tempat proyek,
Sumber tenaga kerja nasional,
Sumber tenaga kerja internasional-individual expert, subcontracting, technical assistances, management assistances.
3. Produktivitas
Secara umum yang banyak didapat dalam buku-buku teks, produktivitas mengandug arti sebagai perbandingan antara hasil yang dicapai (output) dengan keseluruhan sumber daya yang digunakan (input).
4. Pelatihan dan Pengembangan
Program latihan dan pengembangan bertujuan untuk menutupi gap antara kecakapan karyawan dan permintaan jabatan, selain untuk meningkatkan efisiensi dan efektivitas kerja karyawan dalam mencapai sasaran kerja.
5. Prestasi Kerja
Hasil penilaian prestasi kerja (performance appraisal)karyawan dapat memperbaiki keputusan-keputusan personalia dan memberikan umpan balik kepada karyawan tentang pelaksanaan kerja mereka.
6. Kompensasi
Cara manajemen untuk meningkatkan prestasi kerja, motivasi, dan kepuasan kerja para karyawan adalah melalui kompensasi. Kompensasi dapat didefinisikan sebagai sesuatu yang diterima karyawan sebagai balas jasa untuk kerja mereka.
7. Perencanaan Karier
Dapat dilihat bahwa konsep dasar perencanaan karier seseorang, adalah :
Karier sebagai suatu urutan promosi atau transfer ke jabatan-jabatan yang lebih besar tanggung jawabnya atau ke lokasi-lokasi yang lebih baik selama kehidupan kerja seseorang.
Karier sebagai petunjuk pekerjaan yang membentuk suatu pola kemajuan yang sistematik dan jelas (membentuk satu jalur karier).
Karier sebagai sejarah pekerjaan seseorang atau serangkaian posisi yang dipegangnya selama kehidupan kerja.
Kamis, 05 Juni 2014
Ruang Lingkup Sistem Informasi Geografis (SIG)
Pada dasarnya pada SIG terdapat lima (5) proses yaitu:
Input Data
Proses input data digunakan untuk menginputkan data spasial dan data non-spasial. Data spasial biasanya berupa peta analog. Untuk SIG harus menggunakan peta digital sehingga peta analog tersebut harus dikonversi ke dalam bentuk peta digital dengan menggunakan alat digitizer. Selain proses digitasi dapat juga dilakukan proses overlay dengan melakukan proses scanning pada peta analog.
Manipulasi Data
Tipe data yang diperlukan oleh suatu bagian SIG mungkin perlu dimanipulasi agar sesuai dengan sistem yang dipergunakan. Oleh karena itu SIG mampu melakukan fungsi edit baik untuk data spasial maupun non-spasial.
Manajemen Data
Setelah data spasial dimasukkan maka proses selanjutnya adalah pengolahan data non-spasial. Pengolaha data non-spasial meliputi penggunaan DBMS untuk menyimpan data yang memiliki ukuran besar.
Query dan Analisis
Query adalah proses analisis yang dilakukan secara tabular. Secara fundamental SIG dapat melakukan dua jenis analisis, yaitu:
Analisis Proximity
Analisis Proximity merupakan analisis geografi yang berbasis pada jarak antar layer. SIG menggunakan proses buffering (membangun lapisan pendukung di sekitar layer dalam jarak tertentu) untuk menentukan dekatnya hubungan antar sifat bagian yang ada.
Analisis Overlay
Overlay merupakan proses penyatuan data dari lapisan layer yang berbeda. Secara sederhana overlay disebut sebagai operasi visual yang membutuhkan lebih dari satu layer untuk digabungkan secara fisik.
Visualisasi
Untuk beberapa tipe operasi geografis, hasil akhir terbaik diwujudkan dalam peta atau grafik. Peta sangatlah efektif untuk menyimpan dan memberikan informasi geografis.
Sumber : http://idhambhimaa.blogspot.com/2014/05/ruang-lingkup-sistem-informasi.html
Input Data
Proses input data digunakan untuk menginputkan data spasial dan data non-spasial. Data spasial biasanya berupa peta analog. Untuk SIG harus menggunakan peta digital sehingga peta analog tersebut harus dikonversi ke dalam bentuk peta digital dengan menggunakan alat digitizer. Selain proses digitasi dapat juga dilakukan proses overlay dengan melakukan proses scanning pada peta analog.
Manipulasi Data
Tipe data yang diperlukan oleh suatu bagian SIG mungkin perlu dimanipulasi agar sesuai dengan sistem yang dipergunakan. Oleh karena itu SIG mampu melakukan fungsi edit baik untuk data spasial maupun non-spasial.
Manajemen Data
Setelah data spasial dimasukkan maka proses selanjutnya adalah pengolahan data non-spasial. Pengolaha data non-spasial meliputi penggunaan DBMS untuk menyimpan data yang memiliki ukuran besar.
Query dan Analisis
Query adalah proses analisis yang dilakukan secara tabular. Secara fundamental SIG dapat melakukan dua jenis analisis, yaitu:
Analisis Proximity
Analisis Proximity merupakan analisis geografi yang berbasis pada jarak antar layer. SIG menggunakan proses buffering (membangun lapisan pendukung di sekitar layer dalam jarak tertentu) untuk menentukan dekatnya hubungan antar sifat bagian yang ada.
Analisis Overlay
Overlay merupakan proses penyatuan data dari lapisan layer yang berbeda. Secara sederhana overlay disebut sebagai operasi visual yang membutuhkan lebih dari satu layer untuk digabungkan secara fisik.
Visualisasi
Untuk beberapa tipe operasi geografis, hasil akhir terbaik diwujudkan dalam peta atau grafik. Peta sangatlah efektif untuk menyimpan dan memberikan informasi geografis.
Sumber : http://idhambhimaa.blogspot.com/2014/05/ruang-lingkup-sistem-informasi.html
Apa yg dimaksut dengan Sistem Pakar?
Sistem pakar (dalam bahasa Inggris :expert system) adalah sistem informasi yang berisi dengan pengetahuan dari pakar sehingga dapat digunakan untuk konsultasi. Pengetahuan dari pakar di dalam sistem ini digunakan sebagi dasar oleh Sistem Pakar untuk menjawab pertanyaan (konsultasi).
Kepakaran (expertise) adalah pengetahuan yang ekstensif dan spesifik yang diperoleh melalui rangkaian pelatihan, membaca, dan pengalaman. Pengetahuan membuat pakar dapat mengambil keputusan secara lebih baik dan lebih cepat daripada non-pakar dalam memecahkan problem yang kompleks. Kepakaran mempunyai sifat berjenjang, pakar top memiliki pengetahuan lebih banyak daripada pakar yunior. Tujuan Sistem Pakar adalah untuk mentransfer kepakaran dari seorang pakar ke komputer, kemudian ke orang lain (yang bukan pakar).
Sistem pakar adalah suatu program komputer yang mengandung pengetahuan dari satu atau lebih pakar manusia mengenai suatu bidang spesifik. Jenis program ini pertama kali dikembangkan oleh periset kecerdasan buatan pada dasawarsa 1960-an dan 1970-an dan diterapkan secara komersial selama 1980-an. Bentuk umum sistem pakar adalah suatu program yang dibuat berdasarkan suatu set aturan yang menganalisis informasi (biasanya diberikan oleh pengguna suatu sistem) mengenai suatu kelas masalah spesifik serta analisis matematis dari masalah tersebut. Tergantung dari desainnya, sistem pakar juga mampu merekomendasikan suatu rangkaian tindakan pengguna untuk dapat menerapkan koreksi. Sistem ini memanfaatkan kapabilitas penalaran untuk mencapai suatu simpulan.
Sumber : http://id.wikipedia.org/wiki/Sistem_pakar
Kepakaran (expertise) adalah pengetahuan yang ekstensif dan spesifik yang diperoleh melalui rangkaian pelatihan, membaca, dan pengalaman. Pengetahuan membuat pakar dapat mengambil keputusan secara lebih baik dan lebih cepat daripada non-pakar dalam memecahkan problem yang kompleks. Kepakaran mempunyai sifat berjenjang, pakar top memiliki pengetahuan lebih banyak daripada pakar yunior. Tujuan Sistem Pakar adalah untuk mentransfer kepakaran dari seorang pakar ke komputer, kemudian ke orang lain (yang bukan pakar).
Sistem pakar adalah suatu program komputer yang mengandung pengetahuan dari satu atau lebih pakar manusia mengenai suatu bidang spesifik. Jenis program ini pertama kali dikembangkan oleh periset kecerdasan buatan pada dasawarsa 1960-an dan 1970-an dan diterapkan secara komersial selama 1980-an. Bentuk umum sistem pakar adalah suatu program yang dibuat berdasarkan suatu set aturan yang menganalisis informasi (biasanya diberikan oleh pengguna suatu sistem) mengenai suatu kelas masalah spesifik serta analisis matematis dari masalah tersebut. Tergantung dari desainnya, sistem pakar juga mampu merekomendasikan suatu rangkaian tindakan pengguna untuk dapat menerapkan koreksi. Sistem ini memanfaatkan kapabilitas penalaran untuk mencapai suatu simpulan.
Sumber : http://id.wikipedia.org/wiki/Sistem_pakar
Mengapa virus komputer lebih banyak menyerang Windows daripada Linux ?
Seperti halnya Windows, di Linux anda juga bisa menemui virus komputer. Bahkan virus komputer di Linux sudah ada sejak tahun 95an. Namun mengapa kita jarang mendengar berita tentang virus komputer di Linux ?
Ada beberapa sebab dan pandangan mengapa kita lebih banyak mendengar serangan virus komputer di Windows daripada di Linux.
- Pengguna Linux masih sedikit, jadi belum banyak virus yang dibuat
Pengguna Linux memang jauh lebih sedikit dibandingkan Windows. Ini merupakan salah satu alasan mengapa tidak banyak pembuat virus yang menjadikan Linux sebagai sasaran. Namun bukan berarti kalau Linux sudah memiliki banyak pengguna, nantinya akan banyak orang yang tertarik untuk membuat virus Linux. Alasan berikut akan menjelaskannya. - Sistem keamanan Linux jauh lebih bagus daripada Windows
Dari awal dibuat, Windows sudah memiliki banyak lubang keamanan, yang kemudian dimanfaatkan virus komputer untuk berkembang biak. Berbeda dengan Linux yang menggunakan sistem keamanan jauh lebih ketat, misalnya :- Setiap user memiliki hak akses dan properti yang berbeda-beda. Jika virus tidak memiliki hak akses, maka virus tersebut tidak akan bisa menyerang.
- Default user Linux adalah user biasa, bukan Root (Administrator di Windows), ini menyebabkan virus tidak memiliki hak akses penuh sehingga lebih susah untuk menyerang sistem Linux. Bandingkan dengan Windows yang default usernya adalah Administrator sehingga menyebabkan virus memiliki hak akses penuh atas komputer.
- Tidak ada tool yang memudahkan pembuatan virus di Linux
Di Windows, Anda bisa menemukan banyak tool untuk membuat virus yang notabene sangat mudah untuk dipergunakan. Anda tidak perlu menjadi seorang ahli virus untuk membuat virus di Windows. Bahkan karena begitu mudahnya, anak SMPpun sekarang bisa dengan mudah membuat virus. Kemudahan yang ditawarkan Windows ternyata bisa menjadi boomerang untuk ‘merusak’ Windows. Bagaimana dengan Linux …? Selain memiliki sistem keamanan yang lebih susah untuk ditembus virus komputer, Linux juga tidak mempunyai tool pembuat virus ini. Jadi wajar kalau tidak banyak orang yang membuat virus di Linux. - Pembuat virus komputer adalah orang Linux …?!
Pandangan ini boleh dibilang muncul dari orang yang anti-Linux. Sayangnya pandangan ini tidak terbukti kebenarannya. Virus komputer di PC pertama kali muncul tahun 1986 – yang dikenal sebagai virus Brain – dan dibuat oleh programmer dari Pakistan. Pada masa itu komputer masih menggunakan DOS (Windows baru muncul versi 1.0 dan Linux belum dibuat – lihat Sejarah Pengembangan Linux). Jadi, sangatlah tidak masuk akal kalau mengatakan pembuat virus adalah orang Linux.
NB : Penulis sendiri mengenal Linux baru beberapa tahun belakangan ini, namun sudah pernah membuat virus komputer jauh sebelum menggunakan Linux, bahkan menggunakan Windows-pun belum, karena semuanya saat itu masih berbasis DOS.
Karena virus jarang ada di Linux dan lebih susah untuk untuk berkembang biak, maka boleh dibilang Linux jauh lebih bebas dari gangguan virus dibandingkan Windows. Sebagai bukti … mulai dari saat beralih ke Linux sampai saat mengetik artikel ini, penulis belum pernah sekalipun terganggu dengan virus di Linux.
Bahkan prediksi-prediksi pakar anti virus yang menyatakan Linux akan menjadi sasaran virus tidak ada satupun yang terbukti. Coba lihat saduran informasi dari para pakar anti virus berikut:
Anggapan bahwa Linux bebas virus, bisa jadi sirna di masa yang akan datang. Sistim operasi open source itu diperkirakan akan jadi target virus dalam tiga tahun mendatang. “Virus bukan hanya untuk Microsoft saja, Linux paling cepat tiga tahun lagi bakal jadi target serangan virus,” Itu sudah seperti hukum alam di pasar,” jelas spesialis anti virus Alfons Tanujaya dari Vaksincom kepada detikinet di Wisma Purna Batara Jakarta, Rabu (Detikinet, 21/9/2005).
“Tentu saja kita akan melihat lebih banyak virus di Windows, tetapi Linux akan menjadi target karena penggunaan Linux sudah semakin meluas” kata Raimond Genes, presiden antivirus Trend Micro Eropa.
Jack Clarke, manajer produk McAfee Eropa, berkata: “Pada kenyataannya membuat virus di Linux itu mudah karena sifatnya yang open source dan kodenya tersedia. Jadi kita akan melihat lebih banyak virus Linux karena Linux sudah semakin banyak digunakan dan populer.” (Vnunet, 5/12/2001)
Tiga petinggi perusahaan anti virus ternama – Vaksincom, TrendMicro, McAfee – memberikan prediksi yang salan tentang virus di Linux. Tujuh tahun telah lewat dan Linux relatif masih aman dari gangguan virus.
Sumber: http://www.pclinux3d.com/virus/mengapa-virus-komputer-lebih-banyak-menyerang-windows-daripada-linux.html
Kliring
Kliring (dari bahasa Inggris clearing) sebagai suatu istilah dalam dunia perbankan dan keuangan menunjukkan suatu aktivitas yang berjalan sejak saat terjadinya kesepakatan untuk suatu transaksi hingga selesainya pelaksanaan kesepakatan tersebut.
Kliring sangat dibutuhkan sebab kecepatan dalam dunia perdagangan jauh lebih cepat daripada waktu yang dibutuhkan guna melengkapi pelaksanaan aset transaksi.
Kliring melibatkan manajemen dari pascaperdagangan, pra penyelesaian eksposur kredit, guna memastikan bahwa transaksi dagang terselesaikan sesuai dengan aturan pasar, walaupun pembeli maupun penjual menjadi tidak mampu melaksanakan penyelesaian kesepakatannya.
Proses kliring adalah termasuk pelaporan / pemantauan, marjin risiko, netting transaksi dagang menjadi posisi tunggal, penanganan perpajakan dan penanganan kegagalan.
Sumber : http://idhambhimaa.blogspot.com/2014/05/kliring.html
Kliring sangat dibutuhkan sebab kecepatan dalam dunia perdagangan jauh lebih cepat daripada waktu yang dibutuhkan guna melengkapi pelaksanaan aset transaksi.
Kliring melibatkan manajemen dari pascaperdagangan, pra penyelesaian eksposur kredit, guna memastikan bahwa transaksi dagang terselesaikan sesuai dengan aturan pasar, walaupun pembeli maupun penjual menjadi tidak mampu melaksanakan penyelesaian kesepakatannya.
Proses kliring adalah termasuk pelaporan / pemantauan, marjin risiko, netting transaksi dagang menjadi posisi tunggal, penanganan perpajakan dan penanganan kegagalan.
Sumber : http://idhambhimaa.blogspot.com/2014/05/kliring.html
Cara Menambahkan Syntax Highlighter di Blogger
Syntax Highlighter cukup dikenal oleh berbagai platform, misalnya WordPress, Apache, Mozilla, Yahoo, Aptana, dan banyak lainnya. Apa itu Syntax Highlighter? Kita para bloggerseringkali berbagi script/kode untuk blogger atau siapapun yang membutuhkannya untuk pengembangan web/blog. Kebanyakan dari kita menggunakan blockquote sebagai "wadah" dari script/kode tersebut dan menandai dengan beberapa warna khusus sebagai indikator atau petunjuk. Nah, SyntaxHighlighting adalah upaya untuk mempresentasikan script/kode tersebut dengan cara dan tampilan yang lebih baik berdasarkan jenis kode, misalnya Javascript, CSS, HTML, Phyton, PHP, dan masih banyak lagi. Ide ini tak lain datang dari si pembuat SyntaxHighlighter, Alex Gorbachev (thanks for the script).
Script SyntaxHighlighter ada beberapa jenis, yang terbaru sebenarnya lebih canggih lagi. Tetapi saya akan membagi versi standard-nya karena memiliki beberapa opsi saat mouse diarahkan ke atas script (muncul di pojok kanan atas) yaitu: View Source (dalam blank page, pop out), Copy to Clipboard, dan Print. Ketiganya sangat memudahkan dalam meng-copy, melihat kode dalam bentuk dan susunan aslinya, serta cetak kode. Masing-masing kode diterjemahkan oleh script yang disebut Brush.
Di beberapa platform seperti WordPress, Drupal, dan Joomla, kita bisa menggunakan berbagai jenis modul atau plugin SyntaxHighlighter siap pakai, tetapi di Blogger, kita harus menambahkannya secara manual. Berikut step by step-nya:
Menambahkan Script dan Brush ke dalam Template
1. Buka dashboard > template > edit HTML
2. Cari ]]></b:skin> (ctrl + F dan masukkan ke dalam kotak pencarian, enter)
3.Sekaligus sebagai demo, berikut adalah contoh syntax highlighting-nya. Arahkan mouse ke atas script, di bagian pojok kanan atas akan muncul opsi, View Source, Copy to Clipboard, dan Print. Juga ada info script dari pembuatnya. Copy script berikut tepat di bawah ]]></b:skin>.
01 | <link href= 'http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel= 'stylesheet' type= 'text/css' /> |
02 | <link href= 'http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel= 'stylesheet' type= 'text/css' /> |
03 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type= 'text/javascript' /> |
04 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type= 'text/javascript' /> |
05 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type= 'text/javascript' /> |
06 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type= 'text/javascript' /> |
07 | <script src= 'http://alexgorbatchev.com/pub/sh/current/scripts/shYouBrushJava.js' type= 'text/javascript' /> |
08 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type= 'text/javascript' /> |
09 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type= 'text/javascript' /> |
10 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type= 'text/javascript' /> |
11 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type= 'text/javascript' /> |
12 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type= 'text/javascript' /> |
13 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type= 'text/javascript' /> |
14 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type= 'text/javascript' /> |
15 | <script src= 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type= 'text/javascript' /> |
16 | <script language= 'javascript' > |
17 | SyntaxHighlighter.config.bloggerMode = true ; |
18 | SyntaxHighlighter.config.clipboardSwf = & #39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf'; |
19 | SyntaxHighlighter.all(); |
20 | </script> |
4. Save template.
Masing-masing script brush di atas berfungsi untuk menerjemahkan dan memberi style (warna) pada berbagai jenis script/kode seperti HTML, JS, CSS, PHP, Perl, Phyton, Ruby, XML, Java, dan berbagai script standard lainnya. Jika anda hanya membutuhkannya untuk highlighting script tertentu yang anda butuhkan, hapus yang tidak diperlukan.
Cara Menggunakan SyntaxHighlighther di dalam Post/Artikel Blog
Setiap jenis kode yang ingin ditampilkan di dalam halaman sebuah web biasanya menggunakan tag <pre>, meskipun dalam beberapa hal juga bisa menggunakan tag <code>. Untuk post blogger, kita akan menggunakan tag yang pertama. Kemudian masing-masing brush yang dibutuhkan dipanggil menggunakan atribut class. Contoh penulisannya:
<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">Kode Di Sini</pre>
Pada contoh di atas, kita lihat nantinya jenis-jenis kode yang akan di highlight adalah gabungan antara CSS, JS, PHP, SQL, dan Phyton. Jika anda hanya membutuhkan beberapa jenis saja, sekiranya yang diperlukan, maka gunakan brush sesuai jenis script saja. Misalnya, jika saya hanya butuh highlight HTML, JS, dan CSS, maka yang dibutuhkan adalah:
<pre class="brush:css, brush:html, brush:js">
Kode Di Sini
</pre>
Menggunakan yang diperlukan saja akan menghemat waktu load dan menghindari load script yang tidak perlu. Jadi jika anda biasanya hanya berbagi kode campuran yang terdiri dari 3 script umum di atas, gunakan susunan seperti contoh terakhir itu.
Berikut langkah-langkah menambahkan Syntax Highlighter ke dalam Post:
1. Ketika akan memasukkan kode, pindah dari mode "Compose" ke mode "HTML"
2. Kemudian masukkan tag <pre> dan class sesuai yang diinginkan, atau anda bisa copy contoh saya di atas.
3. Sebelum memasukkan kode di antara tag <pre>, anda harus parse dulu kode tersebut. Ini Penting. Karena jika tidak di parse, maka kode yang dimasukkan ke dalam editor HTML akan diterjemahkan sebagai perintah, bukan teks biasa. Gunakan HTML/Script Parser, parse kode ke dalam tool tersebut, copy hasilnya, dan sisipkan ke dalam tag <pre>.
Contoh yang benar:
<pre class="brush:css, brush:html, brush:js"> <script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=App-ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
</pre>
Dan berikut hasilnya:
01 | <div id= 'fb-root' /> |
02 | <script type= 'text/javascript' > |
03 | //<![CDATA[ |
04 | ( function (d, s, id) { |
05 | var js, fjs = d.getElementsByTagName(s)[0]; |
06 | if (d.getElementById(id)) return ; |
07 | js = d.createElement(s); js.id = id; |
08 | js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=App-ID" ; |
09 | fjs.parentNode.insertBefore(js, fjs); |
10 | }(document, 'script' , 'facebook-jssdk' )); |
11 | //]]> |
12 | </script> |
4. Anda bisa kembali ke mode "compose" jika ingin melanjutkan menulis, sebelum mempublikasikan artikel.
5. Done.
catatan: script akan diload paling akhir oleh browser, jadi akan muncul belakangan setelah semua script dan elemen diload terlebih dahulu. Jadi syntaxt highlighter akan muncul paling akhir.
catatan: script akan diload paling akhir oleh browser, jadi akan muncul belakangan setelah semua script dan elemen diload terlebih dahulu. Jadi syntaxt highlighter akan muncul paling akhir.
Itu dia bagaimana cara menggunakan Syntax Highlighter dengan benar di Blogger. Anda sebenarnya juga bisa menggunakan metode yang sama pada website lain, apabila ingin menambahkannya secara manual tentunya. Syntax Highlighter untuk Blogger di atas masih menggunakan skema warna default, ada beberapa variasi skema warna lain yang ke depan Insya Allah akan saya share. Juga. That's it for now and have a nice blogging, as always. :)
Langganan:
Postingan (Atom)