Báo cáo cuối kì mã nguồn mở tên Đề tài thiết kế website hệ thống quản lý bán hàng

LỜI NÓI ĐẦU Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố quan trọng mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũn

Trang 1

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM ĐÀ NẴNG

-

-BÁO CÁO CUỐI KÌ MÃ NGUỒN MỞ

TÊN ĐỀ TÀI THIẾT KẾ WEBSITE HỆ THỐNG QUẢN LÝ BÁN HÀNG

Giảng viên hướng dẫn: TS Lê Thị Thanh Bình

Nhóm sinh viên: Nguyễn Văn Phước

Nguyễn Thị Quỳnh Thương

Nguyễn Thị Thanh Triều

Bạch Gia Huy Phan Thành Đạt Lớp học phần: 21-0103

Trang 2

LỜI NÓI ĐẦU

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố quan trọng mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công ty; nó đóng vai trò quan trọng, có thể tạo ra những bước đột phá mạnh mẽ

Việc xây dựng các trang web để phục vụ cho các nhu cầu riêng của các tổ chức, công ty thậm chí các cá nhân, ngày nay, không lấy gì làm lạ Với một vài thao tác đơn giản, một người bất kì có thể trở thành chủ của một website giới thiệu

về bất cứ gì mà họ quan tâm: một website giới thiệu về bản thân và gia đình họ, hay là một website trình bày các bộ sưu tập hình ảnh các loại xe mà họ yêu thích chẳng hạn

Đối với các chính phủ và các công ty thì việc xây dựng các website riêng càng ngày càng trở nên cần thiết Thông qua những website này, thông tin về họ cũng như các công văn, thông báo, quyết định của chính phủ hay các sản phẩm, dịch vụ mới của công ty sẽ đến với những người quan tâm, đến với khách hàng của họ một cách nhanh chóng kịp thời, tránh những phiền hà mà phương thức giao tiếp truyền thống thường gặp phải

Bắt nguồn từ nhu cầu của thị trường và khách hàng chúng tôi đã phân tích và nhận thấy rằng nhiều trang web chưa đáp ứng đầy đủ nhu cầu của khách hàng Một số trang web quá phức tạp và khó sử dụng,… Vì vậy, chúng tôi đã quyết định tạo ra ý tưởng THIẾT KẾ WEBSITE HỆ THỐNG QUẢN LÝ BÁN HÀNG mới mẻ và độc đáo để cung cấp cho khách hàng trải nghiệm tiện lợi và đáng nhớ

SU

Trang 3

CHƯƠNG 1: MỞ ĐẦU

I Giới thiệu tổng quan về đề tài

I.1 Tên đề tài

- Thiết kế website hệ thống quản lý bán hàng

I.4 Đối tượng nghiên cứu

- Các mặt hàng quần áo, phụ kiện

CHƯƠNG 2: CƠ SỞ LÝ LUẬN CỦA VIỆC THIẾT KẾ

WEBSITE

I Tổng quan về website, công nghệ phát triển web

I.1 Khái niệm website

- Website là một tài nguyên trên World Wide Web(WWW) mà các người dùng có thể truy cập và xem thông tin, sản phẩm, dịch vụ hoặc nội dung khác qua một trình duyệt web Nó bao gồm các trang web có liên kết với nhau mà được lưu trữ trên máy chủ web

- Website có thể có nhiều mục đích khác nhau như giới thiệu sản phẩm, cung cấp thông tin, giải trí, mua sắm trực tuyến, tạo cộngđồng,… Nó có thể được tạo ra cho các tổ chức, doanh nghiệp,

cá nhân, chính phủ, tổ chức phi chính phủ và các tổ chức phi lợinhuận

- Các thành phần chính của một trang web bao gồm tiêu đề, thân trang, hình ảnh, âm thanh, video và các liên kết trang web Thiết kế và phát triển website bao gồm các kỹ thuật lập trình web như HTML, CSS, JavaScript, PHP, các công cụ phát triểu web và các công cụ phát triển web và các kỹ năng thiết kế đồ họa

