Xây dựng website nghe nhạc trực tuyến

Ngày nay, công nghệ thông tin đã trở thành một phần quan trọng của cuộc sống. Sự phát triển của công nghệ thông tin là tiền đề cho sự phát triển của các nghành khoa học khác. Song song với sự phát triển mạnh mẽ của khoa học kỹ thuật, nhu cầu cập nhật thông tin của con người ngày càng cao. Có thông tin thì con người mới có thể tiếp cận, nắm bắt và hiểu biết được sự thay đổi của thế giới xung quanh. Muốn có được thông tin thì cần phải giao tiếp. Giao tiếp để trao đổi thông tin, giao tiếp để mở mang kiến thức, để học hỏi kinh nghiệm, để giải trí, kết bạn, nói chuyện với người thân , bạn bè .

BỘ GIÁO DỤC VÀ ĐÀO TẠO CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ SÀI GÒN Độc lập – Tự do – Hạnh phúc TP. HỒ CHÍ MINH - - - - - - - - - - ---------- KHOA : Công Nghệ Thông Tin NHIỆM VỤ BÀI THI TỐT NGHIỆP (Sinh viên phải dán tờ này vào trang thứ nhất của Bản thuyết minh) HỌ VÀ TÊN :1/ Bùi Quang Sang MSSV: CD50812804 LỚP: C09_TH01 2/ Âu Bạch Yến MSSV: CD50817006 LỚP: C09_TH01 NGÀNH : Công Nghệ Thông tin 1. ĐẦU ĐỀ BÀI THI : Xây dựng website nghe nhạc trực tuyến 2. NHIỆM VỤ YÊU CẦU VỀ NỘI DUNG VÀ SỐ LIỆU BAN ĐẦU: • Tìm hiểu PHP và Mysql. • Tìm hiểu kỹ thuật lập trình hướng đối tượng. • Tìm hiểu kỹ thuật lập trình Ajax. • Xây dựng CSDL. • Xây dựng website nghe nhạc trực tuyến hoàn chỉnh. 3. CÁC HỒ SƠ VÀ TÀI LIỆU CUNG CẤP BAN ĐẦU : 4. NGÀY GIAO NHIỆM VỤ BÀI THI : 5. NGÀY HOÀN THÀNH NHIỆM VỤ : 6. HỌ TÊN NGƯỜI HƯỚNG DẪN: PHẦN HƯỚNG DẪN (1) Trần Văn Hùng . Toàn Bộ Nội dung và yêu cầu của Bài thi Tốt nghiệp đã được thông qua Khoa. Tp. Hồ Chí Minh, ngày ------------ tháng -------------- năm --------------- TRƯỞNG KHOA NGƯỜI HƯỚNG DẪN CHÍNH (Ký và ghi rõ họ tên) (Ký và ghi rõ họ tên) Trần Văn Hùng TÓM TẮT ĐỀ TÀI Ngày nay, công nghệ thông tin đã trở thành một phần quan trọng của cuộc sống. Sự phát triển của công nghệ thông tin là tiền đề cho sự phát triển của các nghành khoa học khác. Song song với sự phát triển mạnh mẽ của khoa học kỹ thuật, nhu cầu cập nhật thông tin của con người ngày càng cao. Có thông tin thì con người mới có thể tiếp cận, nắm bắt và hiểu biết được sự thay đổi của thế giới xung quanh. Muốn có được thông tin thì cần phải giao tiếp. Giao tiếp để trao đổi thông tin, giao tiếp để mở mang kiến thức, để học hỏi kinh nghiệm, để giải trí, kết bạn, nói chuyện với người thân , bạn bè . Với thực trạng trên  chúng em đã xây dựng một ỨNG DỤNG WEBCHAT. Thông qua Trang Web này có thể giúp mọi người có thể nói chuyện trực tiếp với nhau một cách thoải mái, tiện ích, thân thiện. Trang Webchat có những chức năng chính sau đây:  Thủ tục đăng ký thật đơn giản, nhanh gọn. (mô tả: Mỗi người tham gia chat cần đăng ký user riêng cho mình và không được trùng với mọi người và mật khẩu, email để đăng nhập vào hệ thống ).  Quản lý danh sách: Chat nick riêng và danh sách bạn, bạn có thể kết bạn, thêm bạn vào danh sách bạn của mình, và mở cửa sổ chat riêng cho 2 người.  Quản lý nội dung chat: …Bên cạnh gửi tin chat, trang webchat này còn cho phép bạn gửi những Emoticon, hình động có kèm nội dung ngộ nghĩnh, dễ thương, …  Bạn có thể gửi tin offline riêng cho người bạn trong danh sách bạn của mình  Để phân biệt và trang trí dòng tin nhắn của mình thì đã có công cụ định dạng Font, kích cỡ, màu chữ.  Cho phép người khác add thêm nick mình vào danh sách hay không và cho phép xóa nick ra khỏi danh sách .  Bạn có thể gởi tin nhắn cho toàn bộ danh sách trong một nhóm nào đó bất kỳ  Web chat cho phép gởi file bất kỳ giữa các user. Để thực hiện đồ án này chúng em đã tìm hiểu và ứng dụng công nghệ ajax kết hợp mô hình DOM, ngôn ngữ XML, javasript, ngôn ngữ PHP và cơ sở dữ liệu mySQL để thực hiện đồ án này. MỤC LỤC Chương 2 4 TÌM HIỂU KỸ THUẬT LẬP TRÌNH AJAX 4 CHƯƠNG III 5 TÌM HIỂU MÔ HÌNH DOM-XML 5 I. XML 5 PHẦN II .7 XÂY DỰNG ỨNG DỤNG WEB CHAT .7 SO SÁNH AJAX VỚI CÁC ỨNG DỤNG CÔNG NGHỆ WEB TRUYỀN THỐNG: .7 I.Ý tưởng chung: .7 II.Mô Hình truyền thống: 8 III.Mô hình Ajax: 9 PHẦN III .11 ỨNG DỤNG JAVASCRIPT, AJAX VÀO WEBCHAT ONLINE 11 I.Yêu cầu hệ thống của trang webchat 11 II.Cơ sở dữ liệu .11 I.1. Các bảng dữ liệu: 11 I.3 Các thuật toán xử lý trong chương trình 22 PHẦN IV: .23 KẾT LUẬN VÀ ĐỊNH HƯỚNG PHÁT TRIỂN .23 1.Kết quả đạt được .23 2.Khuyết điểm của chương trình .23 3.Hướng phát triển 24 TÀI LIỆU THAM KHẢO .24 Chương 2 TÌM HIỂU KỸ THUẬT LẬP TRÌNH AJAX AJAX là một trong những từ ngữ thời thượng bậc nhất hiện nay trong giới công nghệ thông tin và là bí quyết kĩ thuật đứng đằng sau các ứng dụng lớn thuộc Google: Flickr, GMail, Google Suggest, Google Maps. Ajax đang tạo nên cuộc cách mạng trong thế giới web. I.1 AJAX LÀ GÌ? JavaScript, ngôn ngữ lập trình chạy trên trình duyệt đã quá quen thuộc với thế giới web kể từ khi Netscape phát minh ra nó. Sự phát triển của công nghệ và nhu cầu người sử dụng ngày càng cao buộc các nhà phát triển tạo ra một kĩ thuật khác cho phép xử lý các tác vụ phức tạp hơn. Tháng 2/2005, trên Internet bắt đầu lan truyền thuật ngữ Ajax như là một kỹ thuật mới cho ứng dụng web. Những thành công vang dội và sự hấp dẫn kì lạ của Gmail, Google Suggest và Google Maps đã khiến cho Ajax được chú ý một cách đặc biệt. Ajax là viết tắt của Asynchronous JavaScript and XML - kỹ thuật kết hợp hai tính năng mạnh của JavaScript được các nhà phát triển đánh giá rất cao: • Gửi yêu cầu (request) đến máy chủ mà không cần nạp lại trang • Phân tách và làm việc với XML CHƯƠNG III TÌM HIỂU MÔ HÌNH DOM-XML I. XML Muốn tìm hiểu XML trước hết ta phải tìm đọc qua SGML, có thể tóm tắc SGML như sau SGML: Ngôn ngữ đánh dấu bằng chuỗi kí tự. -Kết hợp ưu điểm của binary files, và text files: có thể hiểu được bởi máy tính, lưu trữ được meta data và dễ dàng được sử dụng bởi nhiều chương trình. mark up data (hay meta data) dùng để tự mô tả. -HTML dựa trên chuẩn SGML. -SGML phức tạp không thích hợp để trao đổi dữ liệu trên môi trường web.do đó cần một ngôn ngữ tương tự nhưng đơn giản hơn XML (Extensible Markup Language): là nhánh con của SGML được giản lược hóa. -XML có thể dùng để tạo một tài liệu chứa bất kỳ thông tin nào ta muốn. -Hoàn toàn linh hoạt khi tổ chức dữ liệu (structured data). …. … …. II. DOM II.1.DOM (Document Object Model): Được sử dụng để thao tác lên tất cả các tài liệu XML. DOM có nhiều phiên bản: DOM Level 1, DOM Level 2, DOM Level 3 (draft). Ứng với mỗi cấu trúc tài liệu XML phải có một cách thức để truy xuất dẫn đến khó phát triển ứng dụng nên người ta xây dựng một thư viện tổng quát sử dụng cho mọi tài liệu. XML DOM đóng vai trò như lớp giao tiếp ở giữa của chương trình ứng dụng và XML parser. … … … . PHẦN II XÂY DỰNG ỨNG DỤNG WEB CHAT SO SÁNH AJAX VỚI CÁC ỨNG DỤNG CÔNG NGHỆ WEB TRUYỀN THỐNG: I. Ý tưởng chung: Trong thời kỳ bùng nổ công nghệ thông tin hiện nay internet góp phần không nhỏ vào sự phát triển đó. Để mang thông tin từ nơi này đến một nơi khác trong một thời gian ngắn và nhanh để mọi người dù bất cứ nơi nào mà có internet và một máy tính thì có thể nhận được thông tin. Có nhiều cách thức để truyền đạt một trong những cách thức đó có nhiều ứng dụng chạy trên nền web ra đời như trang báo điện tử, email …Bên cạnh sự cập nhật thông tin cần thiết của thời đại chúng ta cần phải giải trí, trò chuyện gặp gỡ làm quen và trao đổi thông tin trực tiếp thế là webchat ra đời. Ý tưởng tổng quát là mỗi người đăng ký một cái tên riêng không được trùng nhau và đăng nhập vào một hệ thống nơi đó có lưu danh sách những người đã đăng ký, khi một người có trong danh sách có thể thêm vào những người bạn mình và có thể trò chuyện được với nhau thông qua internet. Khi người đó đã đăng ký vào hệ thống (tạm gọi người đó là user A) thì có thể gởi tin nhắn đến những người bạn của mình, khi tin nhắn của user A đó gởi đi thì chương trình sẽ lưu tin nhắn đó lên server gồm thông tin người gởi A, thông tin người nhận (tạm gọi là user B) và nội dung tin nhắn…. Một khi user B đăng nhập vào hệ thống thì hệ thống sẽ kiểm tra thông tin người đăng nhập có hợp lệ hay không, nếu hợp lệ thì hệ thống sẽ lấy tất cả tin nhắn của mọi user đã gởi cho user B này trên server trước đó sẽ trả về cho user B này. Quá trình này được lặp đi lặp lại sau một khoảng thời gian nhất định (1 vài giây ) thì tin nhắn gởi giữa user A và user B gần như là lập tức. So sánh AJAX với các ứng dụng công nghệ WEB truyền thống: II.Mô Hình truyền thống: hình 1 Với công nghệ web truyền thống mọi hoạt động đều phải thông qua phương thức giao dịch HTTP(HyperText Transport Photocol - Giao thức truyền tải siêu liên kết).(Hình 1) Ví dụ: Kiểm tra user đã có tồn tại trong hệ thống hay chưa ……. ……. ……. Khi người dùng nhập nhấn nút submit thì sẽ gởi dữ liệu đến trang (phía server ) nhận được thông tin người gởi, người nhận và thông tin của tin nhắn đó. Sau đó phía server sẽ cập nhật tất cả thông tin vào database và sau đó trả về phía client gồm thông tin người nhận nội dung tin nhắn… và cấu trúc trang của người gởi (reload). Quá trình này dẫn đến như sau: + khi phía client gởi dữ liệu lên server thì trong khi chờ đợi sự trả về thông tin của server thì phía client phải đợi + Khi server trả về cho phía client thì trả về tòan bộ trang web phía client dẫn đến dư thông tin và phía client phải reload tòan bộ trang này trong khi đó phía client chi cần thông tin của tin nhắn và người gời. III.Mô hình Ajax: hình 2 Đề khắc phục tình trạng trên Chúng em đã áp dụng công nghệ mới đó là ajax (hình 2)vào web chat để xử lý những vấn đề nêu trên đó là khi nhận về thì phía server chỉ trả về thông tin người gời, nội dung tin nhắn … dạng file XML và dùng javascript để đọc cấu trúc DOM cùa file XML này và cho hiển thị nội dung tin nhắn mà không cần load lại trang web phía client. . hướng đối tượng. • Tìm hiểu kỹ thuật lập trình Ajax. • Xây dựng CSDL. • Xây dựng website nghe nhạc trực tuyến hoàn chỉnh. 3. CÁC HỒ SƠ VÀ TÀI LIỆU CUNG CẤP. LỚP: C09_TH01 NGÀNH : Công Nghệ Thông tin 1. ĐẦU ĐỀ BÀI THI : Xây dựng website nghe nhạc trực tuyến 2. NHIỆM VỤ YÊU CẦU VỀ NỘI DUNG VÀ SỐ LIỆU BAN ĐẦU: •