Thiết kế website mua bán và giới thiệu sản phẩm điện thoại di động

VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ TIN HỌCBÀI TẬP LỚN MÔN: THIẾT KẾ WEB ĐỀ TÀI: Thiết kế website mua bán và giới thiệu sản phẩm điện thoại di động Cô Nguyễn Thị Quỳnh Như Trần Đình Tr

Trang 1

VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ TIN HỌC

BÀI TẬP LỚN MÔN: THIẾT KẾ WEB

ĐỀ TÀI:

Thiết kế website mua bán và giới thiệu sản phẩm

điện thoại di động

Cô Nguyễn Thị Quỳnh Như Trần Đình Trung

Hà Nội, tháng 05/năm 2009

Trang 2

Phần I: Đặt vấn đề

-Lý do chọn đề tài:

Điện thoại di động, hay còn gọi là điện thoại cầm tay, là thiết bị viễn thông liên lạc có thể

sử dụng trong không gian rộng, phụ thuộc vào nơi phủ sóng của nhà cung cấp dịch vụ Chất lượng sóng phụ thuộc vào thiết bị mạng và phần nào địa hình nơi sử dụng máy chứ

ít khi bị giới hạn về không gian Tại thời kỳ phát triển hiện nay điện thoại di động là một thiết bị không thể thiếu trong cuộc sống

Phương thức bán điện thoại trực tuyến qua những trang web hiện đang được coi là rất phát triển đối với nhiều cá nhân và doanh nghiệp,nó cũng được coi như 1 hình thức của lĩnh vực thương mại điện tử.1 lĩnh vực có thể là khá mới mẻ đối với người dân Việt Nam.Ước tính năm 2007 trên thế giới có hơn 1 tỷ người sử dụng Internet,cho dù doanh nghiệp có kinh doanh mặt hàng gì đi nữa cũng không nên bỏ qua 1 tỷ khách hàng tiềm năng như thế này.Để hiện diện trong thế giới này,doanh nghiệp cần có mặt trong World Wide Web(www.) Và 1 điều chắc chắn không có doanh nghiệp triển vọng nào lại chỉ giớihạn hoạt động của mình ở thị trường nội địa.Tham gia vào thương mại điện tử,ghi danh mình trong cộng đồng Internet là cách thức tốt nhất để doanh nghiệp tiếp cận với thị trường khu vực và quốc tế

-Mục đích:

Website lập ra với mong muốn cho các doanh nghiệp với chi phí nhỏ,khiêm tốn mà lợi nhuận đáng kể và hơn nữa là có thể mở rộng thị trường,tiết kiệm thời gian và chi phí cho doanh nghiệp,nâng cao uy tín và hình ảnh doanh nghiệp,cải thiện chất lượng dịch vụ khách hàng,đối tác kinh doanh mới,đơn giản hóa và chuẩn hóa các quy trình giao

dịch,tăng năng suất,giảm chi phí giấy tờ,tăng khả năng tiếp cận thông tin và giảm chi phí vận chuyển,tăng sự linh hoạt trong giao dịch và hoạt động kinh doanh

-Mục tiêu đề tài:

Trang web thiết kế phải có tính tiện dụng cao đối với các doanh nghiệp và người tiêu dùng,dựa trên tiêu chí đơn giản,có những điểm nhấn tạo ra sự bắt mắt để thu hút người tiêu dùng

Phần II: Nội dung

1.Cơ sở lý thuyết:

Trong quá trình thực hiện,hầu hết nội dung của bài đề tài được sử dụng bằng những kiến thức đã và được học trên lớp

2.Cấu trúc website:

Trang 3

Website gồm tất cả 73 trang bao gồm cả trang con và trang chính,các trang có độ sâu vừa đủ,ý tưởng thiết kế dựa trên 1 số trang website trong tài liệu tham khảo vàtrên phông nền gam màu xanh làm chủ đạo,

Trang 4

II.Trang liên hệ:

Trang 5

III.Trang tin tức:

Trang 6

6

Trang 7

4.Code của 1 số trang chính:

<param name="movie" value="banner4.swf" /><param name="quality"

value="high" /><param name="bgcolor" value="#ffffff" /><embed src="banner4.swf" quality="high" bgcolor="#ffffff" width="700" height="150" name="banner4"

align="middle" allowScriptAccess="sameDomain" flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

Trang 8

<a href="gioithieu.htm">GIỚI THIỆU</a>

<a href="index.html">TRANG CHỦ</a>

Trang 9

<li><a href="SonyEricsson.htm">Sony Ericsson</a></li>

<li><a href="BlackBerry.htm">Black Berry</a></li>

<option value="#">Dưới 1 Triệu</option>

Trang 10

Trang 11

<td><div align="center"><a href="NOKIA/e66.htm">Nokia

E66</a></div><p align="center"><a href="NOKIA/e66.htm"><img

Trang 12

<td><div align="center"><a href="BlackBerry/8820.htm">Black berry

8820</a></div><p align="center"><a href="BlackBerry/8820.htm"><img

</p></td>

<td><div align="center"><a

href="motorola/Motorola_em30.htm">Motorola_EM30</a></div><p align="center"><a href="motorola/Motorola_em30.htm"><img src="motorola/Motorola_EM30_1.jpg" /></a><br />

</p></td>

<td><div align="center"><a href="motorola/Motorola_W270.htm">MotorolaW270</a></div><p align="center"><a href="motorola/Motorola_W270.htm"><img src="motorola/Motorola_W270_1.jpg" /></a><br />

</p></td>

<td><div align="center"><a

href="motorola/MotorolaRIZR_Z6.htm">MotorolaRIZR Z6</a></div><p

Trang 13

<td width="200" class="phai" valign="top" align="center"> <table

width="100%" border="0" cellspacing="0" cellpadding="0">

<li><a href="khuyenmai5.htm"> Khuyến mại nhân dịp tết nguyên đán

<li><a href="Tin1.htm">Sản phẩm mới ra tháng 6</a></li>

</ul> </td>

</tr>

Trang 14

14

Trang 15

Trang 16

