Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (3)

BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ ĐỀ TÀI: TÀI: XÂY XÂY DỰNG DỰNG WEBSITE WEBSITE GIỚI GIỚI THIỆU THIỆU CHƯƠNG CHƯƠNG TRÌNH TRÌNH LIÊN LIÊN KẾT KẾT ĐÀO ĐÀO TẠO TẠO CỬ CỬ NHÂN NHÂN QUỐC QUỐC TẾ TẾ VỚI VỚI ĐẠI ĐẠI HỌC HỌC LA LA TROBE TROBE –– AUSTRALIA AUSTRALIA GVHD: Ths Nguyễn Thị Thanh Tâm Người thực hiện: Phùng Thị Phương Thanh 01 GIỚI THIỆU ĐƠN VỊ THỰC TẬP 02 NỘI DUNG THỰC TẬP ✔ GIỚI THIỆU CHUNG ✔ CHỨC NĂNG ✔ NỘI DUNG THỰC TẬP ✔ TỔ CHỨC ✔ CƠ SỞ LÝ LUẬN ✔ CÁC LĨNH VỰC HOẠT ĐỘNG ✔ TỎNG QUAN VỀ SẢN PHẨM ✔ XÂY DỰNG SẢN PHẨM 03 KẾT LUẬN 04 TÀI LIỆU THAM KHẢO ✔ KẾT QUẢ ĐẠT ĐƯỢC ✔ Tài liệu hướng dẫn học HTML ✔ HẠN CHẾ ✔ Hướng dẫn học CSS ✔ HƯỚNG PHÁT TRIỂN ✔ Quy trình thiết kế website ✔ KẾT LU BÁO CÁO THỰC TẬP TỐT NGHIỆP GIỚI THIỆU THỰC TẬP Tính thực tế Giáo trình cập nhật kiến thức, tạo nhiều chương trình hướng đến hội nhập quốc tế Chất lượng giảng dạy CHỨC NĂNG Trung tâm Đào tạo Quốc tế mang Sứ mạng cung cấp chương trình đào tạo quốc tế chất lượng Lợi ích học viên Học viên cập nhật kiến thức mới, tiếp xúc với nhiều công nghệ mới, giao lưu, chia sẻ học viên TỔ CHỨC Tổ chức Để đảm bảo tính linh hoạt cao yêu cầu hoạt động có hiệu phải tổ chức máy hoạt động với quy mô hợp lý nhất, tối ưu nhất, khó khăn sai lầm phải khắc phục kịp thời Các hoạt động lĩnh vực giáo dục CÁC LĨNH VỰC HOẠT ĐỘNG Các chương trình đào tạo Các workshop Các dự án Các chương trình học bổng Học bổng toàn “The Belt and Roat” Học bổng AVIS+ NỘI DUNG THỰC TẬP 19/7 - 24/7 Khảo sát môi trường thực tập 24/7 - 10/8 11/8 - 13/8 13/8 - 17/8 18/8 - 31/8 Tìm hiểu kiến thức Tham gia dự án tìm hiểu yêu cầu Phát triển hoàn thiện dự án Hoàn thiện báo cáo thực tập Bắt tay viết báo cáo dự án Tìm hiểu mơi trường làm việc, cấu Tìm hiểu phong cách thiết kế web, Lên ý tưởng, phác thảo tương tác cho Trao đổi công việc liên tục với người chức năng, nhiệm vụ phịng ban, tìm hiểu kiến thức bản, công cụ, kỹ công việc giao hướng dẫn nhóm làm việc thuật Kết đạt Hiểu tham gia vào quy trình xây dựng website I.GIỚI THIỆU CHUNG Hoàn thành tốt trách nhiệm giao Có trao đổi nội dung cơng việc với nhóm thực Thích nghi với môi trường làm việc chuyên nghiệp Rút học kinh nghiệp sau thời gian thực tập đơn vị II CƠ SỞ LÝ LUẬN 01 Khái niệm website 02 Lịch sử đời 03 Web động 04 Web tĩnh 05 QUY TRÌNH PHÁT TRIỂN WEBSITE Website tập hợp nhiều trang web loại siêu văn (tập tin dạng HTML XHTML) trình bày thông tin Khái niệm website mạng Internet địa định để người xem truy cập vào xem Trang web người xem truy cập từ tên miền thường gọi trang chủ (homepage), người xem xem trang khác thơng qua siêu liên kết (Hyperlinks) Website gì? Đặc điểm tiện lợi website: thông tin dễ dàng cập nhật, thay đổi, người sử dụng xem thông tin tức khắc, nơi nào, tiết kiệm chi phí in ấn, gửi bưu điện, fax, thông tin không giới hạn (muốn đăng thông tin được, không giới hạn số lượng thông tin, hình ảnh ) khơng giới hạn phạm vi khu vực sử dụng (tồn giới truy cập) Website tập hợp hay nhiều trang web 2 Lịch sử đời Năm 1990 World Wide Web (WWW) nhà vật lý CERN người Anh Tim Berners-Lee tạo vào năm 1990 Tháng năm 1993 Dự án WWW bùng nổ vào tháng 4/1993 trình duyệt web dành cho máy tính cá nhân đời Đây sản phẩm ông Marc Andreessen Trung tâm Ứng dụng Siêu máy tính thuộc trường Đại Học Illinois Cuối năm 1994 Vào cuối năm 1994, lưu lượng giao dịch web cuối vượt qua giao dịch gopher từ đến chưa tụt lại Hiện mạng Internet có gần 100 triệu website có nhiều người xem web mạng internet WEB TĨNH & WEB ĐỘNG WEB TĨNH WEB ĐỘNG Trang web tĩnh trang web sử dụng hồn tồn ngơn ngữ Website động (Dynamic website) website có sở liệu, HTML (có html htm), sau tải trang HTML cung cấp công cụ quản lý website (Admin Tool) Web từ máy chủ xuống, trình duyệt biên dịch mã hiển thị nội động thuật ngữ dùng để website có sở dung trang web, người dùng tương tác liệu hỗ trợ phần mềm phát triển web với trang web Ưu điểm : Ưu điểm : - Linh hoạt - Thiết kế đồ hoạ đẹp - Có thể cập nhật thơng tin thường xuyên - Tốc độ truy cập nhanh - Quản lý thành phần website dễ dàng - Thân thiện với máy tìm kiếm - Chi phí đầu tư thấp Nhược điểm : - Tốc độ chậm Nhược điểm : - Khó khăn việc thay đổi cập nhật thơng tin - Thơng tin khơng có tính linh hoạt, khơng thân thiện với người dùng - Khó tích hợp, nâng cấp, mở rộng - Thiết kế đồ họa cịn hạn chế - Chi phí đầu tư cao QUY TRÌNH PHÁT TRIỂN WEBSITE QUY TRÌNH PHÁT TRIỂN Lên kế hoạch xây dựng website quy trình quan trọng, thiếu tạo lập trang web Bước Bước Bước Bước Bước Phân tích người dùng Thiết kế chức Xây dựng nội dung Đưa nội dung vào trang Kiểm tra đánh giá web Bước Bước Bước Bước Xác định xác mục tiêu Đây bước quan trọng Thiết lập liên lạc mật thiết với Các khung dành cho văn đồ Các trang web hiệu trang, vấn đề giải quyết, qua trình thiết kế Vì địi hỏi người tạo nội dung website Đảm họa điền vào nội dung kết việc thiết kế người dùng nhiều thời gian, công sức bảo nhiều thơng tin tốt thực cách dễ dàng đánh giá cẩn thận ăn khớp Bước III TỔNG QUAN SẢN PHẨM 01 Lựa chọn cấu trúc trang 02 Lựa chọn môi trường thiết kế 03 04 Lựa chọn mơi trường lập trình Tổng quan HTML & CSS Thiết kế Landing Page là khái niệm quen thuộc bạn hay nghe nói đến lĩnh vực thiết kế web Dịch vụ thiết kế website chuyên nghiệp Thông qua thiết kế Landing Page người dùng tiếp nhận nhiều thông tin (đa phần thông tin cập nhật) đường để kéo người dùng vào xem website bạn Cấu trúc trang Landing page Lựa chọn môi trường thiết kế FIGMA HỖ TRỢ LÀM VIỆC TÍNH TƯƠNG THÍCH Figma cơng cụ browser-based, Figma hoạt động tương thích tất người team làm việc hệ điều hành có trình duyệt web với tương tự làm việc Google Docs CHIA SẺ ĐƠN GIẢN LƯU TRỮ ONLINE Một bạn chia sẻ file Figma qua việc gửi link Tất thứ bạn đề lưu trữ cho người khác, người nhận link có khả cloud Bạn khơng sợ file, hỏng máy hay truy cập vào file hàng tá vấn đề trời đất khác 3.Lựa chọn mơi trường lập trình Notepad++ Viết chỉnh sửa HTML Sublime Text Là mơi trường lập trình đơn giản để viết code HTML, CSS Google Chrome Test giao diện Website trình duyệt Web Tìm kiếm tài liệu TỔNG QUAN HTML & CSS HTML - Hypertext Markup Language Nhiều người nhầm tưởng HTML ngôn ngữ lập trình thực khơng phải vậy, ngơn ngữ đánh dấu Để miêu tả trang web ta cần đánh dấu thẻ HTML HTML HTML biết đến loại ngôn ngữ dùng để mô tả Các thẻ hiển thị trang web ❖ Headings ❖ Đoạn văn – paragraphs ❖ Line Breaks xuống dòng ❖ Thẻ Anchor thuộc tính Href Các CSS Selecter hay dùng ❖ Thẻ Div ❖ #id1": Chọn thẻ thẻ có id =" id1" ❖ class1: chọn thẻ có class =class1 CSS ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngôn ngữ đánh dấu (HTML) CSS CSS - Cascading Style Sheets CSS giúp thêm style vào phần tử HTML đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… Bố cục CSS thường chủ yếu dựa vào hình hộp hộp chiếm khoảng trống trang 01 XÁC ĐỊNH MỤC TIÊU 02 Thiết kế giao diện Đối với đề tài: Xây dựng website giới thiệu chương trình liên kết đào tạo Lên ý tưởng, xây dụng bố cục, khung cho trang web Đây cử nhân quốc tế với đại học La Trobe - Australia Đối tượng mục tiêu bước quan trọng qua trình thiết kế Vì vậy, địi trường Đại học La Trobe - Australia Trung tâm đào tạo Quốc tế hỏi dành nhiều thời gian, cơng sức, địi hỏi tính thẩm mỹ màu chủ đạo chúng em lựa chọn trắng đỏ khả sáng tạo người thiết kế 03 Xây dựng nội dung cho trang web 04 Đưa nội dung vào website Lượng thông tin đưa vào website đảm bảo nhiều thơng tin Sau có đầy đủ thơng tin, nội dung chi tiết phần tốt Cần phải có kết hợp chặt chẽ văn đồ họa, hình bước đến thiết kế chi tiết website Lựa chọn màu sắc ảnh, âm nội dung Thiết kế hình ảnh để sử dụng cho đưa nội dung vào website website XÂY DỰNG SẢN PHẨM Thiết kế bố cục cho tảng desktop mobile Việc thiết kế bố cục cho trang web vơ quan trọng Vì vậy, địi hỏi dành nhiều thời gian, cơng sức, địi hỏi tính thẩm mỹ khả sáng tạo người thiết kế Với đối tượng sinh viên tảng destop mobile thường sử dụng nhiều Bản thiết kế trang web tảng Desktop Mobile  Sau có đầy đủ thơng tin, nội dung chi tiết phần bước đến thiết kế chi tiết website Lựa chọn màu sắc đưa nội dung vào website KẾT LUẬN Kết đạt Hạn chế  Trong trình nghiên cứu phát triển, đề tài em Bên cạnh kết đạt được, đề tài tồn số số kết định: hạn chế: - Tìm hiểu tổng quan quy trình phát triển website - Website chưa cài đặt lên server nhiều theo restful webservice người sử dụng trình phát triển.  - Xây dựng web quản lý dự án, đầy đủ chức ứng dụng web cần có.  KẾT LUẬN Hướng phát triển Kết luận Dựa kết đạt với hạn chế Trong thời gian thực tập Trung tâm đào tạo Quốc tế em tồn tại, tiếp tục phát triển website người team hỗ trợ nhiệt tình, - Xây dựng sở liệu remote riêng học kiến thức bổ ích, tích lũy nhiều - Tiếp tục nghiên cứu cải thiện UI, UX   kinh nghiệm để phục vụ cho công việc em sau THANK YOU Insert the Subtitle of Your Presentation ... lĩnh vực thiết kế web Dịch vụ thiết kế website chuyên nghiệp Thông qua thiết kế Landing Page người dùng tiếp nhận nhiều thông tin (đa phần thông tin cập nhật) đường để kéo người dùng vào xem website... LĨNH VỰC HOẠT ĐỘNG Các chương trình đào tạo Các workshop Các dự án Các chương trình học bổng Học bổng tồn “The Belt and Roat” Học bổng AVIS+ NỘI DUNG THỰC TẬP 19/7 - 24/7 Khảo sát môi trường... website I.GIỚI THIỆU CHUNG Hồn thành tốt trách nhiệm giao Có trao đổi nội dung cơng việc với nhóm thực Thích nghi với mơi trường làm việc chun nghiệp Rút học kinh nghiệp sau thời gian thực tập đơn