Thực tập chuyên ngành phân tích thiết kế và xây dựng website giới thiệu sản phẩm cho shop thời trang daisy - Pdf 55

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG
KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO
THỰC TẬP CHUYÊN NGÀNH

ĐỀ TÀI: PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE GIỚI
THIỆU SẢN PHẨM CHO SHOP THỜI TRANG DAISY

Sinh viên thực hiện: Nguyễn Hoàng Anh
Lớp ĐHLT - CNTT- K16D
Giáo viên hướng dẫn:Ths. Quách Xuân Trưởng

Hà Nội, Ngày 15 Tháng 4 Năm 2019
1

LỜI CẢM ƠN
Trước tiên em xin gửi lời cám ơn chân thành sâu sắc tới các thầy cô giáo
trong trường Đại học Công Nghệ Thông Tin & Truyền Thông nói chung và các thầy cô
giáo trong khoa Công Nghệ Thông Tin, bộ môn Kỹ Thuật Phần Mềm nói riêng đã tận
tình giảng dạy, truyền đạt cho em những kiến thức, kinh nghiệm quý báu trong suốt
thời gian qua.
Đặc biệt em xin gửi lời cảm ơn đến thầy Quách Xuân Trưởng, thầy đã tận tình
giúp đỡ, trực tiếp chỉ bảo, hướng dẫn em trong suốt quá trình làm đề tài. Trong thời
gian làm việc với thầy, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà còn
học tập được tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả,
đây là những điều rất cần thiết cho em trong quá trình học tập và công tác sau này.
Sau cùng xin gửi lời cảm ơn chân thành tới gia đình, bạn bè đã động viên, đóng
góp ý kiến và giúp đỡ trong quá trình học tâp, nghiên cứu và hoàn thành đề tài thực tập
của mình.

CHƯƠNG II: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG................28
2.1 Khảo sát hệ thống.............................................................................................28
2.1.1 Khảo sát hiện trạng....................................................................................28
2.1.2 Phân tích yêu cầu bài toán.........................................................................29
2.2 Phân tích thiết kế hệ thống..............................................................................32
2.2.1 Biểu đồ Use Case........................................................................................32
2.2.2 Kịch bản cho Use Case...............................................................................34
2.2.4 Bảng dữ liệu................................................................................................52
CHƯƠNG III: XÂY DỰNG CHƯƠNG TRÌNH.....................................................53
3.1 Trang chủ..........................................................................................................53
3

3.2 Đăng nhập.........................................................................................................53
KẾT LUẬN................................................................................................................54
Kết quả đạt được.......................................................................................................55
Hướng phát triển.......................................................................................................55
TÀI LIỆU THAM KHẢO.........................................................................................56

4

LỜI NÓI ĐẦU
Với sự phát triển mạnh mẽ của công nghệ thông tin và sự lớn mạnh, rộng khắp
của mạng máy tính toàn cầu. Việc ứng dụng tin học vào các lĩnh vực của cuộc sống
ngày càng được quan tâm và sử dụng hiệu quả, đem lại lợi ích to lớn về mọimặt. Sự
lớn mạnh của mạng máy tính đã xóa bỏ mọi gianh giới về không gian và thời gian để
đem con người và tri thức xích lại gần nhau hơn. Thông qua mạng máy tính, con người
có thể được tiếp xúc với mọi loại tri thức như tri thức văn hóa, xã hội, khoa học kỹ
thuật. Do vậy ngày càng có nhiều ứng dụng được viết để hỗ trợ công việc thủ công của

