Đang tải... (xem toàn văn)
xây dụng bt đường đi robbot bằng ht nhúng,xây dụng bt đường đi robbot bằng ht nhúngxây dụng bt đường đi robbot bằng ht nhúng
Trang 1TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘIKHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO THỰC TẬP TỐT NGHIỆP
Tên đề tài: “THIẾT KẾ WEBSITE CỬA HÀNG THỜI TRANG DXP”
Đơn vị tập tốt nghiệp : Công ty
Trang 2Đầu tiên em xin gửi lời cảm ơn sâu sắc đến …., đã trực tiếp hướng dẫn và giúp đỡ em rất nhiều trong thời gian em làm báo cáo thực tập tốt nghiệp này.
Em xin cảm ơn Ban lãnh đạo đơn vị Công ty … cho phép và tạo điều kiện thuận lợi cho em được thực tập ở đơn vị Em cũng xin gửi lời cảm ơn đến các thầy cô Trong khoa Công nghệ thông tin đồng thời cũng là giáo viên chủ nhiệm của lớp em, cùng các thầy cô giáo trong Khoa đã nhiệt tình giúp đỡ tạo điều kiện giấy tờ giúp em thuận lợi trong việc thực tập tại doanh nghiệp.
Vì thời gian có hạn nên bài báo cáo của em còn nhiều hạn chế và không thể tránh khỏi những thiếu sót, mong thầy cô và các bạn có những ý kiến đóng góp để em có thể hoàn thiện và phát triển đề tài hơn
Em xin chân thành cảm ơn!
Sinh viên thực hiện Phùng
Đỗ Xuân Phùng
MỤC LỤC
Trang 3CHƯƠNG 2: TỔNG QUAN VỀ ĐỀ TÀI 12
2.1 Khảo sát và mô tả bài toán 12
2.1.1 Khảo sát thực tế 12
2.1.2 Mô tả bài toán 14
2.2 Giới thiệu các chức năng 14
2.2.1 Chức năng quản lý sản phẩm 14
2.2.2 Chức năng quản lý danh mục 14
2.2.3 Chức năng quản lý đơn hàng 15
2.2.4 Chức năng giỏ hàng (đối với khách hàng) 15
2.2.5 Chức năng xem sản phẩm (đối với khách hàng) 15
2.2.6 Chức năng xem đơn hàng (đối với khách hàng) 15
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 16
3.1 Xác định các tác nhân 16
3.2 Xây dựng use tổng của bài toán 16
3.3 Cơ sở dữ liệu của trang web 17
3.3.1 CSDL bảng tbl_admin 17
3.3.2 CSDL bảng tbl_cart_detail 18
3.3.3 CSDL bảng tbl_dangky 18
3.3.4 CSDL bảng tbl_danhmuc 19
Trang 5Hình 3: Giao diện quản trị viênHình 4: Giao diện quản lý sản phẩmHình 5: Giao diện quản lý danh mụcHình 6: Giao diện quản lý đơn hàngHình 7: Giao diện khách hàngHình 8: Giao diện trang chủHình 9: Giao diện trang chủHình 10: Giao diện trang chủ
Trang 6chóng giao tiếp và kết nối với nhau dễ dàng hơn thông qua nhiều loại dịch vụ trên Internet Đây chính là điều kiện thuận lợi cho thương mại điện tử ngày càng phát triển hơn Hiện nay, Thương mại điện tử đã trở thành một phương thức giao dịch quen thuộc của các công ty thương mại lớn trên thế giới và đang ngày càng phát triển tại Việt Nam
Việc lựa chọn đề tài THIẾT KẾ WEBSITE CỬA HÀNG THỜI TRANG DXP
được chọn lựa dựa trên một số lý do cụ thể và hợp lý Đầu tiên, PHP là một ngôn ngữ lập trình mạnh mẽ và linh hoạt, được sử dụng rộng rãi trong phát triển web Sự phổ biến của PHP đảm bảo rằng có nhiều tài nguyên hỗ trợ, từ các framework đến các thư viện có sẵn, giúp việc phát triển ứng dụng trở nên dễ dàng và hiệu quả hơn,
việc phát triển một trang web CỬA HÀNG THỜI TRANG DXP cho phép tích
hợp một loạt các tính năng quan trọng và tiện ích, như hệ thống quản lý người dùng, thanh toán trực tuyến an toàn, quản lý hàng tồn kho và đơn hàng PHP cung cấp các công cụ mạnh mẽ để xử lý dữ liệu và tương tác với cơ sở dữ liệu, điều này rất quan trọng khi xây dựng một cửa hàng trực tuyến PHP là một ngôn ngữ miễn phí và mã nguồn mở, điều này có nghĩa là không cần phải chi trả phí cho việc sử dụng ngôn ngữ này và có thể tùy chỉnh mã nguồn theo nhu cầu cụ thể của dự án Điều này giúp giảm chi phí phát triển và duy trì ứng dụng, đặc biệt là cho các dự án vừa và nhỏ Cuối cùng, việc sử dụng PHP cho dự án mang lại sự linh hoạt trong việc mở rộng và phát triển sau này.
CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
Trang 71.1 HTML
HTML là chữ viết tắt của Hypertext Markup Language Nó giúp người dùng tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes,
HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó không thể
tạo ra các chức năng “động” được Nó chỉ giống như Microsoft Word, dùng để bố cục và định dạng trang web.
HTML được sử dụng để tạo bố cục, cấu trúc trang web Nó có một số ưu điểm sau:
- Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn - Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay
- Các markup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao - Sử dụng mã nguồn mở, hoàn toàn miễn phí
- HTML là chuẩn web được vận hành bởi W3C
- Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP, Node.js, )
1.2 CSS
CSS là ngôn ngữ định dạng cho trang web (Cascading Style Sheet Language) Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn ngữ đánh dấu, như là HTML Nó có thể điều khiển định dạng của nhiều trang web cùng lúc để tiết kiệm công sức cho người viết web Nó phân biệt cách hiển thị của trang web với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ Nhờ có ngôn ngữ này, các lập trình viên sẽ tiết kiệm được tối đa thời gian và công sức viết code Với sự hỗ trợ của CSS, website của bạn cũng được tối ưu và nâng cao tốc độ truy cập.
Điểm Mạnh:
Trang 8- Tính Linh Hoạt: CSS cho phép bạn tùy chỉnh và điều chỉnh giao diện của trang web một cách linh hoạt thông qua các thuộc tính và quy tắc định kiểu.
- Phản Hồi và Tính Thích Ứng: CSS cho phép bạn tạo ra các thiết kế phản hồi và
tự động thích ứng với kích thước và tính chất của các thiết bị và màn hình khác nhau.
- Tính Kế Thừa: CSS có khả năng kế thừa các định kiểu từ các phần tử cha đến các
phần tử con, giúp giảm bớt lặp lại mã và dễ bảo trì.
- Tính Tùy Chỉnh: CSS cho phép bạn tạo ra các định kiểu tùy chỉnh sử dụng các
biến, hàm, và các công cụ khác như preprocessor như Sass hoặc Less.
- Sự Thích Ứng Cho Nhiều Trình Duyệt: CSS được hỗ trợ trên hầu hết các trình
duyệt web phổ biến, giúp đảm bảo tính tương thích trên nhiều nền tảng Điểm Yếu:
- Khả Năng Bảo Trì Khó Khăn: CSS có thể trở nên khó khăn trong việc bảo trì khi
dự án trở nên lớn và phức tạp, đặc biệt là khi không có cấu trúc tổ chức tốt.
- Tính Tương Tác Yếu Kém: CSS chỉ định kiểu cho các phần tử HTML mà không
cung cấp các tính năng tương tác phức tạp như xử lý sự kiện hoặc thay đổi trạng thái.
- Hạn Chế Trong Định Kiểu Hình Ảnh và Đa Phương Tiện: Mặc dù CSS có thể điều chỉnh các thuộc tính hình ảnh cơ bản như kích thước và độ mờ, nhưng nó có hạn chế trong việc xử lý hình ảnh và đa phương tiện phức tạp.
- Khó Khăn Trong Xử Lý Khả Năng Chuyển Động và Hoạt Ảnh: CSS có thể đối
mặt với khó khăn khi xử lý các hiệu ứng chuyển động và hoạt ảnh phức tạp, đặc biệt là khi so sánh với các công cụ như JavaScript hoặc các thư viện hoạt ảnh Mặc dù có những hạn chế nhất định, CSS vẫn là một công cụ quan trọng và không thể thiếu trong việc phát triển giao diện người dùng web.
Trang 91.3 PHP
PHP là dạng viết tắt của thuật ngữ Personal Home Page Đây là một chuỗi
ngôn ngữ kịch bản hoặc một dạng mã lệnh Trong đó, ngôn ngữ PHP chủ yếu được phát triển dành cho các ứng dụng nằsm trên máy chủ Khi các lập trình viên PHP viết chương trình, các chuỗi lệnh sẽ được chạy ở trên server nhằm sinh ra mã HTML Nhờ đó, những ứng dụng trên các website có thể chạy một cách dễ dàng Ngôn ngữ PHP thông thường phù hợp với việc lập trình web vì nó có thể dễ dàng kết nối với các website có sử dụng HTML để chạy trên những trình duyệt web Chính vì vậy, ngôn ngữ lập trình này luôn được coi là khá dễ học Và PHP cũng trở thành ngôn ngữ web dev phổ biến nhất mà các lập trình viên sẽ cần phải học khi mới bắt đầu vào nghề.
Ưu và nhược điểm của PHP 1.4 MySQL
MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (Relational Database Management System, viết tắt là RDBMS) hoạt động theo mô hình client-server RDBMS là một phần mềm hay dịch vụ dùng để tạo và quản lý các cơ sở dữ liệu (Database) theo hình thức quản lý các mối liên hệ giữa chúng MySQL là một trong số các phần mềm RDBMS RDBMS và MySQL thường được cho là một vì độ phổ biến quá lớn của MySQL Các ứng dụng web lớn nhất như Facebook, Twitter, YouTube, Google, và Yahoo! đều dùng MySQL cho mục đích lưu trữ dữ liệu Kể cả khi ban đầu nó chỉ được dùng rất hạn chế nhưng giờ nó đã tương thích với nhiều hạ tầng máy tính quan trọng như Linux, macOS, Microsoft Windows, và Ubuntu.
1.5 Bootstrap
Trang 10Bootstrap là một framework front-end mã nguồn mở được sử dụng để phát triển các giao diện web và ứng dụng di động Nó bao gồm một bộ các công cụ CSS và JavaScript để giúp tăng tốc quá trình phát triển web bằng cách cung cấp các thành phần và mẫu thiết kế đã được chuẩn bị sẵn Bootstrap được phát triển bởi Twitter và được công bố dưới dạng mã nguồn mở vào năm 2011 Bootstrap cung cấp một cách tiếp cận linh hoạt để xây dựng giao diện người dùng phản hồi và thích ứng trên nhiều thiết bị và kích thước màn hình khác nhau.
Bootstrap là một framework front-end được sử dụng rộng rãi trong phát triển web để tăng tốc quá trình phát triển và cung cấp một cơ sở chung cho việc xây dựng giao diện người dùng Dưới đây là một số điểm tổng quan và ứng dụng chính của Bootstrap:
- Responsive Design: Bootstrap cung cấp các lớp CSS và mẫu thiết kế để giúp xây dựng các giao diện web phản hồi, tức là có khả năng thích ứng với kích thước màn hình khác nhau, từ máy tính để bàn đến thiết bị di động.
- Grid System: Bootstrap đi kèm với một hệ thống lưới (grid system) linh hoạt, cho phép bạn dễ dàng cấu trúc layout của trang web một cách hợp lý trên nhiều kích thước màn hình.
- Component Library: Bootstrap cung cấp một bộ sưu tập các thành phần giao diện người dùng (UI components) như buttons, forms, navigation bars, và nhiều hơn nữa Điều này giúp tiết kiệm thời gian và công sức trong việc xây dựng giao diện - Customizable: Bootstrap có thể tùy chỉnh linh hoạt bằng cách sử dụng Sass (một ngôn ngữ CSS mở rộng) hoặc chỉnh sửa các biến và CSS trực tiếp Điều này giúp bạn tạo ra giao diện theo ý muốn của mình mà vẫn giữ được lợi ích từ sự linh hoạt của Bootstrap.
- Browser Compatibility: Bootstrap được thử nghiệm kỹ lưỡng để đảm bảo tương thích trên nhiều trình duyệt khác nhau, giúp đơn giản hóa quá trình kiểm tra và triển khai.
Trang 11Ứng dụng của Bootstrap rất đa dạng và có thể sử dụng trong nhiều trường hợp như: Xây dựng trang web cá nhân hoặc trang web doanh nghiệp.
Phát triển các ứng dụng web và di động.
Tạo ra các sản phẩm MVP (Minimum Viable Product) nhanh chóng Xây dựng các trang landing page hoặc trang sản phẩm.
Phát triển giao diện người dùng cho ứng dụng web hoặc di động Xây dựng các dự án thử nghiệm hoặc prototype nhanh chóng.
CHƯƠNG 2: TỔNG QUAN VỀ ĐỀ TÀI
Trang 122.1 Khảo sát và mô tả bài toán2.1.1 Khảo sát thực tế
Thực trạng cửa các cửa hàng thời trang hiện nay thông qua quá trình tìm
hiểu, khảo sát trực tiếp tại nhiều các cửa hàng, em nhận thấy các khâu quản lý mua bán hàng còn nhiều tồn đọng cần được giải quyết Cửa hàng mà em đã khảo sát là một cửa hàng thời trang có quy mô trung bình với nhiều loại quần áo và đồ dùng mỹ phẩm khác nhau Hàng ngày cửa hàng đón nhận nhiều khách hàng đến mua Sau mỗi lần giao dịch thì công tác quản lý, kinh doanh tốn rất nhiều thời gian, công sức, giấy tờ, sổ sách Là một cửa hàng với nhiều loại quần áo khác nhau vì vậy việc khách hàng mua bán, thanh toán không tránh khỏi những sai sót, nhầm lẫn Mọi quá trình mua bán, nhập đồ từ nhà cung cấp đều bằng giấy viết tay và lưu trữ bằng giấy mất nhiều
thời gian và công sức rất rễ xảy ra nhầm lẫn, mất mát Người quản lý cửa hàng rất khó khăn trong việc nắm bắt các thông tin về khách hàng, số lượng quần áo đã bán được, số lượng quần áo còn tồn trong kho, loại quần áo nào bán chạy để có thể đưa ra biện pháp kinh doanh kịp thời Mỗi khi muốn thống kê, báo cáo về hoạt động kinh doanh của cửa hàng mình, các nhân viên lại phải tìm tòi, lùng sục tùng hoá đơn mất nhiều thời gian, vì vậy các nhà quản lý khó nắm bắt được
hoạt động kinh doanh thường xuyên của cửa hàng mình dẫn đến sự chậm trễ trong việc đưa ra chiến lược kinh doanh Bên cạnh đó sự phát triển không ngừng của công nghệ thông tin, việc ứng dụng công nghệ thông tin vào việc quản lý sẽ giúp cửa hàng trở nên dễ dàng và tiện lợi hơn rất nhiều so với việc làm thủ công bằng tay và giấy tờ.
Trang 13Quy trình hoạt động của cửa hàng thời trang:
Khi cửa hàng có nhu cầu nhập quần áo về, quản lý sẽ xem xét xem cần nhập những loại quần áo và đồ dùng gì, tìm hiểu và lên hệ với nhà cung cấp, nếu là nhà cung cấp mới thì phải gọi điện trao đổi về khả năng cung ứng, tìm hiếu kỹ rồi mới tiến hành đặt hàng Khi nhà cung cấp đưa hàng tới thì quản lý sẽ tiến hành kiểm tra xem có đảm bảo yêu cầu về số lượng và chất lượng như yêu cầu không Nếu đảm bảo yêu cầu thì nhập hàng vào kho, khi hàng được nhập vào kho thì phải cộng thêm số lượng hàng vào kho đó.
Khi có khách hàng mua sẽ có nhân viên chuyên tiếp đón khách hàng, khách hàng mua sẽ được những nhân viên tư vấn về các loại hàng mà khách hàng cần mua như số lượng quần áo được khuyến mại, giảm giá Khi khách hàng đồng ý mua thì nhân viên sẽ xem hàng đó có còn trong kho không, nếu không còn thì tư vấn cho khách hàng các loại hàng tương tự hoặc hẹn khách hàng vào thời gian gần nhất đến nhận hàng, nếu còn hàng thì nhân viên sẽ lên đơn và báo lại cho quản lý, quản lý lại tiến hành giao hàng cho khách Việc vận hành cửa hàng vẫn còn thủ công, gây khó khăn cho việc quản lý và với thời đại 4.0 như hiện nay việc mọi người muốn đặt hàng online thì cũng chưa có Cửa hàng cho phép khách hàng đặt hàng online trực tiếp trên trang chủ, khách hàng có thể chủ động tìm kiếm và tra cứu các thông tin về sản phẩm trên trang chủ.
Tóm lại thông qua khảo sát này, sẽ giúp cho người dùng có thể xây dựng một website bán hàng đúng nghĩa, vừa đáp ứng được việc mua hàng trực tuyến của khách hàng mà vừa đảm bảo được các chính sách bảo mật, tránh rủi ro ngoài ý muốn.
2.1.2 Mô tả bài toán
Trang 14Thông tin đơn hàng gồm: mã đơn, tên sản phẩm, số lượng, đơn giá, trạng thái đơn, thành tiền Đơn hàng sau khi được đặt thành công sẽ lưu trữ các thông tin như: mã đơn hàng, đơn giá, số lượng, ghi chú, sản phẩm Cửa hàng được vận hành và quản lý bởi quản lý cửa hàng Quản lý cửa hàng có thể quản lý và hiệu chỉnh các thông tin về đơn hàng, sản phẩm Quản lý cửa hàng có thể duyệt đơn đặt hàng của khách hàng, theo dõi trạng thái, thanh toán Khách hàng đăng kí tài khoản có thể vào xem sản phẩm và thêm vào giỏ hàng rồi tiến hành đặt hàng Mọi chức năng đều phải thông qua đăng nhập.
2.2 Giới thiệu các chức năng
2.2.1 Chức năng quản lý sản phẩm
- Thêm mới sản phẩm: Chức năng thêm mới sản phẩm nhằm cho quản lý cửa hàng có thể luôn luôn update được những sản phẩm mẫu mã mà cửa hàng mới nhập về được đến tay khác hàng.
- Sửa sản phẩm: khi quản lý cần thay đổi một chi tiết nào đó về sản phẩm thì hệ thống cho phép sửa đổi, cập nhật tin.
- Xóa sản phẩm: khi quản lý kiểm tra và thấy rằng sản phẩm này tạm hết hàng thì hệ thống cho phép chức năng xóa sản phẩm khỏi danh mục quản lý sản phẩm.
2.2.2 Chức năng quản lý danh mục
- Thêm mới sản phẩm: Chức năng thêm mới danh mục sản phẩm nhằm cho quản lý cửa hàng có thể phân loại sản phẩm để cho khách hàng có thể dễ dàng tìm kiếm sản phẩm mình mong muốn.
- Cập nhật sản phẩm: khi quản lý cần thay đổi một chi tiết nào đó về danh mục sản phẩm thì hệ thống cho phép sửa đổi, cập nhật tin.
- Xóa sản phẩm: khi quản lý kiểm tra và thấy rằng loại sản phẩm này tạm hết hàng thì hệ thống cho phép chức năng xóa danh mục sản phẩm.
2.2.3 Chức năng quản lý đơn hàng