🌃 Membuat Website Menjadi Aplikasi Desktop

Caramembuat WhatsApp Web menjadi blur di Google Chrome. 1. Download file ekstensi melalui kemudian jalankan file untuk memasang ekstensi di browser Google Chrome. 2. Jika file ekstensi sudah terpasang, buka WhatsApp Web melalui Google Chrome. Ekstensi akan membuat tulisan percakapan di WhatsApp Web menjadi blur secara otomatis. Bahkanaplikasi web bisa dibuka di berbagai device dan platform. Jadi, kenapa masih membuat aplikasi berbasis desktop? Jika melihat dari fleksibilitas di atas, tentu semua orang akan memilih membuat atau membeli dan menggunakan aplikasi web saja. Tetapi kenyataannya tidaklah semudah dan seindah harapan. Membuat aplikasi berbasis web tidaklah Jadiide dasarnya adalah mengabungkan kemudahan membuat website dengan kekuatan native desktop app yang dapat berinteraksi secara langsung dengan sistem operasi. Electron sekarang telah dipakai untuk membuat beragam aplikasi desktop , seperti Atom , Visual Code Studio , Slack hingga Wordpress Desktop , lihat daftar aplikasi lain yang dibangun DenganVirgo, kamu bisa mengelola uang receh tersebut menjadi lebih bernilai. Aplikasi yang lebih dikenal sebagai aplikasi Virgo Alfamart ini memiliki fitur yang unik. Kamu bisa mengisinya dengan uang receh dari hasil kembalian berbelanja di Alfamart. Kamu juga akan diminta untuk membuat pin dengan 6 digit angka. Dengan memiliki pin ini Dariberbagai teknologi Web, ada 3 teknologi yang bisa coba untuk membuat aplikasi desktop yang sudah banyak dipakai . Dua aplikasi populer desktop adalah Atom Editor dari Github dan Google Keep dari Google yang dibangun dengan teknologi web namun berjalan offline. Agar tidak panjang lebar berikut ini adalah teknologi yang bisa anda pelajari. Kelebihan membuat aplikasi desktop dengan teknologi web ada 3 yaitu. Komponen free dan open source (tanpa biaya) Namunsaya akan berbagi mengenai pengalaman saya dalam membuat aplikasi desktop menggunakan PyQt5-tools di window karena saya menggunakan window sebagai OS nya. Sebelum masuk, pastikan teman-teman 2 Adobe Dreamweaver. Sejak beberapa tahun kebelakang, Adobe Dreamweaver menjadi aplikasi untuk membuat website yang cukup banyak direkomendasikan. Pasalnya, aplikasi ini berperan sekali untuk membantu para pelaku industri kreatif khususnya web developer untuk merancang, menerbitkan dan mengedit tampilan situs web. Aplikasinativefier; Dengan kedua aplikasi tersebut saya akan coba menjelaskan step by step untuk dapat membuat halaman web menjadi aplikasi desktop. Langkah Persiapan. Sebagai langkah permulaan membuat halaman web menjadi aplikasi desktop, maka terlebih dahulu harus dilakukan installasi aplikasi Nodejs yang dapat di download Link Dibawah ini : Padakesempatan ini, kita akan membahas framework apa saja yang digunakan untuk membuat aplikasi Desktop dengan Javascript. Mari kita mulai 1. Electron Electron (dikenal juga dengan Atom Shell) merupakan framework yang dibuat oleh Github. Electron menggunakan Nodejs sebagai backend dan Chromium sebagai front-end. 1 Website Electron Misalkansaja ketika programmer membuat sebuah aplikasi website yang memiliki nama A. Ketika programmer tersebut ingin meneruskan website tersebut menjadi aplikasi desktop maka ia cukup melanjutkan coding yang ada di dalam aplikasi website A tersebut. Programmer pun tidak perlu membuat kode program baru untuk versi komputer aplikasi tersebut. Penutup Berikut adalah rekomendasi 12 aplikasi untuk membuat mockup website. Masih banyak aplikasi lainnya yang bisa kamu coba seperti MockFlow, Protopie, Cacoo, Pidoco, Miro, Sketch, Axure, UXPin, Mockingbird, Wirefy, Mockplus iDoc, Lucidchart dan lain-lain. Flutterbelum menyediakan perintah untuk membuat aplikasi desktop, karena saat ini masih dalam tahap eksperimental. Mungkin ke depan nanti akan disediakan, sehingga kita bisa pakai perintah flutter create untuk memulai membuat aplikasi desktop. Untuk saat ini kita bisa memanfaatkan repositori sampel dari Github. Pues. Sudah lumayan lama sepertnya saya belum menulis lagi di blog ini, maklum banyak urusan yang masuk di akal D. Pada kesempatan kali ini saya akan memberikan sedikit informasi tentang membuat aplikasi website base on PHP menjadi aplikasi Dekstop, apa bisa.? Jawabannya BISA. Untuk membuat aplikasi dekstop base on PHP anda membutuhkan aplikasi converter dari web ke dekstop, untuk aplikasinya adalah PHP dekstop chrome, aplikasi ini free alias gratis jadi anda bisa gunakan dan manfaatkan aplikasi ini. Silahkan download aplikasinya di link berikut Setelah di download, aplikasinya silahkan di ekstrak, buka folder nya kemudian siapkan aplikasi web yang sudah anda buat simpan ke dalam folder www seperti gambar di bawah ini kemudian silahkan double klik maka akan muncul tampilan seperti di bawah ini Bagaimana.? mudah bukan cara menggunakannya.? pastinya ya, semoga sedikit informasi ini bisa bermanfaa untuk anda yang membutuhkan, selamat mencoba dan selamat belajar. Happy Coding & Programming Biasanya, ketika ingin menyimpan sebuah halaman di sebuah situs, kita akan menggunakan fitur save page atau menggunakan bookmark dan menyimpannya di sebuah browser. Namun, tahukah Anda bahwa Chrome mempunyai fitur lain yang dapat menyimpan sebuah halaman web menjadi bentuk lain? Dengan fitur yang dimiliki Chrome, kita dapat membuat sebuah aplikasi desktop berisi halaman situs dengan koneksi internet tentunya. Dengan cara ini, kita akan memiliki sebuah halaman web dengan tampilan yang lebih besar karena menu bar dan lainnya tidak ikut tersimpan. Berikut video tutorial cara membuatnya. PilotSebetulnya sudah lama saya mencari tool yang bisa merubah url website menjadi aplikasi desktop. Dulu taunya pakai htmlexe, tapi ini komersil. Saya inginnya pakai yang sederhana saja. Selagi klak-klik klak-klik, terbersit ide ingin memudahkan bocah untuk menggunakan remote wdtv agar gak selalu buka browser dan kemudian klik bookmark. Setelah sekian lama akhirnya muncul lagi ide ini dan baru kali ini bisa mendokumentasikannya, Windows Package ManagerDisini kita cobanya menggunakan Windows 7 Professional SP1 di mesin HP ProLiant MicroServer N54L Karena disini kita butuh untuk install npm atau nodejs yang mana saya lebih cenderung dan nyaman menggunakan instalasinya menggunakan command line, ya walaupun nodejs menyediakan versi installernya tapi saya nyamannya pakai command line, hehehe. Nah, karena berurusan dengan command line maka sepertinya kita butuh package manager, kalau di Linux tentunya sudah pasti ada dan kalau macOS yang terkenal cuma satu yaitu brew yang bisa dilihat di sedangkan untuk Windows ini ada 2 yang sama-sama bersaing, yaitu chocolatey atau choco dan PowershellSebelum install Windows Package Manager mungkin enaknya kita update terlebih dahulu PowerShellnya ke versi saat saya menulis dokumentasi ini. PowerShell bisa didownload langsung diwebsite resmi Microsoft atau kalau mau cek versi PowerShellnya terlebih dahulu juga boleh, yaitu dengan perintahKalau yang keluar adalah seperti iniMungkin seharusnya harus segera diupgrade PowerShellnya yang bisa didownload diwebsite Microsoft, karena minimal yang dibutuhkan adalah versi – The Package Manager for WindowsPertama yang saya coba adalah chocolatey yang katanya lebih banyak penggunanya dan juga lebih banyak database software yang disupport. Untuk install chocolatey kita buka PowerShell sebagai Administratordan kemudian cek policynya apakah sudah boleh install dari sumber lain atau tidak, bisa dicek dengan perintahJika yang tertera adalah Restricted maka kita harus rubah policynya setidaknya menjadi Bypass atau AllSigned. Kalau saya sih saya rubah jadi AllSigned, yaitu dengan perintahSetelah itu kita jalankan perintah dibawah ini untuk memulai install chocolateyDan kelar deh install chocolatey yang selanjutnya bisa dilanjutkan dengan proses install entahlah, kenapa saya coba selalu saja gagal untuk install nodejssesuai yang diberikan intruksinya dari web official Saya coba dua perintah yang disarankan, yaitu cinst dan cinst nodejs tapi hasilnya tetap sama, yaitu errorKalau dibaca errornya sih ya terletak di apinya, apakah… ya sudahlah, mending saya coba WIndows Package Manager lainnya aja deh, – A command-line installer for WindowsKalau melihat webnya sih kok kaya meyakinkan gitu yah xixixi, kaya brewsoalnya, pakai extension .sh dan cara installnya pun mudah, gak seperti chocolatey, yaituatau dengan perintah yang sederhana, yaituDan kalau ternyata masih ada error bisa dirubah dulu policynya dengan perintahDan output dari perintah iwr -useb iex seperti berikutDan kita segeralah untuk kita lanjutkan install nodejs, dengan perintah scoop install nodejs, weh, kaya brew yah, saya suka saya suka saya mudahnya begitu – Make any web page a desktop applicationNama aplikasinya adalah nativefier, yang bisa diinstall di Windows, Linux, dan macOS dan software ini adalah open source, dan ini yang selalu dicari-cari, karena hampir rata-rata yang tersedia adalah untuk Windows yaitu menggunakan htmlexe dan banyak lainnya lagi yang kebetulan saya malas cobanya juga, hehehe. Karena kebutuhan saya adalah untuk semua OS. Dan ada fluid yang hanya bisa digunakan di ini sebetulnya dulu pernah ngoprek juga di MacBook Air untuk buat aplikasi WhatsApp dan apa gitu, masih ada beberapa lagi, tapi lupa, hehehe. Ya dah lama sih ngopreknya dan ini baru keingetan lagi, jauh banget ingetnya ampe beberapa tahun, HAHAHA. nativefier ini dibangun diatas nodejs dan packagernya menggunakan electron. Ya pantes aja yah bisa di semua OS, lah wong pakai electron, xixixi. Ya iya sih ya masa ya iya nodejs dan npm sudah terinstall menggunakan scoop dan saatnya bagi kita untuk memulai install nativefier, yaitu dengan perintah npm install -g nativefierWah, hidup jadi serasa lebih mudah, apa aja sih command yang di support sama nativefier ini? saya copy paste disini yah, ya biar saya juga bisa inget lagi, Sekarang waktunya kita coba experiment membuat aplikasi desktop untuk remote WDTV. Yang saya cantumkan disini adalah perintah yang terakhir yang menjadi final, hehehe, yaituWarningSetelah proses compiling diatas akan terbentuk folder dengan nama aplikasinya disertakan versinya, WDTV-win32-x64, karena itu, sebelum compiling harap perhatikan dimana directory yang ingin kita simpan aplikasi tersebut, dalam hal ini saya tempatkan di C\Users\Darto\Downloads-name WDTV; yaitu untuk memberikan nama karena saya inginnya aplikasi ini hanya bisa dibuka sekali dan satu window C\Users\Darto\Downloads\ Mungkin sebetulnya gak perlu pakai full path, bisa langsung nama filenya aja asalkan file .ico berada disatu folder yang sama kita menjalankan perintah. Oh iya, untuk membuat file .ico ini saya menggunakan image yang saya download dalam format PNG tapi ternyata tidak transparent sepenuhnya sehingga saya menggunakan Online PNG Tools dan kemudian saya convert menjadi ico dengan convertico-width 240; Karena saya menginginkan windownya pas untuk ukuran 320; Karena saya inginnya gak perlu sampai maximized juga Agar tidak bisa klik kanan. Karena kan aslinya ini tuh ya web browser aja yang tentunya nanti masih bisa diklik kanan, nah ini untuk mendisable klik kanannya." Ini adalah url atau nama website yang ingin kita jadi aplikasi Selamat mencoba, misal untuk WhatsApp webnya yang menggunakan url

membuat website menjadi aplikasi desktop