Báo cáo môn lập trình ứng dụng

LỜI CẢM ƠNLời đầu tiên cho phép chúng em gửi lời cảm ơn tới nhà trường, khoa Kỹ thuật-Điện tử viễn thông, các thầy cô đã dạy dỗ và dìu dắt chúng em trong suốt những năm học vừa qua truy

Trang 1

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI Khoa: Điện tử viễn thông

Báo cáo môn: Lập Trình Ứng Dụng

Giáo viên hướng dẫn: Vũ Song Tùng

Nguyễn Thị Thúy Hằng

Vũ Hà Huy

Nguyễn Hữu Long

Hà Nội – năm 2022

Trang 2

LỜI CẢM ƠN

Lời đầu tiên cho phép chúng em gửi lời cảm ơn tới nhà trường, khoa

Kỹ thuật-Điện tử viễn thông, các thầy cô đã dạy dỗ và dìu dắt chúng em trong

suốt những năm học vừa qua truyền thụ cho chúng em những kiến thức về chuyên ngành cũng như các lĩnh vực liên quan để sau này khi ra đời em có thể làm việc, đóng góp cho xã hội

Trong thời gian qua chúng em đã cố gắng rất nhiều để hoàn thành đề tài của mình, vì hạn chế về mặt kiến thức và nội dung nghiên cứu khá rộng nên chắc chắn

sẽ có nhiều thiếu sót Chúng em xin chân thành cảm ơn Thầy Vũ Song Tùng đã

tạo điều kiện cho bọn em được làm việc nhóm cùng nhau Sự hướng dẫn của thầy

là một yếu tố quan trọng để chúng em có được thành công trong đồ án này.Cuối cùng chúng em xin gửi lời cảm ơn tới gia đình, bạn bè cũng như các thành viên trong lớp K22B đã luôn sát cánh và hỗ trợ em trong quá trình thực hiện

đề tài

Chúng em xin chân thành cảm ơn

Trang 3

Nhận xét của giáo viên hướng dẫn

-MỞ ĐẦU

1 Lý do chọn đề tài

Trang 4

Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” thì việc có một Website để quảng bá công ty hay một Website cá nhân không còn là điều gì xa xỉ nữa Thông qua Website khách hàng có thể lựa chọn những sản phẩm mà mình cần một cách nhanh chóng và hiệu quả Website với mục đích cung cấp cho khách hàng các thông tin chính xác về các sản phẩm son môi đang có trên thị trường của các hãng có uy tín và cách thức đặt mua

hàng qua mạng Các thông tin được cập nhật thường xuyên và nhanh chóng Vì vậy, rút ngắn được khoảng cách giữa người mua

và người bán, đưa thông tin về các sản phẩm mới nhanh chóng đến cho khách hàng

2 Mục đích nghiên cứu

- Vận dụng tổng hợp những kiến thức đã học để tiến hành xây dựng Xây dựng

Website kinh doanh son môi trực tuyến

- Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội qua

đó thúc đẩy

phát triển buôn bán

3 Đối tượng của đề tài

Có 2 đối tượng sử dụng cơ bản là thành viên và nhà quản trị:

* Thành viên: Qua Website, khách hàng có thể xem thông tin, lựa chọn những sản phẩm ưa thích ở mọi nơi thậm chí ngay trong phòng làm việc của mình

* Nhà quản trị: Nhà quản trị có toàn quyền sử dụng và

cập nhật sản phẩm, hoáđơn, quản lý khách hàng, đảm bảo tính antoàn cho Website

4 Phạm vi nhiên cứu

- Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội, xây dựng nên một

môi trường làm việc hiệu quả

- Thúc đẩy phát triển buôn bán trực tuyến

- Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một Website trực

tuyến có thể đưa nhanh thông tin cũng như việc trao đổi mua bán các loại điện

thoại qua mạng

Trang 5

- Việc quản lý hàng trở nên dễ dàng.

- Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm

5 Phương pháp nghiên cứu

- Nghiên cứu lý thuyết

- Phân tích thiết kế hệ thống chương trình cho phù hợp

- Xây dựng chương trình theo những yêu cầu đã đặt ra

6 Ý nghĩa khoa học và thực tiễn của đề tài

- Giúp nhà quản trị dễ dàng hơn trong việc quản lý sản phẩm, khách hàng

- Nhà quản trị có thể cập nhật các sản phẩm một cách nhanh nhấtgiúp cho hoạt động của mình trở nên tốt hơn

Trang 6

Phần 1: Thiết kế cơ sở dữ liệu

Cơ sở dữ liệu:

Sơ đồ cơ sở dữ liệu

Trang 10

1 Giao diện và code xử xý:

2.1 Giao diện trang chủ:

Giao diện trang chủ

7 <metacharset="utf-8">

8 <linkrel="stylesheet"type="text/css"href="mystyle.css">