Trang 4

internet đã tồn tại nhưng chỉ được sử dụng cho mục đích chia sẻtài liệu giữ các nhà nghiên cứu.

- Ngày 6 tháng 8 năm 1991, Berners-Lee công bố một bài viết trên newsgroup alt.hypertext giới thiệu về ý tưởng WWW Ông tạo ra một hệ thống giúp kết nối các tài liệu và thông tin trên internet thông qua các liên kết hypertext Ý tưởng này trở thành

cơ sở cho các trang web hiện đại ngày nay

- Sau đó, vào năm 1993, NCSA Mosaic, trình duyệt web đầu tiên,được phát triển bởi Marc Andreessen và Eric Bina Nó cho phépngười dùng truy cập vào các trang web bằng cách sử dụng giao diện đồ họa thay vì chỉ dựa trên văn bản trước đây

- Từ đó, website phát triển nhanh chóng và trở thành một phươngtiện truyền thông quan trọng trong cuộc cách mạng thông tin Ngày nay, website không chỉ là một công cụ để truyền tải thôngtin, mà còn là một phương tiện để kết nối mọi người, tạo cộng đồng và kinh doanh trực tuyến

I.3 Các yêu cầu tối thiểu của một trang web

- Chức năng hoạt động: Trang web phải được thiết kế sao cho tất

cả các tính năng và chức năng đều hoạt động đúng cách và không gây ra lỗi hoặc trục trặc

- Nội dung: Trang web phải cung cấp nội dung đầy đủ, chính xác

và đáp ứng được nhu cầu của người dùng Nội dung trang web phải được tổ chức và hiển thị một cách rõ ràng và dễ đọc

- Thiết kế responsive: Trang web phải được thiết kế để có thể hiển thị đúng cách trên nhiều thiết bị khác nhau, từ máy tính để bàn đến điện thoại di động

- Tốc độ tải trang nhanh: Trang web phải có thời gian tải trang nhanh để đảm báo người dùng không phải đợi lâu

- Bảo mật: Trang web phải được bảo vệ an toàn để ngăn chặn cáccuộc tấn công mạng và đảm bảo rằng thông tin của người dùng được bảo mật

- Hỗ trợ trình duyệt web: Trang web phải được thiết kế để có thể hoạt động trên nhiều trình duyệt web khác nhau như Chrome, Cốc cốc,…

- Độc lạ với hệ điều hành: Trang web phải hoạt động đúng cách trên nhiều hệ điều hành khác nhau như Windows, MacOS,…I.4 Phân loại web

Trang 5

Dựa vào công nghệ phát triển, có 2 loại:

I.4.1 Web tĩnh

- Là các trang web được xây dựng sẵn trên server có hình dáng nguyên thủy như thế nào thì khi thể hiện trên browser nó thể hiện nguyên như vậy

 Sử dụng nhiều ngôn ngữ khác nhau;

 Thường phải viết nhiều mã lệnh;

 Sử dụng công nghệ ASP, PHP,…

I.4.3 Khác nhau giữ web tĩnh và web động

Web động có thêm các phần xử lý thông tin và truy xuất dữ liệucòn web tĩnh thì không

- Web động: có đặc điểm là có tính linh hoạt và có thể cập nhật thông tin thường xuyên, quản lý các thành phần trên website dễ dàng Loại website này thường được viết bằng các ngôn ngữ như PHP ,…quản trị cơ sở dữ liệu bằng MySQL,

- Web tĩnh: do được viết bằng HTML theo từng trang như một cuốn sách mỏng, không có cơ sở dữ liệu và không có công cụ quản lý thông tin trên website Thông thường web tĩnh được thiết kế bằng các phần mềm như Microsoft Frontpage,… Đặc điểm của website tĩnh ít thay đổi nội dung, sự thay đổi nội dungnày thường liên quan đến sự thay đổi các văn bản đi kèm thể hiện nội dung trên đó

