Thiết kế App

Thiết kế App cho iOS và Android bằng React Native trên nền Drupal CMS

Lần đầu tiên tại Việt Nam, chúng tôi giới thiệu công nghệ mới xây dựng App cho điện thoại thông minh, máy tính bảng, ứng dụng giải pháp backend Drupal CMS kết hợp công nghệ React Native cho phép tạo App nhanh chóng, gọn nhẹ, đáp ứng được hầu hết những yêu cầu phức tạp trong khi vẫn giữ chi phí ở mức hợp lý.

Công nghệ mới cũng cho phép thiết kế App tạo ra ứng dụng có thể chạy trên 02 hệ điều hành chính là iOS và Android mà không cần phải viết code cho từng hệ riêng rẽ như phương pháp truyền thống vẫn đang làm.

Xem tính năng App

Tính năng App

Giao diện App

Tận dụng ưu thế vượt trội của công nghệ React vào App, cho phép giao diện tùy ứng trên mọi thiết bị màn hình, trơn mượt khi chuyển đổi giữa các phần của ứng dụng.

Hệ thống thành viên

Cơ chế mã hóa cao kết hợp SSL giúp đăng ký / đăng nhập vào App tuyệt đối an toàn và bảo mật. "Smart login" cho phép tự nhận diện và đăng nhập vào App thông qua e-mail, số điện thoại, hoặc tên truy nhập.

Mạng xã hội

Mở kết nối cho phép đăng ký / đăng nhập sử dụng tài khoản mạng xã hội Facebook, Google, Apple ID, và Zalo. Cho phép chia sẻ nội dung trong App lên các mạng xã hội nổi tiếng như Facebook, Twitter, FB Messenger.v.v.

SMS

Tích hợp cổng SMS của bên thứ 3 cho phép App có thể nhận mã OTP từ hệ thống khi cần xác thực xử lý 1 yêu cầu. Tự động nhận SMS gửi đến và xử lý mà không cần người dùng phải nhập thủ công.

Push Notification

Tính năng căn bản và không thể thiếu cho mọi App. Push Notification sử dụng giao thức chuẩn của Apple và Google để gửi tin tới App trên hệ điều hành tương ứng. Có thể hiện số tin chưa đọc trên App icon dạng badge.

Multimedia

Đa phương tiện hỗ trợ hình ảnh Retina và video Full HD cho phép App hiển thị thông tin ấn tượng tới người dùng. Video player trên App có thể chơi mọi định dạng video phổ biến, cho phép nhúng link Youtube và phát livestream từ App thông qua Camera điện thoại.

Thương mại điện tử

Hệ thống shopping cart và thanh toán online trên App đã trở nên phổ biến và không thể thiếu đối với App bán hàng. Tích hợp tất cả tính năng hệ thống TMĐT cần có bao gồm: Giỏ hàng, thanh toán, thẻ tích điểm, danh sách yêu thích.v.v.

App nâng cao

Nhiều tính năng cao cấp dành cho App được thiết kế đặc biệt ứng dụng công nghệ mới nhất trên Smartphone: Tính năng đo độ ồn môi trường, đo độ sáng căn phòng, QR code scanner, video chat sử dụng công nghệ RTC.v.v.

Giao diện App

Thiết kế App sử dụng công nghệ hybrid mới nhất cho phần giao diện giúp hiển thị nội dung / hình ảnh tự động tương thích với mọi loại màn hình Smartphone. jQuery Mobile + Bootstrap giúp giao diện sắc nét, trơn mượt khi di chuyển lên xuống hoặc lật trang màn hình.

 Hybrid App layout

Công nghệ hỗ trợ làm giao diện App trơn mượn và tự điều chỉnh tùy ứng trên mọi loại thiết bị màn hình.

Flash screen

Màn hình khởi động App cho phép làm nổi bật logo / slogan và giới thiệu ngắn về App trong lúc chờ tải dữ liệu.

