Bài giảng Thiết kế và lập trình Web 2 - Một số kỹ thuật khác trong ASP.NET

Bài giảng môn học
© 2007 Khoa Công nghệ thông tin
Thiết kế và Lập trình Web 2
Một số kỹ thuật khác trong ASP.NET
Khoa Công nghệ Thông tin
Trường Đại học Khoa học Tự nhiên
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nội dung
 Upload File
 Gửi Email
 Sử dụng client-side script
 Nghe nhạc
 Xem phim
 Quảng cáo
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nội dung
 Upload File
 Gửi Email
 Sử dụng client-side script
 Nghe nhạc
 Xem phim
 Quảng cáo
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Upload File
 Sử dụng Control FileUpload
– FileName : Tên file upload
– FileBytes : Mảng bytes chứa nội dung của file upload
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Kiểm tra File Format & File Size
protected void btnUpload_Click(object sender, EventArgs e)
{
string[] tokens = FileUploadImage.FileName.Split('.');
string extension = tokens[tokens.Length - 1].ToLower();
double size = (double)FileUploadImage.FileBytes.Length / (1024*1024);
// check whether the uploaded file is an image and file size less than 1MB
if (size > 1)
lblMessage.Text = "File size must be less than 1MB";
else if (extension == "jpg" || extension == "gif")
{
// generate relative & absolute path to save the uploaded file
string strRelativePath = "images/" + FileUploadImage.FileName; 
string strAbsolutePath = Server.MapPath(strRelativePath);
// save uploaded file
FileUploadImage.SaveAs(strAbsolutePath);
lblMessage.Text = strAbsolutePath + " has been saved.";
}
else
lblMessage.Text = "File extension must be jpg or gif.";
}
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nội dung
 Upload File
 Gửi Email
 Sử dụng client-side script
 Nghe nhạc
 Xem phim
 Quảng cáo
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Gửi mail sử dụng Client Mail Server
 Use mailto protocol
 Use Hyperlink server control
 Format: mailto:address[?key=setting][&key=setting] … 
<asp:HyperLink ID="hypMail" NavigateUrl="mailto:abc@yahoo.com? 
SUBJECT=Mailing a Webform&BODY=Some message text." 
Runat="server">Send mail. 
Key Specifies
SUBJECT Tiêu đề Email
CC Danh sách địa chỉ Email người nhận, mỗi địa chỉ cách nhau bằng dấu chấm phẩy (;).
BCC Danh sách địa chỉ Email người nhận được ẩn mỗi địa chỉ cách nhau bằng dấu chấm phẩy (;).
BODY Nội dung Email.
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Gửi Email sử dụng Remote Server
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Gửi Email sử dụng Remote Server
 Soạn nội dung email sử dụng MailMessage
– From, To
– Subject, Body
– …
 Cấu hình Remote Server sử dụng SmtpClient
