Chúng ta có thể chèn các lệnh Javascript vào trong một tài liệu HTML theo những cách sau đây:
+ Nhúng các câu lệnh trực tiếp vào trong tài liệu bằng cách sử dụng thẻ +<SCRIPT>
+ Liên kết file nguồn Javascript làm giá trị cho thuộc tính với tài liệu HTML Dùng để xử lý sự kiện trong các thẻ HTML
Dùng thẻ <SCRIPT>
Mã Javascript được nhúng vào tài liệu HTML bằng thẻ <SCRIPT> . Chúng
ta có thể nhúng nhiều script vào trong cùng một tài liệu , mỗi script nằm trong một thẻ <SCRIPT>. Khi trình duyệt gặp phải một thẻ <SCRIPT> nào đó , nó sẽ đọc
từng dòng một cho đến khi gặp thẻ đóng </SCRIPT> . Tiếp đến nó sẽ kiểm tra lỗi đó trong chuỗi các hộp cảnh báo (alert boxes) lên màn hình . Nếu không có lỗi , các câu lệnh sẽ được biên dịch sao cho máy tính có thể hiệu được lệnh đó .
Cú pháp như sau :
<script language = “JavaScript”> <!---
JavaScript statements; //-->
Thuộc tính language trong thẻ scrip chỉ ra ngôn ngữ mà trình duyệt sẽ dùng để biên dịch script. Chung ta cũng có thể chỉ rõ phiên bản JavaScrip nào sẽ được trình duyệt sử dụng.
Trên lý thuyết các câu lệnh JavaScrip có thể được đặt bất kỳ nơi nào trong liệu HTML. Tuy nhiên, nên đặt các câu lệnh Scrip trong phần
CHƯƠNG 2 : KHẢO SÁT, PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1. Khảo sát hệ thống
2.1.1. Tổng quan về cửa hàng mỹ phẩm Linh Cosmetic
Tên doanh nghiệp : Mỹ phẩm Linh Cosmetic
Địa chỉ : số 68 Lý Nam Đế - Ba Hàng – Phổ Yên – Thái Nguyên Tel : 0966688578
Cửa Hàng Mỹ Phẩm Linh Cosmetic “tiện lợi và nhanh chóng” gần gũi với mọi phái nữ.
Cửa Hàng Mỹ Phẩm Linh Cosmetic là mô hình cửa hàng bán lẻ tiện lợi vì cộng đồng, có quy mô vừa ở tỉnh Thái Nguyên; là nơi cung cấp hàng hoá, thực phẩm an toàn và dịch vụ tiện ích cho mọi chị em phụ nữ, phái yếu trong xã hội..
Với những nhu cầu thiết yếu đáp ứng cho người người nhà nhà.
Hàng hóa chất lượng tốt, hàng hóa đa dạng phong phú, giá cả phải chăng bình dân: Với quy trình kiểm soát chặt chẽ tại Cửa Hàng Mỹ Phẩm Linh Cosmetic, khách hàng có thể hoàn toàn an tâm về chất lượng và xuất xứ của hàng hoá. luôn cung cấp những lựa chọn đa dạng về hàng hóa, giá cả hợp lý, đảm bảo an toàn cho sức khỏe cộng đồng.
MỘT ĐIỂM ĐẾN, TRỌN NHU CẦU:Cửa Hàng Mỹ Phẩm Linh Cosmetic đặt nhu cầu và lợi ích của khách hàng lên hàng đầu, luôn tìm tòi và cải tiến không ngừng để đem đến giải pháp tổng thể và tối ưu nhất về hàng hoá cũng như giá cả chất lương cho mọi người.
THÂN THIỆN VÀ TẬN TÂM: Cửa Hàng Mỹ Phẩm Linh Cosmetic được thiết kế và bố trí thân thiện, chỉ dẫn rõ ràng. Nhân viên phục vụ tận tâm và tư vấn tận tình vì lợi ích của khách hàng.
PHÁT TRIỂN VÌ CỘNG ĐỒNG: Tiêu chí của Cửa Hàng Mỹ Phẩm Linh Cosmetic là hoạt động kinh doanh bền vững, có trách nhiệm vì môi trường, vì cộng đồng và vì sự phát triển của xã hội.
Các Cửa Hàng Mỹ Phẩm Linh Cosmetic nằm ở các khu vực đông dân cư, giao thông thuận lợi; có diện tích lớn; cung cấp nhiều ngành hàng đa dạng. Có hàng ngàn mặt hàng thuộc các loại mỹ phẩm chăm sóc da , chăm sóc sức khỏe của các nước nổi tiếng và uy tín chất lượng hàng đầu.
Với tầm nhìn dài hạn và mong muốn phát triển bền vững hệ thống cửa hàng , mang đến cho người tiêu dùng trải nghiệm mua sắm thú vị với nhiều lựa chọn về sản phẩm, Cửa Hàng Mỹ Phẩm Linh Cosmetic sẽ phủ rộng khắp Thái Nguyên với tiêu chí người người nhà nhà được mua sắm làm đẹp với giá cả tốt nhất.
Cửa Hàng Mỹ Phẩm Linh Cosmetic đã và đang nỗ lực không ngừng để hoàn thành sứ mệnh của mình: an tâm mua sắm cho mọi người, đáp ứng đầy đủ yêu cầu của khách hàng; mang đến sự thuận tiện, an toàn tuyệt đối khi sử dụng sản phẩm; gia tăng các giá trị; nâng cao đời sống của người tiêu dùng trong bối cảnh thị trường hiện đại; mở rộng và phát triển ngành bán lẻ rộng kh ắp tại Thái Nguyên
Ngoài ra,Cửa Hàng Mỹ Phẩm Linh Cosmetic còn chú trọng xây dựng môi trường làm việc chuyên nghiệp, năng động, sáng tạo và nhân văn; tạo điều kiện và cơ hội phát triển công bằng cho tất cả nhân viên; coi trọng người lao động như là tài sản quý giá nhất; đồng thời tích cực đóng góp vào các hoạt động xã hội, hướng về cộng đồng với những thông điệp mang tính nhân văn.
2.1.2. Quy trình bán hàng của hệ thống cũ
Khách hàng khi vào siêu thị sẽ chọn sản phẩm mình cần mua sau đó mang ra quầy thu ngân thanh toán. Khi đó người bán sẽ ghi hóa đơn mua hàng. Và hình thức thanh toán là trả tiền mặt. Đồng thời họ cũng sẽ ghi lại thông tin giao dịch để tiện cho việc thống kê.
Sau mỗi ngày người bán sẽ thống kê lượng hàng nhập vào và bán ra, hang bán chạy, bán kém,… Sau hàng tháng thống kê lại 1 lượt về doanh thu, loại hàng bán chạy, hàng tồn kho,…để đưa ra chiến lược bán hàng mới. Và tổng kết lại vào cuối năm.
2.1.3. Đánh giá hiện trạng và cách khắc phục
Cửa Hàng Mỹ Phẩm Linh Cosmetic nằm ở khu vực đông dân cư, giao thông thuận lợi; có diện tích vừa đủ; cung cấp nhiều mặt hàng . Tâm lý người tiêu dùng luôn lựa chọn những cơ sở uy tín để mua hàng, ngoài lý do sản phẩm chất lượng, có nguồn gốc rõ ràng còn là “niềm tin của mọi nhà” khi lựa chọn mua hàng tại Cửa Hàng Mỹ Phẩm Linh Cosmetic.
Cùng với xu hướng hiện nay, các kênh phân phối mặt hàng, sản phẩm hiện đại phát triển mạnh khiến chợ truyền thống đang mất dần ưu thế. Trước những lo lắng về vấn đề an toàn vệ sinh thực phẩm, người tiêu dùng giờ đây có nhiều lựa chọn và có xu hướng thích vào mua sắm tại các siêu thị, trung tâm thương mại, cửa hàng tiện lợi do những điểm bán hàng này có không gian thoáng đãng, mát mẻ, sạch sẽ; nhân viên bán hàng nhiệt tình, thân thiện; hàng hóa lại đa dạng, phong phú, có xuất xứ rõ ràng, giá cả niêm yết công khai.
Mặc dù cũng gọi là bán hàng phát triển nhưng Cửa Hàng Mỹ Phẩm Linh Cosmetic vẫn không thể thu hút được số lượng lớn khách hàng tiềm năng được. Vì Cửa Hàng Mỹ Phẩm Linh Cosmetic này là cửa hàng nhỏ lẻ và vẫn đang áp dụng hệ thống bán hàng cũ gây khá nhiều khó khăn và bất tiện cho cả người bán và người mua hàng . Không những thế, với tình hình dịch COVID-19 đang căng thẳng như hiện nay thì việc mở rộng bán hàng online trên các trang thương mại điện tử là điều nên áp dụng. Chính vì thế cần thay đổi phương pháp bán hàng giúp nâng cao doanh thu cho cửa hàng.
Hiện nay, Cửa Hàng Mỹ Phẩm Linh Cosmetic vẫn chưa có trang web bán hàng riêng cho mình.Vì vậy em đã lựa chọn thiết lập website bán hàng cho cửa hàng nhằm đảm bảo tính đổi mới của công nghệ.Vì môi trường mạng ảo không bị giới hạn về không gian và thời gian, lượng người sử dụng lên đến hàng trăm triệu người, tốc độ lan tỏa thông tin cực nhanh nên các chiến dịch tiếp thị website sẽ được bao phủ rộng hơn. Với những khách hàng ở xa hoặc không có phương tiện đi lại và bị hạn chế về thời gian thì mua sắm trực tuyến luôn là lựa chọn hàng đầu. Việc có một website bên
cạnh cửa hàng giúp bạn phục vụ tối đa được nhu cầu của khách và nhiều đối tượng khác nhau.
2.1.4. Bài toán đặt ra
Người quản trị sẽ truy cập vào trang quản lý để thêm sản phẩm lên website của mình để quảng bá cũng như để người dùng có thể đặt mua trên trang web.
Sau khi thêm sản phẩm lên website, lỡ như thông tin bị sai lệch thì người quản trị hoàn toàn có thể sửa lại thông tin sản phẩm ở trên website. Ngoài ra, nếu sản phẩm đó cửa hàng không còn kinh danh nữa thì người quản trị có thể xóa bỏ sản phẩm đó khỏi hệ thống.
Người dùng truy cập vào website có thể xem được các sản phẩm hiện có tại cửa hàng và đặt hàng bằng cách bấm vào mua hàng rồi nhập thông tin nhận hàng. Hệ thống sẽ tự động tạo hóa đơn mua hàng và gửi về trang quản lý cho người quản trị biết. Để xác nhận đơn hàng và bắt đầu chuyển giao sản phẩm cho người dùng, người quản trị phải xác nhận đồng ý đơn hàng bằng cách vào trang quản lý hóa đơn và duyệt đơn hàng mà người dùng đã yêu cầu.
Nếu người dùng muốn mua nhiều sản phẩm cùng một lúc thì họ có thể thêm từng sản phẩm vào giỏ hàng của mình rồi thực hiện mua hàng như bình thường.
Người dùng có bất kỳ thắc mắc nào hay cần biết thêm thông tin gì về sản phẩm cần mua thì có thể để lại bình luận sau mỗi bài chi tiết sản phẩm đó. Người quản trị sẽ đọc được các bình luận này ở trang quản lý bình luận và sẽ xác nhận bình luận của người dùng có phù hợp hay không? Nếu phù hợp, người quản trị sẽ bấm duyệt bình luận đó, lúc này bình luận đó sẽ được hiển thị lên website cho những người dùng khác cũng có thể đọc được. Thông tin bình luận gồm: tên người dùng, email, nội dung, số sao đánh giá.
2.1.5. Mục tiêu xây dựng hệ thống
Áp dụng các ứng dụng trên công nghệ thông tin vào quá trình hoạt động của cửa hàng, từ đó xây dựng một hệ thống bán hàng đảm bảo yêu cầu sau:
Hiển thị thông tin giới thiệu tổng quan về công ty, sản phẩm, tin tức – sự kiện,... giúp khách hàng nhanh chóng nắm bắt được thông tin cần thiết.
Việc sử dụng ảnh lớn & có tính động sẽ khiến website của công ty khác biệt với website của các công ty khác, toát lên nét đặc trưng riêng.
Đạt và phù hợp mục đích của người dùng, phù hợp với trình độ và khả năng của người sử dụng (chỉ cần đào tạo cơ bản nếu cần ), sử dụng ngôn ngữ trên hệ điều hành windown .. và môi trường lưu trữ Mysql
Phải có tính phân cấp vai trò của các nhân viên để người dùng khác có thể dễ dàng nắm được công việc của mình trên của toàn hệ thống. Đồng thời hệ thống phải ổn định, đảm bảo an toàn thông tin, có khả năng cung cấp thông tin đáp ứng nhu cầu của người dùng khi họ cần. Dễ dàng kiểm tra, cải tiến, nâng cấp khi có những lỗi hệ thống bất kỳ xẩy ra. Khi lượng thông tin nhập vào lớn như cần cập nhập thường xuyên, cần có cơ chế lưu trữ hợp lý.
2.2. Phân tích hệ thống
2.2.1. Xác định tác nhân và vai trò tác nhân
- Quản trị viên: đăng nhập tài khoản vào hệ thống để thao tác với hệ thống bằng tài khoản admin, trong giao diện quản trị viên có thể:
- Khách hàng: truy cập trực tiếp vào website để xem hoặc nếu mua hàng có thể đăng nhập bằng tài khoản của mình, nếu chưa có tài khoản thì có thể đăng ký thành viên.
2.2.2. Biểu đồ
2.2.2.1. Biểu đồ usecase tổng quát
2.2.2.2. Biểu đồ usecase phân rã
Biểu đồ usecase phân rã cho “Khách hàng"
2.2.3 Đặc tả kịch bản
2.2.3.1 Kịch bản cho chức năng “Đăng nhập”
Tên use case Đăng nhập
Tác nhân Khách hàng, nhân viên, quản trị viên
Tiền đề điều kiện Mỗi tác nhân có một usname và password riêng
Đảm bảo thành công Tác nhân đăng nhập được vào hệ thống và hệ thống thông báo đăng nhập thành công.
Kích hoạt Chức năng đăng nhập được kích hoạt Chuỗi sự kiện chính
1. Tác nhân chọn chức năng “Đăng nhập”. 2. Hệ thống hiển thị form đăng nhập. 3. Tác nhân nhập usename, password.
4. Hệ thống kiểm tra, xác thực thông tin tài khoản đăng nhập đúng. 5. Tài khoản hợp lệ, hệ thống hiển thị trang chủ cho tác nhân. 6. Usecase kết thúc.
Chuỗi sự kiện ngoại lệ:
4.aHệ thống thông báo thông tin tác nhân vừa nhập không hợp lệ 4.a.1.Hệ thống yêu cầu nhập lại thông tin đăng nhập
4.a.2 Tác nhân nhập lại thông tin đăng nhập. 2.2.3.2 Kịch bản cho chức năng “Đăng ký thành viên”
Tên use case Đăng ký thành viên
Tác nhân Khách hàng
Tiền đề điều kiện Mỗi khách hàng có một tài khoản riêng Đảm bảo thành công Khách hàng đằng kí tài khoản thành công Kích hoạt Chức năng đăng kí được kích hoạt
Chuỗi sự kiện chính
1. Khách hàng chọn chức năng “Đăng ký”. 2. Hệ thống hiển thị form đăng ký.
3. Khách hàng nhập thông tin các nhân, usename, password. 4. Hệ thống kiểm tra, xác thực thông tin vừa nhập đúng.
5. Hệ thống kiểm tra thông tin vừa nhập hợp lệ và hiển thị giao diện đăng nhập cho khách hàng.
Chuỗi sự kiện ngoại lệ:
4.a Hệ thống thông báo thông tin khách hàng vừa nhập không hợp lệ 4.a.1 Hệ thống yêu cầu khách hàng nhập lại thông tin
2.2.3.3 Kịch bản cho chức năng “Tìm kiếm sản phẩm”
Tên use case Tìm kiếm sản phẩm
Tác nhân Khách hàng, Nhân viên, Quản trị viên
Tiền đề điều kiện Các tác nhân đã vào trang chủ của hệ thống Đảm bảo thành công Hiển thị thông tin sản phẩm cần tìm kiếm
Kích hoạt Chức năng tìm kiếm được kích hoạt
Chuỗi sự kiện chính
1. Khách hàng chọn chức năng “Tìm kiếm sản phẩm”.
2. Hệ thống hiển thị form tìm kiếm, tác nhân có thể tìm kiếm sản phẩm theo danh mục có sẵn trên website hoặc nhập từ khoá tìm kiếm.
3. Tác nhân nhập từ khoá tìm kiếm và bấm nút “Tìm kiếm”. 4. Hệ thống tìm được sản phẩm trùng với từ khoá.
5. Hệ thống hiển thị kết quả tìm được. 6. Usecase kết thúc.
Chuỗi sự kiện ngoại lệ:
4.a Hệ thống thông báo không tìm thấy thông tin. 4.a.1 Hệ thống yêu cầu tác nhân nhập lại từ khoá. 4.a.2 Tác nhân nhập lại từ khoá cần tìm kiếm.
2.2.3.4 Kịch bản cho chức năng “Thanh toán”
Tên use case Thanh toán
Tác nhân Khách hàng
Tiền đề điều kiện Khách hàng đã đặt mua sản phẩm
Đảm bảo thành công Khách hàng thanh toán thành công cho đươn hàng của mình Kích hoạt Khách hàng chọn chức năng thanh toán
Chuỗi sự kiện chính
1. Khách hàng chọn chức năng “Thanh toán”.
2. Hệ thống hiển thị form thanh toán yêu cầu khách hàng nhập thông tin thanh toán.
3. Khách hàng nhập thông tin thanh toán.
4. Hệ thống kiểm tra thông tin thanh toán và xác nhận thông tin hơp lệ.
5. Hệ thống thêm phương thức thanh toán cho đơn hàng và lưu đơn hàng vào CSDL và hiển thị thành công.
6. Usecase kết thúc. Chuỗi sự kiện ngoại lệ:
4.a Hệ thống thông báo thông tin thanh toán không hợp lệ.
4.a.1 Hệ thống yêu cầu khách hàng nhập lại thông tin thanh toán. 3.a.3.2 Khách hàng nhập lại thông tin thanh toán.
2.2.3.5 Kịch bản cho chức năng “Quản lý giỏ hàng”
Tên use case Quản lý giỏ hàng
Tác nhân Khách hàng
Tiền đề điều kiện Khách hàng đăng nhậo vào hệ thống
Đảm bảo thành công Khách hàng quản lý được giỏ hàng của mình Kích hoạt Khách hàng chọn chức năng quản lý giỏ hàng Chuỗi sự kiện chính
1. Khách hàng chọn chức năng “Quản lý giỏ hàng”.
2. Hệ thống hiển thị form giỏ hàng có các sản phẩm khách hàng đã them vào giỏ hàng và các thao tác thanh toán, chỉnh sửa số lượng, xoá sản phẩm.
3. a.Khách hàng chọn chỉnh sửa số lượng sản phẩm 3.a.1 Khách hàng vào chỉnh sửa số lượng.
3.a.2 Khách hàng nhập số lượng tuỳ chọn.
3.a.3 Hệ thống kiểm tra số lượng nhập vào đúng.
3.a.4 Hệ thống cập nhất số lượng sản phẩm cho khách hàng trong giỏ hàng. b. Khách hàng chọn xoá sản phẩm
3.b.1 Hệ thống hỏi khách hàng có muốn xoá sản phẩm đã chọn không?