ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI. TS. PHAN THỊ LAN ANH

MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các côn

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: GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI

Sinh viên thực hiện : NGUYỄN MINH HUY

PHẠM HOÀNG VIÊN Giảng viên hướng dẫn : TS PHAN THỊ LAN ANH

Lớp : 20CE

Đà nẵng, tháng 05 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

ĐỀ TÀI: GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI

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

MỞ ĐẦU

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối internet và một dòng dữ liệu truy tìm thì gần như lập tức… cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện

ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần…

Bằng internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử và chính phủ điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người

Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định được vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửa hàng hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khác hàng sẽ là cần thiết Vậy phải quảng bá thế nào đó là xây dựng được một Website cho mình quảng bá tất cả các bài hỗ trợ của website đến mọi người

Vì vậy, em đã thực hiện đồ án “ GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI ”

Nhằm tạo ra hệ thống quản lí bán hàng có tính thiết thực và ứng dụng vào thực tế

LỜI CẢM ƠN

Chúng em xin chân thành cảm ơn các thầy cô và các bạn đã dành thời gian giúp đỡ chúng em trong quá trình thực hiện đồ án này Đặc biệt, chúng em xin chân thành cảm

ơn cô TS.Phan Thị Lan Anh là người đồng ý hướng dẫn trực tiếp cho đề tài của

chúng em Là người tận tình giúp đỡ chúng em về thông tin của đồ án Nhờ vậy mà chúng em đã hoàn chỉnh được đồ án của mình và quan trọng hơn hết là chúng em đã tiếp thu được những kinh nghiệm trong suốt quá trình thực hiện đồ án

Tuy nhiên, vì đây là lần đầu chúng em thực hiện một dự án cho bản thân mặc dù đã tìm tòi nghiên cứu nhưng không tránh khỏi những thiếu sót Chúng em rất mong nhận được sự thông cảm và góp ý của thầy cô

Chúng em xin chân thành cảm ơn !

NHẬN XÉT

(Giảng viên hướng dẫn)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

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

Giảng viên hướng dẫn

TS Phan Thị Lan Anh

MỤC LỤC (Chèn mục lục tự động: References/Table of Contents) Trang MỞ ĐẦU

Chương 1 Giới thiệu

1.1 Tổng quan

1.2 Tên đề tài

1.3 Mục tiêu

1.4 Logo Website………

Chương 2 Phân tích và lựa chọn công nghệ

2.1 HTML

2.2 CSS

2.3 Bootstrap

Chương 3 Phân tích thiết kế hệ thống

3.1 Mô hình tổng quan của trang web

Chương 4 Triển khai xây dựng

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

5.1 Kết luận

5.2 Hướng phát triển………

Chương 1 Giới thiệu

1.1 Tổng quan

Việc kinh doanh - mua bán là nhu cầu không thể thiếu đối với mỗi chúng

ta Trong thời đại cạnh tranh hiện nay việc giới thiệu sản phẩm kinh doanh đến từng cá nhân với chi phí thấp, hiệu quả cao là một vấn đề nan giải của người kinh doanh cũng như với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt chất lượng, và hợp túi tiền của người tiêu dùng vì vậy thương mại điện tử đã được

ra đời và dần dần phát triển trên toàn thế giới

Nếu như Marketing được quy chung là tiếp thị thì Marketing online được biết đến là một hình thức tiếp thị một cách trực tuyến Ở thời đại công nghệ số và internet này, mọi trao đổi, giao tiếp, truyền tải thông tin đều được thực hiện thông qua máy tính, điện thoại, các thiết bị internet,

1.2 Tên đề tài :

“ DAO DIỆN WEBSITE BÁN ĐIỆN THOẠI ”

1.3 Mục tiêu :

- Tạo được một website có giao diện hoàn chỉnh

- Tốc độ load nhanh

- Xây dựng website sell điện thoại,laptop và các thiết bị công nghệ

- Được tích hợp các công nghệ thiết kế web mới nhất hiện nay như : HTML5, CSS3,JAVA SCRIPT,BOOTSTRAP 4,JQUERY

- Giải quyết tối ưu quá trình quản lí bán hàng và bán hàng

- Nghiên cứu các công nghệ phát triển website

1.4 Logo Website :

Chương 2 Phân tích và lựa chọn công nghệ

1.4 Ngôn ngữ HTML :

HTML (Hypertext Markup Language) là mã được dùng để xây dựng nên cấu trúc và nội dung của trang web

1.5 CSS :

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng

để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví

dụ như HTML) Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,

…thì CSS sẽ giúp chúng ta có thể 8hem một chút “phong cách” vào các phần

tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều

1.6 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 8inh8te 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ữa muôn vàn ứng dụng thiết kế website hiện nay, Bootstrap vẫn có khả năng

cạnh tranh cao là nhờ những đặc điểm nổi bật sau:

 Dễ dàng thao tác

 Tùy chỉnh dễ dàng

 Chất lượng sản phẩm đầu ra hoàn hảo

 Độ tương thích cao

