TRƯỜNG ĐẠI HỌC MỞ THÀNH PHỐ HỒ CHÍ MINHKHOA CÔNG NGHỆ THÔNG TIN HỌ VÀ TÊN TÁC GIẢ TÊN ĐỀ TÀI TIỂU LUẬN MÔN CÔNG CỤ WED Thành phố Hồ Chí Minh, Năm 2013... Kết quả nghiên cứu được trình
Trang 1TRƯỜNG ĐẠI HỌC MỞ THÀNH PHỐ HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN
HỌ VÀ TÊN TÁC GIẢ
TÊN ĐỀ TÀI
TIỂU LUẬN MÔN CÔNG CỤ WED
Thành phố Hồ Chí Minh, Năm 2013
Trang 2KHOA CÔNG NGHỆ THÔNG TIN
Trang 3LỜI CAM ĐOAN
Tôi cam đoan: Tiểu luận “Tên đề tài tiểu luận” là đề tài nghiên cứu khoa học
riêng của tôi Không có sự hợp tác với ai khác, không sao chép của tác giả nào trướcđó
Các tài liệu, tư liệu, thông tin, hình ảnh, âm thanh, … trong tiểu luận được thuthập từ thực tế
Kết quả nghiên cứu được trình bày trong tiểu luận này chưa nộp cho bất kỳtrường nào để được cấp phát chứng chỉ hay văn bằng và chưa công bố tại bất kỳ côngtrình nào khác
TP HCM, ngày tháng năm
Tác giả tiểu luận(Ký tên)
Họ và tên
Trang 5MỤC LỤC
Trang
DANH MỤC CÁC BẢNG BIỂU, SƠ ĐỒ, HÌNH, i
DANH MỤC CHỮ VIẾT TẮT ii
CHƯƠNG 1: 1
CHƯƠNG 2: 2
CHƯƠNG 3: 3
PHỤ LỤC 4
TÀI LIỆU THAM KHẢO 5
Trang 6DANH MỤC CÁC BẢNG BIỂU, SƠ ĐỒ, HÌNH,
TrangBảng 1: Tên bảng 1 15Bảng 2: Tên bảng 2 26Bảng 3: Tên bảng 3 32
Trang 7DANH MỤC CHỮ VIẾT TẮT
NXB GD, HN Nhà xuất bản Giáo dục, Hà Nội
2
Trang 8Nêu Mục đích nghiên cứu
0.2- Đối tượng và phạm vi nghiên cứu:
0.2.1- Đối tượng nghiên cứu:
Đối tượng nghiên cứu
0.2.2- Phạm vi nghiên cứu:
Phạm vi nghiên cứu
0.3- Phương pháp nghiên cứu và nguồn tài liệu:
0.3.1- Phương pháp nghiên cứu:
Phương pháp nghiên cứu được sử dụng như:
0.3.1.1- Phương pháp thu thập dữ liệu cần:
Những tài liệu từ sách, báo, tạp chí, Internet cùng các công trình nghiên cứu của các học giả chuyên ngành ngôn ngữ được sử dụng tham khảo
0.3.1.2- Phương pháp thu thập dữ liệu tham khảo:
Những bảng biểu, khuôn mẫu, hình ảnh, đoạn video clip được tác giả trực tiếp thu thập và xử lý phục vụ nghiên cứu
0.3.2- Nguồn tài liệu:
0.4- Phần mềm và công cụ sử dụng thiết kế website
-
-0.5- Phân công công việc cho các thành viên trong nhóm:
Trang 90.6- Bố cục của tiểu luận:
Ngoài phần mở đầu, kết luận, phụ lục, danh mục tài liệu tham khảo… nội dung của tiểu luận này gồm:
Trang 10CHƯƠNG 1TIÊU ĐỀ CHƯƠNG 1
Trang 11CHƯƠNG 2TIÊU ĐỀ CHƯƠNG 2
Trang 12CHƯƠNG 3TIÊU ĐỀ CHƯƠNG 3
3.1- Đề mục 1
Nội dung…
3.2- Đề mục 2
Nội dung…
Trang 13KẾT LUẬN
Nội dung…
8
Trang 14PHỤ LỤC
Trang 15TÀI LIỆU THAM KHẢO
10
Trang 16QUY ĐỊNH TRÌNH BÀY BÁO CÁO CHI TIẾT ĐỀ TÀI
1 Hình thức của báo cáo đề tài tiểu luận:
1.1 Khổ giấy A4 (210x297mm), lề trái 3cm, lề phải 2,0 cm, lề trên 2,0cm , lề dưới2,0cm
1.2 Số trang của báo cáo đề tài từ 10 trang đến 15 trang (không tính mục lục, tài liệutham khảo và phụ lục), font chữ Time New Roman, cỡ chữ 13, paragraph 1,2 line.1.3 Bìa : Chữ trình bày bìa phải thật đơn giản , không được dùng các kiểu chữ dạngthư pháp hoặc font chữ cầu kỳ phức tạp
1.4 Chữ in màu đen; layout trang web, hình chụp, hình vẽ, đồ thị, logo của trường…
có thể in màu
1.5 Các chú thích phải đánh số và viết ghi chú ở cuối mỗi trang (ghi chú trích dẫn trực
tiếp từ nguồn tư liệu nào - footnote) và được ghi theo thứ tự: tên tác giả, tên tác
phẩm, Nxb, năm xuất bản, trang (tr ); hay từ nguồn trang web nào.
1.6 Mục lục: ghi số trang cụ thể cho từng mục
1.7 Tài liệu tham khảo: ghi theo thứ tự tên tác giả, tên tác phẩm, Nxb, năm xuất bản;không liệt kê trang web (đưa nguồn trang web vào cước chú)
1.8 Trích dẫn nguyên văn để trong dấu “ “, và tên tác phẩm in nghiêng
1.9 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ĩangay từ các chữ viết tắt đầu tiên, sau đó liệt kê thành trang, đưa vào sau các trangDanh mục các Bảng, biểu, hình,…
2 Cấu trúc báo cáo tiểu luận:
2.1.1 Trang bìa ngoài (xem mẫu);
2.1.2 Trang bìa trong (xem mẫu);
2.1.3 Trang Lời cam đoan: (không đánh số trang)
2.1.4 Trang Lời cảm ơn: (không đánh số trang)
2.1.5 Trang Nhận xét của giảng viên hướng dẫn (không đánh số trang)
2.1.6 Trang Mục lục
2.1.7 Trang Danh mục các bảng biểu, sơ đồ, hình, (không đánh số trang)
2.1.8 Danh mục các chữ viết tắt;
2.1.9 Các chương chính của đề tài
2.1.10 Phụ lục (nếu có): đưa vào sau trang cuối cùng của chương cuối cùng của tiểu
luận, đồ án
2.1.11 Tài liệu tham khảo bắt buộc phải ghi, sau phụ lục, xếp theo thứ tự abc
2.1.12
2.1.13 Cách thể hiện báo cáo chi tiết:
Bắt đầu đánh số trang từ trang đầu tiên phần chính bài báo cáo
Cách đánh số các chương mục, tiểu mục phải theo quy định:
Trang 17Viết ngắn gọn những nội dung sau:
0.1- Lý do chọn đề tài và mục đích nghiên cứu:
0.1.1- Lý do chọn đề tài:
Nêu lý do chọn đề tài nghiên cứu của mình
0.1.2- Mục đích nghiên cứu:
Nêu Mục đích nghiên cứu
0.2- Đối tượng và phạm vi nghiên cứu:
0.2.1- Đối tượng nghiên cứu:
Đối tượng nghiên cứu
0.2.2- Phạm vi nghiên cứu:
Phạm vi nghiên cứu
0.3- Phương pháp nghiên cứu và nguồn tài liệu:
0.3.1- Phương pháp nghiên cứu:
Phương pháp nghiên cứu được sử dụng như:
0.3.1.1- Phương pháp thu thập dữ liệu cần:
Những tài liệu từ sách, báo, tạp chí, Internet,… được sử dụng tham khảo
0.3.1.2- Phương pháp thu thập dữ liệu tham khảo:
Những bảng biểu, khuôn mẫu, hình ảnh, đoạn video clip được tác giả trực tiếp thu thập và xử lý phục vụ nghiên cứu
0.4- Phần mềm và công cụ sử dụng thiết kế website:
HTML, CSS, JavaScript,…
Photoshop, Dream weaver, Firefox và các Add on: … (ghi chi tiết công dụng của mỗi cái sử dụng vào việc gì trong thiết kế web)
0.5- Phân công công việc cho các thành viên trong nhóm:
Chương 1: Tạo Website Layout (3)
- Giới thiệu Website gồm những layout chính nào, cách thức để xây dựng nó,…
12
Trang 183 Nộp báo cáo tiểu luận:
- 1 bản báo cáo tiểu luận bìa cứng màu xanh dương nhạt theo yêu cầu và quyđịnh như trên
- 1 CD chứa website và file báo cáo bằng word (mẫu nhãn CD xem trang kế)
- Thời gian: 17/9/2013
Trang 19Mẫu - Nhãn của CD báo cáo đề tài tiểu luận
14
TRƯỜNG ĐẠI HỌC MỞ TP HCM
KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO ĐỀ TÀI TIỂU LUẬN [TÊN MÔN HỌC]
Trang 20BƯỚC 1: PHÁC THẢO TỔNG THỂ.
Mọi người sẽ thảo luận (brainstorming) về cấu trúc của website Ở đây ta phải thống nhất vềkhái niệm design (thiết kế) Thiết kế không phải chỉ là những gì được nhìn thấy (look andfeel) mà bao gồm cả chức năng Phần việc này trách nhiệm sẽ đặt nặng lên đôi vai củadesigner (dù thực tế là khách nói sao thì vẫn phải làm vậy thôi, nhất là ở VN)
Chúng ta sẽ làm rõ Điều gì là quan trọng nhất cho site, mục đích của site là gì, người xem là
ai, điều gì không quan trọng, mỗi trang cần có gì Tùy vào quy mô của website, có thể phải vẽ
ra cả sitemap đưa cho khách hàng
BƯỚC 2: CHUẨN BỊ KHUNG SƯỜN
Khung sườn ở đây là xương sống của website, tức là các chức năng, các liên kết, và nội dungcác phần của trang web cuối cùng Nhớ rằng ta KHÔNG SỬ DỤNG HÌNH ẢNH trong phầnnày
Với site quy mô nhỏ, phần này có thể vẽ tay, hoặc dùng Illustrator, Photoshop
Với 1 site có quy mô tương đối lớn, cần làm phần này bằng HTML (nhắc lại: tối thiểu hóaviệc dùng hình ảnh) để khách hàng có thể click chuột thử nghiệm, đảm bảo rằng các trangweb đều nằm đúng chỗ của nó Tôi tạm gọi cái này cái này là HTML Prototype Đây là minhhọa để thống nhất về mặt chức năng trước khi tổ chức code, nếu giai đoạn này không thốngnhất thì những thay đổi về sau sẽ rất mất thời gian Giai đoạn này cũng giúp khách hàng,designer và programmer có cùng chung 1 cái nhìn tổng thể về website NẾU vì quá gấp gáp ta
bỏ qua giai đoạn này thì sau này có thể chúng ta sẽ phải trả giá ĐẮT
BƯỚC 3: THIẾT LẬP NỘI DUNG
Sau khi đã có Phác Thảo Tổng Thể và Khung Sườn, bạn và khách hàng cần ngồi lại với nhau
để đặt kế hoạch cho nội dung - tôi nhấn mạnh là NỘI DUNG, tức là phần TEXT sẽ hiện thị ra,đây là phần rất mất thời gian, đặc biệt là cho khách hàng
BƯỚC 4: BẮT ĐẦU THIẾT KẾ - THIẾT KẾ CHI TIẾT
Lúc này designer đã có thể bắt đầu thiết kế trang chủ và những trang con Nếu thời gian quágấp, và bên programmer rất giỏi và phối hợp tốt với bên design thì có thể bắt đầu luôn việcviết xHTML và CSS, thậm chí 1 số chức năng về JS
Sau khi khách hàng đồng ý với thiết kế cơ bản, bạn sẽ tiến hành thiết kế các trang con
Với các site qua mô lớn, có thể bạn sẽ phải thiết kế cả những trang hướng dẫn và những trangthông báo lỗi nữa
BƯỚC 5: XÂY DỰNG NỘI DUNG HTML (content layer)
Bước này do Programmer làm sau khi nhận bản thiết kế bằng hình vẽ của bạn Để công việctiến hành trôi chảy, bạn cần mô tả cho họ rõ ràng các thông số về web như: font chữ, mã màuchữ và nền, viền, phần cố định kích thước bao nhiêu, phần nào là co giãn được đồng thờicung cấp cho Programmer toàn bộ các chất liệu/số liệu cần thiết như: file PSD, file AI, file
Trang 21PNG, các file Icon, file swf và fla (nếu làm cả Flash), file Photoshop thì cần chia cụ thể cáclayer
BƯỚC 6: XÂY DỰNG CSS (presentation layer)
Bước 11 và 12 có thể gộp chung thành: "Xây Dựng HTML và CSS" vì thường người làm CSScũng là người làm HTML Nhưng để nhấn mạnh tầm quan trọng của CSS, tôi tách nó ra thành
1 bước riêng Thực ra ngay khi làm HTML thì đã phải tính toán sẽ áp dụng kỹ thuật CSS và
JS nào cho tối ưu
BƯỚC 7: VIẾT Javascript (behavior layer)
Nếu website lớn thì có thể cần người phụ trách riêng mảng này
16