ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: THIẾT KẾ TRANG WEB DỊCH VỤ THIẾT KẾ ĐỒ HỌA. Giảng viên hướng dẫn : TS. NGUYỄN XUÂN PHA

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Ở ĐỀ TÀI: THIẾT KẾ TRANG WEB DỊCH VỤ THIẾT KẾ ĐỒ HỌA Sinh viên thực : ĐÀO NHẬT TRUNG Giảng viên hướng dẫn : TS NGUYỄN XUÂN PHA Lớp : 20IT6 Đà nẵng, tháng … năm … 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Ở THIẾT KẾ TRANG WEB DỊCH VỤ THIẾT KẾ ĐỒ HỌA Đà Nẵng, tháng … năm … MỞ ĐẦU …………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… LỜI CẢM ƠN Để hoàn thành báo cáo đồ án sở này, trước hết em xin cảm ơn thầy giáo, cô giáo Trường Đại học CNTT & TT Việt - Hàn, người bảo, trang bị cho em kiến thức chuyên môn thời gian qua giúp em hiểu rõ lĩnh vực nghiên cứu để hoàn thành đề tài giao Em xin bày tỏ lòng biết ơn xâu sắc tới thầy giáo Thạc sĩ Nguyễn Xuân Pha, người hướng dẫn, đóng góp ý kiến, bảo tận tình để em hồn thành q trình làm đề tài thời hạn Do khả thời gian hạn chế, kinh nghiệm thực tế chưa nhiều nên không tránh khỏi thiếu sót Rất mong nhận thơng cảm tận tình đóng góp ý kiến quý thầy cô bạn Em xin chân thành cảm ơn ! Đà nẵng, ngày tháng … năm … Sinh viên Đào Nhật Trung NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ……… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ……………………………………… MỤC LỤC Trang MỞ ĐẦU Chương Giới thiệu .10 1.1 Tổng quan .10 1.2 Phương pháp, kết 10 1.3 Cấu trúc đồ án .11 Chương Nghiên cứu tổng quan 12 2.1 Các phương pháp 12 2.2 Hạn chế, tồn phương pháp 12 2.3 Kết luận 12 Chương Phân tích thiết kế hệ thống .13 Thiết kế chi tiết 13 Chương Triển khai xây dựng .14 Chương Kết luận Hướng phát triển 15 PHỤ LỤC 17 DANH MỤC TÀI LIỆU THAM KHẢO 18 - Ghi chú: In đậm in hoa tiêu đề chương, mục lớn Chữ số thứ thứ tự chương Chử số thứ thứ tự mục chương Chữ số thứ 3,…,chỉ thứ tự tiểu mục DANH MỤC CÁC BẢNG DANH MỤC HÌNH Trang Hình 1.1 – Giao diện trang chủ chưa hoàn thiện 11 Hình 3.2 – Giao diện trang chủ 13 Hình 3.3 – Nhãn hình số Error: Reference source not found Hình 3.4 – Nhãn hình số Error: Reference source not found Hình 3.5 – Nhãn hình số Error: Reference source not found Hình 3.6 – Nhãn hình số Error: Reference source not found Hình 3.7 – Nhãn hình số Error: Reference source not found Hình 3.8 – Nhãn hình số Error: Reference source not found DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Công nghệ phần mềm Công nghệ thông tin Truyền thông Hyper Text Markup Language Cascading Style Sheets Cơ sở liệu Viết tắt CNPM CNTT TT HTML CSS CSDL Chương : Giới thiệu 1.1 Tổng quan 1.1.1 Bối cảnh thực đề tài Trong kinh doanh, việc cạnh tranh kinh doanh ngày trở nên liệt hầu hết nhà kinh doanh, công ty, tổ chức lớn hay cá nhân nhỏ tâm đến việc thiết kế cho họ thương hiệu riêng, nhằm để làm bật để thu hút khách hàng cách tốt Để có sản phẩm thiết kế đồ họa yêu cầu người dùng phải tìm kiếm dịch vụ ưng ý nhiều thời gian công sức sản phẩm chưa hẳn vừa ý 1.1.2 Vấn đề cần giải Để giải vấn đề em thiết trang web “Dịch Vụ Thiết Kế Đồ Họa” với nhu cầu cung cấp thông tin dịch vụ tạo sản phẩm có yều đặt hàng từ khách hàng, với nhu cầu đẹp mắt mức tiền phù lý hợp 1.1.3 Đề xuất nội dung thực Thiết kế giao diện trang website tĩnh cung cấp thông tin dịch thiết kế đồ họa 1.2 Phương pháp, kết 1.2.1 Phương pháp triển khai thực : Tổng quan tài liệu nước liên quan đến Công nghệ Web Thông tin mạng xã hội số trang web dịch vụ thiết kế đồ họa Qua tiến hành thực thiết kế trang web 1.2.2 Kết đạt được: Như chương ta chung ta tìm hiểu tổng quan bối cảnh, vấn đề cẩn giải quyết, đề xuất nội dung phương thực cần có để xây dựng đề tài Và bắt đầu làm giao diện trang chủ Đây tiền đề cho việc khảo sát phương pháp nghiên cứu, tiếp cận toán phần sau Hình 1.1 – Giao Diện trạng chủ chưa hồn thiện 1.3 Cấu trúc đồ án Chương : Nghiên cứu tổng quan : Tìm hiểu tổng quan cơng nghệ Web HTML, CSS, JAVACRIP đồng thời, đưa yêu cầu cụ thể cho việc xây dựng website giới thiệu dịch vụ thiết khách hàng Chương : Phân tích thiêt kế hệ thống: Chương sâu vào tiếp cận hệ thống xây dựng đề tài Thiết kế giao diện hệ thống đề tài Chương : Tiển khai xây dựng : Thực tạo giao diện web Mô tả giao diện, hoạt động trang thiết kế quan hệ chúng Chương : Kết luận & hướng phát tiển : tóm tắt lại chức xây dựng, đánh giá kết đề số hướng phát triển tương lai Chương : Nghiên cứu tổng quan 1.4 Các phương pháp + Về mặt lý thuyết : - Tìm hiểu kỹ thuật lập trình, cách thức hoạt động HTML CSS javascript tảng phát triển - Tìm hiểu cách thức hoạt động HTML, CSS, javascript Bootstrap + Về mặt lập trình : - Sử dụng ngơn ngữ HTML, CSS, Javascrip Bootstrap để xây dựng trang web tĩnh + Về mặt hoạt động : - Chương trình thực cho phép cung cấp thơng tin dịch vụ liên hệ qua trang form cung cấp để làm việc thiết kế 1.5 Hạn chế, tồn phương pháp Vì trình độ kiến thức Cơng nghệ web cịn định nên đề tài xây dựng trang web sẻ web tĩnh khơng có CSDL chức cịn giới hạn giao diện số hạn chế 1.6 Kết luận Ở chương này, em hoàn thiện xong bước để xây dựng lên trang web đề tài, thực hóa nghiên cứu tổng quan Chương : Phân tích thiết kế hệ thống Mơ hình tổng quan Màn hình trang Chính Giới thiệu mục Màn hình Trang Home Màn hình trang Service Màn hình trang Recruitment Gồm nhiều mục chứa dịch vụ Mục tuyểm dụng làm việc tìm cơng việc Form đặt hàng Form xin việc Màn hình trang BLOG Màn hình trang Contact Form liên hệ với Chương : Triển khai xây dựng Thiết kế giao diện Giao Giao diện trang (Home) :  Mơ tả : Trang cho phép người dùng xem thông tin giới thiệu Dịch vụ trang Hình 1.2 – Giao diện trang chủ Giao diện trang chi tiết dịch vụ thiết kế (Service)  Mô tả: Cho phép người dùng xem chi tiết thông tin dịch vụ hình ảnh mẫu sản phẩm làm Ngồi đặt hàng click vào nút “ORDER” sẻ chuyển đến trang form thơng tin để đặt hàng Hình 1.33 – Giao diện chi tiết dịch vụ Giao diện mục đặt hàng :  Mô tả: Trang cho phép người dùng điền thông tin sẻ giữ yều cầu sản phẩm cần thiết kế bên người quản lý Hình 1.4 – Giao diện đặt hàng Giao diện trang truyển dụng (Recruitment):  Mô tả: Trang cho phép tìm kiếm việc làm qua form tìm kiếm nhân viên làm việc cho cty Hình 1.5 – Giao diện trang danh mục đầu tư Giao diện trang Blog:  Mô tả: Trang cho phép người dùng xem thiết kế bậc click vào mục sẻ trang viết Chương Chương : Kết luận Hướng phát triển 5.1 Kết luận 5.1.1 Kết đạt Sau thời gian thực em hoàn thiện hệ thống theo tiến độ yêu cầu đặt - Tìm hiểu giao diện Dịch vụ thiết kế đồ họa - Tìm hiều cơng nghệ Web HTML, CSS, JAVACRIP - Thực việc tạo giao diện website - Thực tạo dịch vụ, tiện ích liên hệ khác - Thực việc tạo nơi giao lưu làm việc nhà thiết khách hàng 5.1.2 Hạn chế đề tài Dù toàn tâm cố gắng, song trình độ thời gian cịn định Vì Web tĩnh nên đề tài khơng có CSDL giao diện số chức chưa tối ưu, hoàn thiện 5.2 Hướng phát triển - Trong thời gian tới, em cải tiến đầu tư mặc giao diện trang web - Bổ sung thêm phần CSDL chức tương tác, phản hồi người dùng người quản trị PHỤ LỤC Trang Trang bìa Đồ án Trang bìa phụ Đồ án Mở đầu Lời cảm ơn .4 Nhận xét giáo viên hướng dẩn Mục lục Danh mục bảng .7 Danh mục hình Danh cụm từ viết tắt ... đến Cơng nghệ Web Thơng tin mạng xã hội số trang web dịch vụ thiết kế đồ họa Qua tiến hành thực thiết kế trang web 1. 2.2 Kết đạt được: Như chương ta chung ta tìm hiểu tổng quan bối cảnh, vấn đề. .. tiền phù lý hợp 1. 1.3 Đề xuất nội dung thực Thiết kế giao diện trang website tĩnh cung cấp thông tin dịch thiết kế đồ họa 1. 2 Phương pháp, kết 1. 2 .1 Phương pháp triển khai thực : Tổng quan tài...Đà nẵng, tháng … năm … 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Ở THIẾT KẾ TRANG WEB DỊCH VỤ THIẾT KẾ ĐỒ HỌA Đà Nẵng, tháng … năm … MỞ