- Hiện nay, web động được sử dụng rộng rãi vì những ưu điểm của nó Nhưng tại sao web tĩnh vẫn còn tồn tại ?

- Không hẳn một website tĩnh không có lợi thế hơn so với một website động Với web tĩnh, có thể có một giao diện được thiết

kế tự do hơn Vì vậy, nhiều khi một website tĩnh có cách trình

Trang 6

bày đẹp mắt và cuốn hút hơn Đối với những website chỉ nhằm đăng tải một số ít thông tin và chúng không có nhiều thay đổi theo thời gian thì việc dùng hình thức website tĩnh là phù hợp hơn cả Ngoài ra, website tĩnh còn có một lợi thế vô song: web tĩnh thân thiệt với các cơ chế tìm kiếm hơn so với web động Bởi vì địa chỉ URL của các html trong web tĩnh không chứ dấuchấm (?) như web động

I.5 Công nghệ phổ biến sử dụng lập trình web

- PHP: Được chạy trên máy chủ Linux hoặc Windows Với đặc điểm mạnh mẽ, dễ viết, dễ dùng, dễ phát triển Cặp đôi với PHP

là cơ sở dữ liệu MySQL PHP đã trở thành ngôn ngữ lập trình web phổ biến nhất hiện nay

- ASP: Chạy trên máy chủ Windows, thường sử dụng cơ sở dữ liệu Access, được Microsoft phát triển nhằm vào các đối tượng ứng dụng văn phòng

- ASP.NET: Chạy trên máy chủ Windows Được Microsoft xây dựng trên nền tảng NET, kết hợp với cơ sở dữ liệu MySQL Server khiến ho ASP.NET trở nên một địch thủ đáng gờm đối với bất kỳ một ngôn ngữ lập trình web nào

- JSP, CGI, Python: Chạy trên máy chủ Windows hoặc Linux Đãtừng nổi đình nổi đám một thời Tuy nhiên hiện nay đã không còn phổ biến

I.6 Thiết kế website

- Thiết kế website là một quá trình tạo ra một trang web chuyên nghiệp và hấp dẫn cho người dùng Nó bao gồm việc xác định mục đích trang web, đối tượng khách hàng, nội dung, cấu trúc, giao diện người dùng, tối ưu hóa trang web cho công cụ tìm kiếm và thực hiện các chức năng cần thiết cho người dùng

- Các bước phát triển web: tương tự với phân tích và thiết kế hệ thống

Trang 7

dẫn, và thân thiện với người dùng, từ đó thu hút được lượng khách hàng tiềm năng, tăng doanh số bán hàng, cung cấp thông tin cho khách hàng và nâng cao thương hiệu của mình.

II Giới thiệu công cụ hỗ trợ thiết kế web

II.1 Tổng quan về PHP

II.1.1 Khái niệm

- PHP là ngôn ngữ lập trình web được phát triển từ ngôn ngữ kịch bản (script) với mục đích xây dựng trang web cá nhân (Personal Home Pages) Sau đó đã được phát triển thành một ngôn ngữ hoàn chỉnh và được ưa chuộng trên toàn thế giới trong việc phát triển các ứng dụng web based

- PHP (PHP: Hypertext Preprocessor ) là ngôn ngữ kịch bản lập trình phía máy chủ (server-side) phổ biến nhất trên thế giới.II.1.2 Lịch sử phát triển

- PHP (Personal Home Pages) do Rusmus Lerdorf phát minh ra, được công bố và phát triển từ năm 1994 Lúc đầu chỉ là bao gồm cac macro cho trang web cá nhân Được sử dụng để lưu dấu vết của người dùng trên các trang web Sau đó, Rusmus Lerdorf đã phát triển PHP như là một máy đặc tả

- Vào giữa năm 1997, PHP đã được phát triển nhanh chóng trong

