Thiết kế và xây dựng website âm nhạc

Đồ án tốt nghiệp Tr-ờng Đại học Vinh Mục lục Trang PHN I: Tổng quan đề tài 1.1 HiƯn tr¹ng chung 1.2 Ngôn ngữ cài đặt hỗ trợ x©y dùng website 1.3 Giíi thiƯu c«ng nghƯ streaming 1.4 Cài đặt công cụ hỗ trợ việc xây dựng website PHẦN II: PHÂN TÍCH & THIẾT KẾ HỆ THNG 16 2.1 Đặc tả yêu cÇu 16 2.2 Ph©n tÝch thiÕt kÕ hƯ thèng ë møc quan niÖm 18 2.1.1 Thành phần liệu mức quan niÖm 26 2.1.2 Thành phần xử lý mức quan niệm - L-ợc ®å BPC 18 2.3 Ph©n tÝch thiÕt kÕ hÖ thèng møc logic 36 2.4 Thành phần liệu hệ thèng møc vËt lý 38 PHẦN III: THIẾT KẾ GIAO DIỆN 39 3.1 C¸c giao diƯn menu trang chÝnh 39 3.2 C¸c giao diƯn menu trang admin 44 3.3 C¸c giao diÖn chÝnh 46 kết luận h-ớng phát triÓn 58 KÕt luËn 58 H-íng ph¸t triĨn 58 TàI LIệU THAM KHảO 59 SVTH: Ngun §øc Lùc - Lớp 46K1 CNTT Đồ án tốt nghiệp Tr-ờng Đại học Vinh Lời CảM ƠN Để có đ-ợc kết học tập, rèn luyện nh- ngày hôm nay, em xin chân thành cảm ơn ban giám hiệu truờng Đại Häc Vinh, ban chđ nhiƯm khoa c«ng nghƯ th«ng tin, thầy cô giáo đà tận tình giảng dạy, trang bị cho em kiến thức cần thiết nhÊt suèt thêi gian häc tËp tr-êng Em xin đuợc gửi lời cảm ơn chân thành đến TS Lê Anh Ngọc, thầy giáo tổ mạng máy tính khoa công nghệ thông tin - tr-ờng Đại Học Vinh đà đạo quan tâm giúp đỡ em suốt trình triển khai hoàn thành đồ án Em xin đ-ợc gửi lời cảm ơn chân thành đến gia đình, anh chị bạn bè đà giúp đỡ em lần đề tài gặp khó khăn bế tắc Trong trình thực đề tài, em đ-ợc quan tâm h-ớng dẫn tận tình TS Lê Anh Ngọc đồng thời đ-ợc góp ý giúp đỡ bạn bè đà giúp em hoàn thành đề tài Do nhiều yếu tố khách quan tầm hiểu biết ch-a sâu sắc nên websites nhiều tính em ch-a thể khai thác hết đ-ợc Em mong đ-ợc góp ý chân thành thầy cô bạn để em hoàn thiện đề tài Em xin chân thành cám ơn! Vinh, tháng năm 2010 Sinh viên thực Nguyễn Đức Lực SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT Đồ án tốt nghiệp Tr-ờng Đại học Vinh Lời nói đầu Cùng với nhân loại b-íc vµo nỊn kinh tÕ tri thøc, tin häc cịng phát triển mạnh mẽ đem lại cho loài ng-ời nhiều thành công rực rỡ Các ứng dụng tin học ngày sâu vào đời sống ng-ời trở thành phận không thiếu giới văn minh, việc nắm bắt thông tin nhiều xác trở nên quan trọng Những khả mẻ -u việt đà nhanh chóng làm thay đổi cách sống, cách làm việc, cách học tập, cách t- duy, cách th- giản, giải trí ng-ời Việc xây dựng trang web nhạc để phục vụ cho nhu cầu giải trí ng-ời, mà đặc biệt giới trẻ thực cần thiết, nhu cầu giải trí cách lên mạng vào web nhạc th-ởng thức hát yêu thích không xa lạ với ng-ời Với vài thao tác đơn giản, ng-ời tìm, nghe tận h-ởng hát mà yêu thích website nhạc Thiết kế website âm nhạc đam mê nhiều bạn trẻ, yêu thích thiết kế website mà website âm nhạc mà em đà xây dựng đồ án tốt nghiệp Thiết kế xây dựng Website âm nhạc.Nội dung đề tài đ-ợc chia làm phần: Phần I: Tổng quan đề tài Phần II: Phân tích & thiết kế hệ thống Phần III: ThiÕt kÕ giao diƯn SVTH: Ngun §øc Lùc - Lớp 46K1 CNTT Đồ án tốt nghiệp Tr-ờng Đại học Vinh PHN I Tổng quan đề tài 1.1 Hiện trạng chung Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin đ-ợc công nghệ có đẳng cấp cao lần l-ợt chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thông tin toàn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho ng-ời sử dụng: cần có máy tính kết nối internet dòng liệu truy tìm gần nh- giới vấn đề mà ta quan tâm ra, có đầy đủ thông tin, hình ảnh chí đôi lúc có âm cần Sử dụng Internet, đà thực đ-ợc nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, đà thúc đẩy khai sinh phát triển th-ơng mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất l-ợng sống ng-ời Trong việc giải trí, th- giản web nhạc đà khẳng định đ-ợc vai trò mình, web nhạc đà làm thoả mÃn nhu cầu cá nhân ng-ời có nhu cầu th-ởng thức hát mà minh -a thích, web nhạc thể đ-ợc phong cách, văn hoá quốc gia, cá nhân ng-ời Mục đích đề tài Thiết kế xây dựng website âm nhạc nhằm làm thoả mÃn nhu cầu vui chơi giải trí ng-ời yêu nhạc, giúp ng-ời vui vẽ, xà stress sau ngày làm việc mệt nhọc nhằm thoả niềm đam mê thiết kế website mình, có đ-ợc kiến thức bổ ích hoàn thành đồ ¸n tèt nghiƯp SVTH: Ngun §øc Lùc - Líp 46K1 CNTT Đồ án tốt nghiệp Tr-ờng Đại học Vinh 1.2 Ngôn ngữ cài đặt hỗ trợ xây dựng website - Ngôn ngữ PHP: Cho phép tạo trang Web động, ngôn ngữ lập trình Server-Side miễn phí đ-ợc phát triển theo chuẩn mà nguồn mở PHP đời từ viết tắt cụm từ Personal Hom Page PHP đ-ợc nhúng siêu văn HTML th-ờng kết hợp với sở liệu MySQL PHP có hệ thống th- viện hàm đồ sộ giúp cho lập trình viên có nhiều lựa chän viƯc sư dơng PHP ®Ĩ kÕt nèi víi nhiều phần mềm khác nh-: Oracle, MySQL, ODBC, Mail, bạn tìm hiểu thêm theo địa http://tutorial.phpvn.org/ Website đ-ợc xây dựng dựa HTML kết hợp ngôn ngữ điều khiển server PHP Ta sử dụng Microsoft FontPage 2003 để tạo thẻ HTML có sẵn (tham khảo theo địa http://tutorial.phpvn.org/) Cài đặt Macromedia Dreamwear 8.0 để thiết kế lập trình lệnh PHP Các phần mềm hỗ trợ khác: Photoshop - MySQL: phần mềm hỗ trợ việc tạo sở liệu đ-ợc truy xuất thông qua thẻ PHP (tham khảo theo địa http://tutorial.phpvn.org/) - AppServer2.5.10: lµ mét kiĨu mÉu Web Server rÊt phỉ biÕn Gièng nh- PHP, MySQL, AppServer mà nguồn mở, có khả viết ch-ơng trình mở rộng tính PHP hoạt động với t- cách phần mở rộng cđa AppServer vµ ng-êi ta gäi lµ mét module cđa AppServer - Microsoft FronPage, DzSoft PHP Editor, Macromedia Dreamweaver: hỗ trợ việc tạo thẻ HTML PHP có sẵn th- viƯn 1.3 Giíi thiƯu c«ng nghƯ streaming C«ng nghệ streaming cho phép multimedia server truyền qua mạng Internet (IP) dòng liệu liên tiếp giải nén hiển thị tới phía ng-ời dùng Để download đoạn phim ngắn có SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT Đồ án tốt nghiệp Tr-ờng Đại học Vinh thể tới vài phút liệu video sử dụng công nghệ streaming vài giây để hiển thị Tính khiến công nghệ streaming tiết kiệm đ-ợc thời gian cho ng-ời sư dơng (thËm chÝ sư dơng modem 28.8 kbps) Streaming cho phép nghe nhạc hay xem định dạng video hát hay video trình tải về, công nghệ giúp tiết kiệm thời gian, tốc độ truy xuất liệu đ-ợc nâng cao, với định dạng video truyền thống liệu hiển thị đà đ-ợc download toàn bộ, file video chất l-ợng cao dung l-ợng lớn công việc tiêu tốn nhiều thời gian Streaming video khác tiết kiệm thời gian cho ng-ời dùng cách sử dụng công nghệ giải nén kết hợp với player để hiển thị liệu đồng thời lóc vÉn tiÕp tơc download Streaming sư dơng c¸c giao thức RTP, MMS hay HTTP vv để truyền liệu theo dạng streaming qua mạng Internet, đồng thời sử dụng chuẩn nén để giảm dung l-ợng liệu, cung cấp khả nén liệu nhiều mức nén, nhiều kích th-ớc hiển thị để phù hợp với độ rông băng thông nhiều mạng truyền dẫn để tối -u hoá việc truyền liệu qua mạng Cũng việc truyền Streaming Video qua mạng phụ thuộc nhiều vào sản phẩm phần mềm Video Streaming Server Trong năm gần có nhiều chuẩn công nghệ video streming đ-ợc phát triển với player: - Emblaze - Liquid Audio - Macromedia Shockwave - Microsoft Windows Media - RealNetworks RealMedia - VDOLive - Vosiac - Audioactive SVTH: Ngun §øc Lực - Lớp 46K1 CNTT Đồ án tốt nghiệp Tr-ờng Đại học Vinh Một vấn đề lớn đ-ợc đặt với phát triển công nghệ video streaming gia tăng định dạng liệu riêng không t-ơng thích chúng Hơn ứng dụng khác plugin chúng phải load máy ng-ời dùng để hiển thị đ-ợc tất khuôn dạng video qua Internet Bởi định dạng video streaming giới hạn ba công ty đ-ợc coi dẫn đầu công nghệ streaming với sản phẩm: Apple víi QuickTime, RealNetworks víi RealMedia, vµ Microsoft víi Windows Media Các hÃng cung cấp công trän gãi gåm Video Streaming Server (l-u tr÷, trun phát liệu theo giao thức hỗ trợ ), Video Player (hiển thị liệu phía ng-ời dùng), công cụ kiến tạo liệu với chuẩn nén 1.4 Cài đặt công cụ hỗ trợ việc xây dựng website a Đầu tiên để thực đ-ợc việc thiết kế website nhạc ứng dụng công nghệ Streaming Windows Media phải cài đặt Windows Server 2003 Enterprise hay Windows Server 2003 Data Center, mạc định windows media services không đ-ợc cài đặt trình cài đặt windows b Sau cài đặt xong windons server 2003 th× ta chun sang b-íc cÊu hình windons media server nh- sau Click vào Start ->Settings -> Control Panel -> Add/Remove Programs > Add/Remove Windons Components, chọn Windows media services theo hình d-ới sau click Next để cài đặt Windows media services - SVTH: Nguyễn §øc Lùc - Líp 46K1 CNTT §å ¸n tèt nghiệp Tr-ờng Đại học Vinh Sau cài đặt windows media services xong bạ vào Start -> Programs > Administrative Tools -> Windows Media Services cưa sỉ snap console sÏ theo hình d-ới đây, bạn chọn vào dấu + cạnh Computer name, chọn vào Publishing Points, sau click chuột phải vào (On-demand) chọn Allow New Connections theo SVTH: Ngun §øc Lùc - Líp 46K1 CNTT Đồ án tốt nghiệp Tr-ờng Đại học Vinh Bây giê chóng ta test thư mét vÝ dơ nhá nh- sau Tr-ớc hết bạn cần tạo media file theo định dạng sau đây: - ASF: Advance Streaming Format (Đây dạng format Microslft) - AVI: Audio Video Interleave (Do Microsoft ph¸t triĨn) - MPEG: Moving Picture Experts Group (Đây dạng format đ-ợc quốc tế hóa) - WMV: Windows Media Video (Đ-ợc phát triển Microsoft) - WMA: Windows Media Audio (Ph¸t triĨn bëi Microsoft) Trên vài định dạng file đ-ợc hổ trợ Windows Media Server Sau bạn tạo đ-ợc định dạnh bạn cần đặt file vào đ-ờng dẫn sau WMPUB\WMROOT Tiếp đến bạn tạo playlist chứa nhạc phim bạn, cửa sổ Windows Media Services bên tay trái bạn chọn vào Publishing points tiếp đến chọn (on-demand) bên phải cửa sổ bạn chọn vào tab Source Tiếp theo chọn vào biểu t-ợng view playlisteditor SVTH: Ngun §øc Lùc - Líp 46K1 CNTT §å án tốt nghiệp Tr-ờng Đại học Vinh Tiếp đến cưa sỉ playlist chän OK xt hiƯn mét cưa sỉ bạn click chuột phải vào smil chọn Add media Tiếp theo đ-ờng dẫn vào nơi l-u nhạc bạn đ-a tất nhạc bạn muốn chia sẻ cho ng-ời vào playlist SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 10 Đồ án tốt nghiệp Tr-ờng Đại học Vinh 3.2.3 Menu chức sửa Hình 3.2.4 thực đơn cho phép ng-ời quản trị (admin) chỉnh sửa thông tin hát, album, thể loại nhạc, ca sỹ, tác giả, Hình 3.2.4 Menu chức sửa 3.2.4 Menu chức xoá Hình 3.2.5 thực đơn cho phép ng-ời quản trị (admin) xoá hát, album, tin tức âm nhạc, tài khoản ng-ời dùng cần thiết Hình 3.2.5 Menu chức xoá SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 45 Đồ án tốt nghiệp Tr-ờng Đại học Vinh 3.2.5 Menu trạng thái Hình 3.2.6 hiển thị trạng thái đăng hập quản trị vào trang quản trị (admin) Hình 3.2.6 Menu trạng thái đăng nhËp 3.3 C¸c giao diƯn chÝnh 3.3.1 Giao diƯn trang chủ Hình 3.2.7 giao diện trang chủ hiển thị chủ yếu thông tin website:menu chức nh- thĨ lo¹i nh¹c, ca sü, ca khóc míi, ca khúc quốc tế, nh- thông tin khác website nhạc Hình 3.2.7 - Trang chủ SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 46 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.2.8 - Trang nhạc hình SVTH: Ngun §øc Lùc - Líp 46K1 CNTT 47 §å án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.2.9 - Trang tin tức nhạc SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 48 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.0 - Trang đăng kí tài khoản ng-ời dïng SVTH: Ngun §øc Lùc - Líp 46K1 CNTT 49 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.1 - Kết tìm kiếm tên ca sỹ nhạc tiếng SVTH: Ngun §øc Lùc - Líp 46K1 CNTT 50 §å án tốt nghiệp Tr-ờng Đại học Vinh 3.3.2 Giao diện trang quản trị (admin) Hình 3.3.2 - Trang đăng nhập trang quản trị Hình 3.3.3 giao diện trang quản trị hiển thị chức thêm hát, thể loại nhạc, ca sỹ, cập nhật thông tin hát, tin tức, nhcác thông tin khác website nhạc SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 51 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.3 Trang thêm hát SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 52 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.4 Trang tạo tài khoản admin SVTH: Ngun §øc Lùc - Líp 46K1 CNTT 53 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.5 Trang sửa hát SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 54 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.6 Trang sửa album nhạc hình SVTH: Ngun §øc Lùc - Líp 46K1 CNTT 55 §å án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.7 Trang sửa tài khoản admin SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 56 Đồ án tốt nghiệp Tr-ờng Đại học Vinh Hình 3.3.8 Trang xóa album nhạc hình SVTH: Ngun §øc Lùc - Líp 46K1 CNTT 57 §å án tốt nghiệp Tr-ờng Đại học Vinh kết luận h-ớng phát triển Kết luận Đề tài Thiết kế xây dựng website âm nhạc đà đạt đ-ợc kết nh- sau: - Tìm hiểu tầm quan trọng mạng Internet việc phát triển website giải trí - Tìm hiểu đ-ợc ngôn ngữ PHP, HTML, MySQL, jacascript, photosolt, ®Ĩ phơc vơ thiÕt kÕ website - Tìm hiểu công nghệ Streaming ứng dụng vào thiết kế Website - Phân tích thiết kế đ-ợc hệ thống website nhạc - Thực đ-ợc tính năng: quản lý chức năng, thêm, sửa xoá, quản lý hát, quản lý việc đăng ký thông tin ng-ời dùng tính kết xuất thông tin (hiển thị thông tin thể loại nhạc,bài hát, tác giả, ca sỹ) H-ớng phát triển Để xây dựng đ-ợc hệ thống website nhạc đ-ợc hoàn thiện cần phải xây dựng thêm tính để nâng cao chất l-ợng website âm nhạc nh- truyền hình trực tuyến, xem phim, cho phép hát karaok trang web Đề tài nhiều thiếu sót, mong thầy cô bạn góp ý thêm để đề tài đ-ợc hoàn thiện SVTH: Nguyễn Đức Lực - Lớp 46K1 CNTT 58 Đồ án tốt nghiệp Tr-ờng Đại học Vinh TàI LIệU THAM KHảO Internet http://thietkewebsite.net http://thietkeweb.vn http://phpvn.org http://php.net http://google.com.vn http://diendanphp.com http://www.phpvn.org Sách tham khảo Xây dựng ứng dụng web PHP MySQL - Chủ biên: Phạm Hữu Khang, Hoàng Đức Hải - Hiệu Chỉnh: Ph-ơng Lan - Thẩm Định: Đoàn Thiện Ngân- NXB Ph-ơng Đông SVTH: Nguyễn Đức Lực - Líp 46K1 CNTT 59 ... Với vài thao tác đơn giản, ng-ời tìm, nghe tận h-ởng hát mà yêu thích website nhạc Thiết kế website âm nhạc đam mê nhiều bạn trẻ, yêu thích thiết kế website mà website âm nhạc mà em đà xây dựng. .. tài Thiết kế xây dựng website âm nhạc nhằm làm thoả mÃn nhu cầu vui chơi giải trí ng-ời yêu nhạc, giúp ng-ời vui vÏ, x· stress sau mét ngµy lµm viƯc mƯt nhọc nhằm thoả niềm đam mê thiết kế website. .. đến kiện âm nhạc, tìm kiếm thông tin âm nhạc - Khách viếng thăm tìm kiếm thông tin âm nhạc theo ngày tháng băng cách chọn ngày tháng mà muốn xem sau nhấp nút xem - Khi nhập vào thể loại nhạc thông