arif.suparlan.com

Resize gambar proporsional & posisi tengah dengan CSS & Javascript (Update)

Arif — Wed, 18 Aug 2010 15:16:46 +0000

Saya hampir gila mencoba me-resize dan memposisikan tengah beberapa gambar di dalam div yang mempunyai property overflow: hidden. Terlalu berlebihan ya? hehehe… Tapi memang sulit. Ukuran gambar tersebut berbeda-beda, portrait atau landscape, yang jelas dia lebih besar dari ukuran div itu. Saya belum bisa ngakalinnya bermodalkan CSS saja.

Meskipun mentok dengan CSS, saya akhirnya ngakalin dengan bantuan Javascript. Dengan memanfaatkan Javascript saya bisa untuk merubah ukuran dan posisi gambar secara dinamis. Bisa lebih dari itu sih, tapi untuk pemula seperti saya ini bisa sangat membantu melayout halaman.

Dulu saya pernah buat script untuk Resize & crop gambar dengan Codeigniter. Nah script ini memakai hitung-hitungan yang sama. Kalau Codeigniter kalkulasinya oleh PHP di sisi server, yang ini di sisi client/browser. Cara ini bisa dipermudah dengan menggunakan framework Javascript. Saya belum coba, tapi kalau ada cara yang lebih mudah lagi, mohon dipost di sini. Makasih.

Di bawah berikut kira-kira contoh scriptnya. Kedua gambar yang berukuran besar dengan orientasi yang berbeda, portrait dan landscape ini saya letakkan sebagai icon dalam div dengan property overflow hidden. Prosesnya mudah, tetapi agak panjang, yaitu membandingkan rasio dua ukuran untuk menentukan orientasi kemudian me-resize dan menghitung posisi tengah. Ini contohnya: Demo.



 Resize proporsional & posisi center dengan Javascript






Resize proporsional & posisi center dengan Javascript

Update berikut untuk penggunaan dengan jQuery. Ada beberapa tambahan script untuk mengukur dimensi ketika dalam keadaan gambar hidden.

$(document).ready(function() {
 $('img').each(function() {
 var x = 150;
 var y = 150;
 var ratio = x/y;

 if ($(this).height() > 0) {
 var width = $(this).width();
 var height = $(this).height();
 } else {
 var elem_clone = $(this).clone()
 .attr("id", false)
 .css({visibility:"hidden", display:"block", position:"absolute"});
 $("body").append(elem_clone);
 var width = elem_clone.width();
 var height = elem_clone.height();
 elem_clone.remove();    
 }

 $new_size = resize_min(width, height, x, y);

 $(this).css("width", $new_size[0]);
 $(this).css("height", $new_size[1]);
 $(this).css("marginLeft", -(($new_size[0]-x)*.5) + "px");
 $(this).css("marginTop", -(($new_size[1]-y)*.5) + "px");
 });
 });

Email Yahoo Bapakku di-Hack Orang

Arif — Fri, 13 Aug 2010 14:45:59 +0000

Beberapa hari lalu akun email Yahoo Bapak saya dibajak oleh orang tak bertanggung jawab, atau dengan kata lain di-hack orang. Ini menyebabkan beliau sama sekali tidak bisa mengakses akun emailnya. Kemudian saya tanyakan passwordnya apa? Jawabnya sederhana, yaitu tanggal lahir dia. Pantes…

Tetapi akhirnya akun tersebut dapat diambil alih kembali. Perlu waktu beberapa hari untuk mencoba-coba, juga mengumpulkan informasi tentang secret question dan Yahoo sempat beberapa kali memblokir email tersebut selama 24 jam. Saya perhatikan, Yahoo menyimpan sejarah secret question sebelumnya. Jadi meskipun telah diubah, Yahoo bisa menanyakan lagi secret question yang sebelumnya. Tidak begitu sulit untuk mendapatkan kembali akun tersebut, mungkin karena secret questionnya diisi dengan baik. Bahkan saya juga mendapatkan kembali email lama Bapak saya yang di Gmail juga.

Akun email tersebut juga sempat digunakan untuk penipuan. Email scam tersebut dikirimkan kepada beberapa akun email teman-teman Bapak yang terdapat di akun tersebut. Tapi setelah dilihat bagian sent mails tidak satu pun berisi email scam tersebut. Apakah sudah dihapus? atau teknik pengirimannya menggunakan SMTP atau dengan mesin secara otomatis. Apakah ini ulah virus atau trojan? Bila secara otomatis dengan mesin, bagaimana dia mendapatkan password tersebut pertama kali. Bisa jadi, kalau passwordnya tanggal lahir, info tersebut dapat dengan mudah diperoleh dari halaman profil Yahoo.