sự yêu thích của nhiều nguời PHP không còn là một dự án cá nhân của Rusmus Lerdorf và trở thành một công nghệ quan trọng

- Tiếp theo, Zeev Suraki và Andi Gutmans hoàn thiện và phân tích cú pháp cho ngôn ngữ để PHP3 ra đời vào tháng 6 năm

1998 Phiên bản này có phần mở rộng là *.PHP3

- Ngay sau đó, PHP4 ra đời Phiên bản này không phải có phần

mở rộng *.PHP4 mà là *.PHP Bây giờ PHP được gọi là PHP HyperText PreProcessor

II.1.3 Đặc điểm

 Tốc độ nhanh, dễ sử dụng

 Có khả năng truy xuất hầu hết CSDL có sẵn

 Có thể chạy trên nhiều hệ điều hành

 Luôn được cải tiến và cập nhật

 Được hướng dẫn kỹ thuật bất cứ lúc nào

 Thể hiện được tính bền vững, chặn chẽ, phát triển không giới hạn

Trang 8

 Là phần mềm mã nguồn mở.

 Miễn phí

II.1.4 Cài đặt cho PHP

Có thể Download phiên bản mới nhất tại địa chỉ:

Trang 9

II.2 Tổng quan về MySQL

II.2.1 Giới thiệu về cơ sở dữ liệu

 Trong bất kỳ ứng dụng nào cần lưu trữ thông tin thì đều có khuynh hướng sử dụng cơ sở dữ liệu

 Tuỳ vào giải pháp của nhà quản trị như tính bảo mật, khả năngtài chính quy mô của ứng dụng,… mà lựa chọn loại cơ sở dữ liệu để lưu trữ , tổ chức , xử lý và tìm kiếm dữ liệu tối ưu nhất

Trang 10

 Phân loại cơ sở dữ liệu theo quy mô:

 Loại có quy mô nhỏ: Microsoft excel, Microsoft access, MySQL,…

 Loại có quy mô lớn: SQL server, DB2, Oracle,…

 Các loại cơ sở dữ liệu:

 Cơ sở dữ liệu phân cấp (Hierachical Databasa);

 Cơ sở dữ liệu quan hệ (Relation Database);

 Cơ sở dữ liệu hướng đối tượng (Object Oriented Database – OOD)

II.2.2 Đặc điểm của MySQL

 Là một hệ quản trị cơ sở dữ liệu miễn phí phát triển theo chuẩn

mã nguồn mở được dùng cho các ứng dụng web có quy mô vừa và nhỏ

 Có trình giao diện trên Windows hay Linux cho phép người dùng có thể thao tác đến cơ sở dữ liệu

 Nhanh và mạnh

 Cải tiến liên tục

 Cho phép kết nối, tạo cơ sở dữ liệu, quản lý người dùng, phân quyền sử dụng, thiết kế bảng và xử lý dữ liệu

 Có thể download phiên bản mới nhất của MySQL tại địa chỉ : http://www.mysql.com

 Các phiên bản 3.x, 4x và 5x khác nhau về kiến trúc Chi tiết xin xem trong feature log

II.2.3 Cài đặt MySQL

Bước 1: $ sudo apt install mysql-server

Trang 11

Bước 2: $ sudo service mysql status

Bước 3: $ sudo mysql -V

2.3 Giới thiệu về APACHE

 Là một Web Server miễn phí được phát triển theo chuẩn mã nguồn mở

 Apache là một kiểu mẫu Web Server rất phổ biến nguônd mở nên có thể thực hiện viết chương trình mở rộng tính năng của apache

 Apache có tính ổn định và tốc độ cao

 Apache chạy được trong cả hai môi trường Linux và Windows

 Có thể download phiên bản mới nhất của Apache tại địa chỉ : http://www.apache.org

 Các phiên bản 1.x và 2.x khác nhau về kiến trúc Chi tiết xem trong feature log

