Header Ads

  • Multiple Function Web Tools (MIFET)



    Multiple Function Web Tools (MIFET) merupakan blogger tools premium siap pakai, silahkan gunakan codeflare webtools dibawah ini untuk mempercepat proses aktivitas blogging dan kustomisasi kode script. Fitur Multiple Function Web Tools (MIFET) dibuat secara khusus untuk para blogger dan web developer ringan. Manfaat web Tools ini sangat banyak mulai dari parsing kode, obfuscator, text effect, binary converter hingga untuk kode editor html/javascript dan teks editor ringan.


    Multiple Function Web Tools (MIFET) merupakan web tool hasil kreasi codeflare blogspot yang khusus dibuat untuk mempermudah dan mempercepat kegiatan blogging yang berhubungan dengan kode HTML dan kode Javascript. MIFET meng-otomatisasi dan mempermudah dalam pengolahan kode-kode tersebut sehingga dapat membantu para blogger di setiap aktivitas blogging yang memerlukan pengolahan kode html dan script secara cepat dan akurat. MIFET dibuat menggunakan standar HTML 5, CSS 3, jQuery, DOM Javascript yang sudah cross browser ability dan juga compatible untuk mobile browser. Selain untuk kode editor MIFET juga masih bisa digunakan untuk memproses teks editor ringan.

    Beberapa kelebihan yang dimiliki oleh MIFET :
    • Cepat, Mudah dan Akurat untuk memproses kode HTML, jQuery dan Javascript.
    • User Friendly dan Work Ability yang maksimum untuk aktivitas blogging.
    • Memiliki webtools standar yang AIO (All In One) sehingga compact dan memudahkan kegiatan blogging.
    • MIFET bisa juga dipasang pada blog atau website anda.
    • MIFET akan terus dikembangkan mengikuti perkembangan dari teknologi internet.
    • Built in Parsing dan Unparsing code.
    • Built in Minify dan Beautify CSS code.
    • Built in Obfuscator dan Deobfuscator script code.
    • Built in Text Effect yang bisa digunakan untuk membuat status sosial media yang unik.
    • Built in ASCII mode Image Effect yang berfungsi untuk merubah gambar menjadi teks.
    • Built in advanced Copy, Cut, Paste untuk penggunaan teks editor yang lebih dinamis.
    • Built in copy to clipboard dan cut to clipboard.
    • Built in Open File dan Save File ke local storage.
    • Built in Print dan Print Preview dinamis untuk memudahkan dalam proses cetak ke printer.
    • Memiliki live preview untuk melihat hasil kode script yang dikembangkan.
    • Terintegrasi dengan Google Search dan Google Translate.
    Saat ini MIFET menggunakan versi 1.02 yang sudah Beta Release jadi sudah bisa dan layak untuk digunakan, namun pengembangan webtools MIFET akan terus dikembangkan dan disesuaikan dengan penggunaan teknologi internet yang terbaru. Dengan adanya MIFET diharapkan bisa membantu rekan-rekan blogger untuk memaksimalkan kegiatan blogging yang dinamis.

    Cara Penggunaan Multiple Function Web Tools (MIFET)
    1. Teks Editor
      Teks editor MIFET menggunakan elemen TextArea standar HTML5, teks editor dilengkapi dengan line number dan beberapa panel keterangan untuk memudahkan mengolah data HTML dan Script.
    2. New
      Pada Menu "New" atau Tombol Icon merupakan perintah untuk mengolah data baru, pastikan anda menekan menu atau tombol ini apabila sudah yakin untuk memproses data baru. Apabila tidak sengaja tertekan anda bisa menekan menu "Paste" atau tombol icon untuk mengembalikan data yang terhapus akibat menekan menu atau tombol "New" ini.
    3. Open New File
      Pada menu "Open New File" atau Tombol Icon merupakan perintah untuk mebuka data file dari media penyimpanan lokal. MIFET juga menyediakan fitur Drag n Drop file untuk mempermudah membuka dan mengedit data dari sumber file yang ada di komputer atau gadget anda.
    4. Open URL
      Pada menu "Open URL" atau Tombol Icon merupakan fitur untuk mengambil data dari lokasi URL. Fitur ini masih menggunakan cara membuka URL pada tab baru kemudian menggunakan copy-paste untuk memasukan data ke MIFET. Cara langsung untuk bisa membuka dari URL ke editor MIFET masih dalam pengembangan.
    5. SAVE
      Pada menu "Save" atau Tombol Icon berfungsi untuk menyimpan data teks ke media lokal.
    6. Print
      Menu "Print" atau Tombol Icon merupakan fitur untuk mencetak melalui printer, tampilan yang akan dicetak sesuai dengan data yang ada pada editor MIFET.
    7. Read Only
      Pada menu "Read Only" merupakan fitur untuk mengunci editor, untuk membuka mode read only tinggal menekan menu ini, sedangkan untuk keluar dari mode read only anda dapat menekan tombol biru yang berada dibawah editor MIFET.
    8. Undo
      Pada menu "Undo" atau Tombol Icon berfungsi untuk mengembalikan data ke sebelumnya.
    9. Redo
      Pada menu "Redo" atau Tombol Icon berfungsi untuk mengembalikan data yang sudah di undo ke setelahnya.
    10. Cut
      Pada menu "Cut" atau Tombol Icon berfungsi untuk menyunting teks dan ter-copy ke clipboard atau memory sementara.
    11. Copy
      Pada menu "Copy" atau Tombol Icon berfungsi untuk menyalin sebagian teks atau keseluruhan teks yang disimpan ke clipboard atau memory sementara.
    12. Paste
      Pada menu "Paste" atau Tombol Icon berfungsi untuk menaruh data teks dari hasil copy atau cut ke editor MIFET sesuai penempatan kursor.
    13. Delete
      Pada menu "Delete" berfungsi untuk menghapus data teks yang terpilih atau keseluruhan data teks.
    14. Select Next
      Pada menu "Select Next" berfungsi untuk memilih teks perkata atau perkalimat yang dibatasi oleh karakter khusus.
    15. Select Line
      Pada menu "Select Line" berfungsi untuk memilih satu baris keseluruhan karakter.
    16. Select All
      Pada menu "Select All" berfungsi untuk memilih keseluruhan karakter.
    17. Comment HTML
      Pada menu "Comment HTML" merupakan fitur untuk menempatkan tag khusus komentar pada kode HTML.
    18. Comment Code
      Pada menu "Comment Code" merupakan fitur untuk menempatkan karakter komentar pada kode CSS atau Javascript.
    19. Script Tag
      Pada menu "Script Tag" merupakan fitur untuk menempatkan tag script HTML secara cepat dan mudah.
    20. Style Tag
      Pada menu "Style Tag" merupakan fitur untuk menempatkan tag style HTML secara cepat dan mudah.
    21. SEO Image Tag
      Pada menu "SEO Image Tag" merupakan fitur untuk menempatkan tag image HTML yang SEO Friendly secara cepat dan mudah.
    22. Pilihan "Allow Double Encoding"
      Merupakan pilihan (opsional) untuk melakukan proses konversi lebih lanjut terhadap kode simbol dalam hexadesimal. Baik tercentang atau tidak alat ini akan tetap mengkonversi tanpa menyebabkan error (kesalahan) dalam penggunaan di template blog maupun untuk keperluan ditampilkan dalam artikel (keperluan tutorial).
    23. Parse
      Menu "Parse" merupakan alat untuk melakukan proses parsing (konversi) kode sumber (source code).
    24. UnParse
      Menu "Unparse" merupakan alat untuk melakukan proses parsing (konversi) kebalikan dari proses parsing. Jadi apabila ingin mengembalikan atau melihat kode awal yang sudah di parse caranya cukup mudah, tinggal memasukan kode yang sudah di parse ke kotak editor MIFET kemudian tekan menu Unparse untuk mendapatkan hasilnya.
    25. Minify CSS
      Pada menu "Minify CSS" merupakan alat untuk meringkas kode CSS (bisa juga digunakan untuk kode script ringan) menjadi lebih ringkas dan memperkecil ukuran file CSS.
    26. Beautify CSS
      Pada menu "Beautify CSS" merupakan alat dari kebalikan Minify CSS. Fitur ini berfungsi untuk memperindah tampilan Kode CSS sehingga lebih enak dilihat dan lebih mudah dimengerti oleh manusia.
    27. Obfuscator
      Pada menu "Obfuscator" atau Tombol Icon Obfuscator merupakan alat untuk mengkonversi kode Script (Javascript) agar terlindungi dari plagiat script. Script yang sudah dikonversi masih bisa berjalan sempurna di semua browser termasuk mobile browser. Cara penggunaan cukup mudah tinggal masukan kode script kemudian tekan menu "Obfuscator".

      Contoh Format Script yang akan di Obfuscator :

      <script language="javascript">
      /* sample script #1 */
      alert('hello world');
      </script>

      atau bisa juga untuk eksternal script :

      <script language="javascript" src="your_js_file.js">
      /* sample script #2 - calling an external js file */
      </script>

    28. DeObfuscator
      Pada menu "DeObfuscator" merupakan alat untuk kebalikan dari Obfuscator. Cara penggunaan tinggal memasukan kode script yang sudah terkonversi obfuscator kemudian tekan menu "DeBofuscator" atau tekan tombol icon DeObfuscator.
    29. Reverse Text
      Pada menu "Reverse Text" merupakan fitur efek teks untuk membalikan teks keseluruhan kata.
    30. Reverse Word
      Pada menu "Reverse Word" merupakan fitur efek teks untuk membalikan teks per karakter.
    31. Reverse Word
      Pada menu "Reverse Word" merupakan fitur efek teks untuk membalikan teks per kata.
    32. Rev Each Word
      Pada menu "Reverse Each Word" merupakan fitur efek teks untuk membalikan teks keseluruhan karakter.
    33. Upside Down
      Pada menu "Upside Down" merupakan fitur efek teks untuk membalikan teks secara vertikal.
    34. Try Run Script
      Pada menu "Try Run Script" merupakan alat untuk mengetes kode plain script (tanpa tag HTML atau tag script) secara langsung.
    35. Try Run Code
      Pada menu "Try Run Code" merupakan alat untuk mengetes kode script atau dikombinasikan dengan kode HTML (menggunakan tag HTML atau tag script) secara langsung.
    36. Try Run HTML
      Pada menu "Try Run HTML" merupakan alat untuk mengetes kode HTML (lengkap dengan atribut sebuah halaman web) secara langsung.
    37. Search Google
      Pada menu "Search Google" merupakan fitur untuk mencari karakter yang terpilih atau keseluruhan kalimat yang dipilih.
    38. Translate
      Pada menu "Translate" merupakan fitur untuk menerjemahkan teks baik karakter yang terpilih atau keseluruhan karakter dengan menggunakan google translate.
    39. How To Use
      Pada menu "How To Use" merupakan tombol menu bantuan untuk cara penggunaan MIFET.
    40. About
      Pada menu "About" merupakan tombol menu untuk deskripsi MIFET.
    41. Install
      Pada menu "Install" merupakan tombol menu untuk kode pemasangan MIFET
    42. CurrentLine
      Pada panel "CurrentLine" merupakan panel keterangan untuk posisi baris kursor terkini. Panel keterangan ini juga berfungsi sebagai tombol "Select Line".
    43. Position
      Pada panel "Position" merupakan panel keterangan untuk posisi dari karakter kursor terkini. Panel keterangan ini juga berfungsi sebagai tombol "Select Next".
    44. TotalLine
      Pada panel "TotalLine" merupakan panel keterangan untuk posisi baris kursor terkini. Panel keterangan ini juga berfungsi sebagai tombol untuk memilih teks dari baris awal ke baris posisi kursor.
    45. Character
      Pada panel "Character" merupakan panel keterangan untuk posisi baris kursor terkini. Panel keterangan ini juga berfungsi sebagai tombol "Select All".
    46. Capslock
      Pada panel "Capslock" merupakan panel keterangan untuk informasi tombol keyboard CAPSLOCK apakah dalam posisi ON atau dalam Posisi Off. Panel ini juga berfungsi sebagai tombol untuk merubah besar atau kecil dari teks yang dipilih (Select) atau keseluruhan karakter. Apabila tombol CAPSLOCK dalam posisi ON maka berfungsi sebagai tombol untuk merubah karakter menjadi karakter besar (Upper Case) sedangkan apabila tombol CAPSLOCK dalam posisi Off maka akan berfungsi sebagai tombol untuk merubah menjadi huruf kecil (Lower Case).
    47. Numlock
      Pada panel "Numlock" merupakan panel keterangan untuk informasi tombol keyboard NUMLOCK apakah dalam posisi ON atau dalam Posisi Off. Panel ini juga berfungsi sebagai tombol untuk merubah teks menjadi kode binary dari karakter yang dipilih (Select) atau keseluruhan karakter. Apabila tombol NUMLOCK dalam posisi ON maka berfungsi sebagai tombol untuk merubah karakter menjadi kode binary sedangkan apabila tombol NUMLOCK dalam posisi Off maka akan berfungsi sebagai tombol untuk merubah kode binary menjadi huruf kembali.
    48. Action
      Pada panel "Action" merupakan panel informasi dari proses pengolahan teks pada editor MIFET. Panel ini juga berfungsi sebagai tombol ringkas dari aksi yang berlangsung.
    Silakan dibookmark dahulu halaman ini dengan menekan tombol keyboard "Ctrl + D" sekiranya sewaktu-waktu ingin menggunakan alat editor MIFET dikemudian hari.

    Press Ctrl+D to bookmark this page

    Sekiranya bermanfaat silakan di share untuk membantu rekan-rekan blogger menggunakan webtools MIFET.


    Keterangan Perubahan Versi MIFET

    Versi 1.02 Beta Release Revisi 8
    • File Size : 165 Kb
    • Penambahan Fitur Obfuscator dan DeObfuscator
    • Penambahan Fitur UpperCase dan LowerCase pada panel Capslock
    • Penambahan Fitur Konversi Binary pada panel Numlock
    • Perbaikan minor pada core code
    Versi 1.02 Beta Release Revisi 7
    • File Size : 145 Kb
    • Penambahan fitur tombol pada panel keterangan
    • Perbaikan kode select
    • Perbaikan kode cut, copy dan paste
    • Perbaikan minor pada core code
    Versi 1.02 Beta Release Revisi 6
    • File Size : 120 Kb
    • Penambahan fitur tombol pada panel action
    • Perbaikan kode text editor
    • Perbaikan undo dan redo
    • Perbaikan minor pada core code
    Versi 1.02 Beta Release Revisi 5
    • File Size : 96 Kb
    • Perubahan kode dasar
    • Perbaikan kode text editor
    • Perbaikan kode line number
    • Perbaikan major pada core code

    Cara Memasang Multiple Function Web Tools (MIFET)
    Penggunaan alat bantu web Multiple Function Web Tools (MIFET) editor sangat bermanfaat dan cukup luas penggunaannya. Beberapa rekan-rekan blogger maupun developer terkadang memasang bahkan membuat sendiri alat bantu web namun alat tersebut hanya memiliki kegunaan yang spesifik sehingga kurang efektif dan efisien. Pembuatan sendiri alat web biasanya dibuat untuk menyesuaikan kebutuhan dari pengembangan terhadap situs itu sendiri. Namun untuk membuat sendiri dari nol alat web akan membutuhkan waktu dan skill yang cukup mengenai kode HTML website dan browser compatibility. Apabila anda membutuhkan alat web yang cukup mumpuni untuk mengolah kode biasa sampai kode yang rumit tanpa membutuhkan algoritma khusus saya rasa Multiple Function Web Tools (MIFET) dari CodeFlare sudah bisa mengakomodir kebutuhan aktifitas blogging anda.

    Memiliki Multiple Function Web Tools (MIFET) editor di situsnya selain untuk kebutuhan pribadi, bisa menambah daya tarik untuk mendatangkan pengunjung organik ke situsnya. Selain bermanfaat alat ini sering dibutuhkan di kalangan blogger. Buat rekan blogger atau developer yang butuh Multiple Function Web Tools (MIFET) dari CodeFlare untuk di pasang di situsnya, silakan digunakan, karena pada artikel ini saya berikan juga tutorial cara pemasangan Multiple Function Web Tools (MIFET) dari CodeFlare.
    1. Login ke Blogger.
    2. Pilih menu "Halaman" atau "Pages".
    3. Buat Halaman baru dengan mengklik tombol "New Page" di bagian atas.
    4. Terdapat dua pilihan mode yaitu Compose dan HTML, jika ingin menuliskan paragraf pembuka silahkan pilih mode Compose terlebih dahulu, setelah itu pilih mode HTML untuk menaruh kode.
    5. Klik tombol menu install pada menu "Help" yang ada di editor MIFET untuk mendapatkan kode HTML dan kode Javascript kemudian silakan di copy-paste pada halaman blogger atau pada halaman artikel setelah itu tekan tombol Save atau Publish, lalu lihat hasilnya.
    Catatan:
    Multiple Function Web Tools (MIFET) masih dalam tahap pengembangan kedepannya akan ditambahkan fitur tema untuk bisa merubah warna tampilannya agar bisa disesuaikan dengan tema blog anda.

    Demikian sekiranya informasi yang dapat penulis berikan, apabila ada kata-kata yang kurang berkenan dan informasi yang kurang lengkap, penulis mohon maaf dan harap dimaklumi. Jangan lupa untuk melihat artikel lainnya yang berkaitan dengan pembahasan artikel ini karena bisa jadi ada tips dan trik yang mungkin tidak tertulis pada artikel ini namun tertulis di artikel lainnya yang masih berkaitan. Semoga bermanfaat.

    7 comments:

    1. Masih bingung cara menggunakan MIFET ? silakan ditanyakan di kolom komentar ini

      ReplyDelete
    2. Dengan adanya mifet web tools ini sangat memudahkan sekali, untuk parse html pun sekarang lebih mudah.

      ReplyDelete
    3. saya tertarik ignin mencobanya, dimana saya bisa mendapatkan atau men download aplikasi canggih ini?

      ReplyDelete
      Replies
      1. Ada tinggal di copy aja scriptnya ada dimenu Help kemudian klik menu Install

        Delete
    4. Sya tertarik pengen coba nih kayanya, biar menambah variasi2 fitur di dalam blog website saya.. Makasih infonya

      ReplyDelete
    5. Kayaknya saya perlu belajar banyak lagi nih, masih njelimet memahami tentang ini heje

      ReplyDelete

    Post Top Ad

    Post Bottom Ad