Status bar

Tùy chỉnh thanh trạng thái trên đầu của điện thoại, có thể ẩn, hiện và thay đổi màu sắc cho phù hợp với tông màu App.

Menu App

Menu chính của App được xây dựng theo chuẩn, "native" với Android và iOS. Menu có thể di chuyển, chạy vào từ 4 góc màn hình, hiển thị theo nhiều hiệu ứng đẹp khác nhau.

Giao diện App

Hệ thống thành viên

Được xây dựng trên nền tảng backend của Drupal CMS, có thể quản lý toàn bộ từ website, mọi thông tin về thành viên bao gồm e-mail, số điện thoại và mật khẩu.v.v. đều được bảo mật và mã hóa an toàn tuyệt đối.

Bảo mật / SSL

Toàn bộ thông tin thành viên và mật khẩu mã hóa được lưu tại cơ sở dữ liệu máy chủ riêng. Dữ liệu truyền tải giữa App và máy chủ đều được mã hóa bậc cao sử dụng giao thức tiêu chuẩn SSL.

 Đăng nhập thông minh

"Smart login" là tính năng tự xác định thông tin người dùng đưa vào là địa chỉ e-mail, số điện thoại hoặc tên truy cập để có bước nhận dạng tương ứng trước khi kiểm tra mật khẩu cho phép đăng nhập thành công vào App.

Quản lý tài khoản

Người dùng sau khi đăng nhập có thể quản lý và cập nhật thông tin tài khoản (user profile) của mình. Có thể sử dụng camera điện thoại để chụp hình làm ảnh đại diện. Có cơ chế xác thực khi cần thay đổi thông tin quan trọng trong hồ sơ như mật khẩu, e-mail, số điện thoại...

App backend - Quản lý

Mạng xã hội

Mở khả năng kết nối giữa App với những mạng xã hội thông dụng như Facebook, Google+, Zalo.v.v.

Đăng nhập / Đăng ký

Người dùng có thể sử dụng tài khoản tại Facebook, Google, hoặc Zalo để đăng nhập vào App. Hệ thống App sẽ tự động tạo tài khoản dựa trên thông tin gửi về từ những mạng xã hội này nếu tài khoản chưa tồn tại.

Social sharing

Những nội dung trong App đều có thể được chia sẻ ra bên ngoài dưới dạng những URL để người dùng mạng xã hội có thể truy cập xem thông tin.

Mạng xã hội

SMS

Tích hợp cổng SMS của bên thứ 3 để App có thể gửi / nhận tin nhắn giữa hệ thống và người dùng. SMS chủ yếu được sử dụng để gửi mã OTP khi cần xác thực 1 xử lý liên quan bảo mật thông tin.

Gửi OTP

OTP (One-Time Password) là đoạn mã / mật khẩu chỉ sử dụng được 1 lần và trong thời gian ngắn nhất định. OTP được gửi qua SMS tới số di động người dùng đã đăng ký với mục đích xác thực 1 yêu cầu xử lý có phải tới từ chính chủ hay không.

Nhận SMS tự động

Khi App đang mở và tin nhắn SMS được gửi tới điện thoại người dùng, App sẽ tự động nhận và nhập vào form chờ trong App để tiếp tục xử lý. Người dùng không cần nhập bằng tay, giảm thiểu thời gian và sai sót.

SMS

Push Notification

Push Notification là phương thức gửi tin căn bản và tiêu chuẩn có trên mọi hệ điều hành chạy App bao gồm Android, iOS, và Windows. Gửi tin push có nhiều lợi thế và miễn phí so với tin nhắn SMS.

Gửi Push từ Drupal CMS

Khi người dùng mở App, hệ thống sẽ hỏi và tự động chuyển Smartphone token (1 đoạn mã) về lưu tại CMS của App. Kế đó, bạn có thể gửi thông báo / thông tin khuyến mại tới toàn bộ người dùng App từ trong trang quản trị Drupal này.

 Hiện số tin chưa đọc

