● khach@hvsc:~/thiet-ke-app$ install --pwa --ios --android

Thiết kế app cho doanh nghiệpBắt đầu bằng web app cài được lên điện thoại, app gốc khi thật sự cần

Đội kỹ thuật HVSC làm app cho khách hàng và cho nhân viên nội bộ. Phần lớn dự án bắt đầu bằng web app cài được lên màn hình điện thoại (PWA): một mã nguồn chạy trên iPhone, Android và máy tính, có thông báo đẩy, cập nhật ngay không cần chờ kho ứng dụng duyệt. Khi doanh nghiệp cần tính năng chỉ app gốc làm được, HVSC chuyển sang app native cho iOS và Android.

  • Một mã nguồn, ba nền tảng
  • Dùng thử trên điện thoại thật sớm
  • Bộ lọc nội dung người dùng tạo

// Màn hình minh hoạ, tên và dữ liệu hư cấu.

01 Vấn đề thường gặp

Muốn có app, nhưng sợ đổ tiền vào chỗ không ai dùng

App là khoản đầu tư lớn hơn website, và rủi ro lớn nhất không phải kỹ thuật mà là không có người dùng. Đây là những vướng mắc HVSC hay nghe khi doanh nghiệp tính làm app.

#APP-01 · chi phímức: cao

Làm hai app iOS, Android, chi phí gấp đôi

Hai nền tảng, hai mã nguồn, hai lần sửa lỗi, hai lần chờ duyệt mỗi khi cập nhật.

HVSC:bắt đầu bằng PWA một mã nguồn; chỉ làm app gốc cho phần thật sự cần.

#APP-02 · người dùngmức: cao

App ra mắt rồi không ai cài

Bắt khách tải app từ kho ứng dụng chỉ để xem một ưu đãi, đa số sẽ bỏ qua.

HVSC:khách dùng ngay trên trình duyệt từ một đường link hay mã QR, thích thì "Thêm vào màn hình chính".

#APP-03 · nội bộmức: trung bình

Nhân viên hiện trường vẫn báo cáo qua Zalo

Ảnh, đơn, số liệu gửi rời rạc vào nhóm chat, cuối ngày có người ngồi chép lại vào Excel.

HVSC:app nội bộ nhập đơn, chụp ảnh, kiểm hàng; dữ liệu về thẳng phần mềm quản lý.

#APP-04 · cập nhậtmức: trung bình

Sửa một lỗi nhỏ cũng phải chờ duyệt

Bản sửa lỗi gửi lên kho ứng dụng phải chờ xét duyệt, trong khi khách vẫn đang gặp lỗi.

HVSC:với PWA, bản cập nhật có hiệu lực ngay khi phát hành trên máy chủ.

#APP-05 · dữ liệumức: cao

Không rõ dữ liệu người dùng nằm ở đâu

App thu số điện thoại, ảnh, vị trí nhưng không ai trả lời được dữ liệu lưu ở đâu, xoá thế nào.

HVSC:báo rõ cho người dùng, xử lý trên máy khi có thể, có quyền yêu cầu xoá.

#APP-06 · nội dungmức: hay bị quên

Người dùng đăng nội dung vi phạm

App có bình luận, ảnh do người dùng gửi mà không có bộ lọc, quản trị viên không kịp xem hết.

HVSC:bộ lọc chặn nội dung vi phạm pháp luật và bảng báo cáo cho quản trị viên.

02 So sánh kỹ thuật

PWA hay app native: chọn thế nào

Không có lựa chọn đúng cho mọi trường hợp. HVSC thường đề xuất làm PWA trước để có người dùng thật, đo xem họ dùng tính năng nào, rồi mới quyết định có cần app native hay không.

PWA Web app cài được

Chi phí, thời gian
Thấp hơn, một mã nguồn cho mọi nền tảng
Cài đặt
Từ trình duyệt, "Thêm vào màn hình chính"
Cập nhật
Có hiệu lực ngay khi phát hành
Thông báo đẩy
Có; trên iPhone cần thêm vào màn hình chính (iOS 16.4 trở lên)
Phần cứng sâu
Hạn chế (Bluetooth, chạy nền liên tục…)
Kho ứng dụng
Không bắt buộc

NATIVE App iOS, Android

Chi phí, thời gian
Cao hơn, thường hai nền tảng
Cài đặt
Từ App Store, Google Play
Cập nhật
Qua xét duyệt của kho ứng dụng
Thông báo đẩy
Có, đầy đủ
Phần cứng sâu
Đầy đủ
Kho ứng dụng
Có mặt, người dùng tìm được trong kho
Quy tắc ngón tay cái: nếu app chủ yếu là xem thông tin, đặt lịch, nhập liệu, nhận thông báo, PWA đủ dùng. Nếu app cần chạy nền liên tục (định vị theo hành trình), kết nối thiết bị Bluetooth, hoặc doanh nghiệp bắt buộc phải có mặt trên kho ứng dụng, hãy tính tới app native.

