HƯỚNG DẪN ĐỊNH DẠNG TRÌNH BÀY ĐỒ ÁN CƠ SỞ

Cách thể hiện đồ án xem các mẫu kèm theo - Bắt đầu đánh số trang từ trang đầu tiên của chương 1 - Đồ án viết trên khổ giấy A4 - Bìa là loại giấy cứng khổ giấy A4, màu vàng hoặc xanh nhạt

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

VÀ TRUYỀN THÔNG VIỆT- HÀN

KHOA KHOA HỌC MÁY TÍNH

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập - Tự do - Hạnh phúc

HƯỚNG DẪN ĐỊNH DẠNG TRÌNH BÀY ĐỒ ÁN CƠ SỞ

Để thống nhất cách trình bày đồ án, Khoa Khoa học máy tính hướng

dẫn một số vấn đề khi viết và trình bày như sau:

1 Trang bìa (xem mẫu kèm theo) hình thức: bìa cứng.

2 Trang lời mở đầu (không đánh số trang, xem mẫu kèm theo)

- Viết ngắn gọn.

- Nói rõ lý do chọn đề tài, mục đích nghiên cứu, tình hình nghiên

cứu, phạm vi và phương pháp nghiên cứu, kết cấu của đề tài…

3 Trang Nhận xét của giảng viên hướng dẫn (không đánh số trang,

xem mẫu kèm theo)

4 Trang Mục lục (không đánh số trang, xem mẫu kèm theo)

5 Trang Danh mục các bảng biểu, sơ đồ, hình, (không đánh số

trang, xem mẫu kèm theo)

6 Nội dung chính của đồ án gồm chương mục, …Tuỳ thuộc vào

từng đề tài cụ thể mà nội dung, số chương được bố trí cho phù

hợp.

7 Phụ lục: đưa vào sau trang cuối cùng của chương cuối cùng của đồ

án (xem mẫu kèm theo)

8 Cách thể hiện đồ án (xem các mẫu kèm theo)

- Bắt đầu đánh số trang từ trang đầu tiên của chương 1

- Đồ án viết trên khổ giấy A4

- Bìa là loại giấy cứng khổ giấy A4, màu vàng hoặc xanh nhạt,

- Viết theo chương, mục, các tiểu mục (không viết theo phần rồi mới đến chương, mục, tiểu mục,…)

- Mỗi trang đươc trình bày theo quy định (xem mẫu kèm theo)

- Tài liệu tham khảo bắt buộc phải ghi, đưa vào sau phụ lục, xếp theo thứ tự abc

- Đóng bằng đinh bấm, bọc gáy, không được đóng bằng lò xo - đục lỗ

- Chữ viết ở các trang của đồ án là size 13, Font Times New Roman, không được dùng các kiểu chữ dạng thư pháp.

- Không được trích các câu tục ngữ, thành ngữ, sử dụng các hoa văn, hình vẽ để trang trí hoặc làm đề dẫn ở đầu mỗi trang, mỗi chương, mục,…,

- Chữ in màu đen; hình vẽ, đồ thị, lô gô của trường Khoa CNTT&TT…có thể in màu

- Các chú thích phải đánh số và viết ghi chú ở cuối mỗi trang.

- Hạn chế viết tắt, nếu phải viết tắt phải mở ngoặc và đóng ngoặc (…) để giải nghĩa ngay từ các chữ viết tắt đầu tiên, sau đó liệt kê thành trang, đưa vào sau các trang Danh mục các Bảng, biểu, hình,

…

- Cách đánh số các chương mục, tiểu mục phải theo quy định (xem mẫu kèm theo)

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI:Xây dựng website bán đồ ăn vặt

Sinh viên thực hiện : NGUYỄN CÔNG KHANH

Giảng viên hướng dẫn : THS.LÊ SONG TOÀN

Lớp : 20IT12

Đà nẵng, tháng 5 năm 2021

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 1

Xây dựng website bán đồ ăn vặt

