Hosting File HTML, CSS & JavaScript Di Google Code Dengan TortoiseSVN - Google Code seperti yang sudah kita kenal adalah salah satu fitur/aplikasi dari Google yang menyediakan fasilitas untuk menghosting file seperti Javascript, Zip dan gambar. Namun, selain ketiga jenis file diatas misalnya CSS dan HTML ketika mengupload/menyimpannya di code.google.com secara langsung, kadang file tersebut akan gagal bekerja dan hanya akan menampilkan sebagian teks atau gambar saja.
Aplikasi subversion TortoiseSVN adalah aplikasi yang memungkinkan untuk mengunggah berbagai jenis file ataupun kode yang berbeda beda. Namun anda jangan salah menilainya, karena TortiseSVN hanya berlaku untuk file seperti HTML, CSS, Javascript, jQuery, gambar yang biasa digunakan untuk keperluan dalam membangun (mendesain) website/blog dan sama sekali tidak berlaku atau tidak ada hubungannya dengan jenis file dengan ekstensi seperti pdf, doc, wap, mp3 dan lain-lain.
Kelebihan Menghosting File di Google Code dengan TortiseSVN adalah anda bisa menggunakannya sebagai media penyimpanan eksternal kode CSS yang katanya dengan menyimpan CSS eksternal blog/web akan mampu Mempercepat Loading Web/Blog dan hal ini juga berlaku untuk kode seperti Javascript dan jQuery.
Untuk menyimpan file/kode di google code melalui TortiseSVN, maka diperlukan 2 langkah untuk melakukannya, yang pertama adalah Menginstall Aplikasinya dan yang kedua Membuat Project Baru.
Langkah Pertama : Menginstall TortoiseSVN
- Buka situs ini » http://tortoisesvn.net/downloads.html, kemudian unduh dan install aplikasinya di komputer anda. Setelah proses penginstallan selesai, restart komputer anda karena aplikasi ini akan terintegrasi langsung dengan menu klik kanan pada desktop.
- Selanjutnya, klik kanan pada desktop/layar depan komputer. Pilih TortiseSVN » Setting. Lihat gambar dibawah untuk lebih jelasnya.
- Akan muncul sebuah box/jendela baru, pilih edit.
- Setelah file config terbuka (biasanya terbuka di notepad), masukkan kode di bawah ini tepat di bawah kode # Makefile = svn:eol-style=native
[miscellany]
enable-auto-props = yes
[auto-props]
# Scriptish formats
*.bat = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.bsh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell
*.cgi = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.cmd = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.js = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript
*.php = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php
*.pl = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable
*.pm = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl
*.py = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable
*.sh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable
# Image formats
*.bmp = svn:mime-type=image/bmp
*.gif = svn:mime-type=image/gif
*.ico = svn:mime-type=image/ico
*.jpeg = svn:mime-type=image/jpeg
*.jpg = svn:mime-type=image/jpeg
*.png = svn:mime-type=image/png
*.tif = svn:mime-type=image/tiff
*.tiff = svn:mime-type=image/tiff
# Data formats
*.pdf = svn:mime-type=application/pdf
*.avi = svn:mime-type=video/avi
*.doc = svn:mime-type=application/msword
*.eps = svn:mime-type=application/postscript
*.gz = svn:mime-type=application/gzip
*.mov = svn:mime-type=video/quicktime
*.mp3 = svn:mime-type=audio/mpeg
*.ppt = svn:mime-type=application/vnd.ms-powerpoint
*.ps = svn:mime-type=application/postscript
*.psd = svn:mime-type=application/photoshop
*.rtf = svn:mime-type=text/rtf
*.swf = svn:mime-type=application/x-shockwave-flash
*.tgz = svn:mime-type=application/gzip
*.wav = svn:mime-type=audio/wav
*.xls = svn:mime-type=application/vnd.ms-excel
*.zip = svn:mime-type=application/zip
# Text formats
.htaccess = svn:mime-type=text/plain
*.css = svn:mime-type=text/css
*.dtd = svn:mime-type=text/xml
*.html = svn:mime-type=text/html
*.ini = svn:mime-type=text/plain
*.sql = svn:mime-type=text/x-sql
*.txt = svn:mime-type=text/plain
*.xhtml = svn:mime-type=text/xhtml+xml
*.xml = svn:mime-type=text/xml
*.xsd = svn:mime-type=text/xml
*.xsl = svn:mime-type=text/xml
*.xslt = svn:mime-type=text/xml
*.xul = svn:mime-type=text/xul
*.yml = svn:mime-type=text/plain
CHANGES = svn:mime-type=text/plain
COPYING = svn:mime-type=text/plain
INSTALL = svn:mime-type=text/plain
Makefile* = svn:mime-type=text/plain
README = svn:mime-type=text/plain
TODO = svn:mime-type=text/plain
# Code formats
*.c = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.cpp = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.h = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.java = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.as = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.mxml = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
# Webfonts
*.eot = svn:mime-type=application/vnd.ms-fontobject
*.woff = svn:mime-type=application/x-font-woff
*.ttf = svn:mime-type=application/x-font-truetype
*.svg = svn:mime-type=image/svg+xml
- Selanjutnya simpan dengan menekan CTRL + S pada keyboard.
Langkah Kedua : Membuat Project Baru di Google Code
- Pertama, buka http://code.google.com kemudian pilih Create A New Project. Namun jika anda belum memilik akun di google kode, lebih baik anda mendaftar terlebih dahulu.
- Isi dan lengkapi formulir kemudian klik "Create project". Lihat gambar untuk lebih jelasnya!
- Setelah proses pendaftaran selesai, selanjutnya anda akan diarahkan ke dashboard baru anda. Pada menu dashboard, pilih tab "Source", Copy link dan klik googlecode.com password
Keterangan : Copy dan simpan link yang diberi tanda nomor "2" diatas karena nantinya link tersebut yang akan anda gunakan untuk pengaturan tahap selanjutnya dan untuk nomor "3" itu adalah link untuk mendapatkan password. Silahkan diklik dan jangan lupa copy dan simpan.
Menggunggah / Menghosting Berkas
- Buka aplikasi TortiseSVN dengan cara mengklik kanan di desktop komputer, pilih TortiseSVN » Repo Browser
- Akan muncul sebuah box, kemudian masukkan link project yang sudah anda simpan sebelumnya. Sebenarnya, pola dasar linknya adalah seperti ini "https://judul_project_anda_disini.googlecode.com/svn/trunk/". Klik Ok dan tunggu hingga proses memuatnya selesai.
- Selanjutnya, drag file kedalam box sebelah kanan. Lihat gambar untuk lebih jelasnya.
- Sekali lagi klik ok dan masukkan email yang anda gunakan mendaftar pada google code serta masukkan password yang telah anda copy sebelumnya.
- Tunggu beberapa saat sampai proses penyimpanan file selesai dilakukan. Selesai...!!!
Butuh Bantuan ?
Jika anda mengalami masalah atau kendala dalam melakukan proses seperti yang telah saya jelaskan diatas, maka silahkan anda meninggalkan komentar.Semoga bermanfaat...!!!