Báo cáo web giới thiệu sản phẩm, Báo cáo web giới thiệu sản phẩm Báo cáo web giới thiệu sản phẩm, Báo cáo web giới thiệu sản phẩm Báo cáo web giới thiệu sản phẩm, Báo cáo web giới thiệu sản phẩm Báo cáo web giới thiệu sản phẩm, Báo cáo web giới thiệu sản phẩm Báo cáo web giới thiệu sản phẩm, Báo cáo web giới thiệu sản phẩm Báo cáo web giới thiệu sản phẩm
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM CHO CỬA HÀNG THẾ GIỚI DI ĐỘNG -TP THÁI NGUYÊN Giáo viên HD : Vũ Thị Thúy Thảo Sinh viên : Phạm Văn Thắng Lớp : HTTT K12A Thái Nguyên, tháng năm 2017 MỤC LỤC 2 LỜI MỞ ĐẦU Ngày với phát triển Internet hàng loạt website đời nhằm giới thiệu, quảng bá thông tin doanh nghiệp, giới thiệu hàng hóa, sản phẩm cho người tiêu dùng Với phát triển nhanh chóng website Wordpress coi giải pháp phổ biến để tạo website cách nhanh chóng hiệu Là công cụ thiết kế website tiện lợi hỗ trợ nhiều tính cần thiết để xây dựng website Chính lí em chọn đề tài “Xây dựng website giới thiệu sản phẩm cho cửa hàng Thế giới di động –TP Thái Nguyên” Báo cáo chia làm phần bao gồm : -Cơ sở lý thuyết -Khảo sát, Phân tích & Thiết kế hệ thống -Xây Dựng website giới thiệu sản phẩm Để hoàn thành đề tài em xin cám ơn ban nhân cửa hàng Thế giới di động giúp đỡ tận tình Vũ Thị Thúy Thảo giúp em hoàn thành tốt đề tài Tuy nhiên thời gian kiến thức có hạn nên báo cáo khơng tránh khỏi nhược điểm thiếu sót Em mong nhận đóng góp ý kiến từ thầy bạn Em xin chân thành cảm ơn ! Sinh viên Phạm Văn Thắng 3 CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Phân tích thiết kế hệ thống hướng đối tượng 1.1.1 Nền tảng UML (Unified Modeling Language) UML có nghĩa ngôn ngữ thống cho phép chuyên gia CNTT mơ hình hóa ứng dụng máy tính Các tác giả Jim Rumbaugh, Ivar Jacobson, Grady Booch, người ban đầu có phương pháp cạnh tranh riêng (OMT, OOSE Booch) Cuối cùng, họ tham gia lực lượng dẫn đến chuẩn mở Một lý mà UML trở thành ngơn ngữ mơ hình hóa chuẩn tính độc lập ngơn ngữ lập trình Ngồi ra, kí hiệu UML ngơn ngữ khơng phải phương pháp luận Điều quan trọng, ngơn ngữ, trái với phương pháp luận, dễ dàng phù hợp với phương diện đạo đức kinh doanh công ty mà không cần thay đổi Do UML phương pháp luận, khơng u cầu sản phẩm làm thức Tuy nhiên, cung cấp vài kiểu sơ đồ, sử dụng phương pháp cụ thể, sơ đồ làm tăng dễ hiểu cho ứng dụng phát triển Có nhiều thứ với UML sơ đồ này, với mục đích tơi đây, sơ đồ cung cấp mở đầu tốt cho ngơn ngữ ngun lý phía sau việc sử dụng Bằng cách đặt sơ đồ UML chuẩn sản phẩm tạo phương pháp luận bạn, với người thành thạo, UML bạn làm cho trở nên dễ nhập vào dự án bạn nhanh chóng biến thành sản phẩm Các sơ đồ UML chuẩn, có ích là: sơ đồ ca sử dụng, sơ đồ lớp, sơ đồ trình tự, sơ đồ trạng thái (statechart), sơ đồ hoạt động, sơ đồ thành phần sơ đồ triển khai 1.2.2 Các sơ đồ UML Sơ đồ ca sử dụng Một ca sử dụng minh họa đơn vị chức hệ thống cung cấp Mục đích việc sử dụng sơ đồ ca sử dụng giúp nhóm phát triển hình dung yêu cầu chức hệ thống, bao gồm mối quan hệ "các vai" (con người, người tương tác với hệ thống) với quy trình cần thiết, mối quan hệ số ca sử dụng khác Các sơ đồ ca sử dụng nói chung cho thấy nhóm ca sử dụng tất ca sử dụng cho hệ thống hoàn chỉnh, đột phá nhóm ca sử dụng cụ thể với chức liên quan (ví dụ, tất 4 ca sử dụng có liên quan đến quản trị an ninh) Để cho thấy ca sử dụng sơ đồ ca sử dụng, bạn vẽ hình bầu dục sơ đồ đặt tên ca sử dụng trung tâm, bên dưới, hình bầu dục Để vẽ vai (chỉ thị người sử dụng hệ thống) sơ đồ ca sử dụng, bạn vẽ người dính vào bên trái hay bên phải sơ đồ bạn (và trường hợp bạn muốn biết, số người vẽ người kèm đẹp người khác) Sử dụng đường đơn giản để miêu tả mối quan hệ vai ca sử dụng Hình 1.1 Minh hoạ biểu đồ ca sử dụng Sơ đồ lớp Sơ đồ lớp cho thấy thực thể khác (người, chủ đề liệu) liên quan với nào; nói cách khác, cho thấy cấu trúc tĩnh hệ thống Một sơ đồ lớp sử dụng để hiển thị lớp hợp lý, chúng thường chủ đề khác mà doanh nhân tổ chức hay bàn chúng ban nhạc rock, đĩa CD, phát khoản vay, chấp nhà, khoản vay mua xe lãi suất Các sơ đồ lớp sử dụng để hiển thị lớp thực hiện, chúng lớp mà lập trình viên thường hay xử lý Một sơ đồ lớp thực cho thấy số lớp giống sơ đồ lớp hợp lý Lớp thực khơng vẽ với thuộc tính nhau, nhiên, có khả có tham khảo đến thứ Vectơ HashMaps 5 Một lớp mô tả sơ đồ lớp hình chữ nhật với ba phần nằm ngang Phần phía tên lớp; phần có chứa thuộc tính lớp; phần chứa hoạt động lớp (hay "các phương thức") Hình1.2 Đối tượng lớp mẫu sơ đồ lớp Sơ đồ trình tự Sơ đồ trình tự (sequence) hiển thị dịng chi tiết cho ca sử dụng cụ thể chí phần ca sử dụng cụ thể Hầu chúng tự giải thích; chúng hiển thị lời gọi đối tượng khác theo trình tự chúng hiển thị, mức độ chi tiết, lời gọi khác với đối tượng khác Một sơ đồ trình tự có hai chiều: Chiều dọc cho thấy trình tự thơng báo lời gọi theo thứ tự thời gian mà chúng xảy ra; chiều ngang thể cá thể đối tượng mà thông báo gửi tới chúng Một sơ đồ trình tự vẽ đơn giản Ngang đầu sơ đồ bạn, xác định cá thể lớp (đối tượng) cách đặt cá thể lớp hộp Trong hộp này, đặt tên cá thể lớp tên lớp ngăn cách khoảng trống dấu hai chấm/ khoảng trống " : " (ví dụ, myReportGenerator : ReportGenerator) Nếu cá thể lớp gửi thông báo đến cá thể lớp khác, vẽ đường với mũi tên hở trỏ đến cá thể lớp nhận; đặt tên thông báo phương thức đường vẽ Tùy chọn, với thơng báo quan trọng, bạn vẽ đường chấm chấm có mũi tên ngược cá thể lớp ban đầu; ghi nhãn giá trị trả đường chấm chấm Riêng tơi ln muốn có đường giá trị trả tơi muốn tìm chi tiết phụ làm cho dễ đọc Đọc sơ đồ trình tự đơn giản Bắt đầu góc bên trái với cá thể lớp "trình điều khiển" bắt đầu trình tự Sau theo thơng báo sơ đồ 6 Hình 1.3 Minh hoạ sơ đồ trình tự Sơ đồ hoạt động Sơ đồ hoạt động hiển thị luồng kiểm soát theo thủ tục hai hay nhiều đối tượng lớp xử lý hoạt động Các sơ đồ hoạt động sử dụng để mơ hình hóa quy trình kinh doanh cao cấp mức đơn vị kinh doanh, để mơ hình hóa hành động bên mức thấp Theo kinh nghiệm tôi, sơ đồ hoạt động tốt sử dụng để mơ hình hóa quy trình cao cấp hơn, chẳng hạn cơng ty kinh doanh nào, muốn tiến hành kinh doanh Điều sơ đồ hoạt động "ít kỹ thuật" so với sơ đồ trình tự người thích kinh doanh có xu hướng hiểu chúng nhanh Một ký hiệu hoạt động tương tự ký hiệu sử dụng sơ đồ trạng thái Giống sơ đồ trạng thái, sơ đồ hoạt động bắt đầu vòng tròn nét liền kết nối tới hoạt động ban đầu Hoạt động mơ hình hóa cách vẽ hình chữ nhật có cạnh trịn, kèm theo tên hoạt động Các hoạt động kết nối với hoạt động khác thông qua đường chuyển tiếp, đến điểm định có kết nối tới hoạt động khác điều kiện điểm định bảo vệ Các hoạt động, chấm dứt q trình mơ hình hóa, kết nối với điểm kết thúc (giống sơ đồ trạng thái) Tùy chọn, hoạt động nhóm lại thành đường, chúng sử dụng để đối tượng thực thực hoạt động 7 Hình 1.4 Minh hoạ sơ đồ trình tự 1.2 Giới thiệu Wordpress 1.2.1.Giới thiệu tổng quan Wordpress WordPress phần mềm nguồn mở (Open Source Software) viết ngơn ngữ lập trình website PHP (Hypertext Preprocessor) sử dụng hệ quản trị sở liệu MySQL WordPress mắt lần vào ngày 27/5/2003 tác giả Matt Mullenweg Mike Little WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, nhiều người sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lượng người sử dụng tăng lên, cộng tác viên lập trình viên tham gia đông đảo để phát triển mã nguồn WordPress có thêm tính tuyệt vời Và thời điểm WordPress xem hệ quản trị nội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùng tạo nhiều thể loại website khác blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, chí với loại website có 8 độ phức tạp cao đặt phòng khách sạn, thuê xe, đăng dự án bất động sản…Hầu hình thức website với quy mơ nhỏ vừa triển khai tảng WordPress Hiện có tới khoảng 25% website danh sách 100 website lớn giới sử dụng mã nguồn WordPress Ví dụ trang tạp chíTechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,… 1.2.2 Đặc điểm bật Wordpress Hệ thống Plugin phong phú khơng ngừng cập nhật, ngồi người dùng có • thể viết Plugin tích hợp code vào Wordpress • Được phát triển nhiều ngôn ngữ (hỗ trợ tiếng việt) • Cập nhật phiên liên tục, cộng đồng hỗ trợ lớn • Có hệ thống Theme đồ sộ, nhiều theme chun nghiệp có khả SEO tốt • Việc quản lý blog, quản lý viết thuận tiện giống phần mềm thiết kế website chuyên nghiệp Thể tệp PDF, DOC, Powerpoint nội dung viết Đặc biệt • tích hợp sẵn Latex - cơng cụ soạn thảo cơng thức tốn học, giúp người sử dụng viết cơng thức tốn học blog WordPress có 23 Widget (ứng dụng tạo thêm) Thống kê số truy nhập blog, • Các nhất, Các viết bật nhất, Các comment nhất, Liệt kê chuyên mục, Liệt kê Trang, Danh sách liên kết, Liệt kê số viết tháng Có 79 theme để người dùng lựa chọn Ngoài việc áp dụng để xây dựng Website dạng trang tin tức Blog, • WordPress cịn sử dụng để xây dựng nên Website thương mại điện tử với mục đích bán hàng Online Tuy nhiên xét phương diện WordPress khơng thực trội Ngoài thống kê số truy nhập ngày cho blog, Wordpress cịn thống kê • số truy nhập ngày viết blog Trên sở chủ blog có định hướng nên viết vấn đề Các comment duyệt cho đăng, comment có nội dung khơng • phù hợp xóa, cho spam sau IP khơng gửi comment vào blog 9 Admin (chủ blog) cho 35 cộng tác viên gửi vào blog, phân • quyền cho cộng tác viên theo cấp độ khác Lưu giữ danh sách thành viên ghé thăm trang blog Admin cho đăng qua email vào blog miễn admin cho họ địa email bí mật blog (địa thay đổi lúc nào) Sao lưu liệu nhằm khôi phục nội dung blog cách dễ dàng chẳng • may blog bị hack, cung cấp công cụ chuyển nhà từ blog khác sang blog WordPress • WordPress hỗ trợ GB để lưu trữ tệp hình ảnh văn • Hàng ngày WordPress có thống kê 100 blog tiếng Việt WordPress nhiều người đọc vịng 48 tiếng Nhờ bạn biết thơng tin quan trọng diễn 1.2.3.Wordpress.com Wordpress.org Wordpress.com(Blog) Wordpress.com dịch vụ viết blog miễn phí, đăng ký tài khoản wordpress.com có sub-domain dạng example.wordpress.com; Wordpress.com dễ sử dụng, thường dùng để viết blog, có nhiều giao diện cho người dùng lựa chọn, có cộng đồng viết Blog đơng đảo Tuy nhiên, Wordpress.com không cài Plugin, không tùy chỉnh code giao diện, Settings hạn chế Wordpress.org(Wordpress tự host) Wordpress cho phép người dùng tải xuống mã nguồn website thức Wordpress.org Với mã nguồn này, xây dựng blog chí website ý muốn Hiện nay, nhắc đến Wordpress người ta thường nghĩ đến Wordpress tự host hay gọi Wordpress Self-Hosted Wordpress Self-Hosted cho phép người dụng có quyền cài đặt thêm thành phần mở rộng (plugins) chủ đề, hay gọi giao diện (themes) từ bên ngồi, điều mà Wordpress.com khơng thể làm Tuy nhiên bất lợi Wordpress Self-Hosted người dùng phải có hosting riêng tự cài đặt, tự bảo mật blog 10 10 Người truy cập xem thông tin chi tiết sản phẩm Giao dien tim kiem Giao dien ket qua tim kiem Bo phan dieu khien san pham CSDL san pham : khachhang 1: chon SP can xem thong tin 2; yeu cau xem chi tiet thong tin SP 3: yeu cau lay thong tin 4: hien thi ket qua thong tin can tim Hình 2.4 Biểu đồ cho tác vụ xem thông tin chi tiết sản phẩm Sau khách hàng tìm kiếm sản phẩm mà muốn xem thơng tin, khách hàng click vào sản phẩm đó, sau hệ thống lấy liệu từ sở liệu hiển thị thơng tin sản phẩm cho khách hàng • Chức thêm sản phẩm - Khi người quản trị đăng nhập vào hệ thống website Sau người quản trị chọn vào sản phẩm, hệ thống chuyển sang giao diện quản lý sản phẩm để nhân viên thực chức thêm sản phẩm Khi nhân viên chọn chức thêm sản phẩm nhập thông tin sản phẩm cần thiết sau chọn nút lưu lại Khi đó, hệ thống thực yêu cầu thêm sản phẩm lưu lại thông tin sản phẩm thêm vào vào sở liệu Cuối gửi lại thông báo thêm thành công người quản trị hồn tất q trình thêm sản phẩm 22 22 Hình 2.5 Biểu đồ chức thêm sản phẩm • Chức sửa thơng tin sản phẩm - Khi người quản trị chọn chức sửa thông tin sản phẩm nhập thông tin sản phẩm sau chọn nút lưu lại Khi đó, hệ thống thực u cầu sửa thơng tin sản phẩm lưu lại thông tin sản phẩm vừa sửa vào sở liệu Cuối gửi lại thông báo thêm thành công cho việc hồn tất q trình sửa thơng tin sản phẩm 23 23 Hình 2.6 Biểu đồ chức sửa thơng tin sản phẩm Chức xóa sản phẩm: - Khi người quản trị chọn chức xóa thông tin sản phẩm nhập thông tin sản phẩm sau chọn nút lưu lại Khi đó, hệ thống thực u cầu xóa thơng tin sản phẩm lưu lại thông tin sản phẩm vừa xóa vào sở liệu Cuối gửi lại thơng báo xố thành cơng cho việc hồn tất q trình xóa thơng tin sản phẩm 24 24 Hình 2.7 Biểu đồ chức xóa sản phẩm Tương tự Use-case quản lý người dùng hệ thống quản lý khách hàng (với chức thêm, sửa, xóa) 2.3 Thiết kế hệ thống website: Do thời gian kiến thức hạn chế nên việc thiết kế website chưa thể đáp ứng đầy đủ chức theo yêu cầu cần thiết Việc thiết kế chức website tạm thời bao gồm: - Trang chủ website: Quảng bá số sản hình ảnh sản phẩm cửa hàng - Trang sản phẩm: Gồm danh mục máy tính Laptop máy tính bảng Giới thiệu chi tiết sản phẩm Cửa hàng phân phối - Trang liên hệ: Để Cửa hàng biết ý kiến đóng góp xây dựng khách hàng -Trang tin tức: Để Cửa hàng giới thiệu đến người truy cập tin tức về: 25 25 + Các sản phẩm công nghệ cơng bố có tính ưu việt, mẫu mã đẹp, giá hợp lý + Giới thiệu thông tin khuyến ưu đãi sản phẩm cửa hàng mà khách hàng quan tâm CHƯƠNG XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM 3.1 Giao diện website 26 26 3.1.1 Giao diện trang sản phẩm danh mục 3.1.2 Giao diện danh mục máy tính Laptop 27 27 3.1.3 Giao diện chi tiết danh mục máy tính Laptop 3.1.4 Giao diện danh mục máy tính bảng 28 28 3.1.5 Giao diện chi tiết danh mục máy tính bảng 3.1.6 Giao diện tin tức chuyên mục tin 29 29 3.1.7 Giao diện tin tức chuyên mục:tin khuyến mại 3.1.8 Giao diện liên hệ 30 30 3.1.9 Giao diện giới thiệu 3.2 Một số chức quản trị 3.2.1 Giao diện trang quản lý sản phẩm 31 31 3.2.2 Giao diện quản lý trang 3.2.3 Giao diện quản lý viết 32 32 3.2.4 Giao diện wordpress 33 33 KẾT LUẬN “Xây dựng website giới thiệu sản phẩm cho cửa hàng bán máy tính Thế giới di động-TP Thái Nguyên” vấn đề mẻ, mang tính thực tế cao, giai đoạn – nhu cầu khách hàng muốn tìm hiểu sản phẩm quan tâm,và tìm nơi tin cậy để xem sản phẩm Dưới hướng dẫn gợi ý cô Vũ Thị Thúy Thảo, em thực đề tài nhằm đưa giải pháp quản lý phù hợp cho website cửa hàng Do hạn hẹp thời gian trình độ nên website em xây dựng báo cáo đáp ứng yêu cầu bản, đưa vào thực tế sử dụng chắn phải cần nâng cấp theo định hướng mà em nêu phần sau Tuy nhiên, với thực tập sở này, em hoàn thành yêu cầu đặt ra, bao gồm: - Cơ sở lý thuyết - Khảo sát, Phân tích & Thiết kế hệ thống - Xây dựng website giới thiệu sản phẩm Tóm lại, với tốc độ phát triển ngày tăng mạng máy tính việc thiết kế cài đặt ứng dụng cho người dùng cần thiết Vì ý tưởng giới thiệu máy tính qua mạng phần giúp cho khách hàng thuận tiện việc lựa chọn mua hàng Với kiến thức tảng học trường nỗ lực mình, em hoàn thành đề tài “Xây dựng website Giới thiệu sản phẩm cho cửa hàng giới di động-TP Thái nguyên” Mặc dù cố gắng đầu tư nhiều thời gian có hạn khơng thực Internet nên đề tài nhiều hạn chế.Cùng với cần xây dựng thêm cho website việc tìm kiếm theo chủ đề để thuận tiện cho khách hàng Em mong nhận thơng cảm góp ý q Thầy để chương trình ngày hồn thiện Một lần em xin chân thành cảm ơn cô Vũ Thị Thúy Thảo tận tình giúp đỡ em suốt thời gian thực đồ án tốt nghiệp Em xin chân thành cảm ơn! Sinh viên thực Phạm Văn Thắng 34 34 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Thái Nguyên, tháng năm 2017 Giáo viên hướng dẫn 35 35 ... Thị Thúy Thảo, em thực đề tài nhằm đưa giải pháp quản lý phù hợp cho website cửa hàng Do hạn hẹp thời gian trình độ nên website em xây dựng báo cáo đáp ứng yêu cầu bản, đưa vào thực tế sử dụng... thống hiển thị thông báo thành cơng 2.2.4 Đặc tả Use-case • 20 Khách hàng tìm kiếm sản phẩm 20 Giao dien tim kiem Giao dien ket qua tim kiem Bo phan dieu khien san pham CSDL san pham : khachhang... thị kết sản phẩm khơng có website 21 21 Người truy cập xem thông tin chi tiết sản phẩm Giao dien tim kiem Giao dien ket qua tim kiem Bo phan dieu khien san pham CSDL san pham : khachhang 1: chon