03 App thường gặp

Năm kiểu app doanh nghiệp hay cần

khách hàng thân thiết

Tích điểm, ưu đãi, lịch sử mua

Khách mở app thấy thẻ thành viên, điểm, ưu đãi còn hạn. Nhân viên quét mã để cộng điểm. Thông báo đẩy khi có ưu đãi mới thay cho tin nhắn SMS.

đặt lịch, đặt chỗ

Phòng khám, salon, trung tâm đào tạo

Chọn dịch vụ, ngày, giờ còn trống; nhắc lịch trước một ngày; đổi, huỷ lịch ngay trên app. Lịch hẹn về thẳng màn hình quản lý của nhân viên.

nội bộ

Nhân viên hiện trường

Nhập đơn, kiểm kho, chấm công, chụp ảnh hiện trường; dùng được cả khi sóng yếu, đồng bộ khi có mạng.

sự kiện

Lịch trình, check-in QR

Lịch trình, sơ đồ, danh sách diễn giả; vé QR để check-in nhanh ở cửa.

công cụ

Tiện ích cho khách

Tạo mã QR, tính toán, tra cứu, ghép ảnh vào khung… dùng ngay trên trình duyệt.

04 Đang vận hành

Web app HVSC tự dùng mỗi ngày

Trước khi làm app cho khách, HVSC làm cho chính mình. Mỗi công cụ dưới đây giải quyết một việc cụ thể và đang có người dùng thật.

veduhoc.vn

Vé Du Học

Cài được lên màn hình điện thoại; khách tra chuyến bay, xem video hướng dẫn sân bay, gửi yêu cầu đặt vé trong vài bước.

PWAform nhiều bước

veduhoc.vn ↗
vietqr.hvscweb.com

VietQR HVSC

Tạo mã QR chuyển khoản, lưu lịch sử ngay trên máy người dùng, làm hàng loạt từ Excel.

web applưu trên máy

vietqr.hvscweb.com ↗
avatar.hvscweb.com

Avatar HVSC

Ghép ảnh vào khung sự kiện, làm thiệp; ảnh xử lý trên điện thoại người dùng, không tải lên máy chủ.

xử lý trên máyđăng nhập Google

avatar.hvscweb.com ↗
nội bộ · cong-cu-booker

Công cụ cho booker

Tạo mặt vé nhanh từ ảnh chụp hoặc PDF, theo dõi chuyến bay của khách, nhận báo khi chuyến trễ hay đổi cửa.

AI nhận dạng chữthông báo

Có ý tưởng app? Bắt đầu bằng bản dùng thử// mô tả người dùng là ai và họ cần làm gì trên app, HVSC phác màn hình đầu tiên

05 Bảng thông số

Ba hướng làm app, báo giá theo phạm vi

Chi phí app phụ thuộc số màn hình, chức năng và các hệ thống phải nối vào. Sau buổi trao đổi đầu tiên, HVSC gửi đề xuất phạm vi kèm báo giá cố định.

Thông sốPWAbắt đầu nhanhPWA + tích hợpnối phần mềm sẵn cóApp nativeiOS + Android
Nền tảngtrình duyệt, cài lên màn hìnhtrình duyệt, cài lên màn hìnhApp Store, Google Play
Đăng nhập Google, SĐT, emailcócócó
Thông báo đẩycócócó
Dùng khi sóng yếumột phầnmột phầncó
Nối CRM, kế toán, thanh toánkhôngcócó
Bluetooth, chạy nền liên tụchạn chếhạn chếcó
Trang quản trị, bộ lọc nội dungcócócó
Chi phíBáo giá theo yêu cầuBáo giá theo yêu cầuBáo giá theo yêu cầu

App native còn có phí tài khoản nhà phát triển của Apple và Google do doanh nghiệp đăng ký đứng tên; HVSC hướng dẫn thủ tục.

06 Quy trình