Trang 12

 Như đã trình bày thì PHP là một ngôn ngữ lập trình cho Web Server Tức các PHP scripts sẽ được chạy trên server và chỉ có kết quả dưới dạng mã HTML là được trả về cho client.

 MySQL là một database server có tốc độ nhanh hiện nay, thường được sử dụng chung với PHP trong các trang web cần

 Ngôn ngữ try vấn cơ sở dữ liệu là MySQL

 Đây là ba thành phần độc lập với nhau nhưng là bộ tam không thể thiếu nhau

 Với người bình thường nếu muốn ba thành phần này chạy với nhau một cách tốt đẹp thì phải có kiến thức sâu rộng về chúng, vì thế sẽ gâykhó khăn cho người mới học

 Từ nhu cầu đó mà một gói phần mềm tích hợp thành phần trên ra đời

 MySQL ( hệ quản trị cơ sở dữ liệu dành cho PHP)

 Cài đặt XAMPP: Gói phần mềm XAMPP là miễn phí và có thể tải về bản mới nhất tại :

http://www.apachefriends.org/en/xampp.html

Trang 13

2.5.2 Cài đặt XAMPP:

1 Truy cập https://www.apachefriends.org/index.html bằng trình duyệt web trên máy tính Đây là trang tải phần mềm chính thức của XAMPP

2 Tải xuống

Trang 14

Vào Downloads để xem có file tải về chưa

3 Mở Terminal và nhập các câu lệnh cài đặt

4 Set up

Trang 15

Nhấn vào forward

Trang 19

Đợi cho xampp load sau đó nhấn Finish để hoàn thành

Trang 20

Sau khi finish sẽ hiện ra giao diện như hình

5 Nhấp vào thẻ Manage Servers ( quản lý máy chủ )

6 Để đưa được lên trang web chúng ta phải khởi chạy MySQL và Apache Web Server

7 Kiểm tra đã chạy thành công xampp bằng cách vào Firefox có trên linux và

gõ vào thành tìm kiếm địa chỉ 127.0.0.1/phpmyadmin/

Trang 21

8 Thử chạy một chương trình cơ bản in ra trên màn hình web bằng câu lệnh như sau:

Tạo file và gõ lệnh như hình lưu lại

Sau đó, chạy trên firefox với địa chỉ localhost/vidu.php

Trang 22

Chúng ta đã thiết lập và chạy thành công

CHƯƠNG 4: GIAO DIỆN CHƯƠNG TRÌNH

I.Các bước thực hiện

Bước 1: Cài đặt môi trường

PHP chạy trên môi trường Webserver và lưu trữ dữ liệu thông qua hệ quản trị cơ sở dữ liệu nên PHP thường đi kèm với Apache, MySQL Và đây là link cài đặt môi trường cho các bạn nha https://hourofcode.vn/cai-dat-moi-truong-cho-php/

Sau khi đã cài đặt môi trường rồi thì để code PHP cần 1 IDE tốt để code ở đây mình chọn Sublime Text các bạn tham khảo cách cài đặt tại đây

Trang 23

Bước 2: Tạo folder chứa trang web

Sau khi đã cài môi trường thành công (ở đây mình cài XAMPP) các bạn vào đường dẫn C:\xampp\htdocs\ tạo 1 folder mới và đặt tên cho nó mình sẽ đặt là CodeLearnNews.

Sau đó tạo 1 file index.php bên trong folder CodeLearnNews trong CodeLearnNews Sau đó add folder CodeLearnNews vào Sublime Text rồi tạo 1 folder mới nữa với tên getdata bên trong folder CodeLearnNews, tạo file mới với tên get_data_home.php

để lấy dữ liệu cho trang chủ của mình.

Bước 3: Code

Các bạn vào file get_data_home.php chúng ta sẽ lấy dữ liệu tin mới nhất.

Bước 4: Chạy trên trình duyệt

Bước 1: Cài đặt môi trường