Báo cáo môn môn kỹ năng giao tiếp Đề tài khái niệm giao tiếp chức năng của giao tiếp phân loại giao tiếp

Ảnh 2 của website bán hàng...4 Hình 3.Ảnh trang thông tin về websiteAbout Company...4 Hình 4.Ảnh về trang sử dụng để khách hàng có thể xem các khuyễn mãi cũng như dịch vụ hiện có Serives

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ SÀI GÒN KHOA CÔNG NGHỆ THÔNG TIN

-BÁO CÁO MÔN MÔN :KỸ NĂNG GIAO TIẾP

Đề tài:

Khái niệm giao tiếp Chức năng của giao tiếp Phân loại giao tiếp

Giảng viên hướng dẫn : Thầy Cường

Nhóm sinh viên thực hiện : Nhóm 1

Ngày thuyết trinh : 16

LỜI CẢM ƠN

Kính thưa Quý Thầy/Cô,

Em xin bày tỏ lòng biết ơn sâu sắc và chân thành nhất đến Quý Thầy/Cô đã tận tình hướng dẫn và giúp đỡ em trong suốt quá trình thực hiện Đồ Án Môn Web Những chỉ dẫn quý báu và sự hỗ trợ nhiệt tình của Thầy/Cô không chỉ giúp em hoàn thành tốt nhiệm vụ mà còn giúp em tích lũy thêm nhiều kiến thức và kỹ năng quý báu Thầy/Cô đã dành nhiều thời gian, công sức và tâm huyết để giúp đỡ em, từ việc cung cấp tài liệu, giải đáp thắc mắc đến việc góp ý, chỉnh sửa các phần nội dung của

đồ án Em vô cùng trân trọng và biết ơn sự tận tụy và lòng nhiệt thành của Thầy/Cô Những kinh nghiệm và kiến thức em học được trong quá trình này sẽ là hành trang quý giá giúp em trong những bước đi tiếp theo của sự nghiệp

Em xin chân thành cảm ơn Thầy/Cô đã luôn sẵn lòng giúp đỡ và đồng hành cùng

em trong suốt thời gian qua Sự hỗ trợ của Thầy/Cô không chỉ giúp em hoàn thành

đồ án mà còn là nguồn động viên lớn lao để em phấn đấu và nỗ lực hơn nữa trong tương lai

Thành phố Hồ Chí Minh, ngày tháng 12 năm 2023

Sinh viên thực hiện

Trần Hoàng Vương

MỤC LỤC

I GIỚI THIỆU 1

1.1 Lý do chọn đề tài 2

1.2 Mục tiêu của dự án 2

1.3 Địa chỉ đề tài 2

II NỘI DUNG 2

2.1 Giao diện 2

2.2 Các đặc điểm nổi bật của Template 7

2.3 CSS 7

2.4 JavaScript 8

III CHI TIẾT CÁC TRANG 9

3.1 Trang chủ (index.html) 9

3.2 Trang chi tiết sản phẩm (product_detail.html) 9

3.3 Trang giới thiệu (about.html) 10

3.4 Trang dịch vụ (services.html) 10

3.5 Trang liên hệ (contact.html) 10

IV CÁC CHỨC NĂNG NỔI BẬT 11

V ĐÁNH GIÁ VÀ PHẢN HỒI TỪ NGƯỜI DÙNG 11

VI KẾT LUẬN 11

6.1 Hiệu suất và Tối ưu hóa 11

6.2 Tương tác Khách hàng 12

6.3 Tổng kết 12

VII TÀI LIỆU THAM KHẢO 12

VIII CÔNG NGHỆ VÀ CÔNG CỤ SỬ DỤNG 12

8.1 HTML5 và CSS3 12

8.2 SCSS 12

8.3 Bootstrap 12

8.4 Google Material Icons và Font Awesome 13

8.5 jQuery UI, Nice Select, Owl Carousel, và SlickNav 13

8.6 JavaScript 13

MỤC LỤC HÌNH ẢNH

Hình 1.Ảnh 1 trang chủ website bán sách 3 Hình 2 Ảnh 2 của website bán hàng 4 Hình 3.Ảnh trang thông tin về website(About Company) 4 Hình 4.Ảnh về trang sử dụng để khách hàng có thể xem các khuyễn mãi cũng như dịch vụ hiện có (Serives) 5 Hình 5.Trang chi tiết sản phẩm được điều hướng sau khi khách hàng chọn vào sản phẩm hiện có ở trang dịch vụ 5 Hình 6.Trang thanh toán sản phẩm sau khi khách hàng bấm mua 6 Hình 7.Trang Contact cung cấp các thông tin liên lạc với công ty cũng như là nơi cho phép bạn gửi mail đóng góp ý kiến về dịch vụ công ty 6 Hình 8.Giao diện trang admin sau khi đăng nhập vào bằng tài khoản admin 7

I GIỚI THIỆU

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

Trong bối cảnh công nghệ thông tin phát triển mạnh mẽ, nhu cầu mua sắm trực tuyến ngày càng tăng cao Đặc biệt, việc mua sách trực tuyến giúp tiết kiệm thời gian

và công sức cho người tiêu dùng Em mong muốn xây dựng một trang web nhà sách trực tuyến, không chỉ để đáp ứng nhu cầu mua sắm sách mà còn tạo ra một nền tảng cung cấp các dịch vụ tiện ích khác như thuê sách và mua thẻ quà tặng

1.2 Mục tiêu của dự án

Mục tiêu chính của dự án là xây dựng một trang web nhà sách hiện đại, thân thiện với người dùng, giúp họ dễ dàng tìm kiếm, mua sách và sử dụng các dịch vụ liên quan Trang web cần phải đảm bảo tính linh hoạt, tương thích với nhiều thiết bị và mang lại trải nghiệm tốt nhất cho người dùng

1.3 Địa chỉ đề tài

http://example.com

II NỘI DUNG

2.1 Giao diện

Trang web nhà sách được thiết kế với giao diện hiện đại, thân thiện với người dùng Các phần chính của trang web bao gồm:

 Trang chủ: Hiển thị các thông tin chính về nhà sách, các dịch vụ nổi bật và các

liên kết nhanh đến các phần khác của trang web

Hình 1.Ảnh 1 trang chủ website bán sách

Hình 2 Ảnh 2 của website bán hàng

 Giới thiệu: Cung cấp thông tin về nhà sách, lịch sử hình thành và phát triển,

cũng như mục tiêu và sứ mệnh của nhà sách

Hình 3.Ảnh trang thông tin về website(About Company)

 Dịch vụ: Giới thiệu chi tiết các dịch vụ của nhà sách như bán sách, thuê sách,

và mua thẻ quà tặng Mỗi dịch vụ sẽ có một trang riêng để người dùng dễ dàng tìm hiểu và sử dụng

Hình 4.Ảnh về trang sử dụng để khách hàng có thể xem các khuyễn mãi cũng như dịch vụ hiện

có (Serives)

Hình 5.Trang chi tiết sản phẩm được điều hướng sau khi khách hàng chọn vào sản phẩm hiện có

ở trang dịch vụ

Hình 6.Trang thanh toán sản phẩm sau khi khách hàng bấm mua

 Liên hệ: Cung cấp thông tin liên hệ, bao gồm địa chỉ, số điện thoại, email và

biểu mẫu để người dùng gửi yêu cầu hoặc phản hồi

Hình 7.Trang Contact cung cấp các thông tin liên lạc với công ty cũng như là nơi cho phép bạn gửi mail đóng góp ý kiến về dịch vụ công ty

 Trang quản lý: Trang dành cho quản trị viên để quản lý các đơn hàng, người

dùng, và các dự án Trang này sẽ bao gồm các bảng điều khiển và các công cụ

hỗ trợ quản lý

Hình 8.Giao diện trang admin sau khi đăng nhập vào bằng tài khoản admin

2.2 Các đặc điểm nổi bật của Template

Trang web sử dụng Bootstrap để tạo bố cục linh hoạt và responsive, đảm bảo trang web hiển thị tốt trên mọi thiết bị Các thành phần chính của trang web bao gồm header, footer, các section giới thiệu và các phần tương tác như form tìm kiếm và form liên hệ

2.3 CSS

Trang web sử dụng nhiều tệp CSS để định dạng và tạo kiểu cho các thành phần giao diện:

header, navbar, footer và các thẻ HTML cơ bản Tệp này bao gồm các kiểu dáng cho các nút bấm, hình ảnh, và các thành phần điều hướng

 style-admin.css: Định dạng riêng cho trang quản trị, bao gồm các thành phần

như sidebar, bảng điều khiển và các nút thao tác Tệp này giúp tạo ra giao diện quản trị thân thiện và dễ sử dụng cho quản trị viên

 nice-select.css: Định dạng cho các thành phần select đẹp mắt, tạo trải nghiệm

người dùng tốt hơn khi tương tác với các danh sách chọn Tệp này cung cấp các kiểu dáng tùy chỉnh cho các hộp chọn, giúp chúng nổi bật hơn và dễ sử dụng hơn

2.4 JavaScript

Trang web sử dụng nhiều tệp JavaScript để tạo các chức năng tương tác và động:

 banner.js: Tạo hiệu ứng chuyển đổi banner trên trang chủ, giúp thu hút sự chú

ý của người dùng và giới thiệu các sản phẩm hoặc dịch vụ nổi bật của nhà sách

menu và chuyển đổi chế độ tối/sáng Tệp này giúp cải thiện trải nghiệm người dùng bằng cách cung cấp các tính năng điều hướng dễ dàng và trực quan

 scripts.js: Tạo các chức năng kiểm tra và xác thực biểu mẫu, giúp đảm bảo

rằng các thông tin nhập vào bởi người dùng là chính xác và đầy đủ Tệp này sử dụng jQuery để kiểm tra các trường nhập liệu và cung cấp phản hồi ngay lập tức cho người dùng

 main.js: Xử lý các chức năng chung trên trang web như tiền tải trang, điều

hướng, và thay đổi số lượng sản phẩm trong giỏ hàng Tệp này cũng bao gồm các chức năng bổ sung như quản lý số lượng sản phẩm và cập nhật tổng giá trị đơn hàng

III CHI TIẾT CÁC TRANG

3.1 Trang chủ (index.html)

Cấu trúc:

 Header: Chứa tiêu đề "Nhà Sách Trực Tuyến" và logo của nhà sách.

 Navbar: Bao gồm các liên kết tới các trang khác như Trang chủ, Giới thiệu,

Dịch vụ, Liên hệ, cùng với biểu tượng đăng nhập và đăng ký

với chú thích và nút tìm hiểu thêm

minh họa

 Section Services: Giới thiệu các dịch vụ chính của nhà sách, mỗi dịch vụ có

một thẻ riêng biệt với mô tả ngắn gọn

tên sách, giá và nút mua hàng

 Footer: Chứa các liên kết nhanh, thông tin liên hệ và liên kết mạng xã hội của

nhà sách

3.2 Trang chi tiết sản phẩm (product_detail.html)

Cấu trúc:

hướng

thể

 Chi tiết sản phẩm: Mô tả chi tiết về sản phẩm, bao gồm thông tin về tác giả,

nhà xuất bản, số trang, và tóm tắt nội dung

sản phẩm từ người dùng khác

tin

 Footer: Tương tự như trang chủ, duy trì sự nhất quán và cung cấp các liên kết

nhanh và thông tin đối tác

3.3 Trang giới thiệu (about.html)

Cấu trúc:

 Phần chính: Giới thiệu về nhà sách, lịch sử hình thành và phát triển, giá trị cốt

lõi và sứ mệnh của nhà sách

thực hiện

 Footer: Bao gồm các liên kết nhanh và thông tin đối tác.

3.4 Trang dịch vụ (services.html)

Cấu trúc:

thuê sách, và mua thẻ quà tặng

 Thẻ dịch vụ: Mỗi dịch vụ được mô tả chi tiết trong một thẻ riêng biệt, bao

gồm thông tin và hình ảnh minh họa

 Footer: Bao gồm các liên kết nhanh và thông tin đối tác.

3.5 Trang liên hệ (contact.html)

Cấu trúc:

 Thông tin liên hệ: Địa chỉ, email, số điện thoại của nhà sách.

 Hình ảnh: Minh họa vị trí của nhà sách trên bản đồ.

 Footer: Bao gồm các liên kết nhanh và thông tin đối tác.

IV CÁC CHỨC NĂNG NỔI BẬT

Trang web nhà sách được thiết kế với nhiều chức năng tiên tiến nhằm mang lại trải nghiệm tốt nhất cho người dùng:

 Chức năng tìm kiếm sách: Người dùng có thể tìm kiếm sách bằng từ khóa,

thể loại hoặc tác giả Chức năng này giúp người dùng dễ dàng tìm thấy những cuốn sách mà họ quan tâm

hành thanh toán trực tuyến Quá trình thanh toán được thực hiện nhanh chóng

và an toàn, đảm bảo thông tin cá nhân của người dùng được bảo mật

tiết kiệm chi phí Chức năng này đặc biệt hữu ích cho những người dùng chỉ cần sách trong một khoảng thời gian ngắn

các sản phẩm Chức năng này bao gồm các công cụ quản lý hiệu quả, giúp quản trị viên dễ dàng theo dõi và xử lý các hoạt động của trang web

V ĐÁNH GIÁ VÀ PHẢN HỒI TỪ NGƯỜI DÙNG

Trang web nhà sách không chỉ cung cấp các chức năng tiện ích mà còn tạo ra một kênh liên lạc hiệu quả giữa nhà sách và người dùng Người dùng có thể gửi phản hồi và đánh giá về sản phẩm và dịch vụ, giúp nhà sách cải thiện và nâng cao chất lượng phục vụ Phản hồi từ người dùng được xem xét và xử lý nhanh chóng, đảm bảo rằng mọi vấn đề đều được giải quyết kịp thời

VI KẾT LUẬN

6.1 Hiệu suất và Tối ưu hóa

Hệ thống đã cải thiện hiệu suất của quá trình giới thiệu dự án và sản phẩm Tăng doanh số, giảm thiểu thời gian xử lý và tối ưu hóa quy trình, giúp doanh nghiệp hoạt động hiệu quả hơn

6.2 Tương tác Khách hàng

Hệ thống đã cải thiện trải nghiệm của người dùng Tính năng tìm kiếm và phân loại tốt hơn, dịch vụ khách hàng tự động và cá nhân hóa, giúp người dùng dễ dàng tìm kiếm và tương tác với các thông tin mà họ quan tâm

6.3 Tổng kết

Hệ thống quản lý trang web nhà sách không chỉ tăng cường khả năng cạnh tranh của doanh nghiệp mà còn mang lại trải nghiệm sử dụng tốt hơn cho người dùng, giúp doanh nghiệp tiếp cận được nhiều khách hàng hơn và tăng cường uy tín thương hiệu

VII TÀI LIỆU THAM KHẢO

1 Bootstrap Documentation

2 Font Awesome Icons

3 Unsplash Images

4 jQuery Documentation

VIII CÔNG NGHỆ VÀ CÔNG CỤ SỬ DỤNG

8.1 HTML5 và CSS3

Cấu trúc và thiết kế trang web, đảm bảo trang web có giao diện đẹp mắt và thân thiện với người dùng

8.2 SCSS

Quản lý và tổ chức các quy tắc CSS một cách khoa học và hiệu quả, giúp dễ dàng bảo trì và mở rộng trang web

8.3 Bootstrap

Tạo giao diện phản hồi nhanh, giúp trang web hiển thị tốt trên mọi thiết bị, từ máy tính để bàn đến điện thoại di động

8.4 Google Material Icons và Font Awesome

Sử dụng các biểu tượng đa dạng và phong phú, giúp trang web thêm phần sinh động và trực quan

8.5 jQuery UI, Nice Select, Owl Carousel, và SlickNav

Tạo các thành phần giao diện tương tác, nâng cao trải nghiệm người dùng và tạo sự thuận tiện trong việc sử dụng trang web

8.6 JavaScript

Xử lý các tương tác động, giúp trang web trở nên sống động và phản hồi nhanh với các hành động của người dùng