Kali ini, ISS merancang aplikasi Point of Sale (POS) untuk owner dari sebuah toko UMKM di Bandung. Toko sudah menggunakan sistem POS yang sama selama hampir 20 tahun, dengan komputer berbasis Windows XP. 今回、ISS はバンドンにある中小企業の店舗オーナー向けに、新たな Point of Sale（POS）アプリケーションを設計しました。当該店舗では、約20年間にわたり同一の POS システムを使用しており、コンピューターは Windows XP をベースとした環境で運用されていました。 This time, ISS designed a Point of Sale (POS) application for the owner of an SME shop in Bandung. The shop had used the same POS system for nearly 20 years, running on a Windows XP-based computer.
Permintaan owner adalah memperbarui aplikasi karena komputer sudah tua dan akan diganti. Setelah tanya jawab seputar cara penggunaan aplikasi lama, diketahui bahwa aplikasi tersebut sulit diinstall kembali di komputer baru karena dukungan dari pembuatnya sudah tidak ada lagi. Aplikasi lama juga tidak dipakai seluruh fungsinya, sehingga lebih masuk akal membuat aplikasi pengganti dengan fungsi serupa, disesuaikan kebutuhan, dan dapat diperbarui secara berkelanjutan karena dibuat lokal oleh ISS. オーナーからの要望は、コンピューターが老朽化して交換予定であるため、アプリケーションを更新したいというものでした。旧アプリの使用方法についてヒアリングを行った結果、旧システムはすでにカスタマーサポートが終了しており、新しいコンピューターへの再インストールが困難であることが分かりました。また、旧アプリの機能はすべて使われておらず、実際の運用に合っていませんでした。そのため、ISS がカスタムで開発し、必要な機能に合わせて調整でき、将来的にも継続的に更新可能な、ほぼ同等の機能を持つ代替アプリケーションを新たに開発する方が合理的だと判断しました。 The owner's request was to update the application, since the computer was old and about to be replaced. After asking how the old application was used, we found it was difficult to reinstall on a new computer because the original vendor's support no longer existed. The old app also wasn't using all of its functions, so it made more sense to build a replacement with similar functionality, tailored to actual needs, and continuously maintainable since it's built locally by ISS.
Aplikasi dibuat menggunakan Flutter, dengan pertimbangan kemudahan untuk dikembangkan ke berbagai media lain di masa depan, seperti smartphone. Aplikasi POS ini terdiri dari 4 bagian besar: アプリケーションは Flutter プラットフォームを用いて開発されています。将来的にスマートフォンなど、さまざまなデバイスへ展開しやすい点を考慮した選択です。今回使用する POS アプリケーションは、以下の4つの主要なモジュールで構成されています。 The application was built with Flutter, chosen for how easily it can be extended to other platforms in the future, such as smartphones. This POS application has 4 main parts:
- Point of Sale — mencatat pembelian ritelPoint of Sale：小売販売の記録Point of Sale — recording retail purchases
- Invoice — mencatat pembelian grosir dengan klien terdaftarInvoice：登録済みクライアント向けの卸売購入の記録Invoice — recording wholesale purchases for registered clients
- Stock — mendaftarkan barang dagangan (SKU)Stock：商品の登録・管理Stock — registering merchandise (SKUs)
- Purchase — mencatat pembelian barang dari supplierPurchase：サプライヤーからの仕入れ記録Purchase — recording purchases from suppliers
Point of Sale
Tampilan layar aplikasi lama adalah sebagai berikut: 旧アプリケーションの画面表示は以下のとおりです。 The old application's screen looked like this:
Tampilan tersebut diperbarui seperti di bawah ini: その画面表示は、以下のように刷新されました。 That screen was updated to this:
Pertimbangan saat memperbarui tampilan: 画面デザインを刷新する際の主な検討ポイントは以下のとおりです。 Considerations when updating the look:
- Memperbarui tampilan tanpa mengurangi rasa keterbiasaan pada aplikasi lama旧アプリの操作感や慣れ親しんだ印象をできるだけ損なわずにデザインを更新することUpdate the look without losing the familiarity of the old app
- Menghilangkan fungsi atau tombol yang tidak dipakai使用されていない機能やボタンを削除することRemove unused functions or buttons
- Menambahkan tombol dengan bentuk dan ukuran yang lebih mudah dimengerti形状やサイズを工夫し、より直感的に理解しやすいボタンを追加することAdd buttons with shapes and sizes that are easier to understand at a glance
Pada aplikasi lama, menambahkan barang memerlukan tombol keyboard F10. Pada aplikasi baru, ditambahkan tombol (+) di sisi kiri tabel untuk memudahkan penggunaan. 旧アプリでは、商品を追加するためにキーボードの F10 キーを押す必要がありましたが、新アプリでは操作性向上のため、テーブル左側に（＋）ボタンを追加しました。 In the old app, adding an item required pressing the F10 keyboard key. In the new app, a (+) button was added on the left side of the table for easier use.
Pada layar pencarian barang aplikasi lama, diperlukan mengetik kata kunci lalu menekan tombol [OK] untuk melihat hasil (2 langkah): 旧アプリの商品検索画面では、キーワードを入力した後に［OK］ボタンを押して結果を表示する必要があり、操作は2ステップとなっていました。 In the old app's item search screen, you typed a keyword and pressed [OK] to see results (2 steps):
Pada aplikasi baru, layar pencarian ditayangkan sebagai pop-up dan hasil pencarian diperbarui otomatis secara real-time saat mengetik (1 langkah). 新しいアプリケーションでは、検索画面はポップアップ表示となり、キーワードを入力すると検索結果がリアルタイムで自動更新されるようになりました。そのため、操作は1ステップで完了します。 In the new app, the search screen appears as a pop-up and results update automatically in real time as you type (1 step).
Kesimpulan 結論 Conclusion
Pembaruan aplikasi lama dapat dilakukan untuk efisiensi penggunaan tanpa mengurangi rasa keterbiasaan pengguna. Dengan Flutter, aplikasi juga bisa dikembangkan ke platform lain dengan basis kode yang sama. 旧アプリケーションの刷新は、従来の操作感や親しみやすさを損なうことなく、使用効率の向上を実現できます。Flutter を使用することで、同一のコードベースを用いて、他のプラットフォームへもアプリケーションを展開することが可能です。 A legacy application can be modernized for efficiency without losing the familiarity users already have. With Flutter, the application can also be extended to other platforms from the same codebase.
Di ISS, kami dapat memberikan solusi kustom terhadap pembaruan aplikasi lama yang tidak lagi mendapat dukungan, disesuaikan dengan keinginan pemesan. ISS では、サポートが終了した旧アプリケーションの更新に関するカスタムソリューションを提供しています。お客様のご要望に合わせたさまざまなアプリケーションソリューションの提供が可能です。 At ISS, we provide custom solutions for modernizing legacy applications that no longer have vendor support, tailored to what the client actually needs.