{

if (document.lienhe.hoten.value==""){

alert("Ban chua nhap ten");

return;

}

if (document.lienhe.diachi.value==""){

alert("Ban chua nhap dia chi");

return;

}if(document.lienhe.email.value==""){

alert("Ban chua nhap email");

return;

}

if (document.lienhe.gopy.value==""){

alert("Ban chua nhap noi dung gop y");

Trang 17

swflash.cab#version=5,0,0,0" width="700" height="150" id="banner4" align="middle">

<a href="gioithieu.htm">GIỚI THIỆU</a>

Trang 18

<td colspan="3" class="sanphambanchay" valign="top"> <marquee direction="left" scrolldelay="90" onmouseover="this.stop();"

<li><a href="Motorola.htm">Motorola</a></li>

</ul> </td>

</tr>

Trang 19

Trang 20

Trang 21

Trang 22

<li><a href="Tin1.htm">Sản phẩm mới ra tháng 6</a></li>

</ul> </td>

</tr>

<tr>

Trang 24

AC code

</script><noscript><object

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/

swflash.cab#version=5,0,0,0" width="700" height="150" id="banner4" align="middle">

<param name="movie" value="banner4.swf" /><param name="quality"

value="high" /><param name="bgcolor" value="#ffffff" /><embed src="banner4.swf" quality="high" bgcolor="#ffffff" width="700" height="150" name="banner3"

Trang 25

align="middle" allowScriptAccess="sameDomain" flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</table>

Trang 26

Trang 27

Trang 28

di động chạy hệ điều hành Android 2.0 trong thời gian tới. <br />

<p><strong><a href="Tin3.htm">Tháng 6 - tháng của những chiếc điện thoại 'bom tấn'</a></strong></p>

<div align="justify"><img src="img/dienthoai/tin3.jpg" />Theo tờ báo

uy tín của Mỹ New York Times, Palm Pre sẽ có mặt ngay trong tuần đầu của tháng sau Nokia Blog cũng khẳng định N97 sẽ xuất hiện vào 2/6 Tháng tới người dùng còn đón Samsung Android Galaxy và có thể là iPhone 3.0. <br />

<p><strong><a href="Tin4.htm">Nokia ra 3 'dế' Internet giá

rẻ</a></strong></p>

<div align="justify"><img src="img/dienthoai/tin4.jpg" />Nokia ra mắt

bộ ba di động giá rẻ, kết nối Internet là 2730 Classic, 7020 và 2720 Fold. <br />

</p>

</div></td>

</tr>

Trang 29

<tr>

</tr>

<tr>

Trang 30

30

Trang 31

-Website dựa trên tông nền xanh lá cây và xanh da trời,tạo cảm giác

- Hình thức của website sẽ dựa trên tiêu chí đơn giản,trang nhã,tiết kiệm thời gian cho người lướt web những vẫn cung cấp đầy đủ thông tin cần thiết so với các trang web khác.-Bên cạnh đó thì cũng có những vấn đề chưa đạt được so với dự định thiết kế đề tài:Hình thức giiao diện trang chủ chưa được bắt mắt nhiều,còn khá đơn điệu và đơn giản-Hướng phát triển đề tài:

Thực hiện webdite 1 cách chuyên nghiệp hơn,mang tính hiệu quả cao,nhằm quảng bá rộng rãi và mang lại tính hiệu quả cao hơn

Phần IV: Kết luận

- Thể hiện ý tưởng trên Photoshop

- Làm Banner,Menu và ảnh động trên Flash

- Sử dụng Dreamweaver (Fontpage) để viết code

-Tài liệu tham khảo:

Trang 32

Phần V: Mục lục

Phần I:Đặt vấn đề……….………… 2 Phần II:Nội dung……… ….………2 Phần III:Kết luận……….….… 31 Phần IV:Tài liệu tham khảo và các phần mềm sử dụng………… …….… 31 Phần V:Mục lục………32 Phần VI:Thang điểm đánh giá đề tài……….…32

Phần VI: Thang điểm đánh giá đề tài

I Thang điểm đánh giá trong quá trình làm việc (40 điểm)

1 Bảng thiết kế tổng thể gồm những phần chính sau: (25điểm)

a Tên Đề tài

b Tên nhóm cùng các thành viên của nhóm

c Lời giới thiệu: phải nói lên được lý do chọn đề tài, mục đích của đề tài,kết quả mong muốn sẽ đạt được

d Dạng thiết kế của trang chủ

e Dạng thiết kế chung cho những trang khác

f Dự định tổng số trang Web sẽ có

g Cấu trúc tổng quát của Website (Vẽ sơ đồ cấu trúc WebSite)

h Lập kế hoạch phân chia các công việc sẽ được thực hiện

i Phân chia công việc giữa các thành viên của nhóm

j Dự định sử dụng các công cụ hỗ trợ nào trong Đề tài

k Lời kết

l Tài liệu tham khảo

2 Tài liệu (10 điểm):

a Sự đúng hẹn theo từng giai đoạn của đề tài (5 điểm)

b Tài liệu của đề tài (5 điểm): Bản báo cáo đề tài

3 Sự phối hợp giữa các thành viên trong nhóm (5 điểm): sự phân công hợp lý và

sự kết hợp hài hoà giữa các thành viên

II Thang điểm đánh giá sau khi hoàn thành và báo cáo đề tài (60 điểm)

1 Trình diễn (Demo) (40 điểm)

a Hình thức các trang Web và cách tổ chức WebSite được đánh giá khiDemo (25điểm):

Tiêu đề	Thiết kế website mua bán và giới thiệu sản phẩm điện thoại di động
Tác giả	Trần Đình Trung
Người hướng dẫn	Cô Nguyễn Thị Quỳnh Như
Trường học	Học viện Công nghệ Bưu chính Viễn thông
Chuyên ngành	Thiết kế Web
Thể loại	Bài tập lớn
Năm xuất bản	2009
Thành phố	Hà Nội

Định dạng
Số trang	34
Dung lượng	1,17 MB