Đà Nẵng, tháng 5 năm 2021

MỞ ĐẦ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 ngà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ư mọi lĩnh vực của cuộc sống.Là một phần của Công Nghệ Thông tin,Công nghệ WEB đang có được sự phát triển mạnh mẽ

và phổ biến rất nhanh bởi những lợi ích mà nó mang lại cho cộng đồng rất lớn

Bằng việc lựa chọn và thực hiện đề tài “Xây dựng web bán đồ ăn vặt”,em muốn tìm hiểu và đưa ra giải pháp giải quyết việc bán hàng trực tuyến.Website mang lạinhững lựa chọn linh hoạt và tiện lợi trong việc tìm mua sản phẩm Các thông tin sản phẩm được hiển thị chi tiết với từng sản phẩm ,từ đó khách hàng dễ dàng lựa chọn được thứ mình cần

LỜI CẢM ƠN

Để hoàn thành đề tài :”Xây dựng web bán đồ ăn vặt “xin cảm ơn đến những chỉ dạycủa thầy cô ,truyền đạt cho em kiến thức về chuyên ngành để em có thể thiết kế webtĩnh này

Trong bài báo cáo hay đề tài còn rất nhiều thiết sót,hạn chế Vì thế em rất mong nhậnđược sự quan tâm và đánh giá đến từ phía thầy cô để bài của em được hoàn thiện hơn.Những đóng góp của thầy cô sẽ giúp em nhận ra những hạn chế và qua đó em có thêmnguồn tư liệu mới để giúp cho nghiên cứu sau này hay cụ thể hơn là phát triển 1 webtĩnh thành 1 web động có thể mua bán

NHẬN XÉT

………

………

………

………

………

………

MỤC LỤC Trang MỞ ĐẦU

Chương 1 Tổng quan về Công nghệ thiết kế website

1,1Tìm hiểu về các ngôn ngữ lập trình

1.1.1.Ngôn ngữ Html 1.1.2.Ngôn ngữ css 1.2 Tìm hiểu về thư viện hỗ trợ

1.2.1.Thư viện javascipt 1.2.2.Thư viện bootstrap Chương 2 Phân tích thiết kế hệ thống website

2.1 Chức năng

2.2 Yêu cầu

Chương 3 Thiết kế và xây dựng web

Chương 4 Kết luận và Hướng phát triển

PHỤ LỤC

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

CHƯƠNG 1 TỔNG QUAN VỀ CÔNG NGHỆ THIẾT KẾ WEBSITE

1.1 Tìm hiểu về các ngôn ngữ lập trình

1.1.1 Ngôn ngữ html5