Beberapa hal yang berubah diakun tersebut yaitu password, secondary email menjadi mailingalert@gmail.com. Secret question kelihatannya juga berubah. Saya sempat melihat Yahoo menanyakan beberapa secret question yang berbeda dengan yang diset oleh Bapak saya.

Tak berhenti sampai disitu saja. Email ini sempat dibajak lagi beberapa waktu lalu. Password diubah kembail. Lalu dari mana dia mendapatkan email yang sudah saya ubah dengan yang lebih aman? Sampai saat ini saya belum tahu bagaimana. Saya curiga ada virus atau trojan di Notebook Bapak saya.

Tapi biarlah ini jadi pemberlajaran untuk semua, supaya tidak menggunakan tanggal lahir sebagai password atau PIN. Sekarang Bapak saya menggunakan email dengan domain Suparlan.com. Mungkin relatif lebih personal dan aman. Kemudian email di Yahoo & Gmail dapat di-forward langsung ke email ini.

Happy SysAdmin Day!!! Hari Apresiasi System Administrator

Arif — Sat, 31 Jul 2010 05:37:41 +0000

Dialah yang bertanggung jawab atas pencekekan bandwidth. Semua mata tertuju padanya kalau kita tiba-tiba tidak bisa diterima atau kirim email. Orang-orang akan berteriak kalau facebook tidak bisa dibuka. Waktu Internet satu kantor mati, semua staff seolah-olah libur mendadak. Ketika system tidak berjalan dengan semestinya, dia lah yang pertama akan dicari semua orang.

Tetapi orang akan cepat melupakan jasanya bila semuanya adem anyem. Kemarin, hari Jum’at terakhir di bulan July, adalah hari “Apresiasi System Administrator”, mari kita tidak lupakan jasa-jasanya. Karena dia kita dapat bekerja dengan lancar. Happy Sysadmin Day!!!

P.S. Mas Admin, tolong bukain port YM gue ya, biar gue bisa chatting…

Script PHP di bawah ini untuk mengingatkan kita (test).

SysAdmin Appreciation Day
';
echo 'Next year: '.when_sysadmin_day(date("Y")+1).'
';

function when_sysadmin_day($year)
{
  //check last friday of july
  $sysdate = '';
  for($i=24;$i<=42;$i++)
  {
    if (strtolower(date("D", mktime(0, 0, 0, 7, $i, $year))) == 'fri'
AND date("n", mktime(0, 0, 0, 7, $i, $year))=='7')
      $sysdate = $i;
  }
  if ($sysdate)
    return date("F j, Y", mktime(0, 0, 0, 7, $sysdate, $year));
}
?>

Download Youtube Video dengan Shell Script (Update)

Arif — Fri, 30 Jul 2010 14:50:43 +0000

Bulan lalu Youtube merubah metode untuk link file videonya. Sepertinya dia memang sering merubah link itu, jadi beberapa add-on firefox dan software-software untuk download youtube jadi gagal mendownload. Dan saya sebelumnya pernah ngoprek shell sederhana untuk download video dari Youtube di sini, dan pastinya cara itu juga sudah tidak bisa digunakan lagi. Kita hanya perlu cari cara yang lain.

Disini ada cara baru yang bisa digunakan untuk mendownload video dari Youtube. Agak berbeda dari cara yang lama, banyak parameter-parameter yang disertakan di-urlnya. Dan untuk di shell scriptnya perlu tambahan Regex (regular expression) untuk merubah string.

Buka source di browser halaman contoh ini

http://www.youtube.com/watch?v=jNQXAC9IVRw

Kemudian lakukan pencarian string ini "img.src =" temuan yang pertama, dan seharusnya string tersebut hanya ada satu di halaman itu. Ambil string itu sampai bertemu karakter ';.

Kemudian, hanya dengan mengganti semua string ini "\/" menjadi "/", dan "generate_204" menjadi "videoplayback", kita akan langsung dapat link untuk videonya. Jalankan url itu di browser akan mendownload video tersebut. Gampang banget kan? Contohnya seperti ini.

