Cài đặt thực nghiệm

3.6.1 Cài đặt CSDL

Trƣớc tiên ta vào MySQL tạo mới database trong MySQL

Hình 3-15 giao diện tạo CSDL database

Sau khi tạo thƣ mục chứa CSDL xong sang bƣớc kế tiếp là cập nhật CSDL vào hệ thống quản trị ta chọn vào Import

Hình 3-16: Cập nhật CSDL database vào hệ thống

Sau đó ta nhấn vào nút chọn tệp tìm đến vị trí lƣu CSDL database Kế tiếp ta chọn vào nút GO bắt đầu cập nhật CSDL vào hệ thống

3.6.2 Cài đặt các chức năng

Giao diện quản trị MULTIMEDIA

3.6.3 Một số giao diện

Hình 3-18: Giao diện đăng ký thành viên

Hình 3-18 là giao diện cho phép ngƣời dùng đăng ký thành viên

Hình 3-19: Giao diện ngƣời dùng xem clip và download file

Hình 3-19 là giao diện cho phép ngƣời dùng chỉ xem nội dung của file video khi chƣa đăng nhập,và ngƣời dùng muốn download file video đó về thì phải đăng

69 nhập thành viên mới có thể download về đƣợc.

Hình 3-20: Giao diện xem tài liệu văn bản

Hình 3-20 là giao diện xem nọi dung của file văn bản khi ngƣời dùng chƣa đăng nhập, ngƣời dùng muốn download file tài liệu đó về hệ thống sẽ yêu cầu ngƣời dùng phải đang nhập.

Hình 3-21 Giao diện xem ảnh

Hình 3-21là giao diện xem các file hình ảnh khi ngƣời xem chƣa đăng nhập, ngƣời dùng muốn download file ảnh về phải đăng nhập thành viên thì hệ thống mới

cho phép ngƣời dùng download file ảnh về.

Mã code đăng ký thành viên:

<table width="99%"border="1" align="center"style="border-collapse:collapse; border-color:#CCCCCC" > <tr > <td id="asanpham"><span id="sanpham">  Đăng ký thành viên</span></td> </tr> <tr > <td style="color:#FF0000"> <? if($_POST['Send']) { if($_POST['fullname']=='') {

echo "Mời bạn nhập đầy đủ họ tên";} elseif($_POST['address']=='') {

echo "Mời bạn nhập địa chỉ liên hệ";} elseif($_POST['telephone']=='') {

echo "Mời bạn nhập số điện thoại";}

elseif($_POST['email']=='') { echo "Mời bạn nhập email";}

elseif($_POST['username']=='') { echo "Mời bạn nhập username";}

echo "Mời bạn nhập password";} else {

$sqlstr=mysql_query("SELECT * FROM ".member2." WHERE username='".text($_POST['username'])."' or email='".text($_POST['email'])."' ");

if(mysql_num_rows($sqlstr)>0) {

echo "<script>alert('username hoac email da co nguoi dang ky roi, ban hay chon ten khac');location.href='".$domain."';</script>";

} else {

mysql_query("INSERT INTO ".member2." SET

fullname='".text($_POST['fullname'])."' ,address='".text($_POST['address'])."' ,telephone='".text($_POST['telephone'])."' ,email='".text($_POST['email'])."' ,username='".text($_POST['username'])."' ,password='".md5(md5(text($_POST['password'])))."' ,status='true' ,postdate = '".time()."'");

echo "<script>alert('Cám ơn bạn đã đăng ký thành viên.');location.href='".$domain."';</script>";

} } }

<form method="post" action="">

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" >

<tr>

<td width="25%" height="31"><div align="right"> <?=$require?>

Họ tên:  </div></td>

<td width="75%"><input name="fullname" type="text" size="40" ></td> </tr> <tr> <td height="30"><div align="right"> <?=$require?> Địa chỉ:  </div></td>

<td><input name="address" type="text"size="40" ></td> </tr>

<tr>

<td height="31"><div align="right"> <?=$require?>

Điện thoại:  </div></td>

72 </tr> <tr> <td height="29"><div align="right"> <?=$require?> Email:  </div></td>

<td><input name="email" type="text" size="40" ></td> </tr>

<tr>

<td height="30"><div align="right"> <?=$require?>

username:  </div></td>

<td><input name="username" type="text" size="20" ></td> </tr>

<tr>

<td height="31"><div align="right"> <?=$require?>

password:  </div></td>

<td><input name="password" type="password" size="20" ></td> </tr>

<tr>

<td colspan="2" height="25" align="center"> </td> </tr>

<tr> <td></td>

<td><input name="Send" type="submit" value="Đồng Ý" onClick="return checkmail(this.form.email)">

<input name="Send" type="reset" value="Hủy"></td> </tr> </table> </form> </td> </tr> </table>

- Đoạn Code đăng nhập của thành viên

?> <tr>

<td height="30" align="center" >

<input type="checkbox" name="element[]" value="<?=$row['id']?>" /> </td>

73 <td ><?=$row['fullname']?></td> <td align="center"><?=$row['status']?></td> </tr> <? }

Code đăng ký thành viên quản trị:

table width="750" border="0" cellspacing="2" cellpadding="2" align="center" style="border:#cccccc 1px solid">

<form action="" method="post" enctype="multipart/form-data" > <tr>

<td width="19%" class="height_row"><div align="right">Tên truy cập</div></td>

<td width="81%" class="height_row"><label>

<input type="text" name="username" class="input_text" /> </label></td>

</tr> <tr>

<td width="19%" class="height_row"><div align="right">Tên đầy đủ</div></td>

<td width="81%" class="height_row"><label>

<input type="text" name="fullname" class="input_text" /> </label></td>

</tr> <tr>

<td width="19%" class="height_row"><div align="right">Email</div></td> <td width="81%" class="height_row"><label>

<input type="text" name="email" class="input_text" /> </label></td>

</tr> <tr>

<td width="19%" class="height_row"><div align="right">Mật khẩu</div></td>

<td width="81%" class="height_row"><label>

<input name="password" class="input_text" type="password" size = "15" >

</label></td> </tr>

<tr>

<td width="19%" class="height_row"><div align="right">Quản trị</div></td>

<td width="81%" class="height_row"><select name="modn" > <option value="0">Chọn</option>

<option value="0">Thành viên thường</option> <option value="1">Người quản trị</option> </select> </td> </tr> <tr> <td> </td> <td><label>

<input name="InsertNews" type="submit" id="InsertNews" value="Thêm thành viên" />

<input type="reset" name="Submit2" value="Nhập Lại" /> </label></td>

</tr> </form> </table>

Mã code quản lý multimedia:

<table width="99%" cellpadding="1" cellspacing="1" align="center" id="bosanpham">

<tr>

<td id="asanpham" colspan="4" ><span id="sanpham"> Các tài file khác </span></td> </tr> <tr> <? $p=12;

$sqlstr = "SELECT * FROM ".downloadb." WHERE status='true' and loaifile=".$loaif." ";

$sqlstr=mysql_query($sqlstr);