HTML (viết tắt của từ Hypertext Markup Language, hay là "Ngôn ngữ Đánh

dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nêncác trang web trên World Wide Web Cùng với CSS và JavaScript, HTML là mộttrong những ngôn ngữ quan trọng trong lĩnh vực thiết kế website HTML đượcđịnh nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các

tổ chức cần đến các yêu cầu xuất bản phức tạp HTML đã trở thành một chuẩnmực của Internet do tổ chức World Wide Web Consortium (W3C) duy trì Phiênbản chính thức mới nhất của HTML là HTML 4.01 (1999) Sau đó, các nhà pháttriển đã thay thế nó bằng XHTML Hiện nay, phiên bản mới nhất của ngôn ngữnày là HTML5

Bằng cách dùng HTML động hoặc Ajax, lập trình viên có thể được tạo ra và xử lýbởi số lượng lớn các công cụ, từ một chương trình soạn thảo văn bản đơn giản –

có thể gõ vào ngay từ những dòng đầu tiên – cho đến những công cụ xuất bản

WYSIWYG phức tạp Hypertext là cách mà các trang Web (được thiết kế bằng

HTML) được kết nối với nhau Và như thế, đường link có trên trang Web được

gọi là Hypertext Như tên gọi đã nói, HTML là ngôn ngữ đánh dấu bằng thẻ (Markup Language), nghĩa là bạn sử dụng HTML để đánh dấu một tài liệu text bằng các thẻ (tag) để nói cho trình duyệt Web cách để cấu trúc nó để hiển thị

1.1.2.Ngôn ngữ CSS

CSS giúp ích rất nhiều khi viết một trang web bằng HTML

CSS là gì?

 CSS là viết tắt của Cascading Style Sheets

 CSS mô tả cách các phần tử HTML hiển thị trên màn hình và cácphương tiện khác

 CSS rất hữu ích và tiện lợi Nó có thể kiểm soát tất cả các trang trênmột website

 Các stylesheet ngoài được lưu trữ dưới dạng các tập tin CSS

CSS được dùng để định nghĩa kiểu cách cho các trang trên website của bạn, gồm

cả thiết kế, dàn trang và các cách hiển thị khác nhau trên nhiều thiết bị với kíchthước màn hình khác nhau

HTML không có phần tử để để định dạng cho trang web HTML chỉ được dùng

để tạo nội dung cho trang Khi các phần tử như <font> và thuộc tính màu sắcđược thêm vào HTML 3.2, cơn ác mộng của các nhà phát triển web bắt đầu Việcphát triển một website lớn mà thêm thông tin font hay màu sắc vào từng trang đòihỏi rất nhiều thời gian

Để giải quyết vấn đề này, World Wide Web Consortium (W3C) đã tạo ra CSS,giúp loại bỏ việc định dạng kiểu cách khỏi trang HTML.Các định nghĩa liên quanđến kiểu cách được đưa vào tập tin css và nhờ vào tập tin stylesheet ngoài, bạn

có thể thay đổi toàn bộ website chỉ bằng một tập tin duy nhất

1.1 Một số thư viện hỗ trợ

JavaScript là một ngôn ngữ kịch bản hướng đối tượng, đa nền tảng, được sử dụng

để giúp cho các trang Web có tính tương tác với người dùng Ngoài ra còn có cácphiên bản JavaScript phía máy chủ nâng cao hơn như Node.js, cho phép thêmnhiều chức năng vào trang Web hơn JavaScript là một ngôn ngữ lập trình phổbiến có tính ứng dụng cao Ngày nay, JavaScript được sử dụng trong nhiều lĩnhvực khác như phát triển phía máy chủ, phát triển ứng dụng di động,…

Ta có thể thực hiện chạy các đoạn mã được viết bằng ngôn ngữ JavaScript theocác cách sau:

1 Sử dụng tab bảng điều khiển của trình duyệt web

2 Sử dụng Node.js

3 Tạo các trang web

1.2.2.Thư viện bootstrap

Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng

hơn dựa trên những thành tố cơ bản sẵn có như typography, forms, buttons,

tables, grids, navigation, image carousels… Cùng Mắt Bão tìm hiểu tính năng và

lợi ích mang lại cho lập trình viên của Bootstrap là gì nhé!

Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để

tạo ra một mẫu webiste hoàn chỉnh Với các thuộc tính về giao diện được quy

định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng

tạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc

với framework này trong quá trình thiết kế giao diện website.

Giới thiệu

1.1.Tính cấp thiết của đề tài

Hiện nay xuất hiện nhiều đồ ăn vặt được nhiều bạn ưa chuộng.Nhằm đáp ứng nhucầu đó thì 1 trang web bán đồ ăn vặt là sự cần thiết để vừa tiết kiệm thời gian vừatiện lợi nhất có thể cho mọi người.Web đưa đến cho mọi người sản phẩm mà ở đó

họ có thể so sánh từng loại để có thế lựa chọn mua hay không

1.2.Phương pháp nghiên cứu

Đề tài đựa trên kết hợp:

Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEB

- Hiển thị thông tin sản phẩm:

+Về phần thông tin sản phẩm : Bạn có thể biết được mọi thông tin sản phẩmnhư : Giá thành sản phẩm; Hình ảnh minh họa của sản phẩm; Những đanh giá chitiết về sản phẩm

-Hướng dẫn mua hàng:

+Shop sẽ hướng dẫn cho bạn kĩ lưỡng về cách thức đặt hàng thông qua số điệnthoại nhân viên , face book hay là liên lạc trực tiếp đến địa chỉ shop

-Liên hệ với quản trị:

+Cho phép bạn đặt ra những câu hỏi , vấn đề , thắc mắc hay những đánh giá sảnphẩm cho shop

-Cung cấp thông tin shop:Mọi thông tin của shop được đề cập

+Giới thiệu shop đang bán những gì

+Tiêu chí sản phẩm đó

+Cam kết sản phẩm

+Số điện thoại shop

+ face book liên hệ

+ địa chỉ shop

2.1 YÊU CẦU

Phần khách hàng:

Khách hàng là người có nhu cầu mua sắm hàng hóa , họ sẽ tìm kiếm các mặthàng cần thiết từ hệ thống và đặt mua các mặt hàng này.Vì thế phải có các chứcnăng:

+Hiển thị các danh sách các mặt hàng của cửa hàng để khách hàng xem , lựachọn và mua

+Khách hàng xem các thông tin , tin tức đã có trên web

Phần thiết kế web:

+ Thiết kế dễ hiểu

+Giao diện mang tinh dễ dùng, đẹp mắt

+Cung cấp đầy đủ thông tin cho khách hàng

+Web luôn đổi mới và hấp dẫn

CHƯƠNG 3 Thiết kế và xây dựng web

3.1 Trang đăng nhập đăng kí

-Đăng Kí: Bạn chỉ cần nhập vào email,địa chỉ mật khẩu là sẽ có 1 tài khoản riêng

để có thế nhận nhiều ưu đãi hơn

-Đăng Nhập:Ở trang này bạn cần nhập email và mật khẩu để đăng nhập và tài

khoản của bạn

Bạn có thể liên kết giữa đăng nhập và đăng kí.

3.2 Trang giới thiệu

+Cho biết các thông tin cần thiết của shop

+Cho biết thêm cách thức đặt hàng ,các ưu đãi khi nhận được

3.3 Trang Giỏ hàng

- Khi bạn mua muốn mua hang bạn chỉ cần đưa đơn hàng vào giỏ hàng

3.4Trang liên hệ

- Form liên hệ để khách có thể nhập ý kiến phản hồi hay đánh giá shop.Kèm theo

đó khách hàng có thế biết được địa chỉ shop đã nhúng vào web

3.5 Trang chủ

Trang chủ đưa đến cho ta một số mặt hàng.Theo đó khách còn được tham khảo giữa các mặt hàng như mặt hàng nào đang được phổ biến ,mặt hàng nào được ưa thích nhiều, mặt hàng nào mới được cập nhật

Trang chủ(index.html)

3.6 Trang sản phẩm

Nơi đây cho biết tất cả mặt hàng shop đang buôn bán

Kết luận và Hướng phát triển

Đề tài thực hiện trong mảng phát triển web nhằm phục vụ nhu cầu của khách hàng về xu hướng đồ ăn vặt hiện nay.Web giúp định hình được xu hướng , nhu cầu online của 1 shop đồ ăn vặt để có thể phát triển trong tương lai gần.Thiết kế web cần đủ kiến thức,kĩ năng và sự học hỏi những thông tin cần thiết,…

Để thiết kế web bán đồ ăn vặt này em cũng đã tìm hiểu , học hỏi khá nhiều Từ

đó cung cấp cho em rất nhiều kiến thức mới,những kĩ năng,khả năng tổng hợp và chắt lọc thông tin cần thiết, phân tích,…

Web thực hiện trên phương diện 1 web tĩnh , nó cũng đưa ra được 1 form trang web khá đầy đủ để có thế phát triển lên 1 web động có thể mua bán.Hy vọng có web có thể phát triển theo hướng tích cực nhất và đáp ứng nhu cầu cho tương lai