– Host, Port
– Credentials
– …
 Gửi email sử dụng phương thức SmtpClient.Send
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
using System.Net.Mail;
protected void btnSendMail_Click(object sender, EventArgs e) {
// Create the message.
MailMessage mailNew = new MailMessage();
mailNew.From = new MailAddress("someone@microsoft.com", "name");
mailNew.To.Add("jesse@contoso.com");
mailNew.Subject = "This is the subject text.";
mailNew.Body = "This is the message text.";
Attachment atcItem = new Attachment(Server.MapPath(“joey.jpg"));
mailNew.Attachments.Add(atcItem);
// Create SMTP Client.
SmtpClient smtp = new SmtpClient();
smtp.Host = "smtp.gmail.com";
smtp.Port = 465;
smtp.EnableSsl = true;
smtp.Timeout = 100;
smtp.Credentials = new System.Net.NetworkCredential("username", "password");
// Send the message.
smtp.Send(mailNew);
}
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nội dung
 Upload File
 Gửi Email
 Sử dụng client-side script
 Nghe nhạc
 Xem phim
 Quảng cáo
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Tại sao sử dụng client-side scripts ?
 Điều khiển cửa sổ trình duyệt
– Không thể điều khiển trình duyệt từ mã lệnh trên server. 
– Vd: Mở một cửa sổ mới, di chuyển trong History lưu trữ
các link đã duyệt trên browser…
 Phản hồi lập tức lại các sự kiện chuột
– server-side code chỉ có thể phản hồi sự kiện của trang
một khi trang đó được gửi trở về cho server (post-back)
– client-side code có thể phản hồi ngay khi sự kiện xảy ra.
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Browser có thể chạy các đoạn lệnh scripts ?
 Không phải tất cả browser đều hỗ trợ script.
 Chỉ có Internet Explorer hỗ trợ VBScript.
 Mã lệnh Script có thể ảnh hưởng đến các vấn đề
về Security (cần thiết lập Security Levels).
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Kiểm tra nếu như Browser có hỗ trợ Script
Private Sub Page_Load(ByVal sender As System.Object, _
ByVal e As System.EventArgs) Handles MyBase.Load
If Request.Browser.VBScript Then
Response.Redirect("VBScripts.htm")
Exit Sub
ElseIf Request.Browser.JavaScript Then
Response.Redirect ("JScripts.htm")
Else
Response.Redirect("NoScripts.htm")
End If
End Sub
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Sử dụng scripts
 DOM model
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
 Nếu như script sử dụng 1 thành phần nào đó trong
trang thì thành phần đó phải xuất hiện trước script
window.document.all("txtLastName").focus()
<button id="butHelp" 
onclick="window.open('help.aspx', 'help', 'height=200,width=300')">Help
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nội dung
 Upload File
 Gửi Email
 Sử dụng client-side script
 Nghe nhạc
 Xem phim
 Quảng cáo
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nghe nhạc
 3 cách nghe nhạc trên trang web
– Sử dụng thẻ 
– Sử dụng thẻ để chèn chương trình nghe
nhạc mặc định của người dùng vào trang web
– Sử dụng thẻ (ActiveX) để chèn chương
trình nghe nhạc cụ thể vào trang web
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Sử dụng thẻ 
 Các bước:
– Hiện trang aspx ở chế độ HTML mode (Source View).
– Chèn thẻ bgsound vào trong vùng .
 Tuy nhiên, nhạc sẽ tắt và bật lại mỗi khi trang bị refresh
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Sử dụng thẻ 
 Không thể điều khiển
background sound một
khi đã bật
 Để cho phép user bật, tắt
hoặc chỉnh âm thanh của
nhạc, 
– Sử dụng thẻ trong
nội dung thẻ 
<embed src="test.wav" id="wavTest" hidden="false" height="20" width="150" 
autostart="false" type="audio/wav" loop="true"> 
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Sử dụng ActiveX control
 Các bước:
– Kéo thả Media player ActiveX object vào trang web.
– Thiết lập thuộc tính cho ActiveX object để nghe nhạc.
– Thêm mã lệnh để kiểm tra hệ thống của user có cài đặt
ActiveX object chưa
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nội dung
 Upload File
 Gửi Email
 Sử dụng client-side script
 Nghe nhạc
 Xem phim
 Quảng cáo
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Playing Video
 3 các xem phim
– Sử dụng thẻ 
– Sử dụng thẻ để chèn chương trình nghe nhạc
mặc định vào trang web
– Sử dụng thẻ (ActiveX) để chèn chương trình
nghe nhạc cụ thể vào trang web
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Sử dụng thẻ 
 Sử dụng thuộc tính dynsrc
 Tính năng:
– Không được hỗ trợ trong trình duyệt Netscape.
– Chỉ chấp nhận file AVI (Audio Video Interleaved).
– Không thể điều khiển từ client
<asp:ImageButton id="ImageButton1" dynsrc="clock.avi" 
runat="server"> 
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Embedding Videos 
 Sử dụng thẻ 
 Tính năng:
– Hỗ trợ bởi hầu hết các trình duyệt.
– Người dùng có thể điều khiển embedded media player.
– Hỗ trợ nhiều định dạng video.
– Không hỗ trợ khả năng script như ActiveX.
<embed src="clock.avi" id="aviTest" hidden="false" height="200" width="200" 
autostart="false" type="video/avi" loop="true"> 
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Sử dụng ActiveX control để xem phim
 Sử dụng tương tự khi
nghe nhạc
 Thiết lập tham số
FileName đến file video
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Nội dung
 Upload File
 Gửi Email
 Sử dụng client-side script
 Nghe nhạc
 Xem phim
 Quảng cáo
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
AdRotator & 
 Sử dụng AdRotator control để hiển thị ngẫu nhiên
banner quảng cáo trên trang web. 
– Quảng cáo hiển thị có thể thay đổi khi trang web được
refresh.
– Thông tin quảng cáo được lưu trong 1 file XML 
(AdvertisementFile)
 Sử dụng thẻ để hiển thị chữ hoặc hình
động
– Chữ và hình sẽ được scroll trong cửa số
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
AdRotator Advertisement file
image1.jpg
Microsoft Main Site
80
Topic1
image2.jpg
ĐHKHTN TPHCM
80
Topic2
Thiết kế và Lập trình Web 2 – Một số kỹ thuật khác
© 2007 Khoa CNTT - ĐHKHTN
Ví dụ 
<MARQUEE
BEHAVIOR = ALTERNATE | SCROLL | SLIDE
DIRECTION = DOWN | LEFT | RIGHT | UP
LOOP = int
SCROLLAMOUNT=long
SCROLLDELAY=long
onmouseover="this.stop()" onmouseout="this.start()"
> 
Text Text Text