9 <linkrel="stylesheet"type="text/css"href="style.css">

10 <linkrel="preconnect"href="https://fonts.googleapis.com">

11 <linkrel="preconnect"href="https://fonts.gstatic.com"crossorigin>

12 <linkhref="https://fonts.googleapis.com/css2?

family=Poppins&display=swap"rel="stylesheet">

13.<body>

14 <?phprequire_once("xuly.php"); ?>

Trang 11

26 <divclass="khoancach"style="background-color: #F5F5DC;"></div>

27 <divclass="khoancach"style="background-color: #F5F5DC;"></div>

Trang 12

49 <divclass="row">

50 <divclass="column1"style="background-color:white;">

51 <videowidth="400"controls>

52 <sourcesrc="img/video/Xu hướng thời trang 2020 _ Thời kì _CHUYỂN GIAO_ của thời trang thế giới mp4"type="video/mp4">

53 </video>

54 </div>

57 <sourcesrc="img/video/yt1s.com - 7 xu hướng thời trang sẽ lên ngôi năm 2019.mp4"type="video/mp4">

58 </div>

61 <sourcesrc="img/video/yt1s.com - 7 Xu hướng Thời trang Xuân Hè

2017 mọi Fashionista cần biết I ELLE Việt Nam.mp4"type="video/mp4">

62 </div>

63 </div>

64 <! end tin tức >

Trang 13

//create connection toi database

$conn = mysqli_connect(HOST, USERNAME, PASSWORD, DATABASE);

Trang 14

$conn = mysqli_connect(HOST, USERNAME, PASSWORD, DATABASE);

Trang 16

$sql="select malh from mathang where mamh='".$id."' ";

Trang 18

<divclass="menu"><ahref="index.php">Trang chủ</a></div>

<?php

$sql='select *from loaihang';

$nsxlist=executeResult($sql);

foreach ($nsxlist as $std) {

echo '<div class="menu"><a href="xemloaihang.php?id='

$std['malh' '">'] .$std['tenlh' '</a></div>'] ;

}

?>

<! <div class="menu"><a href="gioithieu.php">Giới thiệu</a></div> >

<divclass="menu"><ahref="lienhe.php">Chính sách </a></div>

<li><a href="doittcanhan.php">Đổi thông tin cá nhân</a>

</ul>

</div>';

echo ' <div class ="menu">

Trang 19

</div>';

echo ' <div class ="menu">

<metacharset="UTF-8">

<metahttp-equiv="X-UA-Compatible"content="IE=edge">

<metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkrel="stylesheet"type="text/css"href="mystyle.css">

<divclass="khoancach"></div><divclass="khoancach"></div><div

class="khoancach"></div>

Trang 21

Trang 24

2.3 Giao diện đăng nhập

Giao diện trang đăng nhập

<title>Trắc nghiệm kiến thức</title>

<metaname="description"content="Học lập trình web"/>

Trang 25

<linkrel="stylesheet"href="mystyle.css">

<divclass="container-listKhoa">

<divstyle="padding: 30px;"></div>

<divclass="container-login">

<h2>Đăng nhập hệ thống </h2>

<formaction="./function/dangnhap.php"method="post">

<inputtype="email"name="email"placeholder="Nhập email"> <br> <inputtype="password"name="password"placeholder="Nhập mật khẩu"><br>

<inputtype="submit"value="Đăng nhập"name="btn-login">

<p>Nếu chưa có tài khoản <ahref="dangki-taikhoan.php">Đăng kí ngay</a></p>

Trang 27

$sql="select *from dangnhap where email='$email'";

Trang 29

2.5 Giao diện đăng kí tài khoản:

Giao diện đăng kí tài khoản

Html trang đăng kí:

<!DOCTYPEhtml>

<htmllang="en">

<head>

</head>

<body>

<?phprequire_once("header.php"); ?>

<?phprequire_once("menu.php"); ?>

Trang 30

<! container >

<divclass="container-listKhoa">

<divstyle="padding: 30px;"></div>

<divclass="container-login">

<h2>Đăng kí tài khoản </h2>

<formaction="./function/dangkiTK.php"method="post"role="form"> <inputtype="email"name="email"placeholder="Nhập email"> <br> <inputtype="text"name="hoten"placeholder="Nhập họ tên">

<inputtype="text"name="sodt"placeholder="Nhập số điện thoại"> <inputtype="text"name="diachi"placeholder="Nhập địa chỉ"> <inputtype="password"name="password"placeholder="Nhập mật khẩu">

<span><?phpif(isset($_SESSION['erro'])) echo $_SESSION['erro']; ?

Trang 32

}

?>

2.7 Giao diện danh sách sản phẩm:

Giao diện xem danh sách sản phẩm

Html trang danh sách sản phẩm:

