Báo cáo tốt nghiệp thiết kế web quản lý bán hàng

15 BỘ LAO ĐỘNG THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG KINH TẾ CÔNG NGHỆ TP HỒ CHÍ MINH ĐỀ TÀI THỰC TẬP THIẾT KẾ WEBSITE BỘ MÔN CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn Sinh viên thực hiện Lớp Ngành Công nghệ thông tin Chuyên ngành Công nghệ thông tin TP Hồ Chí Minh, tháng 8 năm 2020 Lời cảm ơn Trong suốt thời gian 2 năm học tập và rèn luyện tại Trường Cao Đẳng Kinh Tế Công Nghệ TP HCM cho đến nay, chúng em đã nhận được rất nhiều sự quan tâm, giúp đỡ của quý Thầy Cô và bạn bè Với lòng biết ơn sâu.

BỘ LAO ĐỘNG THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG KINH TẾ - CƠNG NGHỆ TP HỒ CHÍ MINH ĐỀ TÀI THỰC TẬP: THIẾT KẾ WEBSITE BỘ MÔN CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn: Sinh viên thực hiện: Lớp: Ngành: Công nghệ thông tin Chuyên ngành: Công nghệ thơng tin TP Hồ Chí Minh, tháng năm 2020 Lời cảm ơn Trong suốt thời gian năm học tập rèn luyện Trường Cao Đẳng Kinh Tế- Công Nghệ TP.HCM nay, chúng em nhận nhiều quan tâm, giúp đỡ q Thầy Cơ bạn bè Với lịng biết ơn sâu sắc chân thành nhất, em xin gửi đến quý Thầy Cô Khoa Kỹ Thuật- Công Nghệ Trường Cao Đẳng Kinh Tế- Công Nghệ TP.HCM với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Chúng em xin bày tỏ lòng biết ơn đến ban lãnh đạo Trường Cao Đẳng Kinh Tế- Công Nghệ TP.HCM Khoa Phòng ban chức trực tiếp gián tiếp giúp đỡ chúng em suốt trình học tập nghiên cứu đề tài Với điều kiện thời gian kinh nghiệm hạn chế học viên, báo cáo tránh thiếu sót Chúng em mong nhận bảo, đóng góp ý kiến quý thầy để chúng em có điều kiện bổ sung, nâng cao kiến thức mình, phục vụ tốt cơng tác thực tế sau Chúng em xin chân thành cảm ơn! LỜI NĨI ĐẦU Ngày nay, ứng dụng cơng nghệ thơng tin việc tin học hố xem yếu tố mang tính định hoạt động quốc gia, tổ chức cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Vì vậy, em làm dự án “Website môn công nghệ thông tin” cho người truy cập xem thông tin môn cơng nghệ thơng tin Với hướng dẫn tận tình giảng viên em hoàn thành dự án lần Tuy cố gắng tìm hiểu, phân tích ứng dụng kiến thức cô giảng dạy lớp chắn dự án khơng thể tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý cô Em xin chân thành cảm ơn TRƯỜNG CAO ĐẲNG KT-CN TP.HCM NAM KHOA KỸ THUẬT – CÔNG NGHỆ - - CƠNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT ĐỘC LẬP – TỰ DO – HẠNH PHÚC - NHẬN XÉT ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN ĐỀ TÀI: Quản lý bán hàng Sinh viên: MSSV: Lớp: Chuyên ngành: Công Nghệ Thông Tin Nhận xét giáo viên hướng dẫn: Điểm: (Bằng chữ số): TP.HCM, ngày tháng năm Giáo viên (Ký ghi rõ họ tên) TRƯỜNG CAO ĐẲNG KT-CN TP.HCM KHOA KỸ THUẬT – CÔNG NGHỆ - - CƠNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM ĐỘC LẬP – TỰ DO – HẠNH PHÚC - NHẬN XÉT ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN ĐỀ TÀI: Quản lý bán hàng Sinh viên: MSSV: Lớp: Chuyên ngành: Công Nghệ Thông Tin Nhận xét giáo viên hướng dẫn: Điểm: (Bằng chữ số): TP.HCM, ngày tháng năm Giáo viên (Ký ghi rõ họ tên) MỤC LỤC CHƯƠNG 1: GIỚI THIỆU TRƯỜNG CAO ĐẲNG KINH TẾ - CÔNG NGHỆ TP HCM 1.1 Giới thiệu trường 1.2 Mục tiêu đáo tạo 1.3 Đặc điểm trường 1.4 Sơ đồ tồ chức .6 CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Ngôn ngữ 2.1.1 HTML .7 2.1.2 CSS 2.1.3 PHP 11 2.1.4 Bootstrap 12 2.2 Nội dung 12 2.2.1 SEO Onpage 12 2.2.2 SEO Offpages 13 CHƯƠNG 3: ỨNG DỤNG WEBSITE .14 3.1 Phân tích thiết kế CSDL 14 3.2 Website môn công nghệ thông tin 14 3.3 Giao diện chức 16 CHƯƠNG 4: TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 25 4.1 Kết đạt được: .25 4.2 Hướng phát triển: 25 4.3 Ưu nhược điểm: .25 4.3.1 Ưu điểm: .25 4.3.2 Nhược điểm: .25 TÀI LIỆU THAM KHẢO 27 CHƯƠNG 1: GIỚI THIỆU TRƯỜNG CAO ĐẲNG KINH TẾ - CƠNG NGHỆ TP HỒ CHÍ MINH 1.1 GIỚI THIỆU VỀ TRƯỜNG: Trường Cao đẳng Kinh tế - Công nghệ TP Hồ Chí Minh (Hochiminh city Institute Of Applied Science and Technology, viết tắt HIAST) thành lập theo định số 4756/QĐ-BGD&ĐT ngày 26/5/2005 cuar Bộ trưởng Bộ Giáo dục Đào tạo Trường có chức đào tạo, bồi dưỡng cán có kiến thức vă kỹ thực hành công nghệ, kinh tế, du lịch, y tế trình độ Sơ cấp, Trung cấp, Cao đẳng Trường hoàn tất hồ sơ nâng cấp lên trường Đại học Kinh tế - Công nghệ TP Hồ Chí Minh Trường có sở: sờ đào tạo số 138 (số cũ 472) Hà Huy Giáp, Phường Thạnh Lộc, Quận 12, Tp Hồ Chí Minh; sở số đường số 3, cư xá Lữ Gia, Phường 15, Quận 11 dùng làm nơi giao dịch với doanh nghiệp đào tạo ngồi quy Qua mười năm hoạt động, trường đào tạo hàng chục ngàn cử nhân cao đẳng hàng ngàn kỹ thuật viên trung cấp chuyên nghiệp Sinh viên, học sinh, sau trường quan doanh nghiệp tiếp nhận làm việc ngành nghề đánh giá cao chất lượng đào tạo Trường có khoa đào tạo: Khoa Kinh tế - Quản trị - Du lịch, Khoa kỹ thuật – Công nghệ, Khoa Y dược va Kỹ thuật Y học, Khoa Trung cấp Đào tạo thường xuyên 14 Bộ mơn Chương trình đào tạo xây dựng theo hướng khoa học ứng dụng, liên thông hợp tác quốc tế, có khả thích ứng cao với nhu cầu nguồn nhân lực xã hội Đặc biệt nhà trường tạo hội cho sinh viên sớm tiếp cận chuyên môn học hỏi từ thực tế qua đợt thực tập nghề nghiêp doanh nghiệp 1.2 MỤC TIÊU ĐÀO TẠO: Mục tiêu trường đào tạo sinh viên cao đằng có tri thức khoa học, kỹ thực hành kinh tế, công nghệ, du lịch Y tế học sinh trung cấp có kiến thức, tay nghề sớm đáp ứng yêu cầu sử dụng lao động doanh nghiệp Sinh viên sớm trường trang bị kỹ nghể nghiệp, kỹ mềm, đạt chuẩn đầu Anh văn theo khung lực ngoại ngữ Việt Nam đạt trình độ tin học để nhận chứng quốc gia, đáp ứng yêu cầu sử dụng lao động quan, đơn vị, doanh nghiệp Ngoài ra, sinh viên nhận chứng hành nghề doanh nghiệp cấp, chứng nhận kinh nghiệm làm việc sau trải qua tập Học sinh trung cấp sau tốt nghiệp trường trường tìm việc làm laai5 trường học liên thông lên Cao đẳng Trường tổ chức đào tạo theo học chế tín chỉ: đào tạo linh hoạt, sinh viên chọn mơn học học kì, tích lũy đủ tín xét cơng nhận tốt nghiệp có hội tốt nghiệp sớm Cơ hội nghề nghiệp việc làm: Trường thiết lập rộng rãi với khu công nghệ cao, khu công nghiệp, khu chế xuất, tập đồn kinh tế, tổng cơng ty 200 doanh nghiệp Với chương trình “Ngày hội việc làm”, “Ngày hội vấn tuyển dụng” … Phịng cơng tác sinh viên tuyển sinh tồ chức giúp SVHS thực hành, thực tập, mở nhiều hội việc làm cho SVHS sau tốt nghiệp trường Ngồi ra, q trình học tập, SVHS trải nghiệm thực tế doanh nghiệp, doanh nghiệp cấp chứng ngành nghề dề xuất tuyển dụng sớm Quyền lợi chế độ, sách: SVHS hưởng đầy đủ quyền lợi, chế độ, sách theo quy định Nhà nước cấp, học phí, hỗ trợ vay vốn từ Ngân hàng Chính sách xã hội, tạm hoãn nghĩa vụ quân thời gian học SVHS học trở lên cấp học bổng, SVHS nghèo vượt khó miễn giảm học phí, giới thiệu tạo điều kiện tiếp cận quỹ học bổng quốc tế Liên thông Đại học Cao đẳng: Học sinh tốt nghiệp Trung cấp dễ dàng học tiếp lên Cao đẳng Trường Sinh viên tốt nghiệp bậc cao đẳng học sinh tốt nghiệp bậc trung cấp Trường có đủ điều kiện học liên thơng bậc đại học hệ quy trường đại học nước Liên kết đào tạo hợp tác quốc tế: Trường tổ chức số lớp đào tạo theo chương trình tiên tiến Sau tốt nghiệp, sinh viên học liên thơng lấy đại học Trường Northwestern Polytechnic University ( NPU ) – Hoa Kỳ, Trường Đại học Deory - Hoa Kỳ, Trường Elite Management School ( EMS ) - Hà Lan, Trường Binary University Malaysia, Học viện Auston Singapore, Trường Genetic Computer Singapore, Trường ERC International – Singapore, Trường Meiho – Đài Loan Trường Đại học Quốc gia Jeju, Đại học Honam, Đại học NamSeoul, Đại học Nazarelle Hàn Quốc: Những sinh viên có học lực khí có khả tiếp thu ngoại ngữ chọn tham gia chương trình Trao đổi nh viên HIAST với Trường Đại học Hàn quốc, học năm Trường sau học Hàn Quốc năm để lấy Cao đẳng quy HIAST Tiếp Trường Hàn Quốc hỗ trợ 100% học phí để sinh viên học thêm năm, lấy Đại học nước sở Ngồi chương trình nêu trên, tất sinh viên có hội du học Hàn Quốc với hỗ trợ 50% học phí việc làm ngồi tham gia Chương trình chuyển tiếp học Trường Đại học Hàn Quốc 1.3 ĐẶC ĐIỂM CỦA TRƯỜNG: Cơ sở đào tạo số 138 Hà Huy Giáp, phường Thạnh lộc, Quận 12 gồm tòa nhà tầng A, B nối liền tòa nhà C (chuẩn bị xây dựng) Tòa nhà A nơi làm việc Hội đồng Quản trị, Ban Giám hiệu, Khoa chun mơn, phịng máy tính, hội trường lớn nhỏ, giảng đường, thư viện truyền thống thư viện điện tử Tại tòa nhà B, giảng đường bố trí từ tầng đến tầng 6, từ tầng trở lên phịng thí 11 Phương thức hoạt động CSS tìm dựa vào vùng chọn, vùng chọn tên thẻ HTML, tên ID, class hay nhiều kiểu khác Sau áp dụng thuộc tính cần thay đổi lên vùng chọn Cấu trúc đoạn CSS: Một đoạn CSS bao gồm phần này: 01 02 03 04 05 Vùng chọn { Thuộc tính : giá trị; Thuộc tính : giá trị; ……… } Nghĩa khai báo vùng chọn, sau thuộc tính giá trị nằm bên cặp dấu ngoặc nhọn {} Mỗi thuộc tính ln có giá trị riêng, giá trị dạng số, tên giá trị danh sách có sẵn CSS Phần giá trị thuộc tính phải cách 12 dấu hai chấm, dịng khai báo thuộc tính ln có dấu chấm phẩy cuối Một vùng chọn sử dụng khơng giới hạn thuộc tính 2.1.3 PHP: PHP gì: PHP ( viết tắt PHP Hypertext Preprocessor ) ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Tổng quan lập trình PHP: Để sử dụng mã PHP vào việc lập trình web, ta phải đặt mã PHP vào cặp thẻ chương trình hiểu biên dịch mã Đây điểm tiện lợi PHP giúp cho việc viết mã PHP trở nên trực quan dễ dàng việc xây dựng phần giao diện Ngôn ngữ lập trình PHP loại ngơn ngữ đặc biệt thiết kế để giúp lập trình viên dễ dàng tạo trang website Ngôn ngữ lập trình PHP bao gồm quy tắc mà lập trình viên cần tuân theo viết mã lệnh (source code) Mã lệnh chương trình cần đặt cặp thẻ Sử dụng dấu chấm phẩy ‘;' để kết thúc câu lệnh Văn cần đặt cặp dấu nháy đơn ' ' cặp dấu nháy kép " " 2.1.4 Bootstrap: 13 Bootstrap gì: Bootstrap framework cho phép thiết kế website reponsive nhanh dễ dàng Bootstrap bao gồm HTML templates, CSS templates Javascript tao có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels nhiều thứ khác Trong bootstrap có thêm plugin Javascript Giúp cho việc thiết kế reponsive bạn dễ dàng nhanh chóng Lịch sử Bootstrap Bootstrap dược phát triển Mark Otto Jacob Thornton Twitter Nó xuất mã nguồn mở vào tháng năm 2011 GitHub Tính đến thời điểm viết viết phát triển năm Bản bootstrap bootstrap 2.2 Nội dung SEO 2.2.1 SEO Onpage SEO onpage định nghĩa công việc bao gồm nhiều tác vụ, thao tác mà SEO-er thực tối ưu hóa trực tiếp trang web cho chúng xếp hạng cao bảng kết mà cơng cụ tìm kiếm trả về, từ giúp trang web đạt nhiều lưu lượng truy cập hơn, tiếp cận nhiều khách hàng phù hợp từ nguồn tìm kiếm tự nhiên (organic search, khác với tìm kiếm trả phí – paid search) Cơng việc bao gồm tới ưu hóa mã HTML, sáng tạo làm phong phú nội dung trang web, tái cấu trúc nội dung trang cho phù hợp với người dùng 14 Tối ưu URL Seo onpage Khi thực SEO Onpage cho trang web điều chắn phải liên quan tới từ khóa URL phần thiếu SEO Onpage website thân thiện với cơng cụ tìm kiếm phải chứa từ khóa cho phù hợp với nội dung website Tối ưu url seo onpage để đạt thứ hạng cao Vì vậy, URL chuẩn seo onpage tốt cần yếu tố sau: Chứa từ khóa SEO (có lượng search nhiều nhất) Ngắn gọn bao hàm toàn ý (URL top thường có trung bình 59 chữ) Liên quan đến nội dung viết Seo từ khóa : CNTT HIAST cntt-hiast 15 hiast cntt hiast 2.2.2 SEO Offpage SEO Offpage gì: SEO Offpage thuật ngữ mô tả việc xây dựng liên kết backlink (Link – building) tới trang Web SEO Offpage thường thực sau tối ưu hóa SEO Onpage cho Website Phương pháp SEO Offpage hiệu quả: Để thực SEO Offpage cần có liên kết Backlink Số lượng chất lượng backlink nói lên độ phổ biến website định trực tiếp đến thành công SEO Offpage Sau đây, xsoft giới thiệu cho bạn số cách đặt backlink đơn giản đạt hiệu cao Đăng trang chia sẻ thông tin: Đăng trang chia sẻ thơng tin miễn phí khiến nhiều người thật có nhu cầu sản phẩm dịch vụ bạn biết đến website Một số website chia sẻ tài nguyên miễn phí slideshare, flick, … cho phép bạn đăng thông tin tài nguyên lĩnh vực bạn, sau dẫn đường dẫn website Đây thủ thuật SEO Offpage đơn giản mà bạn nên thử Đặt backlink diễn đàn, blog: Các công cụ đánh giá đánh giá cao diễn đàn lượng truy câp, lượng viết độ phổ biến Việc hoạt động tích cực diễn đàn với tài khoản có chữ kí gắn link giúp website bạn tạo nguồn backlink tự nhiên hiệu Sử dụng mạng xã hội: Mạng xã hội ngày phổ biến tạo môi trường tuyệt vời cho tương tác giúp viết thương hiệu website lan tỏa rộng rãi Hãy sử dụng mạng xã hội phổ biết Facebook, Google+, Flickr, Twitter… để dẫn link viết Đặc biệt, bạn dành thời gian viết thật bât có ích cho người đọc, có viết bạn chia sẻ cách tự nhiên mạng xã hội 16 17 Viết trang báo điện tử: Một cách tối ưu seo off page hiệu chi phí cao viết PR trang web trang báo uy tín Một viết giới thiệu doanh nghiệp kèm theo đường link dẫn website tạo hứng thú tò mò với người đọc website bạn Các trang báo điện tử thường có uy tín cao nên thông qua kênh truyền thông này, doanh nghiệp bạn biết đến nhiều có hội giới thiệu với nhiều khách hàng Hi vọng gợi ý giúp bạn SEO Offpage hiệu Ngồi ra, bạn khảo phần mềm XSEO giúp bạn SEO website tối ưu nhanh chóng đẩy thứ hạng website lên TOP tìm kiếm cơng cụ tìm kiếm Điểm khác SEO offpage SEO onpage: Vai trò SEO offpage SEO onpage gì? Nhìn chung, SEO onpage mảng chịu trách nhiệm phần nội dung mã nguồn HTML trang mục tiêu Trái ngược với onpage, SEO offpage chịu trách nhiệm phần xây dựng tối ưu hóa yếu tố bên ngồi có ảnh hưởng đến trang web ví dụ liên kết (backlink), tương tác, chia sẻ trang mạng xã hội, vv Cả công việc SEO on-page off-page có vai trị định việc cải thiện xếp hạng trang web Một website làm tốt mảng SEO offpage khơng tối ưu hóa onpage khơng thể có thứ hạng cao nhanh chóng dễ dàng website tối ưu hóa hai Vì vậy, hiểu hiểu biết điểm khác loại SEO giúp biết cách dung hòa chúng chiến lược tối ưu hóa website hiển nhiên, hàng trăm triệu website xuất mạng Internet, không website giống website 18 CHƯƠNG : ỨNG DỤNG WEBSITE 3.1 Phân tích thiết kế CSDL 3.1.1 Mơ hình CSDL Hình 3.1 Mơ hình sỡ liệu 3.1.2 Cấu trúc bảng liệu Hình 3.2 Cấu trúc bảng bai_viet 19 Hình 3.3 Cấu trúc bảng tb_giangvien Hình 3.4 Cấu trúc bảng tb_lop Hình 3.5 Cấu trúc bảng tb_sinhvien Hình 3.6 Cấu trúc bảng tb_tkb 20 3.2 WEBSITE BỘ MÔN CÔNG NGHỆ THÔNG TIN 3.2.1 Giới thiệu Đây dạng website tin tức, cho phép người truy cập xem thông tin môn cơng nghệ thơng tin trường Hiast nói riêng ngành cơng nghệ thơng tin nói chung Các đối tượng truy cập sinh viên (chủ yếu sinh viên thuộc lớp công nghệ thông tin) đối tượng muốn tìm hiểu thêm thơng tin mơn cơng nghệ thơng tin Hình 3.1 Giao diện phần header website Hình 3.2 Giao diện phần body trang chủ 21 Hình 3.3 Giao diện phần footer Hình 3.4 Trang giới thiệu 22 Hình 3.5 Trang giảng viên Hình 3.6 Trang danh sách lớp học 23 Hình 3.8 Trang thời khóa biểu Hình 3.7 Trang danh sách sinh viên 24 CHƯƠNG 4: TỔNG KẾT 4.1 Kết đạt - Hoàn thành Website đưa lên hosting - Giao diện thân thiện với người truy cập mobile - Đưa trang web lên google tìm kiếm - Người truy cập xem thơng tin môn công nghệ thông tin 4.2 Hướng phát triển - Hướng phát triển website tiến đến website hoàn thiện chuẩn SEO với đầy đủ chức cần có: - Bổ sung chức đăng nhập facebook để độc giả comment hay liên lạc trực tiếp qua messenger - Viết thêm trang web ẩn cho người quản trị quản lý trang web 4.3 Ưu nhược điểm - Ưu điểm: Tối ưu mobile Dễ dàng truy cập sử dụng -Nhược điểm: Giao diện chưa thật đẹp bắt mắt Chưa có tên miền Hosting miễn phí nên tốc độ hạn chế 25 ... nhận tốt nghiệp có hội tốt nghiệp sớm Cơ hội nghề nghiệp việc làm: Trường thiết lập rộng rãi với khu công nghệ cao, khu công nghiệp, khu chế xuất, tập đồn kinh tế, tổng cơng ty 200 doanh nghiệp. .. tế 3 Liên thông Đại học Cao đẳng: Học sinh tốt nghiệp Trung cấp dễ dàng học tiếp lên Cao đẳng Trường Sinh viên tốt nghiệp bậc cao đẳng học sinh tốt nghiệp bậc trung cấp Trường có đủ điều kiện... trang web 10 Với phát triển mạnh mẽ cơng nghệ số mà trang web ngày đóng vai trị chủ đạo, việc sở hữu trang web hoàn thiện từ yếu tố bên nội dung bên yếu tố cần thiết doanh nghiệp, trang web viết