Tính năng nâng cấp thêm của Push hiện số tin chưa đọc ra bên ngoài App icon để lưu ý người dùng cần xem ngay.

Push Notification

Multimedia

Truyền tải nội dung đa phương tiện trên App bao gồm hình ảnh sắc nét trên màn hình Retina, video Full HD, livestreaming cùng nhiều hình thức khác được hỗ trợ bởi Smartphone đời cao.

Video player

Video player được thiết kế riêng để chơi được mọi định dạng video phổ biến MP4, MOV, WEBM.v.v. đồng thời có thể phát video liên kết từ Youtube hoặc Vimeo.

 Livestreaming

Tích hợp công nghệ Livestreaming cho phép sử dụng camera trên smartphone ghi hình và truyền trên điện thoại để người dùng App / Web khác có thể xem trực tiếp.

 Slideshow

Tích hợp thư viện Swiper mới nhất để phát slideshow với nhiều hình ảnh / hiệu ứng ấn tượng trên App người dùng. Phù hợp cho App bán hàng, cần giới thiệu sản phẩm và banner chương trình khuyến mại.

Multimedia

Thương mại điện tử

Đưa toàn bộ những tính năng thương mại điện tử từ website lên App. Biến App trở thành công cụ bán hàng mạnh và hiệu quả do lượng người mua hàng từ Smartphone đã tăng cao (hơn 80%) trong những năm gần đây.

 Sản phẩm

Sử dụng Drupal CMS để quản lý và tạo không giới hạn sản phẩm hiển thị trên App bán tới người dùng. App kết nối tới CMS để lấy thông tin sản phẩm thông qua cổng Services API chuẩn.

 Khuyến mại giảm giá

Hiển thị các loại sản phẩm theo chương trình khuyến mại, có đồng hồ đếm ngược bên cạnh sản phẩm để người dùng biết thời điểm cần mua hàng.

 Giỏ hàng

Cho phép khách hàng lựa chọn nhiều sản phẩm để thanh toán 1 lần. Dễ dàng cập nhật thêm / bớt sản phẩm trong giỏ khi cần

 Hệ thống thanh toán

Cung cấp nhiều giải pháp thanh toán thông dụng: COD, ATM, iBanking, thẻ thanh toán quốc tế Visa/Mastercard, Paypal

 Thẻ tích điểm

Thiết kế hệ thống tích điểm khách hàng (userpoint) để tự động cộng điểm khi khách hàng hoàn thành 1 thanh toán mua sản phẩm trên App

 Sản phẩm yêu thích

Có thể "like" một sản phẩm / dịch vụ để đưa vào danh sách yêu thích và mua vào thời điểm tùy chọn.

 Đánh giá / Bình luận

Khách hàng phản hồi bằng cách cho điểm đánh giá (1-5 ngôi sao) và nhận xét sau khi đã sử dụng dịch vụ / sản phẩm

 Theo dõi vận chuyển (shipping)

Tích hợp cổng theo dõi trạng thái shipping sản phẩm với bên thứ 3, cho phép kiểm tra tình trạng đơn hàng trên App

Thương mại điện tử

App nâng cao

Giới thiệu thêm một số tính năng App đặc biệt, cao cấp chúng tôi đã thực hiện cho khách hàng gần đây.

 Đo độ ồn

Sử dụng microphone có sẵn trên smartphone để đo độ ồn môi trường xung quanh người dùng đang đứng. Chỉ số decibel độ ồn lấy theo chuẩn đo lường của thế giới.

 Đo độ sáng

Sử dụng camera có sẵn trên smartphone để đo độ sáng rọi vào điện thoại. Camera điện thoại càng tốt bao nhiêu, đo chỉ số ánh sáng Lux sẽ càng tốt bấy nhiêu.