<!DOCTYPEhtml>

<htmllang="en">

<head>

<scriptsrc="https://code.jquery.com/jquery-3.5.1.js"></script>

<?php

Trang 33

Trang 34

<! thẻ footer >

<?phprequire_once('foodter.php'); ?>

</body>

</html>

Trang 36

Trang 37

2.9 Giao diện xem chi tiết sản phẩm và mua hàng:

Giao diện xem chi tiết sản phẩm

Giao diện đặt hàng sản phẩm

Trang 38

Html giao diện xem chi tiết sản phẩm, mua hàng:

<!DOCTYPEhtml>

<htmllang="en">

<head>

<linkrel="stylesheet"type="text/css"href="modal.css">

<linkhref="css/main.css"rel="stylesheet"type="text/css"/>

<scripttype="text/javascript"src="js/glMatrix-0.9.5.min.js"></script>

<scripttype="text/javascript"src="js/webgl-utils.js"></script>

<! <script type="text/javascript" src="js/script.js"></script> >

Trang 39

$gia=layGia($id);

$hinh="./hinh/".layHinh($id);

?>

<divclass="content_sp">

<divclass="left_sp">

<divclass="tensanpham">

<?php echo "$tenmh"; ?>

</div>

<divclass="hinhsanpham">

<imgsrc="<?php echo "$hinh"; ?>"alt=""id="hinhsppp">

Trang 40

</div>

<divclass="right_sp">

<divclass="tieudesanpham">

</div>

</div>

<span>SỐ LƯỢNG: </span> <p><?php echo "$soluong"; ?></p> <hr>

</div>

<divstyle="width: 500px;"><?php echo "$mota"; ?></div>

<hr>

</div>

<span>GIÁ: </span> <p><?php echo "$gia"; ?> </p>đ

<hr>

</div>

<br>

<buttonclass="trigger">Hướng dẫn mua hàng</button>

<divclass="modal">

<divclass="modal-content">

Trang 41

<spanclass="close-button">×</span>

<h1>Hướng dẫn mua hàng</h1>

<p>- Quý khách chọn xem chi tiết các mẫu sản phẩm tại website</p> <p>- Khi đã tìm được sản phẩm quan tâm và phù hợp, Quý khách có thể đặt hàng theo các hình thức sau đây:</p>

<h3>A HÌNH THỨC MUA HÀNG TRỰC TUYẾN</h3>

<p>-Nhấn vào nút mua ngay sau đó chọn kích cỡ, số lượng sản phẩm rồi click vào nút “Đặt hàng” hệ thống sẽ ghi nhận Nhân viên sẽ tiến hành xử lý đơn hàng cho quý khách

Quý khách có thể kiểm tra tình trạng đơn hàng ở mục "Xem đơn hàng" </p>

<h3>B HÌNH THỨC MUA HÀNG QUA ĐIỆN THOẠI</h3> <p>- Chọn kích cỡ, màu sắc, số lượng sản phẩm, sau đó gọi hoặc gửi tin nhắn cho Seven.AM vào số hotline: 092.405.8888 để đặt hàng, nhân viên của Seven.AM sẽ liên hệ lại để xác nhận thông tin sản phẩm của và hướng dẫn Quý khách chuyển khoản thanh toán.</p>

</div>

<buttonclass="trigger2">Hướng dẫn chọn size</button>

<divclass="modal2">

<divclass="modal-content2">

<spanclass="close-button2">×</span>

Trang 42

<divclass="muahang">

<divclass="themgiohang"id="muahang">Mua ngay</div>

</div>

<dialogid="favDialog">

<formmethod="post"action="./function/dathang.php">

<p><label> <?php echo "$tenmh"; ?></label></p> <div

<p><label>Số lượng: <inputtype="number"></label></p> <div

<p><label>Size:

<selectname="size"id="cars">

<optionvalue="XS">XS</option>

<optionvalue="S"> </option>

<optionvalue="M">M</option>

<optionvalue="L">L</option>

<optionvalue="XL">XL</option>

<optionvalue="XXL">XXL</option>

</select>

</label></p> <divclass="khoancach"></div>

<menu>

<buttonvalue="cancel"id="huy">Hủy</button>

<buttonid="confirmBtn"value="default"name="soluong">Đặt hàng</button>

Tiêu đề	Báo cáo môn lập trình ứng dụng
Tác giả	Lê Chí Kiên, Nguyễn Thị Thúy Hằng, Vũ Hà Huy, Nguyễn Hữu Long
Người hướng dẫn	Vũ Song Tùng
Trường học	Trường Đại Học Mở Hà Nội
Chuyên ngành	Lập Trình Ứng Dụng
Thể loại	Báo cáo môn
Năm xuất bản	2022
Thành phố	Hà Nội

Định dạng
Số trang	108
Dung lượng	5,95 MB