Chương 1: Giới Thiệu Cơ Quan Thực Tập 1.1 Giới Thiệu về Cơ Quan Thực Tập Chương này giới thiệu cơ quan thực tập, mô tả vị trí, chức năng, nhiệm vụ và quyền hạn của cơ quan, mang đến cái nhìn tổng quan về môi trường làm việc mà bạn sẽ trải qua. 1.1.1 Vị Trí Nêu rõ vị trí của cơ quan thực tập trong ngành nghề hoặc tổ chức, đặc biệt là vai trò của nó trong hệ thống tổ chức lớn hơn. 1.1.2 Chức Năng Mô tả các chức năng cụ thể mà cơ quan thực tập thực hiện trong ngành, làm nổi bật những khía cạnh quan trọng của công việc hàng ngày. 1.1.3 Nhiệm Vụ và Quyền Hạn Chi tiết hóa nhiệm vụ mà cơ quan đặt ra cho nhân viên thực tập, đồng thời đề cập đến quyền hạn và trách nhiệm của họ trong quá trình làm việc. 1.2 Công Việc Thực Hiện Trong Quá Trình Thực Tập Mô tả các công việc cụ thể mà bạn sẽ thực hiện trong quá trình thực tập, nhấn mạnh mối liên kết giữa nhiệm vụ và kỹ năng cần phát triển. Chương 2: Tổng Quan về Đề Tài 2.1 Lý Do Chọn Đề Tài Bàn luận về lý do bạn đã chọn đề tài, có thể là sự quan tâm cá nhân, nhu cầu ngành nghề hoặc đóng góp vào một vấn đề cụ thể. 2.2 Mục Tiêu Chung của Đề Tài Xác định mục tiêu chung mà bạn muốn đạt được thông qua nghiên cứu và thực hiện dự án. 2.3 Phương Pháp Nghiên Cứu Đề cập đến phương pháp nghiên cứu bạn sử dụng để giải quyết vấn đề hoặc trả lời câu hỏi nghiên cứu. 2.4 Phạm Vi của Đề Tài Mô tả phạm vi nghiên cứu, bao gồm giới hạn và phạm vi thời gian, để định rõ khả năng ứng dụng của kết quả nghiên cứu. Chương 3: Cơ Sở Lý Thuyết 3.1 PHP Giới thiệu về PHP, cơ chế hoạt động, ưu và nhược điểm. 3.2 HTML Giới thiệu về HTML, cấu trúc, cấu trúc của thẻ (tag) và ưu và nhược điểm. 3.3 CSS Giới thiệu về CSS, cấu trúc, cách sử dụng, thuộc tính quan trọng và ưu và nhược điểm. 3.4 LocalhostPHPMyadmin Giới thiệu về Localhost, PHPMyadmin, MySQL và cách sử dụng PHPMyadmin. 3.5 Sublime Text Mô tả về Sublime Text và vai trò của nó trong phát triển web. Chương 4: Phân Tích Website Bán Sản Phẩm Công Nghệ 4.1 Đặt Tả Yêu Cầu Hệ Thống Mô tả yêu cầu hệ thống của website bán sản phẩm công nghệ. 4.2 Mục Đích của Trang Web Xác định mục đích chính của trang web, nhấn mạnh mong muốn đạt được. 4.3 Xác Định Yêu Cầu Chi tiết yêu cầu chức năng và những gì người dùng mong muốn từ trang web. 4.4 Phân Tích Tổng hợp chức năng của website và liên kết chúng thông qua các thực thể như Sản phẩm, Hãng sản xuất, Loại sản phẩm, Đơn hàng, Tài khoản. Chương 5: Xây Dựng và Thiết Kế Website Bán Sản Phẩm Công Nghệ 5.1 Xây Dựng Thực Thể Mô tả cách xây dựng thực thể, ví dụ như thực thể sản phẩm. 5.2 Xây Dựng Mối Kết Hợp Mô tả cách xây dựng mối kết hợp, như mối kết hợp chi tiết đơn hàng. 5.3 Các Mô Hình và Sơ Đồ Mô tả mô hình quan niệm, mô hình logic và mô hình vật lý của hệ thống. 5.4 Xây Dựng Cơ Sở Dữ Liệu Mô tả danh sách các bảng dữ liệu và chi tiết cấu trúc của chúng. Chương 6: Kết Quả Đạt Được 6.1 Giao Diện và Chức Năng Mô tả giao diện trang chủ, giao diện sản phẩm, giỏ hàng, và một số chức năng như tìm kiếm, đặt hàng và đăng nhập. 6.2 Chức Năng của Admin Mô tả chức năng quản lý sản phẩm, hãng sản xuất, loại sản phẩm và đơn hàng từ phía admin. 6.3 Kết Luận và Hướng Phát Triển Tổng kết kết quả đạt được và đề xuất hướng phát triển tương lai cho trang web bán sản phẩm công nghệ.
GIỚI THIỆU CƠ QUAN THỰC TẬP
Giới thiệu về cơ quan thực tập
Tên cơ quan thực tập: Trung tâm Công nghệ thông tin và Truyền thông Kiên Giang. Địa điểm: 17 Phan Bội Châu, phường Vĩnh Thanh Vân, thành phố Rạch Giá, tỉnh Kiên Giang.
Trung tâm Công nghệ thông tin và Truyền thông là đơn vị trực thuộc Sở Thông tin và Truyền thông, với chức năng hỗ trợ Giám đốc Sở thực hiện nhiệm vụ trong lĩnh vực công nghệ thông tin và truyền thông của tỉnh Trung tâm cung cấp các giải pháp, dịch vụ và ứng dụng trong lĩnh vực công nghệ thông tin và truyền thông.
Trung tâm Công nghệ thông tin và Truyền thông chịu sự chỉ đạo, hướng dẫn, kiểm tra về chuyên môn, nghiệp vụ; về tổ chức, nhân lực, hoạt động, tài chính và cơ sở vật chất của Sở Thông tin và Truyền thông theo quy định.
1.1.3 Nhiệm vụ và quyền hạn
1 Tham mưu giúp Giám đốc Sở Thông tin và Truyền thông:
- Chiến lược, kế hoạch phát triển hạ tầng công nghệ thông tin và truyền thông; kế hoạch triển khai các hoạt động công ích về công nghệ thông tin và truyền thông; các quy định về an toàn thông tin, an ninh mạng trên địa bàn tỉnh theo thẩm quyền.
- Tổ chức nghiên cứu, ứng dụng các tiến bộ khoa học công nghệ, xây dựng hệ thống thông tin phục vụ công tác quản lý nhà nước và chuyên môn nghiệp vụ trong các lĩnh vực về công nghệ thông tin và truyền thông.
- Quản lý vận hành hạ tầng kỹ thuật Trung tâm dữ liệu tỉnh; nền tảng tích hợp chia sẻ dữ liệu tỉnh; các ứng dụng và cơ sở dữ liệu dùng chung tỉnh; Các ứng dụng và cơ sở dữ liệu chuyên ngành tỉnh; hệ thống tên miền tỉnh “kiengiang.gov.vn”, địa chỉ IPv4, IPv6 của tỉnh,
- Quản lý Kho dữ liệu dùng chung của tỉnh.
- Giám sát an toàn thông tin tỉnh (SOC).
Triển khai xây dựng, nâng cấp, mở rộng, kiểm thử hệ thống ứng dụng và cơ sở dữ liệu dùng chung của tỉnh, đồng thời phát triển các ứng dụng và cơ sở dữ liệu chuyên ngành, phục vụ cho công tác quản lý, điều hành của cấp tỉnh.
- Tập huấn, hướng dẫn sử dụng các ứng dụng và cơ sở dữ liệu dùng chung tỉnh; tập huấn, bồi dưỡng nâng cao nhận thức và kỹ năng ứng dụng công nghệ thông tin, an toàn thông tin cho cán bộ công chức, viên chức thuộc tỉnh.
- Cung cấp các dịch vụ an toàn thông tin mạng.
- Thu thập, số hóa, chuẩn hóa dữ liệu vào Kho dữ liệu dùng chung của tỉnh.
- Bảo trì, bảo dưỡng thiết bị thuộc các hệ thống dùng chung tỉnh.
- Tập huấn, hỗ trợ sử dụng chữ ký số chuyên dùng cho các cơ quan nhà nước từ tỉnh đến xã.
- Cung cấp dịch vụ sự nghiệp công sử dụng ngân sách nhà nước thuộc lĩnh vực Thông tin và Truyền thông.
2 Ký hợp đồng với các tổ chức, cá nhân trong lĩnh vực công nghệ thông tin và truyền thông đảm bảo thực hiện theo chức năng nhiệm vụ được giao và quy định của pháp luật.
3 Chuyển giao các sản phẩm đã được nghiệm thu từ quá trình sáng tạo, nghiên cứu, ứng dụng, phát triển, hợp tác, liên kết,
4 Quản lý tài chính, tài sản được giao; thực hiện các quy định về chế độ tự chủ, tự chịu trách nhiệm về tài chính; thực hành tiết kiệm, chống lãng phí,phòng, chống tham nhũng theo quy định của pháp luật.
5 Quản lý tổ chức bộ máy, số lượng người làm việc, người lao động; thực hiện chế độ tiền lương, chính sách, chế độ đãi ngộ, đào tạo, bồi dưỡng,khen thưởng, kỷ luật theo thẩm quyền và theo quy định của pháp luật.
Công việc thực hiện trong quá trình thực tập
Các công việc đã thực hiện trong quá trình thực tập tại cơ quan được thể hiện trong bảng công việc
- Viết CV giới thiệu bản thân.
- Nghiên cứu Quyết định số 2483/QĐ-UBND ngày 05/10/2022 của UBND tỉnh Kiên Giang về việc quy định vị trí, chức năng, nhiệm vụ, quyền hạn và cơ cấu tổ chức Trung tâm Công nghệ thông tin và Truyền thông trực thuộc Sở Thông tin và Truyền thông.
- Tìm hiểu báo cáo hoạt động của Trung tâm Công nghệ thông tin năm 2022.
- Tìm hiểu quy trình lập dự án đầu tư ứng dụng Công nghệ thông tin.
- Xác định nội dung thực tập: "Xây dựng website về ".
- Thu thập dữ liệu phục vụ nội dung thực tập.
Kết quả: CV cá nhân, báo cáo kết quả thu thập dữ liệu.
- Nghiên cứu nền tảng công nghệ sẽ áp dụng hoặc tự xây dựng
- Đối với đề tài nghiên cứu trên nền tảng công nghệ có sẵn => Báo cáo kết quả tìm hiểu từ cài đặt, cấu hình, hiệu chỉnh Báo cáo chức năng hệ thống quản trị; nghiên cứu, tìm hiểu 1 số template (mẫu) có sẵn trên mạng để áp dụng cho nội dung thực tập.
- Đối với đề tài tự xây dựng => Báo cáo kết quả xây dựng cơ sở dữ liệu,thiết kế sơ bộ giao diện, chức năng hệ thống quản trị; giao diện, chức năng người dùng.
Kết quả: Báo cáo các nội dung nghiên cứu, thiết kế.
- Triển khai thực hiện nội dung thực tập (xây dựng phần mềm, thiết kế website ), báo cáo kết quả.
Kết quả: Báo cáo kết quả thực hiện từng tuần.
Từ ngày 26/04 - 06/05 : Hoàn thiện báo cáo kết quả thực tập,
TỔNG QUAN VỀ ĐỀ TÀI
Lý do chọn đề tài
Hiện nay nghành công nghiệp về máy tính đã và đang phát triển cao hơn qua từng ngày cả về phần cứng lẫn phần mềm, ngày càng được nâng cao hơn, ngày càng hoàn thiện hơn, đồng thời khả năng làm việc của con người cũng ngày được tối ưu hoá nhờ sự phát triển của công nghệ phầm mềm.
Một phần mềm có thể hỗ trợ hiệu quả cho con người trong công việc không chỉ cần có sự chính xác, đa dạng hoá các chức năng để xử lý được nhiều nghiệp vụ trong thực tếmà còn phải đáp ứng được các yêu cầu khác như tốc độ xử lý, giao diện thân thiện với người dùng, tính tương thích cao, bảo mật tốt, Vậy nên các phần mềm ngày càng được phát triển để hiệu quả công việc được nâng cao, giảm bớt thời gian làm việc và công sức, tăng độ chính xác và hiệu quả hơn.
Với một xã hội ngày một phát triển mạnh về thông tin và truyền thông như hiện nay thì nhu cầu được tiếp thu thông tin của con người là điều hiển nhiên Để có thể tiếp thu thông tin một cách nhanh chóng, con người cần phải có những công cụ, sản phẩm hỗ trợ như điện thoại, laptop… Để có có mua được một sản phẩm phù hợp với bản thân người ta thường chọn lựa kỹ càng về mẫu mã màu sắc hay các hãng sản xuất Việc này thường mấy nhiều thời gian và khó có thể nắm bắt được thông tin chính xác.
Nhận thấy được nhứng khó khăn trên nên tôi đã chọn thực hiện đề tài
Trang web bán sản phẩm công nghệ ra đời nhằm hỗ trợ người mua hàng dễ dàng lựa chọn được sản phẩm phù hợp với nhu cầu của mình Đồng thời, nó cũng giúp người bán quản lý việc bán hàng hiệu quả và chính xác hơn bằng cách tập hợp thông tin sản phẩm, cho phép người mua hàng đánh giá và so sánh các sản phẩm khác nhau trước khi đưa ra quyết định mua hàng.
Mục tiêu chung của đề tài
Đề tài “Website bán sản phẩm công nghệ” được viết ra nhằm tin học hóa việc quản lý bán hàng, giúp việc bán hàng trở nên chính xác, hiệu quả và ít tốn nhiều chi phí hơn Đồng thời cũng giúp các khách hàng có thể dễ dàng chọn lựa sản phẩm phù hợp với bản thân mà không phải mất nhiều thời gian.
Phương pháp nghiên cứu
Khảo sát hệ thống quản lí bán hàng tại một số cửa hàng
Tham khảo một số wedsite bán hàng trên mạng
Tìm hiều về tài liệu về website
Khảo sát ý kiến của nhiều người về nhu cầu mua sắn sản phẩm công nghệ
Phân tích và thiết kế hệ thống thông tin của web.
Phạm vi của đề tài
Việc tạo một website bán hàng trực tuyến trong thời đại công nghệ thông tin phát triển một cách bùng nổ trên nhiều lĩnh vực là rất cần thiết Các sản phẩm công nghệ gồm rất nhiều loại nhưng vì thời gian có hạn và còn nhiều hạn chế nên tôi chỉ quản lý bán ba loại sản phẩm trong nghành sản phẩm công nghệ, bao gồm: điện thoại, laptop, phụ kiện đi kèm.
Yêu cầu được đặt ra là phải tạo được một website bán sản phẩm công nghệ gồm thiết kế giao diện, xây dựng cơ sở sữ liệu, quản lý sản phẩm, quản lý loại sản phẩm, quản lý hoá đơn đơn đặt hàng,…
CƠ SỞ LÝ THUYẾT
PHP
PHP là từ viết tắt của thuật ngữ Personal Home Page Đây là một dạng mã lệnh hoặc một chuỗi ngôn ngữ kịch bản Trong đó, ngôn ngữ PHP chủ yếu được phát triển để dành cho những ứng dụng nằm trên máy chủ
Mỗi khi các lập trình viên PHP viết các chương trình thì các chuỗi lệnh sẽ được chạy ở trên server, từ đó sinh ra mã HTML Nhờ vậy mà những ứng dụng trên các website có thể chạy được một cách dễ dàng PHP là ngôn ngữ lập trình kiểu scirpt, chạy trên Server và trả về mã HTML cho trình duyệt
PHP trở thành ngôn ngữ lập trình Web phổ biến trên mạng hiện nay Các mã lệnh PHP được nhúng vào các trang Web, các trang này thường có phần mở rộng là PHP Người ta thường sử dụng PHP trong việc xây dựng và phát triển các ứng dụng website chạy trên máy chủ
Mã lệnh PHP có thể nhúng được vào trang HTML bằng cách sử dụng cặp thẻ PHP Nhờ đó, website bạn phát triển dễ dàng kết nối được với các website khác trên hệ thống mạng internet
PHP cũng là ngôn ngữ lập trình mã nguồn mở và miễn phí PHP tương thích với nhiều nền tảng khác nhau như Windows, MacOS và Linux, v.v Đa phần các trang website bạn đang sử dụng hàng ngày để học tập, làm việc và giải trí đều sử dụng ngôn ngữ lập trình PHP Chẳng hạn như Facebook, Pinterest, Wikipedia, WordPress, v.v…
Khi client gửi yêu cầu một trang PHP đến web server, đầu tiên web server sẽ phân tích và thi hành các mã lệnh PHP được nhúng, sau đó trả về một trang web kết quả đã được xử lý cho client Các câu lệnh PHP không được gửi đến trình duyệt, do đó mã PHP an toàn và trong suốt với người dùng.
Hình 2.1 Cơ chế hoạt động của PHP
3.1.3 Ưu, nhược điểm của PHP
PHP là một trong những ngôn ngữ lập trình phổ biến nhất vì những lợi ích mà nó đem lại Về cơ bản, có 4 ưu điểm chính:
Tính đơn giản và linh động: PHP sử dụng mã nguồn mở nên việc cài đặt và sử dụng nó rất dễ dàng Ngôn ngữ này phù hợp với cả những người hoàn toàn mới với nghề lập trình viên Bạn chỉ cần học chăm chỉ trong 3 –
6 tháng để thuần thục nó.
- Cộng đồng hỗ trợ lớn: PHP là một ngôn ngữ phổ biến nên các diễn đàn,đội nhóm chuyên sâu của PHP thuộc hàng ngũ đầu của ngành Bên cạnh đó, thị trường tuyển dụng cho công việc này cũng chưa bao giờ giảm nhiệt.
- Cơ sở dữ liệu đa dạng: PHP cho phép kết nối với hầu hết các loại cơ sở dữ liệu như MySQL, mSQL, MS-SQL, SQLite, PostgreSQL, v.v Nhờ vậy, bạn sẽ không bị giới hạn và có thể chọn cơ sở dữ liệu tối ưu nhất cho ứng dụng của mình.
- Thư viện phong phú: Nhiều sách hướng dẫn và các tài liệu tham khảo có sẵn, cung cấp các kiến thức hữu ích cho các lập trình viên mới làm quen dần.
Tuy nhiều với ưu điểm kể trên, PHP cũng có vài nhược điểm cơ bản như sau:
- PHP chỉ có thể hoạt động và sử dụng được trên các ứng dụng trong web. Đó chính là lý do khiến cho ngôn ngữ này khó có thể cạnh tranh được với những ngôn ngữ lập trình khác.
- Khi dùng PHP chính là cấu trúc ngôn ngữ của nó nhìn không được gọn gàng cho lắm Mọi câu lệnh được viết trong cặp câu lệnh.
- Không giống như Java và C# khi bạn học thì có thể làm website, các ứng dụng điện thoại, chương trình hay phần mềm Tuy nhiên đối với PHP chỉ có thể sử dụng làm website và các ứng dụng website mở rộng mà thôi.
- Nhược điểm lớn nhất đáng nói đến là khả năng bị sao chép và hack mã code dễ hơn và độ an toàn không cao như các ngôn ngữ lập trình khác.Nhưng từ khi lên phiên bản PHP 7 chấm trở lên đã khác phục được rất nhiều vấn đề này.
HTML
HTML viết tắt cho Hypertext Markup Language, tạm dịch là ngôn ngữ đánh dấu siêu văn bản HTML được sử 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 có tác dụng bố cục và định dạng trang web
HTML chỉ rõ một trang Web sẽ được hiển thị như thế nào trong một trình duyệt.
Sử dụng các thẻ và các phần tử html, bạn có thể:
Điều khiển hình thức và nội dung của trang.
Xuất bản các tài liệu trực tuyến và truy xuất thông tin trực tuyến bằng cách sử dụng các liên kết được chèn vào tài liệu html.
Tạo các biểu mẫu trực tuyến để thu thập thông tin về người dùng, quản lý các giao dịch
Chèn các đối tượng như audio clip, video clip, các thành phần ActiveX, Flash và các Java Applet vào tài liệu html.
Tài liệu HTML đóng vai trò là mã nguồn cơ bản của website, bao gồm một loạt các thẻ và phần tử, được trình duyệt đọc để hiển thị trang web theo các lệnh được cung cấp Các phần tử trong HTML là những khối xây dựng cơ bản của trang web, được xác định bằng các thẻ đánh dấu (tag).
Thẻ đánh dấu HTML chứa các nội dung như ‘paragraph’, ‘heading’,
Trình duyệt không hiển thị thẻ HTML nhưng dùng chúng để hiển thị nội dung của trang.
Nội dung của một tập tin HTML phải được bắt đầu bằng thẻ và kết thúc bởi thẻ
- Bên trong cặp thẻ được chia làm hai thành phần chính:
Phần head được bắt đầu bằng thẻ và kết thúc bởi thẻ , nó dùng để chứa tiêu đề và các thẻ khai báo thông tin cho trang web
Phần body được bắt đầu bằng thẻ và kết thúc bởi thẻ, nó dùng để chứa những nội dung mà chúng ta muốn hiển thị trên trang web.
- Dưới đây là hình ảnh minh họa về cấu trúc cơ bản của một tập tin HTML.
Hình 2.2 Cấu trúc của một tài liệu html
3.2.3 Cấu trúc của một thẻ (tag) trong html
Thẻ HTML là công cụ xác định thuộc tính và bố cục của các thành phần trên trang web Một thẻ HTML (hay còn gọi là phần tử HTML) được xác định bởi thẻ mở, nội dung bên trong và thẻ đóng
Tuy nhiên, một số loại thẻ HTML không có phần nội dung chúng được gọi là các thẻ rỗng và cũng không cần thẻ đóng Các thẻ HTML có thể lồng vào nhau (một thẻ có thể chứa thẻ khác) Chúng xuất hiện trong tất cả các tài liệu HTML.
Hình 2.3 6 cấp độ của thẻ Heading
- Định đạng đoạn văn bản
Thẻ
(paragraph) định nghĩa các phần tử trong nó là đoạn văn bản có thể chứa trong nó những chuỗi ký tự hay các thẻ thuộc Nhóm inline – gồm image, link, button…
- Phân nhóm các đối tượng trên trang
(division) là thẻ phân nhóm các đối tượng Những đối tượng nằm trong cùng một thẻ sẽ có vị trí tương quan cố định với nhau Thẻ này hỗ trợ để trình duyệt hiểu đúng bố cục trang web, khá giống với chức năng "group" các "Shape" trong Word.
- Bộ thẻ định nghĩa danh sách (có thứ tự):
- (ordered list) là thẻ định nghĩa những đối tượng trong nó là những phần tử của một danh sách có thứ tự Những kí tự đứng trước mỗi đối tượng có thể là một số hoặc một ký tự, một chữ cái.
- định nghĩa phần tử trong nó là một đối tượng của danh sách.
- Bộ thẻ định nghĩa danh sách (không có thứ tự):
- tương tựa như
- .
- Định nghĩa một đường dẫn:
- Thể hiện hình ảnh:
- Định dạng ký tự cơ bản cho chuỗi ký tự: , ,
(Bold) là thẻ cho phép ta in đậm chuỗi ký tự đặt giữa nó Tương tự, (Italic) là in nghiêng và (Underline) là gạch chân chuỗi ký tự.
- Bộ thẻ dùng cho tạo bảng
Thẻ dùng để xác định một cái bảng.
Thẻ dùng để xác định một hàng bên trong bảng.
Thẻ dùng để xác định một ô (tiêu đề) bên trong hàng.
Thẻ dùng để xác định một ô (bình thường) bên trong hàng.
Dùng trong các thao tác trao đổi nội dung như đăng nhập, đăng ký, bình luận đều thông qua form và các thành phần khác liên quan.
3.2.4 Ưu, nhược điểm của html
- Bởi vì HTML được ra đời từ rất lâu nên nguồn tài nguyên hỗ trợ hỗ trợ cho nó vô cùng khổng lồ Hiện nay, cộng đồng của HTML đang phát triển ngày càng lớn trên thế giới.
- HTML có thể chạy tương đối mượt mà trên hầu hết những trình duyệt phổbiến nhất hiện nay là: IE, Chrome, FireFox, Cốc Cốc…
- Mã nguồn mà HTML sử dụng là loại mã nguồn mở và bạn có thể sử dụng hoàn toàn miễn phí.
- Quá trình học HTML tương đối đơn giản, dễ hiểu nên người học có thể dễ dàng nắm bắt được các kiến thức căn bản nhanh chóng hơn Quá trình xây dựng khung cho website căn bản sẽ có thể thực hiện chỉ với vài tuần học.
- HTML được quy định theo một tiêu chuẩn nhất định nên việc markup sẽ trở nên đồng nhất, gọn gàng hơn rất nhiều bởi vì, HTML được vận hành bởi World Wide Web Consortium (W3C).
- Quá trình thực hiện sẽ dễ dàng hơn bởi nó tích hợp với nhiều loại ngôn ngữ backend như: PHP, NodeJs, Ruby, Java… để có thể tạo thành một website hoàn chỉnh với đầy đủ mọi tính năng.
Điểm yếu lớn nhất của HTML là chỉ có thể sử dụng để tạo trang web tĩnh, tức là trang web chỉ hiển thị thông tin mà không có sự tương tác của người dùng Do đó, khi cần xây dựng các tính năng động hoặc hướng đối tượng người dùng, lập trình viên buộc phải sử dụng Javascript hoặc ngôn ngữ backend khác của bên thứ ba để thực hiện được.
- HTML không có khả năng tạo ra sự riêng biệt và mới mẻ cho người dùng bởi vì nó thường chỉ có thể thực thi những thứ logic và có cấu trúc nhất định
- Hiện nay, một số trình duyệt vẫn còn chậm trong việc hỗ trợ cho tính năng mới nhất của HTML và đặc biệt là với HTML5.
- Ngoài ra, một số trình duyệt cũ vẫn không thể render được những tag mới có bên trong HTML5.
CSS
CSS là viết tắt của Cascading Style Sheets, một ngôn ngữ thiết kế đơn giản, xử lý một phần giao diện của trang web CSS mô tả cách các phần tử HTML hiển thị trên màn hình và các phương tiện khác.
Sử dụng CSS, bạn có thể kiểm soát màu chữ, cỡ chữ, kiểu chữ, khoảng cách giữa các đoạn văn bản, kích thước của các thành phần trên trang web, màu nền, thiết kế bố cục và cách trang web hiển thị trên những màn hình có kích thước khác nhau cũng như hàng loạt hiệu ứng khác
CSS rất hữu ích và tiện lợi Nó có thể kiểm soát tất cả các trang trên một website. Các stylesheet ngoài được lưu trữ dưới dạng các tập tin CSS CSS được kết hợp với ngôn ngữ HTML.
3.3.2 Cấu trúc CSS Để có thể sử dụng hiệu quả CSS, bạn cần hiểu rõ về cấu trúc của nó Một đoạn CSS cơ bản bao gồm 4 phần chính như sau:
Selector (Bộ chọn): Selector cho phép người sử dụng có thể lựa chọn các phần tử HTML mà không làm ảnh hưởng đến xung quanh
Khai báo (Declaration): Declaration có chức năng xác định thuộc tính của một phần tử bất kỳ trong chương trình
Thuộc tính (Properties): Properties hỗ trợ tạo kiểu cho thuộc tính mong muốn tác động
Giá trị thuộc tính: Trong mỗi câu lệnh, thuộc tính và giá trị được phân chia bởi dấu hai chấm “:” Sau khi kết thúc một lần khai báo như vậy, bạn cần sử dụng dấu chấm phẩy “;” để chuyển sang khai báo tiếp theo.
3.3.3 Các cách sử dụng CSS
Inline: Ta đặt thuộc tính style vào thẻ mở của phần tử HTML, giá trị của thuộc tính style là các cặp thuộc tính định dạng CSS
Internal: mã CSS trong chính văn bản HTML, Ta đặt các cặp thuộc tính định dạng CSS vào bên trong cặp thẻ Cặp thẻ thì được đặt bên trong cặp thẻ.
External: Các thuộc tính định dạng vào bên trong tập tin CSS Trong cặp thẻ ta dùng thẻ để nhúng tin CSS vào trang web.
3.3.4 Các thuộc tính quan trọng
- Color: Thuộc tính này dùng để thiết lập màu chữ cho phần tử Xác định giá trị của thuộc tính theo: Giá trị Hex, giá trị RGB
- Background – color: Thuộc tính thiết lập màu nền cho phần tử Xác định giá trị thuộc tính theo tên màu, giá trị Hex, giá trị RGB
- Font – size: Thiết lập kích cỡ chữ cho phần tử Giá trị thuộc tính xác định theo: px, em (1em = 16px)
- Font – family: Thiết lập kiểu chữ cho phần tử
- Text – align: Căn lề cho nội dung của phần tử Có 3 giá trị: left, center, right
- Border: Tạo đường viền bao xung quanh phần tử
- Width, height: Thiết lập chiều rộng và chiều cao cho phần tử Có thể xác định theo đơn vị px hoặc %.
- Chúng ta sử dụng thuộc tính margin để thiết lập khoảng cách giữa các phần tử trong HTML Margin gồm có các giá trị như margin-bottom canh dưới, margin-top canh trên, margin-left canh trái, và margin-right canh phải.
- Thuộc tính padding trong CSS Thuộc tính padding trong CSS cho phép bạn thiết lập khoảng cách giữa nội dung của một phần tử và đường viền (border) của nó (hoặc cạnh của hộp phần tử, nếu nó không có border) .
3.3.5 Ưu, nhược điểm của CSS
- CSS giúp khả năng tải trang nhanh chóng: Đặc trưng của CSS khi sử dụng là ít mã hơn Bởi thế mà thời gian tải xuống nhanh chóng, giúp tiết kiệm thời gian đáng kể Khi viết được một quy tắc CSS của một thẻ cụ thể và lúc này chúng ta có thể áp dụng nó cho mọi lần xuất hiện tiếp theo của thẻ đó, đồng thời hoàn toàn không cần tiến hành thay đổi thuộc tính của thẻ HTML.
- Dễ dàng khi thực hiện bảo trì: Khi cần chúng ta chỉ cần thay đổi một kiểu và mọi thành phần trong tất cả những website thì lúc này CSS sẽ hỗ trợ cập nhật hoàn toàn tự động
- CSS sở hữu thuộc tính rộng: CSS được đánh giá cao nhờ sở hữu những thuộc tính rộng hơn nếu đánh giá và so sánh với HTML
Khả năng tương thích rộng rãi là một điểm mạnh của CSS Khi sử dụng tài liệu HTML giống nhau, nhiều phiên bản website khác nhau vẫn được hiển thị tốt trên mọi thiết bị di động, đáp ứng nhu cầu đa dạng của người dùng.
- CSS hoạt động khác biệt cho từng trình duyệt: Với những thay đổi ban đầu của CSS trên một website rất dễ dàng Tuy nhiên, khi thay đổi đã được thực hiện đòi hỏi chúng ta phải xác nhận được tính tương thích khi CSS hiển thị 19 hiệu ứng thay đổi tương tự cho từng trình duyệt Điều này xuất hiện do CSS sẽ hoạt động khác biệt cho từng trình duyệt cụ thể
- Khá khó khăn cho người mới: Ngôn ngữ lập trình phát triển đa dạng và vô cùng phúc tạp, đặc biệt là khó khăn với những người mới bắt đầu Bởi thế, với nhiều cấp độ của CSS thì việc tìm hiểu, có thể nắm bắt để sử dụng càng trở nên khó khăn hơn
- Định dạng của web có khả năng gặp rủi ro: CSS là hệ thống dựa trên văn bản mở nên việc truy cập khá dễ dàng Điều này khiến định dạng toàn bộ của web hoàn toàn có thể chịu tổn thương, gặp gián đoạn khi có hành động, hoặc tai nạn nào xảy ra với tệp Lúc này nó sẽ yêu cầu truy cập đọc hoặc ghi vào web dự định để có thể ghi đè lên được các thay đổi.
Localhost/phpMyadmin
Localhost là một máy chủ được vận hành trên máy tính của bạn Localhost dùng để cài đặt và điều chỉnh website thông qua máy tính Localhost có nhiều tính năng đặc biệt giúp website bạn được làm việc nhanh hơn, hiệu quả hơn và không phải gặp các vấn đề như mất kết nối của các hosting online thông thường.Localhost bao gồm nhiều ứng dụng đi kèm với nhau và tất cả các ứng dụng đó sẽ kết hợp với nhau để tạo ra một môi trường có thể chạy mã nguồn WordPress trên máy tính của chính bạn bao gồm:
- Phần mềm Webserver tên Apache, đây là webserver thông dụng nhất
- Phần mềm PHP để xử lý mã PHP vì WordPress viết bằng ngôn ngữ PHP
- Phần mềm MySQL Server để lưu trữ và xử lý cơ sở dữ liệu, do WordPress sử dụng MySQL làm nền tảng cơ sở dữ liệu Cơ sở dữ liệu thường được mình viết theo chữ tiếng Anh là database
- Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu MySQL
PHPMyAdmin là một ứng dụng web miễn phí được viết bằng PHP có công dụng giúp quản trị cở sở dữ liệu MySQL thông qua giao diện web Đây là công cụ quản trị MySQL phổ biến nhất được sử dụng bởi hàng triệu người dùng trên toàn thế giới và đã giành 20 được nhiều giải thưởng bởi nó sở hữu tất cả các các chức năng phổ biến mà bạn cần khi phát triển ứng dụng hoặc trang web dựa trên MySQL như:
- Quản lý user (người dùng): thêm, xóa, sửa(phân quyền)
- Quản lý cơ sở dữ liệu: tạo mới, xóa, sửa, thêm bảng, hàng, trường, tìm kiếm đối tượng.
- Nhập xuất dữ liệu (Import/Export): hỗ trợ các định dạng SQL, XML và CSV.
- Thực hiện các truy vấn MySQL, giám sát quá trình và theo dõi
- Sao lưu và khôi phục (Backup/Restore): Thao tác thủ công.
MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (gọi tắt là RDBMS) hoạt động theo mô hình client-server Với RDBMS là viết tắt của RelationalDatabase Management System MySQL được tích hợp apache, PHP MySQL quản lý dữ liệu thông qua các cơ sở dữ liệu Mỗi cơ sở dữ liệu có thể có nhiều bảng quan hệ chứa dữ liệu MySQL cũng có cùng một cách truy xuất và mã lệnh tương tự với ngôn ngữ SQL Có thể sử dụng phpMyAdmin cho hầu hết các hệ điều hành, phpMyAdmin có thể xuất và nhập cơ sở dữ liệu được tạo và quản lý bởi MySQL DBMS, cũng như làm việc với một số định dạng dữ liệu khác.
2 Mặc định username thường là root trong tất cả các webserver
3 Mặc định password thường là rỗng (không nhập gì hết) Đối với Vertrigo là vertrigo, Ampps là mysql.
1 Quay trở về giao diện trang chủ phpMyAdmin
2 Đi đến màn hình quản lý danh sách database
3 Nhập tên cơ sở dữ liệu
4 Chọn mã kí tự (charset) cho cơ sở dữ liệu hiện tại.
Tạo bảng trong cơ sở dữ liệu
1 Đi đến màn hình quản lý cơ sở dữ liệu hiện tại
3 Nhập số cột của bảng
Sublime Text
Sublime Text là trình soạn thảo mã nguồn đa nền tảng shareware choWindows, macOS, Linux Người dùng có thể bổ sung chức năng của SublimeText với các Python plugin, thường được xây dựng và duy trì theo giấy phép phần mềm tự do Khả năng tùy biến là một trong những ưu điểm nổi bật đầu tiên khi nhắc đến trình soạn thảo Sublime text khi lập trình viên thiết kế website có thể hoàn toàn tùy chỉnh như ý muốn thông qua các plugin Lập trình viên được cho phép cài đặt, nâng cao, hoặc gỡ bỏ các plugin trực tiếp từ bên trong trình chỉnh sửa mà không cần phải thao tác lại từ đầu (khởi động).
- Khả năng tuỳ biến: Khả năng tùy biến là một trong những ưu điểm nổi bật đầu tiên khi nhắc đến trình soạn thảo Sublime text khi lập trình viên thiết kế website có thể hoàn toàn tùy chỉnh như ý muốn thông qua các plugin. Lập trình viên được cho phép cài đặt, nâng cao, hoặc gỡ bỏ các plugin trực tiếp từ bên trong trình chỉnh sửa mà không cần phải thao tác lại từ đầu (khởi động).
Tìm kiếm mạnh mẽ của Sublime Text được hỗ trợ bởi các tính năng Goto và Command Palette, cho phép tìm kiếm các biểu thức thông thường, phân biệt chữ hoa/thường và tìm kiếm toàn bộ từ khóa Người dùng còn có thể lưu trữ các kết quả tìm kiếm vào bộ đệm để tái sử dụng trong các lần tìm kiếm sau.
- Màn hình và bảng điều khiển: Sublime text còn có khả năng hiển thị nhiều tập tin văn bản trên các cách khác nhau Người dùng có thể có một số tập tin đang mở sẵn được sắp xếp trong các tab Đấy chính là cách mà lập trình viên có thể 22 di chuyển và sắp xếp lại chúng theo ý muốn Cách này được xem là khá tiêu chuẩn, tuy nhiên vẫn còn nhiều cách khác
- Nhanh, nhẹ và ổn định: Trình soạn thảo mã nguồn Sublime text được xây dựng trên Python và C/C++ nên trình chỉnh sửa rất nhẹ Nó rất nhanh, khi bạn mở Sublime text từ Menu Start của Windows ngay lập tức nó sẽ tải xuống và chỉ mất vài giây để nó xuất hiện trên màn hình của bạn.
Javascript
JavaScript là ngôn ngữ lập trình được nhà phát triển sử dụng để tạo trang web tương tác Từ làm mới bảng tin trên trang mạng xã hội đến hiển thị hình ảnh động và bản đồ tương tác, các chức năng của JavaScript có thể cải thiện trải nghiệm người dùng của trang web
Là ngôn ngữ kịch bản phía máy khách, JavaScript là một trong những công nghệ cốt lõi của World Wide Web Ví dụ: khi duyệt internet, bất cứ khi nào bạn thấy quảng cáo quay vòng dạng hình ảnh, menu thả xuống nhấp để hiển thị hoặc màu sắc phần tử thay đổi động trên trang web cũng chính là lúc bạn thấy các hiệu ứng của JavaScript.
3.6.2 Ưu, nhược điểm của Javascript
JavaScript có rất nhiều ưu điểm vượt trội hơn so với các đối thủ khác, chẳng hạn như: o JavaScript là ngôn ngữ lập trình dễ học. o Lỗi của JavaScript dễ phát hiện hơn và vì vậy dễ sửa hơn. o JavaScript hoạt động trên nhiều trình duyệt, nền tảng. o JavaScript giúp website tương tác tốt hơn với khách truy cập. o JavaScript nhanh hơn và nhẹ hơn các ngôn ngữ lập trình khác.
Không ngôn ngữ lập trình nào là hoàn hảo và không có khuyết điểm Bởi JavaScript là ngôn ngữ lập trình phổ biến, được sử dụng rộng rãi trên nền tảng website, vì vậy nó cũng là đối tượng tiềm năng của một lượng lớn hacker, scammer – những kẻ chuyên tìm kiếm lỗ hổng và các lỗi bảo mật và thâm nhập, đánh cắp dữ liệu nội bộ.
Một số khuyết điểm của JavaScript có thể kể đến như: o Dễ bị khai thác. o Có thể được dùng để thực thi mã độc trên máy tính của người dùng. o Có thể bị triển khai khác nhau tùy từng thiết bị dẫn đến việc không đồng nhất.
PHÂN TÍCH WEBSITE BÁN SẢN PHẨM CÔNG NGHỆ
Đặt tả yêu cầu hệ thống
Xây dựng một trang web bán hàng online về các sản phẩm công nghệ, cụ thể là các sản phẩm về laptop, điện thoại, phụ kiện nhằm giúp khách hàng có thể dễ dàng mua được sản phẩm phù hợp với yêu cầu của bản thân đồn thời giúp người bán có thể dễ dàng quản lý việc mua bán.
Người bán/người quản trị: o Có thể quản lý thông tin các sản phẩm được bán Các sản phẩm sẽ được quản lý các thông tin gồm: mã sản phẩm, tên sản phẩm, sản phẩm thuộc loại nào, hãng sản xuất của sản phẩm, thông tin chi tiết của sản phẩm, đơn giá của mỗi sản phẩm. o Quản lý thông tin hãng sản xuất: các hãng sản xuất của mỗi sản phẩm sẽ được quản lý các thông tin như: mã hãng sản xuất, tê hãng sản xuất Mỗi hãng sản xuất có thể sản xuất nhiều sản phẩm, nhưng một sản phẩm chỉ được sản xuất bởi một hãng sản xuất. o Quản lý thông tin loại sản phẩm: mỗi loại sản phẩm có thể gồm nhiều sản phẩm khác nhau, loại sản phẩm sẽ được quản lý các thông tin như mã loại sản phẩm, tên loại sản phẩm. o Quản lý đơn hàng: khi mỗi khách hàng đặt hàng, hệ thống website sẽ lưu thông tin đơn hàng của khác hàng gồm họ tên khách hàng, số điện thoại, địa chỉ nhận hàng, tổng tiền của đơn hàng, ngày đặt hàng Để dễ dàng quản lí thì mỗi đơn hàng sẽ có một mã riêng để phân biệt. o In thông tin đơn hàng: sau khi nhận được đơn đặt hàng, người bán/quản trị viên có thể in chi tiết đơn hàng, gồm các thông tin như: mã sản phẩm, mã đơn, số lượng mua của một sản phẩm, tổng số tiền mua của sản phẩm đó. o Người bán có thể thực hiện các chức năng quản lí gồm các hành động như thêm, sửa, xóa sản phẩm, hãng sản xuất, loại sản phẩm, in đơn hàng, xóa đơn hàng.
Người mua hàng: o Người mua có thể xem thông tin sản phẩm mua. o Người mua có thể chọn “Đặt hàng” nếu muốn mua sản phẩm Khi đặt hàng, người mua phải ghi đầy đủ các thông tin của mình như họ và tên, số điện thoại, địa chỉ nhận hàng. o Người dùng có thể thực hiện tìm kiếm sản phẩm muốn mua.
Mục đích của trang wed
- Giới thiệu nhiều loại sản phẩm công nghệ đến khách hàng thông qua internet nhằm giúp khách hàng có thể tìm kiếm những sản phẩm mình muốn.
- Mở rộng việc kinh doanh sản phẩm công nghệ qua internet.
- Tạo lưu lượng truy cập trang web: Đây là điều rất quan trọng đối với mọi trang web vì không có lưu lượng truy cập, trang web gần như không ai biết đến Nó là cơ hội để chuyển đổi thành khách hàng tiềm năng.
- Giảm bớt phí tổn trong kinh doanh bán hàng.
Xác định yêu cầu
4.3.1 Yêu cầu chức năng a) Đối với người bán
- Quản lý thông tin sản phẩm: cập nhật các thông tin liên quan đến sản phẩm
- Quản lý đơn đặt hàng
- Đăng tải các thông tin về sản phẩm.
- Quản lý hãng sản xuất.
- Quản lý loại sản phẩm.
- Tìm kiếm sản phẩm. b) Đối với người mua
- Đăng kí tài khoản: khách hàng có thể tự đăng ký tài khoản riêng cho mình (nếu cần).
- Khách hàng sử dụng tài khoản đã đăng ký để đăng nhập, dùng cho việc mua hàng online
- Có thể xem được thông tin của trang sức, thông tin về cửa hàng.
- Có thể đặt hàng, mua hàng online.
- Khách hàng có thể tìm kiếm sản phẩm muốn mua. c) Các yêu cầu khác
- Giao diện thân thiện với người dùng, dễ sử dụng.
- Hiển thị được trên các trình duyệt.
- Cách trình bày nội dung gọn gàng, hợp lý.
- Web phải có tính phong phú, đa dạng, hấp dẫn.
Web có thể có các chức năng:
Thống kê được doanh thu tháng, quý, năm thống kê được loại trang sức bán chạy nhất, bán ít nhất…
Phân chia sản phẩn theo danh mục.
Sắp xếp sản phẩm tăng dần/giảm dần theo giá.
Đặt hàng: khi khách hàng tìm thấy sản phẩm ưng ý, khách hàng chỉ cần nhấn vào biếu tượng giỏ hàng để đặt mua sản phẩm.
Xử lý đơn đặt hàng: sau khi khách hàng đặt hàng, thông tin sẽ được đưa về bảng đơn đặt hàng, chủ cửa hàng sẽ lấy thông tin trong hoá đơn đặt hàng ở bảng đơn đặt hàng và liên hệ với khách hàng về việc thanh toán và giao hàng.
Phân tích
Từ những phân tích và khảo sát ở các phần trên, em tổng kết được một số chức năng cho website bán sản phẩm công nghệ:
Website lưu thông tin tất cả sản phẩm được bán thông quan thực thể có tên SANPHAM.
4.4.2 Thực thể hãng sản xuất
Lưu thông tin các hãng sản xuất của sản phẩm thông qua thực thể có tên HSX.
4.4.3 Thực thể loại sản phẩm.
Lưu thông tin tất cả các loại sản phẩm thông qua thực thể có tên LOAISP.
Lưu thông tin đơn đặt hàng của khách hàng thông qua thực thể có tên DONHANG.
Lưu thông tin tài khoản đăng nhập của người dùng thông qua thực thể có tênTAIKHOAN.
XÂY DỰNG VÀ THIẾT KẾ WEBSITE BÁN SẢN PHẨM CÔNG NGHỆ
Xây dựng thực thể
Bảng 5.1 Thực thể sản phẩm
Từ khóa Thuộc tính Chức năng id_sp Id sản phẩm Mỗi sản phẩm được đánh dấu bằng một id riêng masp Mã sản phẩm Mỗi sản phẩm đều có một mã riêng tensp Tên sản phẩm Mỗi sản phẩm đều được lưu một tên tương ứng. hinhanh Hình ảnh Lưu hình ảnh của sản phẩm dongia Đơn giá Lưu đơn giá của sản phẩm mota Mô tả Lưu thông tin chi tiết của sản phẩm tương ứng.
Hình 4.4 Thực thể sản phẩm
5.1.2 Thực thể hãng sản xuất
Bảng 5.2 Thực thể hãng sản xuất
được lưu trữ để cung cấp thông tin dễ hiểu về từng hãng, tương ứng với id và mã của hãng đó.
Hình 4.5 Thực thể hãng sản xuất
5.1.3 Thực thể loại sản phẩm
Bảng 5.3 Thực thể loại sản phẩm
Từ khóa Thuộc tính Chức năng id_loai Id loại sản phẩm Mỗi loại sản phẩm đều có một id riêng maloai Mã loại sản phẩm Mỗi loại sản phẩm đều có một mã riêng tenloai Tên loại sản phẩm Mỗi loại sản phẩm đều có một tên riêng
Hình 4.6 Thực thể loại sản phẩm
Bảng 5.4 Thực thể đơn hàng
Từ khóa Thuộc tính Chức năng id_don Id đơn hàng Mỗi đơn hàng đều được lưu một id riêng tenkh Tên khách hàng Lưu tên người mua hàng sdt Số điện thoại Lưu số điện thoại liên lạc với người nhận hàng diachi Địa chỉ Lưu địa chỉ nhận hàng ghichu Ghi chú Lưu ghi chú của người mua với người bán tongdon Tổng đơn Lưu số tiền tổng của mỗi đơn hàng ngaydat Ngày đặt Lưu ngày người mua đặt hàng
Hình 4.7 Thực thể đơn hàng
Bảng 5.5 Thực thể tài khoản
Từ khóa Thuộc tính Chức năng tentk Tên tài khoản Lưu thông tin tên tài khoản đăng nhập matkhau Mật khẩu Lưu mật khẩu đăng nhập
Hình 4.8 Thực thể tài khoản
Xây dựng mối kết hợp
5.2.1 Mối kết hợp chi tiết đơn hàng
Tên mối kết hợp: chitietdon
Chức năng: lưu thông tin chi tiết của từng đơn đặt hàng.
Bảng 5.6 Mối kết hợp chi tiết đơn
Từ khóa Thuộc tính Chức năng slmua Số lượng mua Lưu số lượng mua một sản phẩm trong đơn hàng gia Giá mua Lưu giá mua một sản phẩm thanhtien Thành tiền Lưu tổng số tiền khi mua sản phẩm tương ứng ngaydat Ngày đặt mua Lưu ngày đặt mua
Hình 4.9 Mối kết hợp chi tiết đơn
5.2.2 Mối kết hợp loại – sản phẩm
Tên mối kết hợp: loai_sp
Chức năng: lưu thông tin loại sản phẩm cho từng sản phẩm.
Hình 4.10 Mối kết hợp loại – sản phẩm
5.2.3 Mối kết hợp hãng sản xuất - sản phẩm
Tên mối kết hợp: hsx_sp
Chức năng: lưu thông tin hãng sản xuất cho từng sản phẩm.
Hình 4.11 Mối kết hợp hãng sản xuất – sản phẩm
Các mô hình và sơ đồ
Hình 4.12 Mô hình quan niệm
Hình 4.14 Mô hình vật lý
Xây dựng cơ sở dữ liệu
5.4.1 Danh sách các bảng dữ liệu
STT Ký hiệu Tên bảng Diễn giải
1 sanpham Sản phẩm Bảng sản phẩm được sinh ra từ thực thể sản phẩm
Bảng loại sản phẩm được sinh ra từ thực thể loại sản phẩm
3 hangsanxuat Hãng sản xuất Bảng hãng sản xuất được sinh ra từ thực thể hãng sản xuất
4 donhang Đơn hàng Bảng đơn hàng được sinh ra từ thực thể đơn hàng
5 chitietdon Chi tiết đơn Bảng chi tiết đơn được sinh ra từ mối kết hợp chi tiết đơn
6 taikhoan Tài khoản Bảng tài khoản được sinh ra từ thực thể tài khoản
Bảng 5.7 Danh sách các bảng dữ liệu
5.4.2 Chi tiết các bảng a) Bảng sản phẩm
Chức năng: lưu thông tin id sản phẩm, mã sản phẩm, id loại sản phẩm, id hãng sản xuất, tên sản phẩm, hình ảnh, đơn giá, mô tả
Tên trường Kiểu dữ liệu Độ dài Khoá chính Chú thích id_sp Int Id sản phẩm masp Varchar 10 Mã sản phẩm
Id_loai int Id loại sản phẩm id_hsx Int Id hãng sản xuất tensp Varchar 50 Tên sản phẩm hinhanh Varchar 100 Hình ảnh dongia int Đơn giá mota Text b) Bảng loại sản phẩm
Chức năng: lưu thông tin id loại sản phẩm, mã loại, tên loại
Bảng 5.9 Bảng loại sản phẩm
Tên trường Kiểu dữ liệu Độ dài Khoá chính Chú thích
Id_loai int Id loại sản phẩm
Mã loại Varchar 10 Mã loại
Tên loại Varchar 30 Tên loại c) Bảng hãng sản xuất
Chức năng: lưu thông tin id hãng sản xuất, mã hãng sản xuất, tên hãng sản xuất
Bảng 5.10 Bảng hãng sản xuất
Tên trường Kiểu dữ liệu Độ dài Khoá chính Chú thích id_hsx Int Id hãng sản xuất mahsx Varchar 10 Mã hãng sản xuất tenhsx Varchar 30 Tên hãng sản xuất d) Bảng đơn hàng
Chức năng: lưu các thông tin id đơn hàng, tên khách hàng, số điện thoại, địa chỉ, ghi chú, tổng đơn, ngày đặt
Tên trường Kiểu dữ liệu Độ dài Khoá chính Chú thích id_don int Id đơn hàng tenkh Varchar 30 Tên khách hàng sdt Varchar 12 Số điện thoại diachi Varchar 40 Địa chỉ ghichu Text Ghi chú tongdon Int Tổng đơn ngaydat date Ngày đặt e) Bảng chi tiết đơn
Chức năng: lưu thông tin
Bảng 5.12 Bảng chi tiết đơn
Tên trường Kiểu dữ liệu Độ dài Khoá chính Chú thích id_don Int Id đơn hàng id_sp Int Id sản phẩm slmua Int Số lượng mua gia Int Gía mua thanhtien Int Thành tiền ngaydat date Ngày đặt f) Bảng tài khoản
Chức năng: lưu thông tin tên tài khoản, mật khẩu
Tên trường Kiểu dữ liệu Độ dài Khoá chính Chú thích tentk Varchar 30 Tên tài khoản matkhau Varchar 6 Mật khẩu
5.4.3 Mô hình quan niệm dữ liệu (Diagram)
Hình 4.15 Mô hình quan niệm dữ liệu (Diagram)
Tổng kết
Kết quả đạt được
Sau khi truy cập vào đường dẫn http://localhost/BAI_LAM/TTNN/view/index.php sẽ dẫn đến trang chủ của Website bán sản phẩm công nghệ.
Hình 5.16 Giao diện đầu trang chủ
Hình 5.17 Giao diện thân trang chủ 1
Hình 5.18 Giao diện thân trang chủ 2
Hình 5.19 Giao diện cuối trang
Tại giao diện đầu trang chủ sẽ có một số chức năng như đăng nhập, tìm kiếm sản phẩm theo hãng sản xuất, phân loại sản phẩm (Laptop, điện thoại, phụ kiện), tìm kiếm nhanh trong khung tìm kiếm, xem giỏ hàng.
6.1.2 Một số giao diện sản phẩm khác a) Laptop
Khi ấn chọn “Lap top” hệ thông sẽ hiển thị trang gồm các sản phẩm laptop.
Hình 5.20 Giao diện đầu trang “Laptop”
Hình 5.21 Giao diện thân trang “Laptop”
Hình 5.22 Giao diện cuối trang “Laptop”
Có thể thấy phần đầu trang và cuối trang laptop đều không có nhiều thay đổi so với trang chủ. b) Điện thoại
Tương tự với trang “Laptop”, trang “Điện thoại” cũng có phần đầu trang và chân trang không thay đổi.
Khi nhấn chọn “Điện thoại” hệ thông sẽ hiển thị trang gồm các sản phẩm điện thoại.
Hình 5.23 Giao diện thân trang “Điện thoại” c) Phụ kiện
Tương tự với trang “Laptop”, “Điện thoại”, trang “Phụ kiện” cũng có phần đầu trang và chân trang không thay đổi.
Khi nhấn chọn “Phụ kiện” hệ thông sẽ hiển thị trang gồm các sản phẩmphụ kiện.
Hình 5.24 Giao diện thân trang phụ kiện d) Trang chi tiết sản phẩm
Khi chọn một sản phẩm bất kỳ, hệ thống sẽ hiển thị các thông tin chi tiết của sản phẩm.
Hình 5.25 Thông tin cơ bản của sản phẩm
Hình 5.26 Một số thông tin nổi bậc của sản phẩm
Bên dưới trang chi tiết sản phẩm, sẽ hiển thị các sản phẩm liên quang cùng loại.
Hình 5.27 Các sản phẩm cùng loại e) Giao diện giỏ hàng
Khi chọn biểu tượng trên đầu trang hoặc khi chọn “Thêm vào giỏ hàng” sẽ xuất hiện trang giỏ hàng.
Hình 5.28 Giao diện giỏ hàng
Khi giỏ hàng không rỗng, biểu tượng giỏ hàng đầu trang sẽ xuất hiện thay đổi thành cho biết tổng số tiền và tổng số sản phẩm có trong giỏ hàng.
6.1.3 Một số chức năng a) Tìm sản phẩm theo hãng sản xuất
Khi chọn một hãng sản xuất bất kỳ hệ thông sẽ hiển thị các sản phẩm được sản xuất bởi hãng sản xuất bạn chọn.
Hình 5.29 Ví dụ chọn hãng sản xuất “Samsung”
Hệ thống sẽ hiện bị tất cả các sản phẩm do Samsung sản xuất.
Hình 5.30 Các sản phẩm của hãng sản xuất “Samsung” b) Tìm kiếm nhanh
Hình 5.31 Form tìm kiếm nhanh
Ta có thể tìm kiếm bất cứ thứ gì tại khung tìm kiếm, khí nhấn “SEARCH” hệ thống sẽ đưa ra các kết quả tìm kiếm.
Hình 5.32 Kết quả tìm kiếm nhanh c) Thêm sản phẩm vào giỏ hàng
Hình 5.33 Một phần giao diện trang chi tiết
Tại đây, ta có thể tùy chọn số lượng sản phẩm và “Thêm vào giỏ hàng”.
Hình 5.34 Sản phẩm đã được thêm vào giỏ hàng
Trong giỏ hàng, có thể chọn thêm bớt số lượng bằng nút “Cập nhật”, nếu sản phẩm có số lượng bằng 0 thì hệ thông sẽ tự động xóa sản phẩm ra khỏi giỏ hàng, hoặc cũng có thể xóa sản phẩm bằng dấu “X”.
Hình 5.35 Giỏ hàng được cập nhật
Hình 5.36 Sản phẩm bị xóa khỏi giỏ hàng d) Chức năng đặt hàng
Để đặt hàng thành công, người mua cần điền đầy đủ thông tin cá nhân bao gồm tên người mua, số điện thoại liên hệ, địa chỉ nhận hàng và ghi chú cho người bán nếu có Bên cạnh đó, hệ thống còn hỗ trợ người mua đăng nhập để lưu lại thông tin cá nhân, thuận tiện cho những lần mua hàng tiếp theo.
Tại đầu trang web có biểu tượng , khi chọn biểu tượng này hệ thống sẽ hiển thị một form đăng nhập.
6.1.4 Giao diện trang quản trị Admin
Nếu đăng nhập đúng mật khẩu và tên đăng nhập, hệ thông sẽ chuyển đến trang quản trị admin.
Hình 5.39 Trang quản trị Admin
6.1.5 Một số chức năng của Admin a) Quản lý sản phẩm
Hình 5.40 Chức năng quản lý quản phẩm
Tại đây ta có thể thực hiện thêm, sửa, xóa sản phẩm.
Khi chọn “Thêm mới”, hệ thống sẽ hiển thị form thêm mới sản phẩm.
Hình 5.41 Form thêm sản phẩm
Tương tự như phần thêm, phần sửa sản phẩm cũng có dạng tương tự.
Khi chọn “Sửa”, hệ thống sẽ hiển thị form sửa sản phẩm.
Hình 5.42 Form sửa sản phẩm
Khi muốn xóa sản phẩm, ta chọn nút “Xóa”, khi ấy hệ thống sẽ hiển thị một thông báo, nếu chọn “OK”, sản phẩm sẽ bị xóa khỏi cơ sở dữ liệu.
Hình 5.43 Thông báo xóa sản phẩm b) Quản lý hãng sản xuất
Hình 5.44 Chức năng quản lý hãng sản xuất
Khi chọn “Thêm mới” hệ thống sẽ hiển thị form thêm mới hãng sản xuất.
Hình 5.45 Form thêm mới hãng sản xuất
Hình 5.46 Form sửa hãng sản xuất
Khi chọn “Xóa” bất kỳ hãng sản xuất nào, hệ thống sẽ xuất hiện thông báo, nếu chọn “OK”, hãng sản xuất đó sẽ bị xóa khỏi cơ sở dữ liệu.
Hình 5.47 Thông báo xóa hãng sản xuất c) Quản lý loại sản phẩm
Hình 5.48 Chức năng quản lý loại sản phẩm
Khi chọn “Thêm mới” hệ thống sẽ hiển thị form thêm mới loại sản phẩm.
Hình 5.49 Form thêm mới loại sản phẩm
Hình 5.50 Form sửa loại sản phẩm
Khi chọn “Xóa” bất kỳ loại sản phẩm nào, hệ thống sẽ xuất hiện thông báo, nếu chọn “OK”, loại sản phẩm đó sẽ bị xóa khỏi cơ sở dữ liệu.
Hình 5.51 Thông báo xóa loại sản phẩm d) Quản lý đơn hàng
Hình 5.52 Chức năng quản lý đơn hàng
Khi chọn “Xóa” bất kỳ đơn hàng nào, hệ thống sẽ xuất hiện thông báo, nếu chọn
“OK”, đơn hàng đó sẽ bị xóa khỏi cơ sở dữ liệu.
Hình 5.53 Thông báo xóa đơn hàng
Khi chọn “Xuất” bất kỳ đơn hàng nào, tất cả thông tin liên quan đến đơn hàng đó sẽ được xuất ra.
Hình 5.54 Đơn hàng được xuất ra
6.2 Kết luận và phương hướng phát triển
Nhìn chung website bán sản phẩm công nghệ còn khá xa lạ với người sử dụng, bởi hầu hết mọi người sẽ chọn đến trực tiếp tại cửa hàng để các sản phẩm công nghệ cao, các khách hàng cũng có điều e dè khi mua một sản phẩm giá trị qua mạng online Chính vì thế, tôi quyết định chọn đề tài “Website bánsản phẩm công nghệ” , một là để giúp các cửa hàng có thể quản lý nghiệp vụ bán hàng một cách hiệu quả hơn, đồng tời cũng giúp khách hàng có thể có nhiều thời gian hơn để chọn sản phẩm phù hợp cho mình.
Trang web sau khi hoàn thành đã đáp ứng được một số yêu cầu sau:
- Đưa sản phẩm ra trang chủ.
- Phân loại được sản phẩm.
- Đăng nhập tài khoản người dùng.
- Thực hiện thêm sản phẩm vào giỏ hàng.
- Quản lý loại sản phẩm.
- Quản lý hãng sản xuất.
- Tìm kiếm sản phẩm theo hãng sản xuất, tìm kiếm nhanh.
- Xóa sản phẩm khỏi giỏ hàng.
Trong quá trình thực hiện đề tài em cũng gặp một số thuận lợi và khó khăn sau:
- Nhận được sự chỉ dẫn tận tình của các anh/ chị nơi thực tập đã tạo điều kiện thuận lợi cho em có thể hoàn thành kỳ thực tập này.
- Các thầy/cô trong khoa đã tạo mọi điều kiện thuận lợi để em có thể hoàn thành báo cáo cuối học phần này.
- Nhận được sự hướng dẫn tận tình của thầy hướng dẫn.
- Vì sự hiểu biết về lĩnh vực thiết kế xây dựng web còn hạn chế nên em đã gặp nhiều khó khăn trong việc thu thập dữ liệu và thiết kế giao diện.
- Do hạn chế về thời gian nên chương trình vẫn còn một số chức năng chưa hoàn thiện.
Trong tương lai em sẽ hoàn thiện thêm các chức năng còn lại của phần mềm như chỉnh sửa giao diện cho thân thiện hơn với người sử dụng và chuẩn hóa lại cơ sở dữ liệu cho phù hợp.
- (unordered list) là thẻ định nghĩa các phần tử trong nó là những phần tử của một danh sách liệt kê nhưng không có thứ tự Bộ thẻ này khá tương tự như nhưng không có chú thích, và có dấu ký hiệu đầu cho mỗi phần tử Bộ thẻ này sử dụng
