CHƯƠNG 1. TỔNG QUAN VỀ WEBSITE 1. Tên đề tài Đề tài “Xây dựng website kinh doanh đồ chơi thể thao skateboard” 1. Vấn đề cần giải quyết Sự phát triển của công nghệ thông tin đã thúc đẩy sự phát triển của hầu hết các lĩnh vực, trong đó có kinh doanh.
Với sự ra đời của internet cùng sự vươn lên của công nghệ đã dẫn đến hình thức kinh doanh online. Hình thức kinh doanh online hiện đang được rất nhiều cửa hàng lựa chọn để tăng doanh thu của cửa hàng và để giới thiệu sản phẩm đến người tiêu dùng một cách nhanh chóng. Với sự phát triển nhanh chóng của công nghệ và độ phủ sóng rộng khắp của Internet, lĩnh vực kinh doanh các sản phẩm thể thao tại Việt Nam ngày càng được quan tâm nhiều hơn. Tuy nhiên, với lĩnh vực kinh doanh nhiều tiềm năng này thì có hàng trăm, hàng ngàn đơn vị, doanh nghiệm tham gia khiến cho sự cạnh tranh cũng vô cùng gay gắt.
Mỗi cửa hàng có nhiều mức giá và các chương trình ưu đãi khác nhau dẫn đến khó khăn cho người dùng trong việc tìm kiếm giá cả và các sản phẩm của cửa hàng. Với mục đích giúp người dùng tiếp cận nhiều hơn nữa chương trình và các sản phẩm thể thao ván trượt, em quyết định chọn đề tài “Phân tích thiết kế và xây dựng Website kinh doanh đồ chơi thể thao skateboard”. GIỚI THIỆU WEBSITE Website được chia thành các trang 17 Báo cáo đồ án cơ sở 2: Xây dựng website kinh doanh đồ chơi thể thao skateboard 17 Trang chủ Cửa hàng Phân loại sản phẩm Blog Về chúng tôi Liên lạc Giỏ hàng, thanh toán Đăng nhập Đăng kí Hỗ trợ quên mật khẩu Quản trị Quản lí khách hàng Quản lí sản phẩm Quản lí nhân viên Quản lí hóa đơn Quản lí loại sản phẩm 2. Trang chủ Hiển thị các thông tin về sản phẩm nổi bật, vừa mới ra mắt, sản phẩm được mọi người đánh giá cao nhất và sản phẩm được mua nhiều nhất… Các Slider để giới thiệu về website và cửa hàng ván trượt Những blog liên quan tới hướng dẫn chơi ván, tips thực hiện các kĩ thuật,… 2.
Cửa hàng Hiển thị các sản phẩm của cửa hàng Phân loại Các sản phẩm sẽ được phân loại để giới thiệu tới khách hàng theo: Giá thành, xuất xứ, thương hiệu,… Sắp xếp Các sản phẩm sẽ được sắp xếp mặc định. Nhưng có thể sắp xếp lại theo: giá thành tăng dần, giá thành giảm dần, số lượng mua nhiều, số lượng đánh giá… Mỗi sản phẩm sẽ được hiển thị thông tin về: Tên sản phẩm, giá thành, các ảnh minh họa, mô tả,… 2. Blog Trong trang blog sẽ có các bài viết lịch sử về ván trượt, cái blog hướng dẫn chơi ván,. 18 Báo cáo đồ án cơ sở 2: Xây dựng website kinh doanh đồ chơi thể thao skateboard 18 Ngoài ra, có các tips chơi ván làm sao cho hiệu quả tránh những sai lầm gây ra trấn thương.
Về chúng tôi Kể những câu chuyện liên quan tới cửa hàng về trách nhiệm, sứ mệnh mang lại cho khách hàng Hiển thị các thông tin liên lạc của cửa hàng, địa chỉ cửa hàng… 2. Liên lạc Đây là trang để khách hàng - những người trải nghiệm trang web để lại các yêu cầu nếu cần hỗ trợ trong quá trình sử dụng hệ thống website. Giỏ hàng và thanh toán Đây là trang hiển thị các sản phẩm mà khách hàng đã thêm vào giỏ hàng trong quá trình mua sắm tại website và cung cấp cách thanh toán tự động kết nối ngân hàng của cửa hàng với khách hàng. Đăng kí Khách hàng để mua hàng và tương tác với các trang của website thì cần phải đăng kí tư cách khách hàng.
Để đăng kí khách hàng cần cung cấp các thông tin: Họ và tên, ngày sinh, số điện thoại, email, mật khẩu, thông tin địa chỉ nơi sinh sống hoặc nhận hàng. Đăng nhập Để sử dụng chức năng mua hàng và tương tác với trang web thì khách hàng phải đăng nhập với tư cách khách hàng vào hệ thống. Khách hàng cần cung cấp các thông tin: Tên đăng nhập, mật khẩu. Nếu khách hàng quên mật khẩu thì cần chuyển tới trang hỗ trợ quên mật khẩu để lấy lại mật khẩu.
Hỗ trợ quên mật khẩu Khách hàng trong quá trình sử dụng trang web nếu có sơ suất quên mật khẩu thì có thể gửi yêu cầu để tự động lấy lại mật khẩu mới sau vài bước xác minh thông tin. Khách hàng cần cung cấp thông tin: số điện thoại. Một email tự động kèm mật khẩu mới sẽ được gửi về email của khách hàng đã đăng ký lúc tạo tài khoản mới. 19 Báo cáo đồ án cơ sở 2: Xây dựng website kinh doanh đồ chơi thể thao skateboard 19 2.
Trang quản lí Quản lí : Quản lí khách hàng: Quản lí các thông tin của khách hàng đã cung cấp trong lúc đăng kí tư cách thành viên. Quản lí sản phẩm : Quản trị viên có quyền thêm sửa xóa các thông tin của sản phẩm được bán trên trang web Quản lí nhân viên : Các thông tin của nhân viên trong cửa hàng sẽ được quản lí trên hệ thống. Các nhân viên ở các bộ phận khác nhau sẽ có các quyền hạn sử dụng trang web khác nhau Quản lí hóa đơn : Khách hàng sau khi mua hàng sẽ được lập các hóa đơn. Hóa đơn gồm các thông tin về sản phẩm được mua, tổng tiền, thông tin khách hàng, ngày lập hóa đơn… Các hóa đơn sẽ được chuyển thành hóa đơn cũ sau khi giao hàng Quản lí loại sản phẩm: Quản trị viên có thể quản lí các thông tin về sản phẩm như: Tên sản phẩm, mã sản phẩm, các thông số của sản phẩm… 3.
Kết chương 1 Thông qua tìm hiểu những nhu cầu của thị trường và những nhu cầu thực tiễn từ đó, làm cơ sở đề xuất những công nghệ và công cụ để thực hiện đề tài và cơ sở dữ liệu sẽ được trình bày trong chương tiếp theo. 20 Báo cáo đồ án cơ sở 2: Xây dựng website kinh doanh đồ chơi thể thao skateboard 20 CHƯƠNG 2. GIỚI THIỆU CÔNG NGHỆ 1. HTML HTML (viết tắt của từ HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web trên World Wide Web.
Nó có thể được trợ giúp bởi các công nghệ như CSS và các ngôn ngữ kịch bản giống như JavaScript. HTML Một website thường chứa nhiều trang con và mỗi trang con này lại có một tập tin HTML riêng. Lưu ý, HTML không phải là ngôn ngữ lập trình. Điều này có nghĩa là nó không thể thực hiện các chức năng “động”.
Hiểu một cách đơn giản hơn, cũng tương tự như phần mềm Microsoft Word, HTML chỉ có tác dụng bố cục và định dạng trang web. HTML khi kết hợp với CSS và JavaScript sẽ trở thành một nền tảng vững chắc cho thế giới mạng. 21 Báo cáo đồ án cơ sở 2: Xây dựng website kinh doanh đồ chơi thể thao skateboard 21 HTML được tạo ra bởi Tim Berners-Lee, một nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ. Hiện nay, HTML đã trở thành một chuẩn Internet được tổ chức W3C (World Wide Web Consortium) vận hành và phát triển.
Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML. Phiên bản HTML 4.01 được xuất bản năm 1999. Sau đó, các nhà phát triển đã thay thế HTML bằng XHTML vào năm 2000. Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 với nhiều tag được thêm vào markup, mục đích là để xác định rõ nội dung thuộc loại là gì (ví dụ như: <article>, <header>, <footer>…).
CSS CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web. Nó có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng…thì CSS sẽ giúp ta có thể thêm style vào các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, vì HTML không được thiết kế để gắn tag để giúp định dạng trang web. 22 Báo cáo đồ án cơ sở 2: Xây dựng website kinh doanh đồ chơi thể thao skateboard 22 Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác.
Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó. Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ markup (nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo nên giao diện website), chúng là không thể tách rời. Javascript Javascript là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có sẵn hoặc tự định nghĩa.
Javascript được sử dụng rộng rãi trong các ứng dụng Website. Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome,. trên máy tính lẫn điện thoại. Nhiệm vụ của Javascript là xử lý những đối tượng HTML trên trình duyệt.
Nó có thể can thiệp với các hành động như thêm / xóa / sửa các thuộc tính CSS và các thẻ HTML một cách dễ dàng. Hay nói cách khác, Javascript là một ngôn ngữ lập trình trên trình duyệt ở phía client. Tuy nhiên, hiện nay với sự xuất hiện của NodeJS đã giúp cho Javascript có thể làm việc ở backend. 23 Báo cáo đồ án cơ sở 2: Xây dựng website kinh doanh đồ chơi thể thao skateboard 23 Hãy thử truy cập vào một số website trên internet thì sẽ thấy có những hiệu ứng slide, menu xổ xuống, các hình ảnh chạy qua chạy lại rất đẹp.
tất cả các chức năng này đều được xử lý bằng Javascript. Thư viện Javascript hỗ trợ (Jquery) jQuery là một thư viện JavaScript, được sử dụng rộng rãi trong lập trình, thiết kế website nhằm xây dựng các tính năng bằng JavaScript nhanh chóng, đơn giản hơn. Nó không phải là ngôn ngữ lập trình riêng mà liên kết chặt chẽ với JavaScript. Thư viện Javascript hỗ trợ 4 điểm mạnh nhất của Chart.js là: Dự án mã nguồn mở: cả cộng đồng phát triển và khắc phục lỗi.