Các form cho phép người dùng nhập dữ liệu vào, sau đó gửi dữ liệu đó cho web server, hoặc nhập dữ liệu vào sử lý dữ liệu ngay tại client side.- Form trong HTML được tạo ra bằng thẻ , bên
Tổng Quan Về Công ty cổ phần giải pháp và thiết bị VHB Việt Nam
Thông tin chung
Công ty VHB Việt Nam chuyên cung cấp và lắp đặt cổng xếp inox, barie tự động, cổng cửa tự động, cổng cửa kiểm soát Ngoài ra chúng tôi còn cung cấp các hệ thống như kiểm soát bãi đỗ xe, quản lý ra vào công trường, tòa nhà, phần mềm chấm công, phần mềm điểm danh điện tử.
Các lĩnh vực hoạt động
Thiết bị tự động hóa
Nghiên cứu và ứng dụng công nghệ 4.0 trong phát triển sản phẩm
Các sản phẩm tiêu biểu
Hệ thống đo thân nhiệt tự động
Hệ thống nhận diện khuôn mặt
Về Kiến Thức
HTML
- HTML là viết tắt của Hyper Text Markup Language Đó là ngôn ngữ đánh dấu mà nhà phát triển web sử dụng để cấu trúc và mô tả nội dung của trang web. HTML không phải là ngôn ngữ lập trình.
- HTML bao gồm các Phần tử mô tả các loại nội dung khác nhau Chúng có đoạn văn, tiêu đề, liên kết, hình ảnh, video và nhiều yếu tố khác Trình duyệt web hiểu HTML và hiển thị mã HTML dưới dạng trang web.
1.1 HTML hoạt động như thế nào:
- HTML documents là files kết thúc với đuôi html hay htm Bạn có thể xem chúng bằng cách sử dụng bất kỳ trình duyệt web nào (như Google Chrome, Safari, hay Mozilla Firefox) Trình duyệt đọc các files HTML này và xuất bản nội dung lên internet sao cho người đọc có thể xem được nó.
- Thông thường, trung bình một web chứa nhiều trang web HTML, ví dụ như:trang chủ, trang about, trang liên hệ, tất cả đều cần các trang HTML riêng.
- Mỗi trang HTML chứa một bộ các tag (cũng được gọi là elements), bạn có thể xem như là việc xây dựng từng khối của một trang web Nó tạo thành cấu trúc cây thư mục bao gồm section, paragraph, heading, và những khối nội dung khác.
- Cấu trúc của HTML rất đơn giản và logic, với bố cục từ trên xuống dưới, từ trái qua phải, bao gồm 2 phần chính là HEAD và BODY.
- Các website viết bằng HTML đều tuân theo cấu trúc cơ bản như sau:
Mọi trang HTML đều phải khai báo DOCTYPE (định nghĩa chuẩn văn bản) ngay từ dòng đầu tiên.
Thẻ cho trình duyệt biết mở đầu và kết thúc của trang HTML. Thẻ chứa tiêu đề và các thông tin khai báo, các thông tin ẩn khác.
Thẻ sẽ hiển thị nội dung của website Đây là phần thông tin mà người dùng sẽ nhìn thấy khi trình duyệt đọc các mã HTML.
Mọi ký tự nằm giữa dấu sẽ được xem là thẻ comment và bị trình duyệt bỏ qua, không xử lý và không hiển thị.
I.3 Tổng hợp các tag HTML cơ bản
- Đề mục: Có 6 loại đề mục tất cả với mức độ nhấn mạnh giảm dần từ cho đến Nếu quan tâm đến SEO, thì đây có lẽ là thẻ mà bạn nên chú trọng sử dụng sao cho thật hợp lý!
- Danh sách: Có 2 loại là danh sách có đánh số thứ tự
- và danh sách không có đánh số thứ tự
- .
- Thẻ form: là một thẻ quan trọng trong việc tạo nên sự tương tác giữa người dùng và ứng dụng Web Các form cho phép người dùng nhập dữ liệu vào, sau đó gửi dữ liệu đó cho web server, hoặc nhập dữ liệu vào sử lý dữ liệu ngay tại client side.
- Form trong HTML được tạo ra bằng thẻ , bên trong form đó nó chứa một hoặc nhiều phần tử để nhập liệu gọi là các điều khiển (control), có nhiều loại điều khiển như:
- Thẻ có 2 thuộc tính cần lưu tâm là action và method:
Thuộc tính action trong form: thuộc tính để thiết lập URL sẽ nhận dữ liệu, là địa chỉ mà dữ liệu của form gửi đến (submit đến, post đến) Thiếu tham số này thì action bằng URL đang truy cập (tức gửi thông tin form đến server theo địa chỉ đang truy cập) Web server nhận được dữ liệu, xử lý và trả về nội dung nào đó.
Thuộc tính method trong form: thuộc tính để thiết lập HTTP Method Nếu không viết thuộc tính này thì method mặc định của form là get.
- Ví dụ: FORM HTML sau yêu cầu người dùng điền tên đăng nhập, password và bấm vào nút Đăng nhập để gửi đi.
CSS
- CSS là từ viết tắt của Cascade Style Sheet, giúp trình duyệt hiểu được các thiết lập định dạng và bố cục cho trang web CSS cho phép bạn điều khiển thiết kế của nhiều thành phần HTML chỉ với duy nhất 1 vùng chọn Điều này giúp giảm tiết kiệm thời gian thiết kế và chỉnh sửa, khi bạn có thể tách biệt được cấu trúc HTML và định dạng CSS.
- CSS cho phép bạn đưa các thông tin định nghĩa thẻ thông qua nhiều con đường khác nhau Style có thể được quy định ở trong một thẻ HTML, trong một trang web hoặc trong một file CSS bên ngoài
2.1 Cú pháp cơ bản của CSS
- Cú pháp cơ bản của CSS bao gồm 3 phần là vùng chọn (selector), thuộc tính (property) và giá trị (value).
Vùng chọn (selector): Là cách xác định các thẻ HTML dựa trên cấu trúc phân cấp Vùng chọn có thể được tạo thành dựa trên nhiều yếu tố như định danh (id), tên lớp (class), quan hệ cha - con - hậu duệ…
Thuộc tính (property): Là yếu tố mà bạn muốn thay đổi ở các thẻ HTML thuộc vùng chọn
Giá trị (value): Mỗi thuộc tính sẽ yêu cầu một giá trị khác nhau Đó có thể là một từ khóa định sẵn (none, block), một tên hay mã màu (black, white, #000, #FFFFFF) hay một giá trị kích thước tính bằng px, em, rem,
2.2 Tổng hợp các vùng chọn CSS cơ bản
- #ID: Dấu # được sử dụng để chọn một thẻ HTML có định danh (ID) cụ thể.
Chính vì vậy, bản chất của ID là không thể tái sử dụng Hãy chắc chắn rằng việc gán ID cho thẻ HTML và chọn thẻ này bằng ID này là cách duy nhất bạn có thể định dạng cho nó.
- Class: Dấu "." đại diện cho tên lớp Nhiều thẻ HTML có thể có cùng tên lớp.
Chính vì vậy, sự khác nhau giữa ID và Class là ID chỉ cho phép chọn một phần tử, trong khi Class thì cho phép bạn chọn nhiều thẻ HTML cùng lúc.
- A.Class: Vùng chọn này giúp xác định tất cả các thẻ HTML thuộc cùng một lớp.
- A B: Vùng chọn này còn được gọi là vùng chọn hậu duệ (descendant), xác định tất cả các thẻ B nằm bên trong thẻ A, không kể đến phân cấp, ngôi thứ như con, cháu, chắt - chút - chít gì đó
- A > B: Vùng chọn này còn được gọi là vùng chọn con (child), có nét tương đồng với vùng chọn hậu duệ (descendant) Tuy nhiên, vùng chọn này chỉ xác định tất cả các thẻ B là con trực tiếp của thẻ A, chứ không nằm bên trong thẻ nào khác.
JavaScript
- Javascript chính là một ngôn ngữ lập trình web rất phổ biến ngày nay. Javascript được tích hợp đồng thời nhúng vào HTML để hỗ trợ cho website trở nên sống động hơn Chúng cũng đóng vai trò tương tự như một phần của website, cho phép Client-side Script từ người dùng tương tự máy chủ (Nodejs) để tạo ra những website động.
3.1 Javascript hoạt động trên trang web như thế nào?
- Thông thường, JavaScript sẽ được nhúng trực tiếp vào một website hoặc chúng được tham chiếu qua file js hoặc JavaScript
- Đây là một ngôn ngữ đến từ phía Client nên Script sẽ được download về máy client khi truy cập
- Tại đây, chúng sẽ được hệ thống xử ý Vì vậy, bạn không cần phải tải về máy server rồi chờ cho chúng xử lý xong mới phản hồi được kết quả đến client 3.2 Javascript dùng để làm gì?
Bên cạnh việc tìm hiểu javascript là ngôn ngữ gì thì chúng được sử dụng để làm gì cũng rất quan trọng Việc nắm bắt được mục đích của ngôn ngữ đặc biệt này sẽ giúp bạn dễ dàng sử dụng chúng hơn trong công việc Cụ thể như sau:
Thay đổi nội dung HTML: Một trong số nhiều phương thức HTML JavaScript chính là getElementById () Chúng được sử dụng để tìm một phần tử của HTML với id =”demo” và dùng để thay đổi nội dung của phần từ (Internal HTML) sang thành “Hello JavaScript” Thay đổi giá trị thuộc tính HTML: Tổng quan về javascript còn có thể sử dụng để thay đổi các giá trị của thuộc tính Ví dụ: thay đổi thuộc tính src (source) của tag.
Thay đổi kiểu HTML: Đây chính là một hoạt động biến thể của việc thay đổi thuộc tính của HTML ở trên Ví dụ: document.getElementById(‘demo’).style.fontSize = ’35px; Ẩn các phần tử HTML: Một hoạt động tiếp theo là Javascript có thể ẩn được các phần tử HTML Chúng có thể được thực hiện thông qua hoạt động thay đổi kiểu hiển thị các phần tử HTML.
Hiển thị các phần tử HTML: Một điểm đặc biệt là JavaScript có thể hiển thị được các yếu tố HTML ẩn Đồng thời, cũng có thể thực hiện được thông qua cách thay đổi kiểu hiển thị phần tử
3.3 Hướng dẫn cách viết chương trình Javascript
- Tất cả những đoạn mã JS đều sẽ được đặt ở trong cặp thẻ đóng và mở
Một ví dụ cụ thể dễ hiểu như sau:
alert(“Hello World!”);
Trong JS, chúng ta có 3 cách để đặt thẻ Script phổ biến như:
Internal: Viết ở trong file HTML hiện tại;
External: Viết ra một file JS khác và tiếp tục import vào;
Inline: Viết trực tiếp ở trong các thẻ HTML;
3.4 Các thành phần trong Javascript
Biến: sử dụng từ khóa var, let
Tên biến phải bắt đầu bằng chữ hoặc kí tự ‘_’.
Tên biến không được bắt đầu bằng số, không chứa các kí tự đặc biệt như &, *, (,), …
Tên biến không được trùng với từ khóa như var, for, if, …
Giá trị của biến có thể thay đổi được.
Ví dụ: let name = ‘Bui Anh Vu’
Hằng: sử dụng từ khóa const Ví dụ: const pi = 3.14;
Kiểu dữ liệu: Number, String, Boolean, Undefined, Array, Object Hàm: có 2 kiểu là hàm xây dựng sẵn của Javascript và hàm tự định nghĩa Hàm xây dựng sẵn: là những hàm được Javascript định nghĩa sẵn và người dùng chỉ việc gọi đến và sử dụng Ví dụ như: alert(), prompt(),
Hàm tự định nghĩa: là hàm do người dùng tự định nghĩa ra Theo cú pháp: function function_name(parameter_list) {
Gọi hàm: function_name(parameter_list);
PHP
PHP là chữ viết tắt của cụm từ “PHP: Hypertext Preprocessor” (PHP: Bộ tiền xử lý siêu văn bản)
PHP là một ngôn ngữ kịch bản phía máy chủ (các mã PHP sẽ được thực thi trên máy chủ), nó là một công cụ mạnh mẽ để tạo ra các trang web động và tương tác.
Và PHP còn là ngôn ngữ để xây dựng trang web ở phía Back-end 4.1 Các cấu trúc cơ bản
Cú pháp: được khai báo trong cặp lệnh
Xuất giá trị trình duyệt, thông tin được xuất ra bao gồm: biến, chuỗi, hoặc đoạn mã HTML, …Nếu giữa 2 chuỗi muốn liên kết với nhau khi in ra ta sử dụng dấu ‘.’ Ví dụ: echo ("Bùi Anh Vũ"); printf ("Năm nay tôi 22 tuổi");
4.2 Biến, Hằng, và các kiểu dữ liệu
Ta sử dụng ký hiệu “$” để khai báo một biến.
Tên biến phải bắt đầu bằng chữ hoặc kí tự ‘_’.
Tên biến không được bắt đầu bằng số, không chứa các kí tự đặc biệt như &, *, (,), …
Tên biến không được trùng với từ khóa của PHP.
Giá trị của biến có thể thay đổi được.
Ví dụ: $first_name = ‘Bui’;
Nếu biến là cái có thể thay đổi được thì ngược lại hằng là cái chúng ta không thể thay đổi được.
Hằng trong PHP được định nghĩa bởi hàm define theo cú pháp: define (tên_hằng, giá_trị)
Hằng không có dấu "$" ở trước tên.
Hằng có thể truy cập bất cứ vị trí nào trong mã lệnh
Hằng chỉ được phép gán giá trị duy nhất 1 lần.
Hằng thường viết bằng chữ in để phân biệt với biến
Kiểu dữ liệu: Các kiểu dữ liệu khác nhau chiếm các lượng bộ nhớ khác nhau và có thể được xử lý theo cách khác nhau khi chúng được theo tác trong 1 script Chúng ta có thể sử dụng hàm dựng sẵn gettype() của PHP để kiểm tra kiểu của bất kỳ biến.
Hàm trong PHP dùng để thực hiện một khối lệnh liên tiếp có điểm đầu và điểm cuối Một hàm được xác định thực hiện một công việc cụ thể nào đó, giả sử tôi viết một hàm kiểm tra số chẵn hay số lẻ thì mục đích của hàm đó là kiểm tra một số là số chẵn hay lẻ Điều đặc biệt hàm có thể gọi ở nhiều nơi, nhiều chương trình khác nhau.
Giả sử bạn cần viết một chương trình cho người dùng đăng nhập vào hệ thống và bạn sẽ sử dụng nó ở hai ứng dụng backend và frontend Nhưng sau một thời gian bạn muốn sửa lại một số thông tin lúc kiểm tra thì bạn sẽ phải vào hai chương trình đó và sửa lại, điều này thật tệ hại vì chương trình sẽ bị dư thừa, khó quản lý và bảo trì Nhưng nếu bạn sử dụng hàm thì chỉ cần sửa trong hàm đó là được.
Trong PHP vẫn sẽ có các hàm được định nghĩa sẵn Ví dụ như: echo(), count(), …
Function function_name(parameter_list) {
Gọi hàm: function_name(parameter_list);
PHP cung cấp nhiều hàm cho phép gọi lại file Như hàm include (“URL đến file”), require (“URL đến file”)
Ngoài 2 cú pháp trên còn có include_once(), require_once() 2 hàm này cũng có trách nhiệm gọi lại hàm, nhưng chúng chỉ gọi lại 1 lần mà thôi 4.4 Phương thức POST và GET trong PHP
GET và POST là hai phương thức của giao thức HTTP, đều là gửi dữ liệu về server xử lý sau khi người dùng nhập thông tin vào form và thực hiện submit Trước khi gửi thông tin, nó sẽ được mã hóa bằng cách sử dụng một giản đồ gọi là url encoding Giản đồ này là các cặp name/value được kết hợp với các kí hiệu = và các ký hiệu khác nhau được ngăn cách bởi dấu &.
Phương thức GET: rất dễ nhận thấy đó là trên URL sẽ kèm theo dữ liệu mà chúng ta muốn gửi
Client gửi lên: Phương thức GET là phương thức gửi dữ liệu thông qua đường dẫn URL nằm trên thanh địa chỉ của Browser Server sẽ nhận đường dẫn đó và phân tích trả về kết quả cho bạn Server sẽ phân tích tất cả những thông tin đằng sau dấu hỏi (?) chính là phần dữ liệu mà Client gửi lên.
Ví dụ: Với URL product.php?id thì Server sẽ nhận được giá trị id = 12.
Tất cả các dữ liệu mà Client gửi lên bằng phương thức GET đều được lưu trong một biến toàn cục mà PHP tự tạo ra đó là biến
$_GET, biến này là kiểu mảng kết hợp lưu trữ danh sách dữ liệu từ client gửi lên theo quy luật key => value.
Phương thức POST: có tính bảo mật hơn vì dữ liệu gửi phải thông qua một form HTML nên nó bị ẩn, nghĩa là chúng ta không thể thấy các giá trị đó được.
Client gửi lên: Với phương thức GET thì dữ liệu được thấy trên URL thì phương thức POST thì hoàn toàn ngược lại, POST sẽ gửi dữ liệu qua một cái form HTML và các giá trị sẽ được định nghĩa trong các input gồm các kiểu (textbox, radio, checkbox, password, textarea, hidden) và được nhận dang thông qua tên (name) của các input đó.
Server nhận dữ liệu: Tất cả các dữ liệu gửi bằng phương thức POST đều được lưu trong một biến toàn cục $_POST do PHP tự tạo ra, vì thế để lấy dữ liệu thì bạn chỉ cần lấy trong biến này là được Cũng như lưu ý với các bạn là trước khi lấy phải dùng hàm isset($bien) để kiểm tra có hay không nhé.
4.5 Session và Cookie trong PHP
Session và Cookie dùng để lưu trữ dữ liệu tạm thời và từ đó hệ thống có thể đưa ra những quyết định về quyền hạn hoặc là những tùy chọn riêng tư Cả hai tuy có chung chức năng là lưu trữ dữ liệu nhưng bên trong nó lại khác nhau Session dùng để lưu trữ dữ liệu trên Server và đồng thời nó sẽ có một đoạn code dữ liệu được lưu trữ ở client (cookie) Còn Cookie thì lưu trữ dữ liệu trên máy Client. a Session trong PHP o Biến Session trong PHP được dùng để lưu trữ thông tin của người dùng hoặc là lưu trữ tùy chọn cấu hình hệ thống cho người dùng Đặc biệt mỗi client sẽ có một ID session khác nhau nên việc thông tin Session ở Client A bị ảnh hưởng qua Client B là điều không thể Thông thường chúng ta sử dụng Session để lưu thông tin đăng nhập, giỏ hàng hoặc những dữ liệu mang tính chất tạm thời và mỗi client sẽ có dư liệu khác nhau. o Đăng ký session
Trước khi bạn sử dụng session bạn phải khai báo cho PHP biết bằng cách đặt dòng lệnh session_start()phía trên đầu mỗi file Nếu bạn dùng nhiều file include lẫn nhau thì đặt nó ở file chính
Dòng lệnh session_start() sẽ đăng ký phiên làm việc của người dùng trên Server, từ đó Server sẽ tạo ra một ID riêng không trùng lặp để nhận diện cho client hiện tại Dòng này bắt buộc có. o Lưu trữ session
Tất cả Session được lưu trữ trong biến toàn cục $_SESSION, vì thể để lưu thêm dữ liệu Session hay là thay đổi dữ liệu của Session thì ta sẽ thao tác trên biến đó Lưu ý với bạn trước khi dùng phép lấy giá trị Session bạn phải kiểm tra sesion đó có tồn tại không rồi hãy lấy. Để lưu một giá trị mới vào Session ta dùng cú pháp như sau:
MySQL
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng Vì MySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet Người dùng có thể tải về MySQL miễn phí từ trang chủ MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,
MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL).
MySQL được sử dụng cho việc bổ trợ Node.js, PHP, Perl, và nhiều ngôn ngữ khác, làm nơi lưu trữ những thông tin trên các trang web viết bằng NodeJs, PHP hay Perl,
5.3 Cú pháp cơ bản a) Cú pháp tạo Database o Để tạo một Database trong MySQL, bạn sử dụng câu lệnh sau:
CREATE DATABASE database_name; o Trong MySQL để chọn một database nào đó ta sẽ sử dụng cú pháp:
USE database_name; b) Cú pháp tạo Table o Để tạo một bảng trong MySQL, chúng ta sử dụng cú pháp sau:
CREATE TABLE table_name (column_name1 data_type(size), column_name2 data_type(size), column_name3 data_type(size), ); o Trong đó: table_name là tên của bảng mà bạn muốn tạo. column_name1 là tên cột thứ nhất của bảng (Tương tự: column_name2 và column_name3 lần lượt là tên cột thứ hai và cột thứ ba). data_type là kiểu dữ liệu của cột. size là kích thước tối đa của kiểu dữ liệu của cột. o Ví dụ: c) Cú pháp Insert dữ liệu vào bảng o Cú pháp:
INSERT INTO table_name (column1, column2, column3)
VALUES (value1, value2, value3); o Ví dụ: d) Cú pháp xóa o Để xóa database ta sử dụng cú pháp:
DROP DATABASE db_name; o Để xóa bảng ta sử dụng cú pháp:
DROP TABLE tb_name; o Ví dụ: e) Câu lệnh truy xuất dữ liệu o Lấy ra tất cả các cột trong bảng:
SELECT * FROM name_table; o Lấy ra các cột được chọn:
SELECT name_column1, name_column2 FROM name_table; f) Từ khóa Where o Update: o Delete: o Select:
Tự xây dựng một project web trong quá trình thực tập
Website ecommerce hiện nay rất là phố biến trong cuộc sống và đặc biệt là đối với những người kinh doanh Dựa vào sự phổ biến đó nên trong quá trình thực tập em có tìm hiểu và có tự xây dựng một trang web bán sách. Các mục tiêu chính của hệ thống. Đáp ứng nhu cầu mua sách, xem thông tin sách
Thực hiện các thao tác mua sách (thêm giỏ hàng, thanh toán, …)
Có thể hiển thị sách theo danh mục
Có đầy đủ các chức năng đăng ký, đăng nhập, thay đổi thông tin cá nhân …
Web admin với đầy đủ các chức năng thêm, sửa, xóa của các đối tượng
6.2 Đặc tả chức năng hệ thống
Sơ đồ chức năng của trang web: a) Đăng ký tài khoản
Mô tả: Cho phép khách hàng tạo tài khoản để đăng nhập vào hệ thống và sử dụng các chức năng của người dùng trên hệ thống. Đặc tả chi tiết:
Tác nhân nhập thông tin Form gồm có: Tên tài khoản, mật khẩu, yêu cầu nhập lại mật khẩu.
Nếu để trống bất kỳ dữ liệu nào, hoặc mật khẩu và yêu cầu nhập lại mật khẩu khác nhau hệ thống sẽ báo lỗi lên màn hình người dùng. Giao diện: b) Hoàn thành thông tin cá nhân website Bán sách Đăng ký tài khoản
Hoàn thành thông tin cá nhân Đăng nhập tài khoản hàng,tha Mua nh toán
Xem, tìm kiếm sản phẩm
Tra cứu thông tin cá nhân thông tin Sửa cá nhân
Mô tả: Sau khi đăng ký tài khoản thành công, Form điền thông tin sẽ được hiển thị ra Đặc tả chi tiết:
Tác nhân nhập thông tin Form gồm có: Họ tên, Email, số điện thoại, địa chỉ
Nếu để trống bất kỳ dữ liệu nào hệ thống sẽ báo lỗi lên màn hình người dùng
Hoàn tất, chuyển hướng đến trang chủ
Giao diện: c) Đăng nhập tài khoản
Mô tả: Cho phép người dùng đăng nhập vào hệ thống Đặc tả chi tiết:
Tác nhân nhập thông tin đăng nhập ở Form gồm có: Tên tài khoản, mật khẩu.
Nếu để trống bất kỳ dữ liệu nào, hoặc tên tài khoản hoặc mật khẩu không chính xác hệ thống sẽ báo lỗi lên màn hình người dùng. Giao diện: d) Mua hàng thanh toán
Mô tả: Cho phép người dùng thêm sản phẩm vào giỏ hàng và tiến hành đặt hàng Đặc tả chi tiết:
Tác nhân thực hiện thao tác thêm sách vào giỏ hàng thông qua button “Add to cart” trên mỗi sản phẩm.
Sản phẩm được thêm vào giỏ hàng.
Tác nhân truy cập giỏ hàng qua button “Giỏ hàng”, Giỏ hàng sẽ hiển thị các sản phẩm muốn mua, số lượng vào tổng tiền. Tác nhân tiến hàng thanh toán qua button “Checkout” ở trang giỏ hàng, trang đặt hàng sẽ hiển thị ra.
Form thông tin đặt hàng được hiện ra, tác nhân hoàn tất đặt hàng qua button “Buy”, Đặt hàng thành công giao diện cảm ơn được hiển thị ra.
Giao diện: e) Xem, tìm kiếm sản phẩm
Mô tả: Cho phép người dùng tìm kiếm sản phẩm theo danh mục, hoặc theo tên sách Đặc tả chi tiết:
Tác nhân thực hiện tìm kiếm tên sách qua thanh search ở phần đầu trang
Hoặc tác nhân tìm kiếm theo danh mục ở phần “Danh mục sản phẩm”.
Giao diện: f) Tra cứu thông tin cá nhân
Mô tả: Cho phép người dùng xem thông tin cá nhân của mình Đặc tả chi tiết:
Tác nhân thực hiện xem thông tin cá nhân qua button “Cá nhân” Thông tin người dùng sẽ được hiển thị ra màn hình
Giao diện: g) Sửa thông tin cá nhân
Mô tả: Khách hàng thay đổi thông tin cá nhân Đặc tả chi tiết:
Tác nhân nhập thông tin Form gồm có: Họ tên, Email, số điện thoại, địa chỉ
Nếu để trống bất kỳ dữ liệu nào hệ thống sẽ báo lỗi lên màn hình người dùng
Thay đổi thông tin thành công chuyển hướng đến trang Cá nhân
Giao diện: h) Nhóm chức năng quản lý khách hàng
Mô tả: Chức năng này cho phép quản trị viên thực hiện các thao tác quản lý bao gồm thêm, sửa, xóa khách hàng Đặc tả chi tiết: Use case bắt đầu khi quản trị viên muốn thêm, xóa, sửa thông tin của khách hàng trên hệ thống.
Giao diện: i) Nhóm chức năng quản lý tài khoản
Mô tả: Chức năng này cho phép quản trị viên thực hiện các thao tác quản lý bao gồm thêm tài khoản, xóa tài khoản và đổi mật khẩu Đặc tả chi tiết: Use case bắt đầu khi quản trị viên muốn thêm, xóa, sửa thông tin tài khoản trên hệ thống.
Giao diện: j) Nhóm chức năng quản lý sản phẩm
Mô tả: Chức năng này cho phép quản trị viên thực hiện các thao tác quản lý bao gồm thêm, sửa, xóa sản phẩm Đặc tả chi tiết: Use case bắt đầu khi quản trị viên muốn thêm, xóa, sửa thông tin của sản phẩm trên hệ thống.
Giao diện: k) Nhóm chức năng quản lý danh mục
Mô tả: Chức năng này cho phép quản trị viên thực hiện các thao tác quản lý bao gồm thêm, sửa, xóa danh mục sản phẩm Đặc tả chi tiết: Use case bắt đầu khi quản trị viên muốn thêm, xóa, sửa thông tin của danh mục sản phẩm trên hệ thống.
Giao diện: l) Nhóm chức năng quản lý giỏ hàng
Mô tả: Chức năng này cho phép quản trị viên thực hiện các thao tác quản lý bao gồm thêm, sửa, xóa giỏ hàng Đặc tả chi tiết: Use case bắt đầu khi quản trị viên muốn thêm, xóa, sửa thông tin giỏ hàng trên hệ thống.
Giao diện: m) Nhóm chức năng quản lý đơn hàng
Mô tả: Chức năng này cho phép quản trị viên thực hiện các thao tác quản lý bao gồm thêm, sửa, xóa hóa đơn Đặc tả chi tiết: Use case bắt đầu khi quản trị viên muốn thêm, xóa, sửa thông tin của hóa đơn trên hệ thống.
6.3 Mô hình quan hệ dữ liệu
Những thu hoạch trong quá trình thực tập
Về kiến thức chuyên môn
- Nắm được các kỹ năng lập trình
- Hiểu sâu hơn về lập trình Backend
- Sử dụng git để làm việc nhóm
- Cải thiện khả năng đọc, và fix bug
Về kỹ năng mềm
- Học được tác phong làm việc của một doanh nghiệp.
- Cải thiện khả năng tự đọc tài liệu.
- Cải thiện kỹ năng làm việc nhóm.
- Kỹ năng giao tiếp, ứng xử được cải thiện.
- Kỹ năng thuyết trình trước đám đông và khả năng phản biện được cải thiện
Hạn Chế Của Bản Thân
- Kiến thức: vì chưa có nhiều kinh nghiệm và kiến thức chuyên môn còn hạn chế nên trong quá trình thực tập chưa hoàn thành xuất sắc các công việc được giao, có nhiều thiếu sót.
- Kỹ năng: kỹ năng tự học, tự đọc tài liệu và tra cứu tài liệu cần sự trợ giúp key words từ những các anh chị làm cùng.
- Ngoại ngữ: Khả năng đọc hiểu tài liệu, văn bản bằng tiếng anh chưa thành thạo vẫn cần nhiều đến sự hỗ trợ của các công cụ dịch văn bản.
- Kỹ năng mềm: Khả năng quản lý thời gian biểu chưa tốt nên chưa tự sắp xếp được lịch trình làm việc và thực tập thật tốt Công việc yêu cầu nhiều kỹ năng mềm thậm chí có những kỹ năng chưa được va chạm bao giờ, điều này đòi hỏi sự kiên nhẫn để tiếp thu những cái mới thay vì chăm chăm áp dụng những thứ đã biết trên trường.
- Bên trong các thẻ danh sách này, những phần tử được đánh dấu bằng thẻ