Phiên bản website – online

The post Phần mềm quản lý kế hoạch tàu lai dắt first appeared on HaiNH.

The post Phần mềm quản lý trạng thái kế hoạch vận tải online first appeared on HaiNH.

Video lặp đặt trên xe nâng

The post Phần mềm cập nhật và tra cứu vị trí container trong kho bãi cho xe nâng first appeared on HaiNH.

The post Trang web giới thiệu công ty dịch vụ kho bãi vận tải logistics first appeared on HaiNH.

The post Website đăng tin mua bán nhà đất first appeared on HaiNH.

The post Website về cung cấp thực phẩm sạch first appeared on HaiNH.

The post Hệ thống nhập liệu hàng xuất kho bãi first appeared on HaiNH.

The post Sử dụng google analytics api lấy dữ liệu báo cáo first appeared on HaiNH.

Chọn xử lý công việc, việc đang đợi nhận xử lý

Xem nội dung công việc

Báo cáo công việc, tiến độ thực hiện

Nhập nội dung công việc, yêu cầu đến

Tình trạng yêu cầu đến đang được xử lý

Nội dung báo cáo tiến độ của từng yêu cầu đến

Các nội dung yêu cầu đến đã được hoàn thành

Danh sách các dự án công việc

Lịch thực hiện công việc của các thành viên

Màn hình giao việc cho cac thành viên

The post Hệ thống phần mềm quản lý công việc bộ phận IT first appeared on HaiNH.

Hãy xem video giới thiệu về hệ thống này nhé

“Đầu tiên, bạn có thể đặt một ngưỡng để xác định khi nào một người dùng được đi qua hay cần phải được xác thực, ví dụ thông qua xác thực hai yếu tố và xác thực quan điện thoại” – Google giải thích trên blog Webmaster của mình.

“Thứ hai, bạn có thể kết hợp điểm số với các tín hiệu nhận dạng của riêng bạn mà reCAPTCHA không thể truy xuất được – như profile người dùng hay lịch sử giao dịch. Thứ ba, bạn có thể sử dụng điểm số reCAPTCHA như một trong các tín hiệu nhận dạng để huấn luyện mô hình machine learning của bạn thực hiện nhiệm vụ rà soát“.

Để sử dụng recaptcha đầu tiên các bạn cần khai báo tại địa chỉ https://www.google.com/recaptcha/admin

Tại ô Label nhập tên tùy ý. Chọn reCaptcha v3 cho dễ dùng nhé, cái v2 giờ nó bắt xác nhận khùm khoằm quá. Phần Domains các bạn nhập tên miền các trang web sẽ sử dụng recaptcha. Bấm Register để hoàn thiện form đăng ký.

Sau khi đăng ký xong chúng ta sẽ có thôn tin về Site key và Secrect key, 2 chuỗi này chúng ta dùng để verfy xem Client có vượt qua captcha được không.  Đầu tiên tại Step 1. Các bạn copy đoạn link script trên kia vào trong thẻ head và đoạn script callback bên trong nội dung trang web. Chú ý trong đoạn script trên kia sau đoạn .then(function(token)) … thì biến token sẽ chứa giá trị của token để kiểm tra. 

<script type="text/javascript">
  grecaptcha.ready(function () {
    grecaptcha.execute('6LdKhn8UAAAAANYOcS7lYvllzzbCNe8zeUuhh_9g', { action: 'login' })
      .then(function (token) {
        //sau khi có mã token gắn vào thẻ input để post lên cùng form
        $("#token").val(token);
      });
  });
</script>

Việc còn lại của chúng ta là khi Client post lên server chúng ta sẽ lấy thông tin response qua giá trị token và serect code sau đó request lên URL: https://www.google.com/recaptcha/api/siteverify để nhận giá trị về. Kết quả trả về kiểu json có cấu trúc:

{
  "success": true|false,
  "challenge_ts": timestamp,  // timestamp of the challenge load (ISO format yyyy-MM-dd'T'HH:mm:ssZZ)
  "hostname": string,         // the hostname of the site where the reCAPTCHA was solved
  "error-codes": [...]        // optional
}

Sau khi post lên url để veryfi ta sẽ nhận được đoạn json để quyết định xem client này có vượt qua được captcha không. Như trường hợp này điểm số là 0.9 như vậy là rất tốt.

Hiện tại với reCaptcha v3 này mình mới test đến thế và cũng chưa ứng dụng nhiều, mình vẫn chọn v2 cho ứng dụng của mình vì đối tượng sử dụng ít nên cũng không phiền toái lắm. Nếu các bạn cần trao đổi thêm về nó thì để lại comment ở dưới đây nhé.

The post Tích hợp Google ReCaptcha v3 vào website first appeared on HaiNH.

1. Bokeh effect (CSS)

https://codepen.io/Mamboleoo/pen/BxMQYQ

2. Calm breeze login screen

https://codepen.io/Lewitje/pen/BNNJjo

3. Tesselation Transition

https://codepen.io/jhnsnc/pen/Mprdaa

4. CSS Particles

https://codepen.io/giana/pen/ZGZeWR

5. Random Pure CSS Parallax Stars

https://codepen.io/CKH4/pen/vNyyaL

6. Bubbles (SVG)

https://codepen.io/yukulele/pen/GppYjd

7. Particles #13 – Background with Hover

https://codepen.io/alexsafayan/pen/ypbch

8. Three.js Particle Blown Up

https://codepen.io/ryonakae/pen/wKqYxR

9. Portfolio Home Page

https://codepen.io/j-w-v/pen/RrMLjV

10. Gradient color by HSL

https://codepen.io/wakamsha/pen/GpxJmg

 Xem thêm tại đây : https://codepen.io/collection/ABNwxq/

The post Tạo hiệu ứng background cho website ấn tượng first appeared on HaiNH.

Phiên bản mới kết hợp tra cứu nâng hạ và đảo chuyển vị trí https://hainh.dev/phan-mem-cap-nhat-va-tra-cuu-vi-tri-container-trong-kho-bai-cho-xe-nang/

Chức năng chính chỉ có tìm kiếm và tra cứu danh sách container đang ở trong bãi. Trang web được thiết kế https://hainh.dev/phan-mem-cap-nhat-va-tra-cuu-vi-tri-container-trong-kho-bai-cho-xe-nang/giao diện mobile cho cảm giác sử dụng như app cài trên máy. Dưới đây là một vài hình ảnh giao diện của nó:

Màn hình đăng nhập

Màn hình đăng nhập

Kết quả tra cứu theo số hiệu

Cập nhật thông tin tình trạng

Tra cứu danh sách theo vị trí

The post Chương trình tra cứu vị trí container trong kho bãi first appeared on HaiNH.