Dễ dàng thao tác

Cơ chế hoạt động của Bootstrap là dựa trên xu hướng mã nguồn mở HTML, CSS và Javascript Người dùng cần trang bị kiến thức cơ bản 3 mã này mới có

thể sử dụng Bootstrap hiệu quả Bên cạnh đó, các mã nguồn này cũng có thể dễ

dàng thay đổi và chỉnh sửa tùy ý

-Tùy chỉnh dễ dàng

Bootstrap được tạo ra từ các mã nguồn mở cho phép designer linh hoạt hơn Giờ

đây có thể lựa chọn những thuộc tính, phần tử phù hợp với dự án họ đang theo

đuổi CDN Boostrap còn giúp bạn tiết kiệm dung lượng vì không cần tải mã

nguồn về máy

Chất lượng sản phẩm đầu ra hoàn hảo

Bootstrap là sáng tạo của các lập trình viên giỏi trên khắp thế giới Bootstrap đã

được nghiên cứu và thử nghiệm trên các thiết bị Được kiểm tra nhiều lần trước

khi đưa vào sử dụng Do đó, khi chọn Bootstrap, bạn có thể tin rằng 9inh sẽ tạo

nên những sản phẩm với chất lượng tốt nhất

Độ tương thích cao

Điểm cộng lớn nhất của Bootstrap là khả năng tương thích với mọi trình duyệt và nền tảng Đây là một điều cực kì quan trọng và cần thiết trong trải nghiệm người

dùng Sử dụng Grid System cùng với hai bộ tiền xử lý Less và

Sass, Bootstrap mặc định hỗ trợ Responsive và ưu tiên cho các giao diện trên

thiết bị di động hơn Bootstrap có khả năng tự động điều chỉnh kích thước trang website theo khung browser Mục đích để phù hợp với màn hình của máy tính để bàn, tablet hay laptop

Font Awesome là một thư viện chứa các font chữ ký hiệu hay sử dụng trong website Font chữ ký hiệu ở đây chính là các icons mà ta thường hay sử dụng

trong các layout website

Chương 3 THIẾT KẾ DAO DIỆN 3.1 Mô hình tổng quan của trang Web :

*Bố cục của trang Web :

-Mẫu thiết kế bố cục :

+Header

+Main content

+Footer

Chương 4 Triển khai xây dựng

4.1 Xây dựng Trang chủ cửa hàng :

Đây là giao diện người dùng chính của trang Web Tại đậy người dùng có thể xem nhiều thông tin về sản phẩm thông qua hình ảnh và các thông tin khác về sản

4.2 Xây dựng trang sản phẩm :

 Mục đích : Trảng này dùng để hiển thị tất cả các loại sản phẩm khác

nhau

 Phạm vi : Dùng để hiện thị sản phẩm cho phép người dùng thấy được

thông tin mặt hàng

Chương 2 4.3 Xây dựng trang chi tiết sản phẩm :

 Mục đích : Trang này hiện thị tất cả thông số kỹ thuật và mô tả về sản

phẩm

 Phạm vi : Dùng để người dùng đưa ra sự chọn lựa so sánh giữa các sản

phẩm

4.4 Xây dựng trang giỏ hàng :

-Trang này giúp cung cấp những mặt hàng người dùng đã lựa chọn

4.5 Xây dựng trang thanh toán :

- Trang này người dùng có thể điền thông tin để thanh toán mặt hàng đã chọn

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

5.1 Kết quả đạt được :

Với sự chỉ bảo và hướng dẫn tận tình của cô Phan Thị Lan Anh cùng với sự nổ lực làm việc của nhóm, để xây dựng dao diện Website bán điện thoại

Gặp những thuận lợi và khó 14hem trong quá trình làm việc, Website

cơ bản đã hoàn thành nhưng không tránh phần sai sót Tuy nhiên, chúng

em đã rất nổ lực và Website đã hoàn thành những nội dung chính sau:

- Phân tích và đánh giá yêu cầu của Website

- Vận dụng được ngôn ngữ HTML vào việc xây dựng Website

- Tìm hiểu được CSS

- Tìm hiểu được Bootstrap 4

- Học được ngôn ngữ Javascript

Về phần thực nghiệm chúng em đã xây dựng trang web cơ bản để thực hiện :

- Phần dao diện người dùng : Giao diện 14hem thiện đẹp mắt, thu hút người xem, cho phép bạn đọc dễ dàng xem tin, tìm kiếm tin

- Phần tương tác khách hàng : đã được 14hem vào và sẽ phát triển trong thới gian tới

5.2 Hương phát triển :

Ngày này, Internet đã trở thành phương tiện tra cứu thông tin khổng lồ

và tiện dụng cho tất cả mọi người trên thế giới.Hiểu được điều đó, chúng

em luôn muốn hoàn thiện Website của minh tốt hơn :

+ Giao diện đẹp hơn tùy biến hơn

+ Thực hiện các chức năng hỗ trợ người dùng trong tương lại

+ Thêm cơ sở dữ liệu để quản lí sản phẩm, đơn hàng