Thiết kế web bán hàng online , nhằm giúp đở người mua với người bán dễ trao đổi với nhauVới sự phát triển nhảy vọt của công nghệ thông tin hiện nay, Internet ngày càng giữ vai trò quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống. Dĩ nhiên các bạn đã được nghe nói nhiều về Internet, nói một cách đơn giản, Internet là một tập hợp máy tính nối kết với nhau, là một mạng máy tính toàn cầu mà bất kì ai cũng có thể kết nối bằng máy PC của họ. Với mạng Internet, tin học thật sự tạo nên một cuộc cách mạng trao đổi thông tin trong mọi lĩnh vực văn hóa, xã hội, chính trị, kinh tế... 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 xa 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ì 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 mà họ thích chẳng hạn.
Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân LỜI NÓI ĐẦU Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính toàn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thông tin lĩnh vực văn hóa, xã hội, trị, kinh tế Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, công ty chí cá nhân, ngày nay, không lấy làm xa lạ Với vài thao tác đơn giản, người trở thành chủ website giới thiệu họ quan tâm: website giới thiệu thân gia đình họ, website trình bày sưu tập hình ảnh mà họ thích chẳng hạn Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá công ty hay Website cá nhân không điều xa xỉ Thông qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với mức độ phức tạp quy mô ứng dụng, cộng thêm vấn đề thời gian đề tài “Thiết Kế Trang Web Bán Hoa” dừng mức tìm hiểu ngôn ngữ thiết kế Web HTML, áp dụng thiết kế thực nghiệm trang Web bán hàng mạng Website với mục đích cung cấp cho khách hàng thông tin về các mẫu hoa đẹp cách thức đặt mua hàng qua mạng Các thông tin cập nhật thường xuyên nhanh chóng Vì vậy, rút ngắn khoảng cách người mua người bán, đưa thông tin sản phẩm nhanh chóng đến cho khách hàng LỜI CẢM ƠN Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Chúng em xin gửi lời cảm ơn chân thành đến tất Thầy Cô giảng dạy chúng em suốt thời gian qua Cảm ơn thầy Vũ Khánh Tường Vân - người hướng dẫn chúng em thực đồ án Với vốn kiến thức được tiếp thu suốt ba năm qua không chỉ là nền tảng để chúng em xây dựng nên đồ án này, mà còn là hành trang quý báo để chúng em bước vào đời một cách vững trải và tự tin Được hướng dẫn giúp đỡ thầy Vũ Khánh Tường Vân, em chọn đề tài “Thiết Kế Trang Web Bán Hoa” làm đề tài cho đồ án môn học Thiết Kế Web Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy, cô giáo, Em xin chân thành cảm ơn thầy Vũ Khánh Tường Vân hưỡng dẫn trình làm đồ án Tuy nhiên, thời gian hạn hẹp, nỗ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thông cảm, lời góp ý bảo tận tình quý Thầy Cô bạn Cuối lời chúng em xin gửi lời chúc sức khỏe và thành công đến thầy cô, để Thầy cô tiếp tục lèo lái đò cho thế hệ mai sau Chúng em xin chân thành cảm ơn! NHẬN XÉT Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân (Của giảng viên hướng dẫn khoa) Phần đánh giá Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân TP Hồ Chí Minh , ngày … tháng… năm 2016 GIÁO VIÊN HƯỚNG DẪN (ký tên) NHẬN XÉT (Của giảng viên phản biện) Phần đánh giá Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân TP Hồ Chí Minh , ngày … tháng… năm 2016 NGƯỜI NHẬN XÉT (ký tên) Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân MỤC LỤC CHƯƠNG GIỚI THIỆU CHUNG 1.1.Hiện trạng chung Hiện nay, khác với nước có công nghệ thông tin phổ biến phát triển, Việt Nam, đại đa số website tĩnh, có cấu trúc tổ chức Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân thông tin cố định, không thay đổi thay đổi, chủ yếu mang tính chất giới thiệu công ty sản phẩm dịch vụ Bên cạnh đó, có nhiều trang web động (tên thương mại Dynamic Website) với nhiều hình thức tổ chức khác giao diện, bố cục cách thức quản lý, tiêu biểu website kinh doanh địa ốc Công ty Hoàng Quân, website đặt phòng khách sạn trực tuyến Công ty Thương mại điện tử Việt, website Ngân hàng Cổ phần thương mại ABC, du lịch có trang web Công ty du lịch SaiGon Tourist, Công ty du lịch Sinh Café… Tuy nhiên, thực tế cần nhìn nhận rằng: đa số website công ty sở hữu thuê nhà thiết kế (thường công ty thiết kế website) đảm nhận việc thiết kế ban đầu, điều hợp lý, với chi phí ban đầu cho dù có cao - trang web động – website thiết lập mang tính chuyên nghiệp hoạt động ổn định điều cần thiết; để website hoạt động thực hiệu thiếu bàn tay người chủ, công ty sở hữu quản lý điều hành Thực tế là, Việt Nam nay, vai trò người quản trị website dường chưa đánh giá đúng, đa phần người quản trị trang web công ty đảm đương công việc sau hoàn tất công việc khác, vấn đề làm thông tin website bị xem nhẹ, khiến cho khách hàng thường xuyên website cảm thấy nhàm chán từ từ rời bỏ thói quen vào thăm trang web! Sự hoạt động hiệu số trang web nói minh chứng cho vai trò người quản trị website doanh nghiệp Các công ty sở hữu website có phận riêng đảm đương việc quản lý thông tin website, nhằm đáp ứng kịp thời hiệu yêu cầu ”khách hàng” Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân thông qua mạng internet, có khai thác hết giá trị website, nguồn khách hàng tiềm mạng Vì thế, theo chúng tôi, công ty đã, có ý định xây dựng website riêng cho dù ít, dù nhiều quan tâm đến vai trò công nghệ thông tin khách hàng tiềm mạng, nên có kế hoạch đặt người quản trị để website công ty mẻ, thu hút khách hàng đến với website, đến với công ty và địa dịch vụ 1.2 Muc tiệu đề tài Mục tiêu tổng quan hướng đến sử dụng công nghệ thông tin kiến về ngôn ngữ HTML để thiết kế một trang Website kinh doanh hoa đẹp Để làm cần thực đến mục tiêu cụ thể sau: - Danh sách sản phẩm hoa , tin tức, cách chăm sóc hoa - Xây dựng một trang Website đẹp kinh doanh hoa; - Xây dựng trang Website nhằm thể hiện hết thông tin chi tiết mặc hàng 1.3 Giới hạn đề tài - Quá trình thực đề tài tuần, nên tập trung vào thiết kế một Website tĩnh - Với giao diện, nội dung, bố cục cho người dùng dễ dàng nhanh chống truy cập và tìm hiểu Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân CHƯƠNG INTERNET, WORLD WIDE WEB 2.1.Khái niệm Internet 2.1.1 Giới thiệu chung Internet mạng máy tính toàn cầu thành lập từ năm 80 bắt nguồn từ mạng APARRNET quốc phòng Mỹ Trang Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Vào mạng Internet, bạn tìm thấy nhiều tài liệu để nghiên cứu, học tập, trao đổi thư từ, đặt hàng, mua bán Một mục tiêu Internet chia sẻ thông tin người dùng nhiều lĩnh vực khác Mỗi máy tính Internet gọi host Mỗi host có khả truyền thông tới máy khác Internet Một số host nối tới mạng đường nối Dial-up (quay số) tạm thời, số khác nối đường nối mạng thật 100% (như Ethernet, Tokenring ) 2.1.2 Phân loại Các máy tính mạng chia làm nhóm Client Server - Client: Máy khách mạng, chứa chương trình Client - Server: Máy phục vụ-Máy chủ Chứa chương trình Server, tài nguyên (tập tin, tài liệu ) dùng chung cho nhiều máy khách Server trạng thái chờ yêu cầu đáp ứng yêu cầu Client - Internet Server: Là server cung cấp dịch vụ Internet Web Server, Mail Server, FPT Server… Các dịch vụ thường dùng Internet - Dịch vụ World Wide Web (gọi tắt Web) - Dịch vụ Electronic Mail (viết tắt Email) - Dịch vụ FPT Để truyền thông với máy tính khác, máy tính Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocol- giao thức điều khiển truyền liệu giao thức Internet), giao thức đồng bộ, cho truyền thông điệp từ nhiều nguồn tới nhiều đích khác Trang 10 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân thẻ mở, thêm dấu xiên phải (/) Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thường Ví dụ, khai báo Không có khoảng trắng định nghĩa thẻ 3.2 Hoạt động HTML Khi tập tin HTML hình thành, việc xử lý trình duyệt web đảm nhận Trình duyệt đóng vai trò đọc hiểu nội dung HTML từ thẻ bên chuyển sang dạng văn đánh dấu để đọc, nghe hiểu (do bot máy tính hiểu) Để kiểm tra, bạn sử dụng khung nội dung bên chuyển qua lại phần HTML Result để xem kết tập tin HTML sau xử lý Hình 1: Cấu trúc HTML Trang 15 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Hình 2: Kết đoạn HTML 3.3 Cấu trúc đoạn HTML Như nói trên, HTML khai báo phần tử từ khóa Nội dung nằm bên cặp từ khóa nội dung bạn cần định dạng với HTML Ví dụ đoạn HTML khai báo đoạn văn 01 Đây đoạn văn HTML. Ngoài ra, thẻ có thuộc tính, thuộc tính đặt bên thẻ mở đầu, thuộc tính có giá trị đặt dấu ngoặc kép cách dấu (=) với tên thuộc tính Ví dụ thẻ có sử dụng thuộc tính 01 Một thẻ sử dụng nhiều thuộc tính thuộc tính Trang 16 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 3.4 Các cặp thẻ HTML Thẻ : Tạo đầu mục trang Thẻ : Tạo tiêu đề trang tiêu đề, thẻ bắt buộc Thẻ title cho phép bạn trình bày chuỗi tựa đề trang Web trang Web duyệt trình duyệt Web Thẻ : Tất thông tin khai báo thẻ xuất trang Web Những thông tin nhìn thấy trang Web Các thẻ định dạng khác Thẻ …:Tạo đoạn Thẻ : Thay đổi phông chữ, kích cỡ màu kí tự… Thẻ định dạng bảng …: Đây thẻ định dạng bảng trang Web Sau khai báo thẻ này, bạn phải khai báo thẻ hàng thẻ cột với thuộc tính Thẻ hình ảnh : Cho phép bạn chèn hình ảnh vào trang Web Thẻ thuộc loại thẻ thẻ đóng Thẻ liên kết : Là loại thẻ dùng để liên kết trang Web liên kết đến địa Internet, Mail hay Intranet(URL) địa tập tin mạng cục (UNC) Các thẻ Input: Thẻ Input cho phép người dùng nhập liệu hay thị thực thi hành động đó, thẻ Input bao gồm loại thẻ như: text, password, submit, button, reset, checkbox, radio, image Thẻ Textarea: < Textarea> < \Textarea>: Thẻ Textarea cho phép người dùng nhập liệu với nhiều dòng Với thẻ bạn giới hạn chiều dài lớn trang Web Trang 17 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 10 Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử tập phương thức định nghĩa trước Nếu thẻ Select cho phép người dùng chọn phần tử danh sách phần tử thẻ Select giống combobox Nếu thẻ Select cho phép người dùng chọn nhiều phần tử lần danh sách phần tử, thẻ Select dạng listbox 11 Thẻ Form: Khi bạn muốn submit liệu người dùng nhập từ trang Web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST GET thẻ form Trong trang Web có nhiều thẻ Form khác nhau, thẻ Form không lồng nhau, thẻ form khai báo hành động (action) đến trang khác 3.5 Cú pháp để tạo thẻ anchor “Chữ bạn muốn đây” Thẻ sử dụng để tạo điểm neo liên kết đó, thuộc tính href sử dụng để tài liệu liên kết đến, chữ xuất hai tag hiển thị dạng siêu lien kết Đểm neo sau xác định liên kết đến diễn đàn hcmunre.edu.vn “Mời bạn vào diễn đàn trường” 3.5.1 Thuộc tính đích đến Với thuộc tính đích đến, bạn xác định liên kết đến tài liệu khác mở đâu Dòng code mở tài liệu liên kết cửa sổ trình duyệt “Mời bạn vào diễn đàn Trường ĐH Tài Nguyên Môi Trường TP.HCM” Trang 18 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 3.5.2 Thẻ anchor thuộc tính tên Thộc tính tên sử dụng để tạo điểm neo đặt tên Khi sử dụng điểm neo đặt tên trước tạo liên kết mà người đọc nhảy trực tiếp đến phần cụ thể trang web, thay họ phải kéo xuống để tìm thong tin Một dạng bookmark Dưới cú pháp điểm neo đặt tên trước “Chữ bạn muốn hiển thị đây” Thuộc tính tên sử dụng để tạo điểm neo Tên điểm neo thứ bạn muốn Dòng code sau xác định điểm neo đặt tên trước “Tất tutorial đây” Bạn nhận thẻ anchor đặt tên trước hiển thị đặc biệt Để trực tiếp liên kết phần Photoshop Tutorial, bạn phải thêm dấu # tên điểm neo cuối URL Xem ví dụ sau: “Quay lại trang tutorials” Một đường liên kết đến phần Quay lại trang tutorials TỪ trang "html_chuong_3.htm" sau: “Quay lại trang tutorials” 3.6 Thẻ frameset Thẻ xác định bạn chia cửa sổ trình duyệt thành frame Môi frame xác định tập hợp hàng cột Giá trị hàng cột diện tích hình mà frame chiếm 3.7 Thẻ Frame Thẻ xác định tài liệu HTML chèn vào frame Ở ví dụ bạn có frameset với hai cột Cột thứ thiết lập Trang 19 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân chiếm 25% độ rộng cửa sổ trình duyệt Cột thứ hai thiết lập chiếm 75% độ rộng cửa sổ trình duyệt Tài liệu html tên "frame_a.htm" chèn vào cột thứ nhất, "frame_b.htm" chèn vào cột thứ hai “ ” CHƯƠNG THIẾT KẾ GIAO DIỆN 4.1 Sơ đồ liên kết hình Màn hình trang chính Màn hình Trang chủ Màn hình trang giới thiệu Màn hình trang sản phẩm Màn hình trang liên hệ Màn hình trang giỏ hàng Màn hình trang Tin tức 4.2 Danh sách hình STT Tên màn hình Màn hình trang chủ Các tập tin hiển thị liên kết index.html Trang 20 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Màn hình giới thiệu Màn hình sản phẩm Màn hình Tin tức Gioithieu.html Sanpham.html Hoatang.html Hoasukien.html Hoacuoi.html Hoatrangtri.html Tintuc.html Màn hình liên hệ Màn hình giỏ hàng Lienhe.html Giohang.html CHƯƠNG XÂY DỰNG ỨNG DỤNG THỰC TẾ 5.1 Phân tích yêu cầu đề tài 5.1.1 Tóm tắt hoạt động hệ thống mà dự án ứng dụng: - Là Website chuyên bán sản phẩm mẫu hoa có sẵn cho doanh nghiêp, cá nhân,… - Các sản phẩm xếp hợp lý Vì người dùng có nhìn tổng quan tất sản phẩm có - Người dùng xem chi tiết sản (có hình ảnh minh hoạ sản phẩm) - Khi chọn hàng vừa ý người dùng click vào nút cho vào giỏ hàng chọn biểu tượng giỏ hàng để sản phẩm cập nhật giỏ hàng 5.1.2 Phạm vi dự án ứng dụng - Dành cho đối tượng có nhu cầu mua sắm mạng Trang 21 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 5.1.3 Đối tượng sử dụng * Người dùng: Qua Website, khách hàng xem thông tin, lựa chọn sản phẩm ưa thích nơi chí phòng làm việc 5.1.4 Mục đích dự án - Đáp ứng nhu cầu mua bán ngày phát triển xã hội, xây dựng nên môi trường làm việc hiệu - Thúc đẩy phát triển buôn bán trực tuyến - Rút ngắn khoảng cách người mua người bán, tạo Website trực tuyến đưa nhanh thông tin việc trao đổi mua bán loại điện thoại qua mạng - Việc quản lý hàng trở nên dễ dàng - Sản phẩm xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm 5.2 Yêu cầu giao diện website 5.2.1 Giao diện người dùng Phải có giao diện thân thiện dễ sử dụng: Màu sắc hài hoà làm bật hình ảnh sản phẩm, font chữ thống nhất, tiện lợi sử dụng Giới thiệu thông tin cửa hàng: Địa liên hệ cửa hàng đại lý trực thuộc, số điện thoại liên hệ, email liên hệ Sản phẩm cửa hàng: sản phẩm có, sản phẩm bán chạy, sản phẩm nhất, sản phẩm mắt… Trang 22 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 5.3 Thiết kế giao diện 5.3.1 Giao diện trang chủ Hình 3: Giao diện trang chủ Trang chủ “Index.html”: Là trang chính, chứa tất mục để lựa chọn Từ trang chủ khách hàng tìm thấy thông tin cần thiết: Trang 23 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân - Thông tin loại sản phẩm với giao diện gần gũi, thân thiện dễ sử dụng từ khách hàng đặt mua cho sản phẩm yêu thích, phù hợp với túi tiền - Các viết hay thể giới máy tính quản trị hệ thống chọn lọc - Bạn có thắc mắc, góp ý với công ty… 5.3.2 Giao diện Form liên hệ Hình 4: Giao diện from liên hệ Trang “lienhe.html” cầu nối khách hàng cửa hàng, khách hàng gửi thắc mắc ý kiến tới cửa hàng khách hàng phải nhập đầy đủ thông tin cá nhân form Trang 24 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 5.3.3 Giao diện trang giỏ hàng Hình Giao diện giỏ hàng Trang 25 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Trang “giohang.html” trang mà khách hàng xem sản phẩm chọn Tại khách hàng biết số lượng mặt hàng chọn tổng số tiền phải toán Khách hàng thêm, cập nhập xóa sản phẩm giỏ hàng Tại có chức lưu lịch sử mua hàng khách hàng 5.3.4 Giao diện trang chi tiết sản phẩm Hình Giao diện trang chi tiết sản phẩm Trang 26 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Trang “HoahoinghiHHN005.html” trang hiển thị thông tin chi tiết sản phẩm: giá, bảo hành, thông số kỹ thuật…giúp cho khách hàng có nhìn tổng quan sản phẩm Là sở để khách hàng có định mua sản phẩm hay không 5.3.5 Giao diện tin tức Hình Giao diện from tin tức Trang 27 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Trang “Tintuc.html” trang hiển thị thông tin chi tiết tin tức mới, cách chăm sóc hoa tác dụng hoa KẾT LUẬN Đề tài “Thiết kế trang web bán hoa” xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho bạn muốn thiết kế Website cho công ty hay Website cá nhân Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên nghành hạn chế thời gian, khả kinh nghiệm nên không tránh khỏi thiếu sót định nên đề tài hoàn thành mức độ sau: - Tìm hiểu ngôn ngữ lập thiết kế HTML & CSS - Áp dụng xây dựng ứng dụng thực nghiệm trang Thiết kế trang web bán hoa Hướng nghiên cứu phát triển: - Tìm hiểu thêm ngôn ngữ PHP & MySQL để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống, Trang 28 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân - Kết hợp ngôn ngữ PHP với hệ quản trị sở liệu lớn hơn: SQL Server, Oracle… - Tìm hiểu thêm số ngôn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn… - Xây dựng trang Web quy mô lớn với nhiều ứng dụng, chức Để hoàn thành đề tài này, lần em xin chân thành cảm ơn thầy Vũ Khánh Tường Vân người quan tâm, giúp đỡ em suốt thời gian qua Em xin chân thành cảm ơn ! Trang 29 [...]... sản phẩm bán chạy, sản phẩm mới nhất, sản phẩm sắp ra mắt… Trang 22 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 5.3 Thiết kế giao diện 5.3.1 Giao diện trang chủ Hình 3: Giao diện trang chủ Trang chủ “Index.html”: Là trang chính, chứa tất cả các mục để lựa chọn Từ trang chủ khách hàng có thể tìm thấy mọi thông tin cần thiết: Trang 23 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường... Trang 24 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 5.3.3 Giao diện trang giỏ hàng Hình 5 Giao diện giỏ hàng Trang 25 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Trang “giohang.html” là trang mà khách hàng có thể xem được những sản phẩm của mình đã chọn Tại đây khách hàng có thể biết được số lượng mặt hàng mình đã chọn cũng như tổng số tiền phải thanh toán Khách hàng... 26 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Trang “HoahoinghiHHN005.html” là trang hiển thị thông tin chi tiết về sản phẩm: giá, bảo hành, thông số kỹ thuật…giúp cho khách hàng có cái nhìn tổng quan về sản phẩm Là cơ sở để khách hàng có quyết định mua sản phẩm hay không 5.3.5 Giao diện tin tức Hình 7 Giao diện from tin tức Trang 27 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh... không tránh khỏi những thiếu sót nhất định nên đề tài đã hoàn thành ở mức độ sau: - Tìm hiểu ngôn ngữ lập thiết kế HTML & CSS - Áp dụng xây dựng ứng dụng thực nghiệm trang Thiết kế trang web bán hoa Hướng nghiên cứu phát triển: - Tìm hiểu thêm về ngôn ngữ PHP & MySQL để có thể đáp ứng nhiều hơn nữa nhu cầu của người sử dụng, phát triển và tối ưu hóa hệ thống, Trang 28 Đề án: Thiết Kế Web Bán Hoa Online... thông tin chi tiết về các tin tức mới, cách chăm sóc hoa và tác dụng của hoa KẾT LUẬN Đề tài Thiết kế trang web bán hoa cũng xuất phát từ thực tế ngày nay nhằm tạo một nền tảng cơ sở ban đầu để có thể hỗ trợ thêm cho các bạn muốn thiết kế một Website cho công ty hay một Website cá nhân Mặc dù đã có nhiều cố gắng, tìm hiểu các kiến thức đã học, kết hợp tra cứu các tài liệu chuyên nghành nhưng do còn... (kịch bản Trang 11 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân trên trình chủ) với một loại cơ sở dữ liệu nào đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi bạn muốn triển khai ứng dụng Web trên mạng, ngoài các điều kiện về cấu hình phần cứng, bạn cần có trình chủ Web thường gọi là Web Server 2.2.3 Trình duyệt Web (Web Client hay Web Browser) Trình duyệt Web là công cụ truy... nên sử dụng Web tĩnh khi không thay đổi thông tin trên đó Nhược điểm: Không đáp ứng được yêu cầu phức tạp của người sử dụng, không linh hoat Hoạt động của trang Web tĩnh được thể hiện như sau: Browser gửi yêu cầu Browser Server Server gửi trả tài liệu 2.2.5.2 Website động Trang 13 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân Về cơ bản nội dung của trang Web động như một trang Web tĩnh,...Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân nhau Ví dụ có thể vừ lấy thư từ trong hộp thư, đồng thời vừa truy cập trang Web TCP đảm bảo tính an toàn dữ liệu, IP là giao thức chi phối phương thức vận chuyển dữ liệu trên Internet 2.2 World Wide Web 2.2.1 Các khái niệm cơ bản về World Wide Web World Wide Web (WWW) hay còn gọi là Web là một dịch vụ phổ biến nhất... vụ Web Webserver hỗ trợ các công nghệ khác nhau: - IIS (Internet Information Service) : Hỗ trợ ASP, mở rộng hỗ trợ PHP - Apache: Hỗ trợ PHP - Tomcat: Hỗ trợ JSP (Java Servlet Page) Trang 12 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 2.2.5 Phân loại Web 2.2.5.1 Web tĩnh Tài liệu được phân phát rất đơn giản từ hệ thống file của Server Định dạng các trang web tĩnh là các siêu liên kết,... hàng 5.1.2 Phạm vi dự án được ứng dụng - Dành cho mọi đối tượng có nhu cầu mua sắm trên mạng Trang 21 Đề án: Thiết Kế Web Bán Hoa Online GVHD: Vũ Khánh Tường Vân 5.1.3 Đối tượng sử dụng * Người dùng: Qua Website, khách hàng có thể xem thông tin, lựa chọn những sản phẩm ưa thích ở mọi nơi thậm chí ngay trong phòng làm việc của mình 5.1.4 Mục đích của dự án - Đáp ứng nhu cầu mua bán ngày càng phát triển