+ Mọi trang HTML đều phải khai báo DOCTYPE (định nghĩa chuẩn văn bản)
ngay từ dòng đầu tiên.
+ Thẻ <html> cho trình duyệt biết mở đầu và kết thúc của trang HTML.
+ Thẻ <head> chứa tiêu đề và các thông tin khai báo, các thông tin ẩn khác.
+ Thẻ <body> sẽ hiển thị nội dung của trang web. Đây là phần thông tin mà
người dùng sẽ nhìn thấy khi trình duyệt đọc các mã HTML.
+ Mọi kí tự nằm giữa dấu <!– và –> sẽ được xem là thẻ comment và sẽ bị trình
duyệt bỏ qua, không xử lý và không hiển thị.
Ví dụ:
<html>
<head>
<title>Đây là thẻ đánh dấu tiêu đề trang web</title>

</head>
6

<body>

<b>Đây là dòng chữ in đậm</b>
<i>Đây là dòng chữ in nghiêng</i>
</body>
</html>
1.2 CSS (Cascading Style Sheets)
CSS là viết tắt của cụm từ "Cascading Style Sheet", nó là một ngôn ngữ quy
định cách trình bày của các thẻ html trên trang web. Là ngôn ngữ đang được sử dụng
rất nhiều trong lập trình web, có thể nói CSS ra đời đã tạo nên một cuộc cách mạng.
Đôi khi các bạn sẽ bối rối khi nhận thấy rằng các đoạn code mình viết hiển thị không
giống nhau trên các trình duyệt khác nhau, CSS sẽ giúp các bạn giải quyết bài toán
này.CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình duyệt gần

</html>
Cách 2: Chèn trực tiếp vào bên trong thẻ HTML
- Chèn trực tiếp CSS vào bên trong các thẻ mở của HTML.
- Nếu có nhiều thuộc tính cần quy định, ta ngăn cách giữa chúng bằng khoảng
trắng.
Ví dụ: Ở đây ta chèn CSS vào thẻ mở của cặp thẻ

.
<html>
<head>
<title>Chen CSS-Cách 2</title>
</head>
<body>

</body>
</html>

8

Cách 3: Liên kết với một file *.css bên ngoài
- Đây là cách được dùng nhiều nhất trong sử dụng CSS vì tính tiện dụng và linh
hoạt của nó. Giả sử, bạn có một website gồm hàng trăm trang, khi bạn muốn thay đổi
một chút cách trình này của website, thay vì gạch cạch đi gõ từng trang một, bạn chỉ
cần sửa file CSS bên ngoài một chút, hàng trăm trang web của bạn đều được thay đổi.
- Cú pháp: Thực hiện liên kết bằng thẻ <link>( Không có tag đóng ), theo cú
pháp sau:
<link rel="stylesheet" href="Đường dẫn đên file .css" type="text/css" />
Tag này được đặt trong cặp tag <head></head> của trang web, và không cần đặt
trong tag <style></style>
- Nếu bạn đặt file *.css cùng thư mục với trang web, thì trong thuộc tính href

Định dạng đường viền cho thành phần.

#ff0000;

border-

border-collapse:

Thuộc tính border-collapse xác định đường

collapse

collapse;

viền củatable có tách biệt ra hay không.

border-

border-spacing:

Xác định khoảng cách giữa các đường viền

spacing

10px;

của các cột lân cận.

bottom

color

color: #ff0000;

Xác định màu sắc cho text.

content

content: "."

counter-

counter-increment:

Gia tăng một hoặc nhiều counter (sắp xếp

increment

section;

có thứ tự, có hiển thị số)

clip

counter-reset

Sử dụng kèm với bộ chọn ":before", ":after"
để chèn nội dung được tạo.

counter-reset:

font

font:

Xác định có hay không có đường viền và
nền trong một cột rỗng của table
Xác định có hay không một thành phần
được float.

12px

Thiết lập font cho thành phần, bao gồm font

arial,sans-serif;

chữ, độ rộng,...

height

height: 50px;

Thiết lập chiều cao của thành phần.

line-height

line-height: 1.5;

Thiết lập chiều cao giữa các dòng.

Trong ngôn ngữ lập trình PHP chúng ta có 6 kiểu dữ liệu chính như sau:
Kiểu Dữ Liệu
Integer
Double
String
Boolean
Object
Array