Có bản chạy trên điện thoại trước khi làm hết

  1. Người dùng

    Ai dùng, dùng lúc nào

    Khách hàng hay nhân viên, dùng ở cửa hàng hay ngoài đường, máy gì, mạng ra sao.

    → danh sách tình huống

  2. Phác màn hình

    Luồng chính

    Vài màn hình quan trọng nhất, bấm thử được trên điện thoại, chưa cần đẹp.

    → bản phác bấm được

  3. Bản dùng thử

    Người thật dùng

    Phát hành cho một nhóm nhỏ, ghi lại họ bấm vào đâu, vướng ở đâu.

    → góp ý thực tế

  4. Hoàn thiện

    Đủ chức năng

    Thông báo đẩy, đăng nhập, trang quản trị, bộ lọc nội dung, kiểm trên nhiều máy.

    → bản phát hành

  5. Vận hành

    Cập nhật theo số liệu

    Theo dõi lỗi, cập nhật định kỳ; quyết định có cần app native dựa trên số liệu dùng thật.

    → báo cáo sử dụng

07 Công nghệ và cam kết

Nền tảng mở, dữ liệu minh bạch

// giao diện

  • HTML · CSS · JS
  • PWA manifest
  • Service Worker

// tính năng

  • Web Push
  • đăng nhập Google
  • camera · QR
  • lưu trên máy

// máy chủ

  • REST API
  • WordPress / PHP
  • MariaDB
  • nginx

// native khi cần

  • iOS
  • Android
  • kho ứng dụng
[BÀN GIAO]

Mã nguồn, tài khoản, tài liệu

Tài khoản quản trị, mã nguồn theo hợp đồng, tài liệu cho người quản trị; tài khoản nhà phát triển (với app native) đứng tên doanh nghiệp.

[BẢO HÀNH]

Sửa lỗi trong thời hạn

Lỗi từ phần HVSC làm được sửa trong thời hạn bảo hành ghi trong hợp đồng; yêu cầu mới được báo giá riêng.

[BẢO MẬT]

Người dùng biết dữ liệu ở đâu

App báo rõ dữ liệu lưu ở đâu và cách xoá; ưu tiên xử lý trên máy người dùng khi có thể; không chia sẻ dữ liệu cho bên thứ ba.

Liên quan: Phần mềm web, CRM (trang quản lý phía sau app) · Hosting, VPS (nơi đặt máy chủ app)

08 Câu hỏi thường gặp

Hỏi về làm app

Web app (PWA) có thông báo đẩy trên iPhone không?

Có, từ iOS 16.4 trở đi, khi người dùng đã thêm web app vào màn hình chính và cho phép nhận thông báo. Trên Android và máy tính, thông báo đẩy hoạt động ngay trên trình duyệt.

PWA có đưa lên App Store, Google Play được không?

PWA không cần kho ứng dụng: người dùng cài từ trình duyệt. Nếu doanh nghiệp bắt buộc phải có mặt trên kho ứng dụng, HVSC tư vấn đóng gói hoặc làm app native tuỳ yêu cầu của từng kho.

App có cần đăng nhập không?

Tuỳ mục đích. HVSC hỗ trợ đăng nhập bằng Google, số điện thoại hoặc email, và luôn báo cho người dùng biết dữ liệu được lưu ở đâu, xoá thế nào.

Nội dung do người dùng tạo trong app có được kiểm duyệt không?

App có nội dung người dùng tạo được HVSC gắn bộ lọc chặn nội dung vi phạm pháp luật (cờ bạc, cá độ, tệ nạn, kích động chống phá) và bảng báo cáo cho quản trị viên.

Chi phí làm app bao nhiêu?

Phụ thuộc số màn hình, chức năng và các hệ thống phải nối vào. Sau buổi trao đổi đầu tiên, HVSC gửi đề xuất phạm vi kèm báo giá cố định cho phạm vi đã chốt.

App nội bộ có dùng được khi sóng yếu không?

PWA lưu được một phần dữ liệu trên máy để xem và nhập khi sóng yếu, đồng bộ lại khi có mạng. Mức độ dùng ngoại tuyến được chốt theo từng tình huống trong đề xuất.

Ai giữ tài khoản nhà phát triển khi làm app native?

Tài khoản nhà phát triển của Apple và Google nên đứng tên doanh nghiệp. HVSC hướng dẫn đăng ký và được cấp quyền để phát hành app thay doanh nghiệp.

$ hvsc --lien-he

Có ý tưởng app? Bắt đầu bằng bản dùng thử

Mô tả ngắn: ai dùng app, họ cần làm gì trên đó, đang làm việc này bằng cách nào. HVSC phác luồng màn hình đầu tiên và đề xuất làm PWA hay app native.

Nhận tư vấn app// trả lời trong giờ làm việc

    partner.init()

    Làm chung, tích hợp chung

    Tích hợp hệ thống, bán lại tên miền và hosting, hoặc cùng phát triển sản phẩm.

    Loại hợp tác

    Hoặc gọi 0939.502.093. Chỉ dùng thông tin để liên hệ lại về đề nghị này.