http://v3.lscache8.c.youtube.com/videoplayback?ip=111.0.0.0&sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor&fexp=907103%2C900073%2C901023&algorithm=throttle-factor&itag=34&ipbits=8&burst=40&sver=3&expire=1280523600&key=yt1&signature=6F96527E73C895221DF2D018BB1B8BFFD7FFFAF8.4651E6B8C7F7B0B638D39A41F1439FE4F3314B&factor=1.25&id=8cd417002f48551c

Dan untuk shell scriptnya, buat file dengan nama "yt-download.sh". Scriptnya kira-kira seperti ini:

#!/bin/bash

if [ $2 ]
then
fn=$2
else
fn=$1.flv
fi

if [ $1 ]
then
  wget -O $1.tmp "http://www.youtube.com/watch?v="$1
  st=$(grep -o "img.src = '.*';" $1.tmp)
  st=${st#img.src = \'}
  st=${st%\';}
  st=${st//\\\///}
  st=${st/generate_204/videoplayback}
  echo "Link:" $st
  echo "File:" $fn

  wget -O $fn "$st"
  rm $1.tmp
else
  echo "Usage: sh yt-download.sh [video_id] [file_name]"
  exit
fi

Jalankan shell ini dengan command sh yt-download.sh jNQXAC9IVRw atau seperti ini bash yt-download.sh jNQXAC9IVRw untuk di Ubuntu. Di mana "jNQXAC9IVRw" adalah video id. Hasil downloadnya adalah file jNQXAC9IVRw.flv.

Saya kurang lihai untuk masalah Regex, jadi kalau ada Regex yang lebih baik bisa dipost di sini. Thx.

Hosting Email di Google Apps

Arif — Mon, 12 Jul 2010 17:29:29 +0000

Mungkin banyak yang belum tau bahwa Google Apps memberikan layanan hosting email untuk domain kita secara gratis. Ini bukan hal baru sih, –berarti yang baru tau katrok! hehehe. Layanan ini sudah agak lama, saya sendiri sudah memakainya sejak tahun lalu. Lumayan banget untuk yang punya banyak domain dan memegang banyak email, saya tinggal hosting di Google Apps dan arahkan email-email tersebut ke email utama saya. Dan yang penting ga perlu pusing dengan kehabisan space, sebab Google menyediakan space lumayan besar.

Saya dulu tau ini dari Pak Uut. Pertama emang ga langsung nyoba sih, terus baru mulai pakai, waktu sudah mulai banyak pegang banyak domain. Ditambah lagi saya menggunakan tiga komputer bergantian, PC kantor, dan dua notebook, dan aplikasi email client seperti Outlook cukup bikin menyita waktu apalagi kalo sudah berhubungan dengan backup-restorenya. Ditambah lagi aplikasi email seperti Squirrel, halah. Siapa sih yang ga benci dengan aplikasi webmail seperti Squirrel atau Horde.

Beberapa teman saya bilang ini terlalu ribet. Mungkin tidak semua setuju dengan saya bahwa ini sangat membatu. Mungkin mereka ga pernah megang banyak email. Saya punya dua email utama di Yahoo dan Gmail, selain itu ada sekitar 10 email lagi kebanyakanya di hosting di Google, yang ditarik lewat pop3 ke email utama tadi. Jadi sehari-hari saya hanya perlu buka dua email utama tadi. Tapi sayangnya satu akun Gmail saat ini hanya diperbolehkan sekitar lima POP3.

Jadi buat yang belum tau caranya menghosting email di Google Apps, mari kita coba. Pertama yang perlu dipersiapkan adalah punya nama domain sendiri. Artinya ada akses untuk merubah MX record, yang bisa dilakukan melalui CPanel atau setting DNS pada domain control panel.

Kedua, daftar di Google Apps di sini: http://www.google.com/a/cpanel/domain/new. I want to use an existing domain name. Masukkan nama domain kemudian lanjutkan pendaftaran.

Google Apps requires changes to DNS to properly set up services. Learn more
* I understand that if I cannot alter DNS records for my domain,
I may impact my organization's ability to use Google Apps.

Centang bila setuju. Kemudian lanjutkan proses pendaftaran. Kemudian buat akun Google Apps pertama untuk domain tersebut.

Ketiga. Setelah pendaftaran selesai, untuk mengaktifkan diharuskan untuk memverifikasi domain tersebut. Di atas menu Dashboard ada tulisan To activate Google Apps services you must verify that you own your domain.... Cara yang termudah dengan mengupload sebuah file HTML. Sistem akan memberi sebuah kode yang harus ditulis didalam file ‘googlehostedservice.html’. Upload file tersebut dan pastikan dapat diakses di http://namadomain.com/googlehostedservice.html. Selesai kan proses verifikasi domain.

Keempat, aktifkan email pada menu dashboard. Disini akan diarahkan untuk mengubah MX entry domain. Banyak caranya dan itu tergantung pada Control Panel yang dipakai. Untuk yang termudah kita coba untuk CPanel. Setelah login CPanel, klik menu MX entry. Di bawah Change MX Entry pilih domain yang akan dipakai. Buat MX entry atau bila MX sudah ada, maka tinggal diedit saja. Isinya sebagai berikut:

priority 0
destination aspmx.l.google.com

Kalo perlu tambahkan satu lagi.

priority 10
destination alt1.aspmx.l.google.com

Perubahan ini kadang memerlukan waktu agak lama untuk resolve kadang bisa berjam-jam. Halaman webmail tadi bisa diakses melalui url berikut http://mail.google.com/a/namadomain.com. Supaya gampang di Google apps juga terdapat fitur untu menyetting url webmail tadi misalnya jadi webmail.namadomain.com. Untuk ini harus merubah di CNAME record.

Selanjutnya melakukan setting pada control panel Google Apps. Ini sangat mudah, kamu bisa nambah akun email baru dan mengakses fitur-fitur lainnya seperti Google Docs, Calendar, Chats, dan lain-lainnya. Selamat mencoba.

Wow WP3 Keren

Arif — Sat, 10 Jul 2010 17:13:39 +0000

Sudah lama ga mampir kemari, ternyata ada yang perlu di-upgrade CMS-nya. Sekali klik langsung otomatis upgrade ke WP3. Sekali klik lagi, langsung upgrade plugin-pluginnya. Cukup mantab juga ni CMS, dashboardnya keren, DBnya ringkes, pluginnya banyak. Tapi sayang, theme yang saya pake sudah jadul banget hehehe…

Themenya cupu abis, maklum masih belajar. Kapan ya bisa luangin sedikit waktu untuk bikin theme yang agak mendingan? Blog punya bini juga masih pake theme gratisan. Hadoh, banyak banget PR-nya.

Dan lagi, setelah liat-liat daftar postingan, ternyata banyak juga postingan yang masih draft, belum di-publish, kadang-kangan hanya judulnya aja, hihihi… Ampun dah. Tapi ini bukan menunjukkan bahwa saya pemalas, saya hanya sedang rajin mengerjakan hal yang lain.

Ayo Belajar!!!

Arif — Tue, 06 Jul 2010 16:28:53 +0000

Suatu hari ada seorang teman lama, chatting –mengeluh, katanya dia ingin berlajar, tapi ga bisa. Dia berlasan karena ga ada yang bisa ditanya-tanyain. Huhh?? hari gini? kan ada om gugel dan di forum-forum banyak yang bertanya dan menjawab. Ilmu-ilmu itu bertebaran di Internet. Website-website banyak yang menyediakan tutorial-turorial dan banyak juga yang memanfaatkan Youtube untuk tutorial jenis visual. Ya, tinggal pilih mana yang mau dipelajari, –yang bermanfaat.

Kadang kala kita terlalu manja dan banyak cing-cong, padahal semuanya sudah tersedia di depan hidung, kita hanya perlu tekun dan rajin. Contohnya, kenapa harus menunggu punya sebuah Mac untuk belajar desain grafis? Padahal komputer seadanya cukup untuk memulai banyak hal. Mungkin lain halnya kalau sudah cukup mahir, tapi kenyataannya teman-teman saya yang jago grafik desain sebagian masih ‘ngirit’ pake Windows.

Malulah sama adik-adik kita di kampung yang punya semangat belajar tinggi, -belajar dengan alat tulis seadanya, bersendal jepit di sekolah yang beratapkan langit. Mereka hidup pas-pasan, tapi bahagia, dan mau belajar. Malu kalo kita cukup sarana dan prasarana hanya duduk bermalas-malasan. Contoh lagi, kadang-kadang ngeluh punya komputer pake Windows, tapi mau belajar Linux kerepotan, berharap ingin punya komputer satu lagi untuk diinstal Linux. Eh, setelah punya komputer lagi malah diinstal Windows lagi. Amit-amit deh. Dan ini terjadi sama saya sendiri. Hehehe…

Anyway, untuk yang mau belajar Linux tanpa harus mengorbankan segalanya, pake aja software virtualisasi seperti VMware atauu Virtualbox, kita bisa install OS di atas OS. Ini bukan barang baru, jadi jangan banyak cing-cong, langsung aja install distro Linux kesayanganmu di atas Windows yang paling dibenci, kemudian opreklah sepuasnya. Bisa mulai belajar commandnya, administrasi linux, programming, database, jaringan, dan lain-lain. Ga tau cara installnya? Bila ada pertanyaan silakan tanya om gugel dia ready 24 jam.

Btw, tulisan ini sebenarnya untuk saya sendiri yang selalu hilang semangat belajar. Ayo belajar!!!

Shell Script untuk Mendownload Youtube dengan Wget dan Grep

Arif — Mon, 26 Apr 2010 16:27:56 +0000

Awalnya hanya liat-liat script python untuk mendonlod video dari Youtube.com, di sini. Tapi saya sama sekali ga ngerti python, -males lah, pusing lah, ga sempet belajar lah, nanti lah kapan-kapan belajar python, banyak alasan. Tapi seru juga loh dengan sedikit ngoprek, jadilah versi sederhana shell (bash) script untuk mendownload video dari Youtube. Hehehe norak ya? Padahal sudah banyak software seperti ini.

Buat yang belum tau, sebenarnya guuuaampang banget, hanya perlu tau link mana yang benar-benar video filenya. Saat ini ditulis, file video tersebut bisa didapat dengan menggunakan url “http://www.youtube.com/get_video?” dengan variable GET &video_id dan &t. Kalo ini ga jalan, kemungkinan besar ada perubahan dibagian itu di Youtube.

Cara kerjanya seperti ini. Dari url di bawah ini, ada nilai variable untuk &video_id yang nilainya sama saja dengan “?&v=” yaitu “jNQXAC9IVRw”.

http://www.youtube.com/watch?v=jNQXAC9IVRw

Kemudian buka source halaman youtube tadi di browser. Cari string ini “&t=” dan ambil isi variable tersebut seperti ini.

&t=vjVQa1PpcFO54PiDrAbT7aN25v9TCLrbRai9DKUR6DQ%3D

Gabungkan semuanya, jadi url ini adalah video file-nya –yang dapat di-download.

http://www.youtube.com/get_video?video_id=jNQXAC9IVRw&t=vjVQa1PpcFO54PiDrAbT7aN25v9TCLrbRai9DKUR6DQ%3D

Untuk mempermudah pekerjaan, buat file .sh dan tulis shell script berikut

~$ vim yt-download.sh

[ Cara dan Script ini tidak bisa digunakan lagi. Untuk update kunjungi: http://arif.suparlan.com/2010/07/30/download-youtube-video-dengan-shell-script-update ]

Jalankan shell script tadi

~$ sh yt-download.sh jNQXAC9IVRw

Nanti, hasilnya downloadnya akan menghasilkan file jNQXAC9IVRw.flv. Gampang kan? Selamat ngoprek!

Resize & Crop Gambar Proporsional di Codeigniter

Arif — Fri, 11 Sep 2009 06:38:13 +0000

Beberapa hari yang lalu saya memerlukan sebuah class atau library yang sederhana untuk melakukan upload gambar dan sekaligus menyesuaikan ukuran yang saya mau. Dulu saya pernah buat fungsi yang sama, waktu pertama kali kenal GD-nya PHP. Tapi sudah lupa bentuknya gimana. Yang sekarang saya buat adalah library extension untuk Codeigniter.

Codeigniter sudah punya library untuk upload, jadi upload tidak perlu dibahas lagi. Codeigniter juga sudah punya class untuk memanipulasi gambar diantaranya untuk melakukan Image Resizing, Thumbnail Creation, Image Cropping, dan lain-lain. Tapi untuk melakukan perubahan ukuran gambar dengan skala yang proporsional dengan ukuran yang spesifik, agak sedikit ada hitung-hitungannya.

Pertama kali, dengan membandingkan rasio ukuran awal dan ukuran yang baru, dapat menentukan menggunakan x atau y untuk menjaga proporsi gambar. Kalau mau meng-crop tepat di tengah-tengah gambar, maka axis x dan y juga ikut dihitung. Kecuali kalau cropnya mau dilakukan dari sebelah kiri-atas, axisnya tinggal diset x=0 & y=0. Lebih jelasnya lihat code-nya (my_image.php).

load->library('image_lib');
      $CI->load->library('baseintencoder');

      $img_size = getimagesize($config['source_image']);

      $t_ratio = $resize_width/$resize_height;
      $o_width = $img_size[0];
      $o_height = $img_size[1];
      if ($t_ratio > $o_width/$o_height)
      {
        $config['width'] = $resize_width;
        $config['height'] = round( $resize_width * ($o_height / $o_width));
        $y_axis = round(($config['height']/2) - ($resize_height/2));
        $x_axis = 0;
      }
      else
      {
        $config['width'] = round( $resize_height * ($o_width / $o_height));
        $config['height'] = $resize_height;
        $y_axis = 0;
        $x_axis = round(($config['width']/2) - ($resize_width/2));
      }

      $source_img01 = $config['new_image'];

      $CI->image_lib->clear();
      $CI->image_lib->initialize($config);
      $CI->image_lib->resize();

      $config['image_library'] = 'gd2';
      $config['source_image'] = $source_img01;
      $config['create_thumb'] = false;
      $config['maintain_ratio'] = true;
      $config['width'] = $resize_width;
      $config['height'] = $resize_height;
      $config['y_axis'] = $y_axis ;
      $config['x_axis'] = $x_axis ;

      $CI->image_lib->clear();
      $CI->image_lib->initialize($config);
      $CI->image_lib->crop();

      return $config['new_image'];
    }
  }
}

?>

Memanggil fungsinya seperti ini:

$config['image_library'] = 'gd2';
$config['source_image'] = $nama_source_image;
$config['new_image'] = $nama_hasil_image;

$this->load->library('my_image');
$this->my_image->resize_crop($config, '100', '200');

Saya termasuk noob di Codeigniter, mohon ma’af kalau ada yang salah tolong dikoreksi…

Mencoba Komodo Edit

Arif — Mon, 31 Aug 2009 02:41:51 +0000

Mulai hari ini gue mencoba-coba editor alternatif lain selain Notepad++ yang selama ini sudah menemani coding di kala suka dan duka. Hehehe… Notepad++ sebenarnya cukup tahan banting dan untuk kecepatan gue sangat merekomendasikannya. Fiturnya cukup banyak dan mudah terbiasa dengan software editor ini, tapi sayang sekali dia ga punya fitur untuk SFTP.Notepad++ hanya punya plug-in untuk FTP. Sedangkan untuk keperluan kantor saat ini sedang sangat dibutuhkan fitur SFTP atau SSH FTP tersebut untuk mengedit secara remote. Beberapa saran untuk menggabungkan penggunaannya dengan WinSCP atau Filezilla sudah dicoba dan sebenarnya dari zaman dulu juga sudah di-set Notepad++ jadi default editor-nya Filezilla. Dengan cara ini, untuk mengedit beberapa file secara remote lumayan cukup membantu, tapi gue rasa ga efisien kalau untuk banyak file atau men-develop sebuah projek secara remote.

Komodo Edit adalah aplikasi free/open source buatan ActiveState Canada, gue pilih dari beberapa text editor free yang lain untuk dicoba. Masih sangat awal untuk menilainya. Sudah dicoba untuk mengedit file html dan php dan kayaknya layak untuk dicoba. Misalnya fitur dasar yang harus ada seperti, line numbers, folding, tab/space indent, font & color, vertical selection, commenting, normal search, regex & incremental search, dan lain-lain. Editor ini juga punya Code Intelligent untuk autocomplete dan support untuk berbagai macam bahasa pemrograman.

Sedangkan fitur FTP/SFTP Komodo Edit versi 5 ini sangat sederhana, hanya koneksi ke server, kemudian untuk membuka file di remote server, ga ada explorer untuk file folder di remote server. Di bagian Preference > Server disediakan fitur untuk menyimpan akun FTP/SFTP. Tapi untuk fungsi meng-explore remote server harus ditambah solusi add-on seperti JSTreeDrive dan Remote Drive Tree. Dan satu lagi kelebihan Komodo Edit, dia itu cross-platform, bisa di Windows, Linux dan Mac.