App dựa trên kết quả có thể tự phân tích và đưa ra lời khuyên về căn phòng người dùng đang đứng có đủ sáng, tối và cần lắp thêm bao nhiêu bóng đèn để tốt cho sức khỏe.

 QR code scanner

Sử dụng camera có sẵn trên smartphone để quét mã QR, sau đó trả về kết quả thông tin trên màn hình điện thoại. Có thể sử dụng Drupal CMS của App để tạo mã QR code gắn cho từng sản phẩm / dịch vụ tương ứng.

 Video / voice chat

Tích hợp công nghệ RTC đột phá mới nhất để xây dựng ứng dụng video chat cho phép 2 hoặc một nhóm người có thể trò chuyện với nhau bằng âm thanh và hình ảnh.

 Định vị / Geolocation

Xác định vị trí người dùng dựa theo GPS và mạng Wifi/3G đã được tích hợp sẵn trên smartphone của App (cần bật chức năng Location trên điện thoại). Kết quả trả về được dùng để hiện lên Google map hoặc tìm kiếm những địa điểm xung quanh.

Công nghệ định vị tích hợp Google map này đang được sử dụng phổ biến trong App của các hãng taxi công nghệ như Uber / Grab.

App nâng cao
Bạn cần tư vấn để có lựa chọn phù hợp nhất ngay bây giờ?

Hãy xem phần "Câu hỏi thường gặp" dưới đây hoặc gọi chúng tôi để được tư vấn miễn phí.

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

Tại sao lại là Thiết kế web Giai Điệu

Công ty Giai Điệu tiền thân là công ty chuyên về cung cấp dịch vụ âm nhạc số và quảng cáo thương mại điện tử từ những năm 2000. Bắt đầu từ 2007, công ty chuyển qua thực hiện thiết kế website cho khách hàng, và cùng với thiết kế App, đã trở thành mảng dịch vụ cốt lõi của chúng tôi từ đó tới nay. Tên thường gọi do đó đổi thành "Thiết kế web Giai Điệu".

Một gói dịch vụ app đầy đủ bao gồm những gì

Quy trình xây dựng một App gồm các bước sau: Thiết kế xây dựng backend trên nền web cho App (đây là nơi quản lý phần cơ sở dữ liệu, API cho App) -> Đăng ký / cài đặt SSL cho backend để kết nối với App -> Thiết kế xây dựng giao diện, phát triển tính năng App chạy đa nền tảng (iOS, Android, Windows.v.v) -> Đăng ký, tải App lên Apple store, Google play -> Khai trương App.

Kênh chăm sóc khách hàng

Chúng tôi mở tất cả các kênh giao tiếp để chăm sóc khách hàng của mình tốt nhất có thể bao gồm: Tại địa chỉ văn phòng, điện thoại, e-mail, kênh chat trên website, qua form liên hệ, và qua Facebook công ty.

Các bước thực hiện hợp đồng

Sau khi nhận được yêu cầu từ khách hàng, chúng tôi sẽ phân tích dự án và gửi báo giá chính thức qua e-mail để chờ duyệt. Kế đó, hai bên ký hợp đồng và bên A sẽ đặt cọc 50% giá trị HĐ cho bên B để thực hiện dự án. 50% còn lại sẽ được chuyển sau khi dự án hoàn thành nghiệm thu và thanh lý.

Một gói dịch vụ web đầy đủ bao gồm những gì

Chúng tôi có thể cung cấp dịch vụ website trọn gói từ A-Z bao gồm từ việc tiếp nhận yêu cầu -> thiết kế, xây dựng website -> đăng ký tên miền + chứng thực số -> hosting website để chạy online trên Internet -> thực hiện online marketing (SEO + Adwords + Facebook Ads) -> Chăm sóc, bảo trì web -> Phân tích, báo cáo tình hình hoạt động. Ngoài ra, chúng tôi có thể đăng ký website TMĐT của khách hàng với Bộ công thương để hoạt động hợp pháp, theo quy định.

Giai Điệu