TRƯỜNG ĐẠI HỌC HẢI PHÒNGKHOA KINH TẾ & QTKD BÁO CÁO BÀI TẬP LỚN HỌC PHẦN THIẾT KẾ VÀ QUẢN TRỊ WEB ĐỀ TÀI TẠO 1 WEBSITE BÁN HÀNG Giảng viên hưng dn: Lê Ngọc Minh Sinh viên thực hiện :
Trang 1TRƯỜNG ĐẠI HỌC HẢI PHÒNG
KHOA KINH TẾ & QTKD
BÁO CÁO BÀI TẬP LỚN
HỌC PHẦN THIẾT KẾ VÀ QUẢN TRỊ WEB
ĐỀ TÀI TẠO 1 WEBSITE BÁN HÀNG
Giảng viên hưng dn: Lê Ngọc Minh
Sinh viên thực hiện : Vũ Mai Chi
Lp: TMĐT3.K23
Hải Phòng, tháng 12 năm 2023
Trang 2LỜI CẢM ƠN
Sau quá trình tìm hiểu, khảo sát, nghiên cứu và thực hiện đến nay, bài tập ln của em đã hoàn thành Trong suốt quá trình thực hiện đề tài, em đã nhận được rất nhiều sự giúp đỡ, giảng dạy nhiệt tình của giảng viên hưng dn Th.S Lê Ngọc Minh
Em xin chân thành cảm ơn các thầy các cô đã trang bị những kiến thức quý báu cho em trong suốt quá trình học tập tại trường Đại học Hải Phòng Đặc biệt là các thầy các cô trong khoa Công nghệ thông tin đã tận tình giảng dạy, chỉ bảo, trang bị cho chúng em những kiến thức cần thiết nhất trong suốt quá trình học tập và nghiên cứu tại khoa, đã tạo mọi điều kiện thuận lợi giúp em thực hiện đề tài ln này Cuối cùng, em xin bày tỏ lòng biết ơn sâu sắc của mình ti gia đình, bạn bè, những người luôn sát cánh bên em, tạo điều kiện tốt nhất
để em có thể thực hiện đồ án tốt nghiệp của mình
Trong quá trình thực hiện đồ án tốt nghiệp, mặc dù đã nỗ lực hết mình song chắc chắn không thể tránh khỏi những thiếu sót Vì vậy em rất mong nhận được sự thông cảm, chỉ bảo của các thầy giáo, cô giáo
và các bạn
Em xin chân thành cảm ơn!
Trang 3CHƯƠNG 1 TỔNG QUAN VỀ LĨNH VỰC NGHIÊN CỨU
I Thiết kế và quản trị web
1 Khái niệm:
- Web là một ứng dụng chạy trên mạng theo mô hình máy chủ - máy khách (Server-Client), bao gồm văn bản, hình ảnh, video, flash… Được chia sẻ toàn cầu thông qua mạng internet và các dịch vụ của nó
- Website là một tập hợp các trang web (web pages) Thường chỉ nằm trong một tên miền (domain name) hoặc tên miền phụ (subdomain) Website được lưu trữ (web hosting) trên máy chủ web (web server) có thể truy cập thông qua Internet
- Website là một tập hợp các trang Web liên quan đến một công ty, một tập đoàn, một tổ chức, một cá nhân hay đơn giản chỉ là một chủ
đề mà nhiều người cùng quan tâm
Ví dụ Web Site của Chính phủ (www.chinhphu.vn), của một cơ quan (BộGD&ĐT-www.moet.edu.vn), báo chí (www.thanhnien.com.vn), giáo dục (caodangngheyenbai.edu.vn)
2 Phân loại website:
Website được hiểu một cách chung nhất đó chính là một kênh thông tin củamột chủ thể nào đó ( chủ thể ở đây có thể là doanh nghiệp, cơ quan nhà nưc, cá nhân, ) nhằm đưa đến cho người xem hiểu rõ hơn
về những vấn đề mà chủ thể muốn đưa ra
Dựa vào đặc trưng, kết nối dữ liệu và công cụ phát triển người ta có thể chia ra làm 2 loại Web sau đây:
a) Static pages (Web tĩnh )
Tính chất của các trang Web này là chỉ bao gồm các nội dung hiển thị cho người dùng xem Ví dụ: hiển thị các trang dạng text, hình ảnh đơn giản chẳng hạn như một cốc cà phê đang bốc khói Website tĩnh nghĩa là Website đó không có phần mềm quản lí nội dung cho riêng
Trang 4nó, mỗi lần chỉnh sửa hay cập nhật thì chúng ta cần phải sửa bằng tay trực tiếp vào mã HTML của trang đó
b) Dynamic Web (Web động)
Website động nghĩa là toàn bộ dữ liệu của Website được lưu vào trong cơ sở dữ liệu (CSDL) và chúng ta có thể hoàn toàn chỉnh sửa chúng thông qua phần mềm quản lí đi kèm vi Website Nội dung của trang Web động như trong 1 trang Web tĩnh, ngoài ra còn có nhúng các đoạn mã lệnh cho phép truy nhập cơ sở dữ liệu trên mạng Tuỳ theo nhu cầu, ứng dụng có thể cung cấp khả năng truy cập dữ liệu, tìm kiếm thông tin, …
2 Thiết kế web:
- Thiết kế web là công việc giúp người dùng tạo ra một website hoàn chỉnh Website được thiết lập có thể là các trang dưi dạng blog cá nhân, hoặc những trang thương mại điện tử của doanh nghiệp, công ty, tổ chức,… Thiết kế website sẽ bao gồm 2 kiểu thiết kế chính là web tĩnh và web động
- Mục đích:
để bắt kịp xu hưng chung
để hỗ trợ khách hàng
- Quy trình thiết kế website:
Bước 1: Tiếp nhận thông tin, nhu cầu của khách hàng
Bước 2: Tổng hợp yêu cầu và gửi đến bộ phận thiết kế để
phác thảo demo
Bước 3: Khách hàng sẽ được gửi lại bản demo thiết kế,
kiểm tra lại đã đúng ý tưởng chưa
Bước 4: Sau khi đã thống nhất, bản demo sẽ được chuyển
sang bộ phận lập trình để triển khai thành website hoàn chỉnh
Bước 5: Đội ngũ chuyên viên sẽ tiến hành kiểm tra, chạy
thử nhiều lần để test lỗi trưc khi sản phẩm đến tay khách hàng
Trang 5 Bước 6: Cài đặt tên miền và các thông tin cần thiết,
website vn tiếp tục được kiểm tra trưc khi bàn giao cho khách hàng
Bước 7: Bàn giao lại website, hưng dn khách quản trị
website và xử lý những lỗi cơ bản trong quá trình sử dụng.
3 Quản tri website:
- Quản trị web là tập hợp các quy trình được sử dụng để đảm bảo website của bạn chuyên nghiệp, cập nhật và hoạt động như dự kiến Nó bao gồm việc bảo trì chung, bảo mật và phát triển lâu dài của trang web, cũng như tổ chức chiến lược tiếp thị và phân phối nội dung của bạn
- quản trị trang web bao gồm các nhiệm vụ sau:
Thực hiện bảo trì
Thực hiện cập nhật thiết kế
Lập kế hoạch và cung cấp nội dung cập nhật
Thực hiện chiến lược tiếp thị
Đảm bảo bảo mật trang web
Cung cấp hỗ trợ web cho nhân viên và khách hàng
Lập kế hoạch phát triển trong tương lai ở cả thị trường trong nưc và quốc tế
Đạt được trải nghiệm người dùng nhất quán trên các kênh
Đảm bảo nội dung có thể được sử dụng lại trong nhiều ngữ cảnh khác nhau
- Kỹ năng cần có của người làm quản trị website: Biết sử dụng HTML
- Việc quản trị web sẽ bao gồm cả các công việc giúp phát triển website Chính vì vậy mà việc học các kiến thức cơ bản liên quan đến HTML, CSS và mã Javascript,… cũng như các plugin nếu sử dụng WordPress là điều vô cùng cần thiết Nó sẽ giúp công việc của bạn được hoàn thành một cách nhanh chóng mà không cần phải lặp đi lặp lại
II WORDPRESS
Trang 6- WordPress được biết đến là một mã nguồn mở PHP được dùng trong thiết kế các loại website Từ những website bán hàng hay website tin tức thì đều có thể được xây dựng bằng mã nguồn này WordPress có giao diện quản lý cho người quản trị viên rất
dễ dàng sử dụng Bên cạnh đó, giao diện khách hàng được thiết
kế đơn giản nhưng đầy đủ các chức năng
- WordPress.org là một nền tảng được phát triển từ mã nguồn mở Đối vi người dùng muốn có trang web chất lượng, việc phải mua tên miền và dịch vụ lưu trữ web là không thể tránh khỏi Tuy nhiên, đối vi WordPress.org bạn hoàn toàn có thể tùy chỉnh theo ý muốn và dễ dàng cài đặt các plugin hỗ trợ
- Ưu điểm của WordPress:
Mã nguồn dễ sử dụng cho người dùng phổ thông
Cộng đồng hỗ trợ đông đảo
Nhiều gói giao diện có sẵn
Nhiều plugin hỗ trợ
Hỗ trợ nhiều ngôn ngữ
Có thể làm nhiều loại Website
Hỗ trợ SEO rất tốt
- Nhược điểm WordPress:
Tính bảo mật thấp: vì Plugin phổ biến và cũng đa dạng nên WordPress là một mã nguồn dễ xâm nhập
Khả năng quản lý người dùng hạn chế: WordPress cũng hạn chế trong khả năng quản lý người dùng và phân chia các vai trò Tuy nhiên bạn có thể cải thiện bằng cách sử dụng những WordPress multisite plugins và phân chia vai trò quản lý
Tốc độ xử lý dữ liệu thấp: được xem là có hiệu suất thấp trong việc xử lý những dữ liệu có dung lượng ln hoặc multisite
Phù hợp vi doanh nghiệp nhỏ
Cài đặt template và plugin: Cài đặt không đơn giản, nếu cài đặt không đúng cách có thể dn đến nhiều xung đột xảy ra khi sử dụng
Trang 7CHƯƠNG 2: NỘI DUNG, KẾT QUẢ NGHIÊN CỨU
BT : Tạo trang web bán quần áo thời trang tên MC Shop
- Các bưc tạo web:
B1: Tải Xampp + Thay đổi cổng 80 - 4435 và Start Apacha, MySQL
B2:Mở Xampp truy cập locallhost/Phpmyadmin + tạo Database tên shop
Trang 8 B3: Tải WordPress + Giải nén + Đặt tên thư mục vào ổ C:/xampp/htdocs
B4: Mở trình duyệt nhập: Localhost/tên thư mục vừa đặt ứng vi tên database + Tạo tài khoản + Đăng nhập
Trang 9 B5: Thay đổi giao diện tuỳ ý (phần Themes) + Thiết lập thông tin trang Web
Trang 10- Vào phần giao diện chọn tải giao diện yêu thích và cập nhật lên trang web:
- Trang web bán quần áo tên MC Shop và mục liên hệ vi shop:
Trang 11- Phần phản hồi của khách hàng:
- Đăng bài viết chào mừng và tạo chương trình khuyến mại
Trang 12cho cửa hàng:
- Phần tìm kiếm của cửa hàng, giỏi hàng, và mục thanh toán:
Trang 13- Giao diện thêm sản phẩm vào giỏ hàng:
- Một số sản phẩm của cửa hàng, giao diện dễ dùng, dễ mua, dễ
thanh toán, mu mã sản phẩm đa dạng:
Trang 14- Trang thanh toán, nhiều phương thức thanh toán, giao diện dễ sử dụng:
Trang 15Em xin kết thúc bài tập ln của mình Em cảm ơn thầy cô
đã hỗ trợ em trong học phần này Em xin cảm ơn!