Đồ án thực tập tốt nghiệp thiết kế website điện thoại bằng wordpress

68 3.4K 31
Đồ án thực tập tốt nghiệp thiết kế website điện thoại bằng wordpress

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Đồ án thực tập tốt nghiệp ngành cntt về thiết kế website điện thoại bằng wordpress.gồm các phần cụ thể về phân tích thiết kế hệ thống và các bước thực hiện tạo website như: Cài đặt wordpress trên localhost với XAMPP Đăng kí tên miền, hosting miễn phí Tối ưu hóa tìm kiếm SEO cho website

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP ĐỀ TÀI : XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI HTC GIẢNG VIÊN HƯỚNG DẪN: ThS VŨ THỊ TUYẾT MAI SINH VIÊN THỰC HIỆN: NGUYỄN CÔNG HOÀN HÀ NỘI, 2014 MỤC LỤC MỤC LỤC LỜI CẢM ƠN DANH MỤC TÀI LIỆU THAM KHẢO .68 LỜI CẢM ƠN Trong trình thực đề tài “Xây dựng Website bán hàng”, em hoàn thiện đề tài Để hoàn thiện đề tài này,em xin gửi lời cảm ơn chân thành đến cô giáo hướng dẫn Cô Vũ Thị Tuyết Mai, Giảng viên Khoa Công nghệ thông tin trường Đại học Công Nghiệp Hà Nội hết lòng giúp đỡ, hướng dẫn, dạy tận tình để em hoàn thành đề tài Trong trình thực đề tài em cố gắng nỗ lực để hoàn thành đề tài để hoàn thiện cần đóng góp thầy bạn Em xin chân thành cảm ơn! Sinh viên thực hiện: Nguyễn Công Hoàn MỞ ĐẦU • Tên đề tài: Xây dựng Website bán hàng • Lý chọn đề tài Hiện nay, ngành Công nghệ thông tin có bước phát triển nhanh chóng ứng dụng lĩnh vực sống phạm vi toàn giới nói chung Việt Nam nói riêng Công nghệ thông tin phần thiếu sống văn minh, góp phần đẩy mạnh công công nghiệp hóa đại hóa đất nước Việc ứng dụng thành khoa học công nghệ vào đời sống, công tác thiết yếu Ứng dụng công nghệ thông tin kết hợp với truyền thông hóa xem yếu tố mang tính định hoạt động công ty, tổ chức, đóng vai trò quan trọng thiếu Công nghệ thông tin truyền thông hóa góp phần làm thay đổi suy nghĩ, lối mòn tư người, giúp người động hơn, kết nối nhanh lúc nơi làm tăng mức độ hiệu quả, suất công việc Trước để mua điện thoại phải tận cửa hàng để mua Song loại mặt hàng điện thoại chưa phong phú,chưa thể đáp ứng nhu cầu mua sản phẩm đa dạng, chất lượng đến tay người tiêu dùng Mặt khác Việt Nam có nhiều website song chưa thật cụ thể mặt hàng Để phục vụ cho nhu cầu mua yêu cầu sản phẩm vừa phong phú Em định thực đề tài: “Xây dựng Website bán hàng" • Mục tiêu – mục đích • Mục tiêu + Xây dựng sở liệu xác, cập nhật, ổn định + Giao diện Website: thân thiện với người dùng, đầy đủ số chức - Giỏ hàng - Sản phẩm - Tin tức - Giới thiệu - Thanh toán trực tuyến + Đơn giản hóa cách thức mua hàng qua mạng • Mục đích Xây dựng Website hoàn thiện mặt nội dung giao diện, góp phần nâng cao quảng cáo, giá trị thương mại mặt hàng nước giải khát, giúp người bán người mua dễ dàng tìm đến • Bố cục: Nội dung chia làm chương chính: Chương 1: Phân tích thiết kế hệ thống Giới thiệu ca dụng biểu đồ trang web bán hàng Còn Chương 2: Thiết kế website, nói cách thức xây dựng trang web wordpress cách đăng ký tên miền, hosting, SEO NỘI DUNG CHƯƠNG 1: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 1.1 Xác định yêu cầu Website Website cần đạt đạt yêu cầu sau:  Giao diện thân thiện dễ sử dụng  Thông tin sản phẩm: Trình bày giới thiệu loại sản phẩm, với đầy đủ hình ảnh thông tin Đưa sản phẩm bật, sản phẩm bán chạy  Những tin tức sưu tập,…  Cho phép chỉnh sửa, xóa viết tin tức  Cho phép tìm kiếm tin tức, sản phẩm, gợi ý thông minh  Thiết kế giỏ hàng, thân thiện dễ tương tác  Tích hợp toán trực tuyến qua 1.2 Tác nhân hệ thống Tác Nhân Khách hàng Mô Tả người vào hệ thống xem, tìm kiếm, tham khảo thông tin sản phẩm đăng ký mua sản phẩm người có tài khoản hệ thống (là thành viên website) tham gia vào việc giải đơn hàng người có quyền cao hệ thống, quản lý hệ thống, quản lý sản phẩm, quản lý khách hàng, quản lý tin tức, quản lý đơn hàng Nhân viên Quản trị hệ thống 1.3 Các ca sử dụng hệ thống         Nhân viên đăng nhập Xem sản phẩm Tìm kiếm sản phẩm Thêm sản phẩm vào giỏ hàng Đặt hàng Quản lý sản phẩm Quản lý đơn hàng Quản lý tin tức Tác nhân Ca sử dụng Khách hàng Xem thông tin sản phẩm Tìm kiếm sản phẩm Mua sản phẩm Người sử dụng Đăng nhập Xem thông tin sản phẩm Tìm kiếm sản phẩm Cập nhật tài khoản khách hàng Phản hồi Đặt hàng Quản trị hệ thống Đăng nhập Quản lý sản phẩm Quản lý khách hàng Quản lý tin tức Quản lý thông tin phản hồi Quản lý đặt sản phẩm 1.4 Biểu đồ ca sử dụng Biểu đồ usecase Dang ky vien Quan ly tin tuc Tim k iem s an pham Xem s an pham Quan ly phan hoi Tim k iem tin tuc Quan ly vien Khac h x em Nguoi Dung Cap nhat thong tin tai k hoan Quan ly dat hang Quan ly s an pham Dat hang Hình 1.4.1: Biểu đồ ca sử dụng Quan tri he thong 1.5 Đặc tả ca sử dụng 1.5.1 Ca sử dụng xem thông tin sản phẩm Tên ca sử dụng Xem thông tin sản phẩm Ca sử dụng cho phép khách hàng xem thông tin sản phẩm có bán website Khách hàng thêm hàng vào giỏ hàng có nhu cầu mua hàng Khách hàng Ca sử dụng bắt đầu người dùng muốn biết thông tin sản phẩm mà quan tâm sản phẩm có website Hệ thống hiển thị hình ảnh đại diện, tên giá sản phẩm Người dùng kích vào tên sản phẩm để xem thông tin chi tiết sản phẩm Hệ thống hiển thị thông tin chi tiết sản phẩm Không Không Mô tả tóm tắt Mục đích Tác nhân Điều kiện Tiền điều kiện Hậu điều kiện 1.5.2 Ca sử dụng tìm kiếm sản phẩm Tên ca sử dụng Mô tả tóm tắt Tìm kiếm sản phẩm Ca sử dụng mô tả khách hàng tìm kiếm sản phẩm Khách hàng Hệ thống hiển thị lựa chọn tìm kiếm: - Tìm theo loại sản phẩm - Tìm theo giá - Tìm theo từ khóa Hệ thống yêu cầu khách hàng chọn chức tìm kiếm: - Nếu khách hàng chọn tìm kiếm theo loại sản phẩm luồng kiện Tìm kiếm theo loại sản phẩm thực - Nếu người dùng chọn tìm kiếm theo giá luồng kiện Tìm kiếm theo gía thực - Nếu khách hàng chọn tìm kiếm theo từ khóa luồng kiện Tìm kiếm theo từ khóa thực Khách hàng kích vào tìm Tìm kiếm Hệ thống hiển thị sản phẩm tìm thấy sở liệu theo yêu cầu người dùng Mục đích Tác nhân Luồng kiện Điều kiện Tiền điều kiện Không Không Hậu điều kiện 10 54 2.3.2.2.Cài đặt Plugin “Google Analytics” Google Analytics dịch vụ thống kê lưu lượng truy cập miễn phí chuyên nghiệp điều không cần phải bàn cãi, làm website sử dụng qua dịch vụ S 55 Hình 5.36 Mỗi cần xem thống kê phải vào trang chủ Google Analytics công, lại không tích hợp vào WordPress để vừa giúp bạn chèn mã theo dõi tự động, lại vừa thuận tiện việc xem thống kê? Có nhiều plugin để làm việc có plugin mà Google Analytics khuyến khích sử dụng cho sử dụng WordPress Google Analytics Dashhoard for WP 56 Hình 5.37 Hình 5.38 57 Hình 5.39 2.3.2.3 Cài đặt Plugin “Facebook” Tìm plugin từ khóa “Facebook” trang chủ wordpress, sau download vào cài dặt hình Hình 5.40 58 Hình 5.41 Hình 5.42 59 2.3.2.4.Cài đặt Plugin “Tiny MCE Advanced”SSSSS • Gõ từ khóa “Tiny MCE Advance” vào mục Search, Chọn Search Plugins • Chọn Download vào cài đặt Plugin giúp soạn thảo văn dễ dàng Hình 5.43 Hình 5.44 60 Hình 5.46 Ở số Plugin thông dụng xài, bạn tìm hiểu thêm xài Plugin khác hay WP Edit, CKEditor for WP,… 2.4.Triển khai trang web 2.4.1 Đăng kí tên miền tk Hình 6.1 61 Hình 6.2 2.4.2 Đăng kí hostinger Hình 6.3 62 Hình 6.4 2.4.3 Download CuteFPT 9.0 Download cài đặt, ta khí tài khoản hostinger cấp cho tài khoản địa để nhập vào Sau nhập vào đưa liệu hình 6.5 sau chờ upload liệu lên kết hình 6.6 Lưu ý: upload file chọn mục public_html database vào 63 Hình 6.5 Hình 6.6 64 Hình 6.7 Ở hình 6.7 ta upload thành công database xong 2.5 Tối ưu hóa tìm kiếm SEO cho trang Web 2.5.1 Cài đặt plugin để tạo sitemap cho web • Cài đặt plugin bình thường với từ khóa “Google XML Sitemaps” • Plugin giúp tạo Sitemap cho trang web Hình 7.1 65 Hình 7.2 2.5.2 Đăng kí gửi Sitemap cho Google webmaster • Chọn thêm trang web điền vào • Sau thực nhập theo yêu cầu google 2.5.3 Tối ưu hóa viết với plugin “Google SEO” • Khi viết post ta kết hợp với plugin SEO để tối ưu hóa nội dung viết • Chú ý: từ khóa phải đặt vào title, URL 66 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận Qua khoảng thời gian thực tập nhà trường em học được: • Cách thức phân tích thông tin danh mục trang web • Cách thức làm trang web wordpress • Cách đăng ký tên miền sử dụng từ khóa tìm kiếm • Cách sử dụng máy chủ ảo • Cách SEO • Tầm quan trọng thương mại điện tử Hướng phát triển • Đi sâu vào nghiên cứu plug-in cao cấp • Cố gắng nắm rõ API wordpress • Nghiên cứu để tự viết theme plug-in wordpress mong muốn phục vụ cho người 67 DANH MỤC TÀI LIỆU THAM KHẢO Tiếng việt: http://vndoc.com/tai-lieu-huong-dan-wordpress/download http://thietkewebx.net/tu-van/wordpress/20-giao-trinh-tai-lieuebook-huong-dan-hoc-wordpress-bang-tieng-viet.html Tiếng Anh: Web: http://thachpham.com/ http://vi.wordpress.org/ https://www.youtube.com/results? search_query=thach+pham+wordpress 68 [...]... cho WordPress với PhpMyAdmin 21 Hình 2.2 Hình 2.3 Mở trình duyệt, truy cập vào đường dẫn: http://localhost/phpmyadmin/ Ở thư mục , gõ vào tên CSDL cho WordPress sử dụng (hình 2.4) 22 Hình 2.4 2.1.3 Download và cài đặt Wordpress 2.1.3.1 Download Wordpress: • Truy cập vào trang web: http:/ /wordpress. org/ • Hoặc download tại: http://vi .wordpress. org/ 23 Hình 2.5 2.1.3.2 Cài đặt Wordpress. .. hệ thống 1.7 Xác định các lớp tham gia ca sử dụng 1.7.1 Ca sử dụng đăng nhập vào hệ thống 1.7.1.1 Sơ đồ hoạt động Hình1.7.1 Sơ đồ hoạt động của ca sử dụng đăng nhập 1.7.1.2 Biểu đồ trình tự hoạt động 14 Hình 1.7.2 Biểu đồ trình tự hoạt động đăng nhập 15 1.7.2.3 Biểu đồ trình tự đăng ký Hình 1.7.3 Biểu đồ trình tự đăng ký : Khach xem : W_Dangky : QL_Dangky : cus tom er 1: yeu cau nhap thong tin 2: Nhap... Hình 2.5 2.1.3.2 Cài đặt Wordpress Mở thư mục cài đặt XAMPP ra, tiến hành giải nén Wordpress vào “htdoc\webtest \wordpress (hình 2.6) Hình 2.6 24 Mở trình duyệt, truy cập vào trang “http:// localhost/webtest \wordpress và tiến hành cài đặt wordpress như hướng dẫn ở hình bên dưới Ở hình 2.8, ta điền thông tin về wordpress kết nối với Database mà ta đã tạo trên MySql Ở hình 2.10, ta điền tiêu đề trang web... Biểu đồ tuần tự : khachhang : W_Dangnhap : QL_DangNhap : W_khachhang : QL_khachhang : cus tom er 1: yeucaudangnhap 2: yeucaudangnhap 3: ki em trathongti n 4: hienthi 5: hienthi 6: nhapthongtin 7: capnhat 8: luu 9: tral oi 10: traloi 11: hi enthi Hình 1.7.6 Biểu đồ tuần tự 1.7.3 Ca sử dụng xem sản phẩm 1.7.4.1 Biểu đồ hoạt động xem sản phẩm Hình 1.7.8 Biểu đồ hoạt động xem sản phẩm 17 1.7.4.2 Biểu đồ. .. 4: Tao thanh vien() 5: Them thanh vien() 6: Tra loi 7: Tra loi 8: Hien thi() 1.7.2 Ca sử dụng cặp nhật tài khoản 1.7.3.1 Biểu đồ hoạt động cặp nhật tài khoản Hình 1.7.4 Biểu đồ hoạt động cặp nhật tài khoản 16 1.7.3.2 Sơ đồ tham gia ca sử dụng cập nhật tài khoản Hình 1.7.5 Sơ đồ tham gia ca sử dụng cập nhật tài khoản W_khachhang usernam pas s ten dia chi s dt edit() cus tomer W_Dangnhap khachhang QL_khachhang... 2.7.15: Biểu đồ tham gia ca sử dụng đặt hàng 2.7.6.3 Biểu đồ trình tự đặt hàng : Nguoi Dung : W_Dangnhap : QL_Dathang : W _sanpham : Sanpham : Order 1: Nhap ten DN, MK 2: Kiem tra DN 3: Yeu cau chon vi ec 4: Chon xem gio hang 5: Hien gio hang 6: Thanh toan 7: thanh toan 8: lay san pham 9: them hoa don 10: Tra loi 11: Tra loi 12: Tra loi 13: Hi en thi Hình 2.7.16:Biểu đồ trình tự đặt hàng 1.8 Biểu đồ lớp... datsanpham() add() edit() del() Hình 1.7.9: Biểu đồ tham ca sử dung xem sản phẩm 1.7.4.3 Biểu đồ trình tự tham gia ca sử dụng xem sản phẩm : Khach xem : W_sanpham : W _chitietsanpham : QL_Sanpham : Sanpham 1: Chon x em san pham 2: Lay thong tin san pham 3: Lay thong tin san pham 4: Lay thong tin san pham 5: Tra loi 6: Tra loi 7: Tra loi 8: Hien thi Hình 1.7.10: Biểu đồ trình tự tham ca sử dụng xem sản phẩm... tin san pham 5: Tra loi 6: Tra loi 7: Tra loi 8: Hien thi Hình 1.7.10: Biểu đồ trình tự tham ca sử dụng xem sản phẩm 1.7.4 Ca sử dụng tìm kiếm sản phẩm 1.7.5.1 Biểu đồ hoạt động Hình 1.7.11:Biểu đồ hoạt động tìm kiếm sản phẩm 18 1.7.5.2 Sơ đồ lớp tham gia ca sử dụng Nguoi Dung (from Use Case View) W_timkiemsanpham QL_Timkiemsanphan (from bi en ) (from thucth e1) Sanpham (from thucthe1 ) loaisanpham Khach... edit() del() Hình 1.7.12:Sơ đồ lớp tham gia ca sử dụng 1.7.5.3 Sơ đồ trình tự tìm kiếm sản phẩm : W _timkiemsanpham : Nguoi Dung : QL_Timkiems anphan : W _sanpham 1: Yeu c au tim kiem 2: Yeu cau chon phuong thuc t im kiem 3: Chon phuong thuc tim kiem 4: Nhap thong tin t im kiem 5: Lay t hong tin tim kiem 6: Lay t hong tin tim kiem 7: Tra loi 8: Tra loi 9: Hien thi Hình 1.7.13:Biểu đồ trình tự tìm kiếm sản... tim kiem 6: Lay t hong tin tim kiem 7: Tra loi 8: Tra loi 9: Hien thi Hình 1.7.13:Biểu đồ trình tự tìm kiếm sản phẩm 1.7.5 Ca sử dụng đặt hàng 1.7.6.1 Biểu đồ hoạt động ca sử dụng đặt hàng Hình 1.7.14:Biểu đồ hoạt động đặt hàng 19 1.7.6.2 Biểu đồ tham gia ca sử dụng đặt hàng W_sanpham QL_Dathang (fro m b i en) (from co ntrol ) masanpham t ensanpham gia anhdaidien Sanpham taodonhang() t aogiohang()

Ngày đăng: 01/06/2016, 18:12

Từ khóa liên quan

Mục lục

  • MỤC LỤC

  • LỜI CẢM ƠN

    • Tên đề tài:

    • Lý do chọn đề tài

    • Mục tiêu – mục đích

    • Bố cục:

    • 1.3. Các ca sử dụng của hệ thống

      • 1.7.2.3 Biểu đồ trình tự đăng ký

      • 1.7.2. Ca sử dụng cặp nhật tài khoản

        • 1.7.3.1 Biểu đồ hoạt động cặp nhật tài khoản

      • 1.7.3. Ca sử dụng xem sản phẩm

        • 1.7.4.1. Biểu đồ hoạt động xem sản phẩm

        • 1.7.4.2. Biểu đồ tham gia ca sử dụng xem sản phẩm

        • 1.7.4.3. Biểu đồ trình tự tham gia ca sử dụng xem sản phẩm

  • DANH MỤC TÀI LIỆU THAM KHẢO

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan