ĐỒ ÁN:WEBSITE ẨM THỰC TÂY BẮC. Giảng viên hướng dẫn: THS. TRẦN ĐÌNH SƠN

ĐẠI HỌC ĐÀ NẴNG
KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1
WEBSITE ẨM THỰC TÂY BẮC

Sinh viên thực hiện : SO MINH HƯNG

Lớp: 18IT5

Giảng viên hướng dẫn: THS. TRẦN ĐÌNH SƠN

Đà nẵng, tháng 08 năm 2020


ĐẠI HỌC ĐÀ NẴNG
KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1
ĐỀ TÀI: WEBSITE ẨM THỰC TÂY BẮC

Đà Nẵng, tháng 8 năm 2020


LỜI CẢM ƠN

Để thực hiện và hoàn thành tốt đồ án này, em đã nhận được sự giúp đỡ và
hướng dẫn rất tận tình của các thầy cô thuộc Khoa Công nghệ Thông tin Và Truyền
thông – Đại học Đà Nẵng. Em xin cảm ơn các thầy cô thuộc bộ môn chuyên ngành
đã cung cấp cho chúng em các thông tin, kiến thức vô cùng quý báu và cần thiết
trong suốt thời gian quá để em có thể thực hiện và hoàn thành đồ án của mình. Đặc

biệt em xin chân thành cảm ơn thành Thầy Trần Đình Sơn người đã trực tiếp hướng
dẫn em trong thời gian thực hiện đồ án này.
Cuối cùng, xin chân thành cảm ơn các bạn trong ngành công nghệ thông tin
đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được giúp chúng
tôi trong quá trình nghiên cứu và thực hiện đề tài.
Do giới hạn về mặt thời gian và kiến thức cũng như kinh nghiệm thực tiễn
nên đề tài không tránh khỏi những sai xót. Em rất mong nhận được sự thông cảm
của quý thầy cô và mong đón nhận những góp ý của thầy cô và các bạn.

Em xin chân thành cảm ơn!

3


NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
..........................................................................................................................

Đà Nẵng, ngày…tháng…năm 2020
Giảng viên hướng dẫn

THS. TRẦN ĐÌNH SƠN

4

MỤC LỤC
LỜI CẢM ƠN................................................................................3
Chương 1. GIỚI THIỆU...............................................................7
1.1 Giới thiệu..................................................................................................................................7

1.1 Giới thiệu.................................................................................7
1.2. Phương pháp, mục tiêu đề tài................................................................................................7

1.2. Phương pháp, mục tiêu đề tài...............................................7
1.3 Cấu trúc đồ án..........................................................................................................................8

1.3 Cấu trúc đồ án.........................................................................8
2.1 Tên website:.............................................................................................................................9

2.1 Tên website:.............................................................................9
2.2 Logo của website:....................................................................................................................9

2.2 Logo của website:....................................................................9
2.3 Cấu trúc website:....................................................................................................................9

2.3 Cấu trúc website:...................................................................9
2.4 Chi tiết:...................................................................................................................................10

2.4 Chi tiết:...................................................................................10
2.4.1 Trang chủ........................................................................................................................................10

2.4.1 Trang chủ............................................................................10
Sau khi truy cập website sẽ hiện ra giao diện trang chủ như sau :........................................................10

Sau khi truy cập website sẽ hiện ra giao diện trang chủ như sau :...10
2.4.2 Trang thông tin sản phẩm..............................................................................................................11

2.4.2 Trang thông tin sản phẩm..................................................11
2.4.3 Form đăng nhập.............................................................................................................................13

2.4.3 Form đăng nhập.................................................................13
2.4.4 Form đăng ký thành viên...............................................................................................................14

2.4.4 Form đăng ký thành viên..................................................14
5


2.4.5 Trang giới thiệu ẩm thực................................................................................................................15

2.4.5 Trang giới thiệu ẩm thực...................................................15
3.4.6 Trang tin tức...................................................................................................................................16

3.4.6 Trang tin tức.......................................................................16
Hình 8. Trang tin tức................................................................................................................................16

Hình 8. Trang tin tức..................................................................16
Chương 3. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN..............17
3.1. Kết quả đạt được..................................................................................................................17

3.1. Kết quả đạt được..................................................................17

6

Chương 1. GIỚI THIỆU

1.1 Giới thiệu
Ngày nay với sự phát triển mạnh mẽ của khoa học công nghệ, Công nghệ
Thông tin là một trong những nghành có vị thế dẫn đầu và có vai trò rất lớn trong
sự phát triển chung đó.Các ứng dụng của công nghệ thông tin được áp dụng trong
mọi lĩnh vực nghiên cứu khoa học cũng như trong mọi lĩnh vực đời sống. Là một
phần của Công nghệ thông tin, Công nghệ thông web đang có sự phát triển và phổ
biến rất nhanh bởi những lợi ích mà có mang lại cho cộng đồng là rất lớn.
Ngành Công Nghệ Thông Tin là ngành đang trên đà phát triển mạnh và rộng
rãi trên nhiều lĩnh vực. Cùng xu hướng phát triển của các phương tiện truyền thông
như báo, radio, … thì việc sở dụng Internet ngày càng phổ biến. Truy cập Internet
chúng ta có được một kho thông tin khổng lồ phục vụ mọi nhu cầu, mục đích của
chúng ta chỉ bằng một cái nhấp chuột.

1.2. Phương pháp, mục tiêu đề tài
- Trước tiên ta phải phân tích và thiết kế giao diện, hệ thống của website
- Dựa trên các mục tiêu cụ thể để tìm kiếm thông tin sử dụng, thiết kế giao
diện phù hợp
- Sau đó xây dựng website sử dụng ngôn ngữ HTML, JavaScript, sử dụng
một số công cụ để lập trình như Sublime Text, …

7


1.3 Cấu trúc đồ án
Nội dung đồ án, ngoài phần mở đầu và kết luận, bao gồm 3 chương:
− Chương 1. Giới thiệu
− Chương 2. Thông tin về Website
− Chương 3. Kết luận

8


Chương 2: THÔNG TIN VỀ WEBSITE
2.1 Tên website:
Sau khi lên ý tưởng và tham khảo ý kiến của giáo viên hướng dẫn thì em
quyết định đặt tên website là Ẩm thực Tây Bắc. Vừa đơn giản, nhưng giúp người
dùng có thể nhớ tên website và tìm kiếm một cách rất dễ dàng trên các công cụ tìm
kiếm phổ biến

2.2 Logo của website:

Hình 1: Logo
Logo của website được thiết kế đơn giản với sắc màu khỏe khắn và đẹp
mắt. Giúp người dùng ấn tượng với logo của trang, không bị hòa lẫn với những
logo đầy màu sắc của các trang khác

2.3 Cấu trúc website:
Website gồm có các phần:
- Trang chủ
- Trang giới thiệu, liên hệ
- Form đăng nhập, đăng ký
- Trang sản phẩm
- Trang tin tức

9


2.4 Chi tiết:

2.4.1 Trang chủ
Sau khi truy cập website sẽ hiện ra giao diện trang chủ như sau :

Hình 2 - 3: Trang chủ

10


Ở trên là Trang chủ của website. Trang chủ bao gồm tất cả những demo của
các phần còn lại. Bao gồm các trang giới thiệu, tin tức, liên hệ, sản phẩm…Trang
chủ còn giúp người dùng xem được tổng quan của trang web, và người dùng muốn
xem chi tiết phần nào thì có thể chuyển tab rất dễ dàng.

2.4.2 Trang thông tin sản phẩm

Hình 4: Trang thông tin sản phẩm

Trang thông tin sản phẩm giúp cho người sử dụng có thể tìm hiểu thông tin
về sản phẩm, qua đó có thể đưa ra lựa chọn của mình.

11


12


2.4.3 Form đăng nhập

Hình 5. Form đăng nhập

Khi đã đăng kí tài khoản, người có nhu cầu tìm kiếm có thể đăng nhập tài
khoản vào để sử dụng.

13


2.4.4 Form đăng ký thành viên

Hình 6. Form đăng ký thành viên

Trang đăng kí giúp người dùng tạo một tài khoản của riêng mình. Ở đây, người
dùng phải điền đầy đủ các thông tin của bản thân để giúp phân biệt giữa tài khoản
này và tài khoản khác. Cũng tiện cho việc xác minh danh tính của người dùng sau
này

14


2.4.5 Trang giới thiệu ẩm thực

Hình 7. Trang giới thiệu ẩm thực

Trang này giúp người dùng biết rõ hơn về ẩm thực Tây Bắc.

15


3.4.6 Trang tin tức

Hình 8. Trang tin tức

16


Chương 3. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

3.1. Kết quả đạt được
Trên cơ sở tìm hiểu về ngôn ngữ web và các ứng dụng lập trình, chúng em đã
thiết kế thành công được một trang web bán máy tính. Qua đó, trong quá trình xây
dựng website demo, chúng em cũng đã học hỏi được rất nhiều, những kĩ thuật
javascritp, css để có thể thiết kế được những trang web có chất lượng cao …..
Tuy nhiên, kết quả đạt được chưa cao, website còn nhiều điểm hạn chế chưa
khắc phục được, nhưng đó cũng là bước khởi đầu để chúng em có thể hướng tới
một trang web hoàn thiện và có thể đi kinh doanh đươc. ….

17