if(mysql_num_rows($sqlstr)>0) { $i=0;

while($row=mysql_fetch_array($sqlstr)) { $i+=1; ?>

<td align="center" valign="top" width="33%" ><table width="100%" border="0" cellspacing="2" cellpadding="2">

<tr>

<td align="center" ><a

href="index.php?page=mediav&id=<?=$row['id']?>" id="tieude"> <? if($row['picturec']=='') {?>

<img src="images1/n.jpg" border="0" width="130px" height="130" alt="<?=$row['title']?>" title="<?=$row['title']?>"/>

<? } else {?>

<img src="images/product/thumbs/<?=$row['picturec']?>" border="0" width="130px" height="130" alt="<?=$row['title']?>" title="<?=$row['title']?>"/>

<? }?> </a></td> </tr>

<tr>

<td align="center"><? if($row['loaifile']=='0') { echo 'File ?nh'; }?> <? if($row['loaifile']=='1') { echo 'File Nh?c'; }?>

<? if($row['loaifile']=='2') { echo 'File Video'; }?>

<? if($row['loaifile']=='3') { echo 'File tài li?u'; }?></td> </tr> <tr> <td align="center"><?=$row['short']?></td> </tr> <tr> <td align="center"><a href="index.php?page=mediav&id=<?=$row['id']?>" id="tieude"> <?=$row['title']?> </a></td> </tr>

76 </table></td> <? if($i%4==0) echo "</tr>";?> <? } } ?> </table> Code mã video $datab = $_FILES[$file]['name']; $datab = explode(".", $datab); $duoifile = $datab[1]; $duoifileb= strtoupper($datab[1]); switch($duoifileb!='') { case ($duoifileb=='MP4') : $loaifile = '2'; break; case ($duoifileb=='FLV') : $loaifile = '2'; break; $picture = time().".".$datab[1]; if(@copy($_FILES[$file]['tmp_name'],$folder.$picture)) { return $picture; return $duoifile; return $loaifile; } else { return $picture=''; } } if($_POST['InsertNews']) { uploadsbb($file='picture',$folder = '../images/file/'); uploadsc($file='picturec',$folder = '../images/product/goc/'); if($picturec!=''){ $path_src= "../images/product/goc/".$picturec; $path_desc="../images/product/thumbs/".$picturec; cropc($path_src,$path_desc,150); }

mysql_query("INSERT INTO ".downloadb." SET title = '".text($_POST['title'])."' ,link = '".text($_POST['link'])."' ,loai='".$_POST['loai']."' ,picture='".$picture."' ,picturec='".$picturec."' ,duoifile='".$duoifile."' ,loaifile='".$loaifile."' ,short = '".textContent($_POST['short'])."',full = '".textContent($_POST['full'])."' ,postdate = '".time()."'");

echo "Thêm tin <b>".$title."</b> thành công"; } if($_POST['EditNews']) { if($title!='') { uploadsbb($file='picture',$folder = '../images/file/'); if($picture=='') {$picture=$_POST['picture_hidden']; } else { unlink("../images/file/".$_POST['picture_hidden']); }

Mã code upload file anh và file văn bản:

switch($duoifileb!='') { break; case ($duoifileb=='GIF') : $loaifile = '0'; break; case ($duoifileb=='PNG') : $loaifile = '0'; break; case ($duoifileb=='DOC') : $loaifile = '3'; break; case ($duoifileb=='DOCX') : $loaifile = '3'; break; case ($duoifileb=='DOCX') : $loaifile = '3'; break; case ($duoifileb=='XLS') : $loaifile = '3';

78 break; case ($duoifileb=='XLSX') : $loaifile = '3'; break; case ($duoifileb=='PDF') : $loaifile = '3'; break; $picture = time().".".$datab[1]; if(@copy($_FILES[$file]['tmp_name'],$folder.$picture)) { return $picture; return $duoifile; return $loaifile; } else { return $picture=''; } } if($_POST['InsertNews']) { uploadsbb($file='picture',$folder = '../images/file/'); uploadsc($file='picturec',$folder = '../images/product/goc/'); if($picturec!=''){ $path_src= "../images/product/goc/".$picturec; $path_desc="../images/product/thumbs/".$picturec; cropc($path_src,$path_desc,150); }

,short = '".textContent($_POST['short'])."',full = '".textContent($_POST['full'])."' ,postdate = '".time()."'"); echo "Thêm tin <b>".$title."</b> thành công";

} if($_POST['EditNews']) { if($title!='') { uploadsbb($file='picture',$folder = '../images/file/'); if($picture=='') {$picture=$_POST['picture_hidden']; } else { unlink("../images/file/".$_POST['picture_hidden']); }

KẾT LUẬN

Luận văn đã đạt đƣợc những kết quả nhƣ sau:

 Tìm hiểu đƣợc về công nghệ web đa phƣơng tiện khái niệm cơ bản về công nghệ web

 Tìm hiểu đƣợc các công nghệ phát triển web đa phƣơng tiện nhƣ là HTML5 là một ngôn ngữ đƣợc thiết kế để thiết lập nội dung web. Nó nhằm làm cho việc thiết kế và phát triển web dễ dàng hơn bằng cách tạo một giao diện ngôn ngữ đánh dấu chuẩn hóa và trực quan Đặc biệt, HTML5 có thêm nhiều tính năng cú pháp mới. Chúng bao gồm các thẻ mới nhƣ <video>, <audio> và các thành phần <canvas>, cũng nhƣ sự tích hợp của đồ họa , PHP PHP hầu nhƣ hỗ trợ cho tất cả mọi hệ quản trị cơ sở dữ liệu hiện nay.

 Khảo sát và đề xuất giải pháp xây dựng hệ thống CSDL tài liệu đa phƣơng tiện cho website Trƣờng ĐHSPKT Hƣng yên giúp cho việc quản lý các file (video, âm thanh, hình ảnh) theo từng thể loại, dễ dàng tìm kiếm và sửa đổi nội dung thông tin hoặc xóa đi những file bị lỗi

 Cài đặt thực nghiệm hệ thống quản trị CSDL tài liệu đa phƣơng tiện cho phép tìm kiếm , download và upload CSDL tài liệu đa phƣơng tiện có thể áp dụng triển khai đƣợc bởi ứng dụng này phù hợp với hệ thống website của trƣờng cũng nhƣ là nhu cầu cần thiết trong công tác quản trị CSDL tài liệu đa phƣơng tiện của trƣờng

 Nhận xét về giải pháp hiện nay: việc quản lý CSDL tài liệu đa phƣơng tiện và chia sẻ các file video, file audio, file ảnh, file văn bản, điều này giúp cho sinh viên và giảng viên dễ dàng tìm kiếm và tra cứu CSDL tài liệu đa phƣơng tiện một cách nhanh chóng và thuận lợi. Song hệ thống mới đƣa vào thực nghiệm giai đoạn 1(chạy trên môi trƣờng độc lập chƣa cài đặt trên website của trƣờng).

 Tuy nhiên luận văn vẫn còn một số hạn chế nhất định cần hoàn thiện trong thời gian tiếp theo: Phát triển chức năng tìm kiếm mở rộng ( tìm kiếm nâng cao) nhƣ là tìm kiếm dạng hình ảnh, tìm kiếm bằng giai điệu âm thanh

TÀI LIỆU THAM KHẢO

[1] http://vi.wikipedia.org/wiki/HTML5

[2] http://www.ibm.com/developerworks/vn/library/wa-html5fundamentals/ [3] http://vi.wikipedia.org/wiki/PHP

[4] Phân tích thiết kế hƣớng đối tƣợng bằng UML. Đặng Văn Đức. Nhà xuất bản giáo dục. [5] http://www.ibm.com/developerworks/vn/library/769/ [6] https://voer.edu.vn/m/qua-trinh-phat-trien-cong-nghe-web-nguyen-nhan-xuat- hien-cong-nghe-ajax/0363c8db [7] http://maxdesign.vn/kien-thuc-website/phan-biet-website-tinh-website- dong.html [8] http://doc.edu.vn/tai-lieu/giao-trinh-phan-tich-thiet-ke-he-thong-thong-tin-5798/

Thông tin khảo sát đƣợc

Chức năng quản lý thành viên