Ví dụ

Mô tả
5
Là Kiểu số nguyên
7.343
Kiểu số thực
How are you?
Một tập hợp các ký tự
True of False
Giá trị true hoặc false
Kiểu hướng đối tượng trong PHP
Kiểu mảng trong PHP

Hằng số
Hằng là những giá trị không đổi. Chúng ta thường dùng hằng để lưu các giá trị
không đổi trong suốt chương trình.
Khai báo hằng: Ta dùng define() để khai báo hằng.
Ví dụ: define(“version”,4);
Hàm define(): dùng để kiểm tra xem một hằng nào đó đã được khai báo chưa.
Biến và giá trị logic

Mô tả
Cộng hai số hạng
Trừ hai số hạng
Nhân hai số hạng
Chia hai số hạng
Chi lấy dư

Ví dụ
$a + $b
$a - $b
$a * b
$a / $b
5%2=1

Phép gán
Ví dụ: $x = 1;
$y = $x + 1;
Toán tử so sánh
Tên

Ký hiệu

So sánh bằng

==

So sánh khác

!=

$a $b && $a >
and

Phép hoặc

|| hoặc or

Phủ định

!

điều kiện
$c
Một trong 2 thoả mãn
$a > $b || $a < $c
điều kiện là được
Phủ định 1 điều kiện,
$a != b
giá trị nào đó

}
Câu lệnh FOR: là lệnh tạo chu kì có điều kiện.
Dạng lệnh: for(bt1;bt2;bt3)
{
Câu lệnh;
}
Câu lệnh WHILE: là một lệnh tạo chu trình có điều kiện, điều kiện được kiểm tra ở
đầu chu trình.
While (biểu thức)
Câu lệnh;
Lênh DO ... WHILE: là một lệnh tạo chu trình có điều kiện, trong đó điều kiện thực
hiện chu trình được kiểm tra cở cuối chu trình.
Dạng lệnh:
Do {
Câu lệnh;
} While(biểu thức);
d.Hàm trong PHP
Quy tắc xây dựng hàm
Function tên_ham(danh sách đối số hình thức){
Thân hàm
}
-

Định nghĩa hàm không nhất thiết phải nằm ngoài thân mọi hàm, trong hàm có
thể có hàm khác. Nhưng việc sử dụng một hàm không khác nhau giữa xây dựng
hàm trong thân một hàm và ngoài một hàm.

-

Tên hàm tùy đặt và khác tên hàm chuẩn.

Ví dụ trên tạo ra một mảng gồm 2 phần tử có chỉ số là 0 và 1. Việc đó cũng tương tự
như gán:
$mang[0] = “ab”;
$mang[1] = “ef”;
Ngoài ra các chỉ số của mảng không nhất thiết phải tăng dần mà có thể được khai báo
như sau:
$mang[50] = “ab”;
$mang[20] = “ef”;
Khi đó để thêm một phần tử mới vào mảng chúng ta có thể viết:
$mang[] = “uk”; //chỉ số sẽ là 51
Một phần tử mới được thêm vào với chỉ số lớn nhất của mảng cộng thêm 1. Ngoài ra
cũng có thể khai báo mảng một chiều bằng câu lênh array.
$mang = array(“ab”, “ef”);
Mảng hai chiều
15

Ta có thể khai báo mảng hai chiều như sau:
$mang = array(“europs” => (“de”, “uk”), “north america” =>(“ca”, “cr”, “us”));
Echo ($mang[“europs”][1]);
Ta có cấu trúc của mảng trên như sau:
$mang[“europs”]
[0]
[1]
“de”
“uk”

$mang[“north america”]
[0]
[1]

Nhờ tải bản gốc

Tài liệu, ebook tham khảo khác

Thực tập chuyên ngành phân tích thiết kế và xây dựng website giới thiệu sản phẩm cho shop thời trang daisy - Pdf 55

Tài liệu, ebook tham khảo khác

Học thêm