Thảo luận thiết kế và triển khai website

  TRƯỜNG ĐẠI HỌC THƯƠNG MẠI KHOA THƯƠNG MẠI ĐIỆN TỬ  BÀI THẢO LUẬN THIẾT KẾ VÀ TRIỂN KHAI WEBSITE LỚP HỌC PHẦN : 2121ECIT0731 GIẢNG VIÊN : TRẦN THỊ NHUNG   Câu 1: A I Tổng quan mơ hình TCP/IP OSI Mơ hình OSI 1.1 Q trình hình thành Cuối năm 1970, có hai dự án bắt đầu độc lập, dự án ISO (International Standard Organization) phát triển, dự án lại ITTCC (International Telegraph and Telephone Consultative Committee) phát triển Cả hai dự án hướng đến việc xác định tiểu chuẩn cho thiết kế hệ thống mạng Vào năm 1983, hai dự án kết hợp lại định hình tiêu chuẩn gọi The Basic Reference Model for Open Systems Interconnection (Mơ hình tham chiếu cơ   bản cho kết nối hệ thống mở) hay gọi OSI Reference Model  Năm 1984, OSI hay Open Systems Interconnection thức cơng bố tổ chức tiêu chuẩn quốc tế ISO ITTCC 1.2 Tổng quan mơ hình OSI Mơ hình OSI hay Open Systems Interconnection có nhiệm vụ thiết lập kết nối thiết bị giao tiếp toàn cầu OSI coi mã nguồn mở khả phù hợp với hệ thống mạng Mơ hình cung cấp tiêu chuẩn dạng kiến trúc  phân tầng cho phép hệ thống khác giao tiếp với nhau, gồm có tầng với cấu trúc chức riêng định nghĩa sẵn Mỗi tầng có chức riêng giao tiếp với tầng tiếp giáp với nó, thay đổi vị trí tầng kiến trúc không chấp nhận Tầng ứng dụng (Application Layer): tầng tương tác trực tiếp với tiến trình ứng dụng, có trách nhiệm cung cấp giao diện thao tác liệu giúp người dùng phần mềm ứng dụng tương tác với Một số giao thức có tầng ứng dụng như: HTTP, FTP, POP, DHCP,…    Tầng trình diễn (Presentation Layer): tầng tầng ứng dụng, đáp ứng nhu cầu tầng ứng dụng: phiên dịch, mã hóa, giải mã, nén liệu Phiên dịch liệu theo cú pháp mà ứng dụng hiểu, mã hóa liệu gửi giải mã liệu nhận, nén liệu trước truyền xuống tầng phiên Tầng phiên (Session Layer): tầng tầng trình diễn, cung cấp nhu cầu dịch vụ cho tầng trình diễn, chịu trách nhiệm đóng mở luồng giao tiếp hai thiết bị, thời gian mở đóng gọi phiên, đảm bảo phiên mở đủ lâu để liệu gửi đóng đủ nhanh để tránh lãng phí tài nguyên Tầng giao vận (Transport Layer): tầng tầng phiên, đáp ứng nhu cầu tầng phiên, chịu trách nhiệm thiết lập kết nối hai thiết  bị, nhận liệu từ tầng phiên xử lý để gửi xuống tầng nhận liệu từ tầng xử lý để chuyển lên tầng phiên Tầng giao vận cung cấp dịch vụ kiểm soát luồng kiểm soát lỗi để đảm bảo liệu chuyển xác không tải bên nhận Tầng mạng (Network Layer): đáp ứng nhu cầu tầng giao vận, chịu trách nhiệm giúp liệu truyền thiết bị mạng khác Tầng mạng cịn cung cấp thuật tốn dị đường cho định tuyến để xác định đường truyền vật lý tốt cho liệu Tầng liên kết liệu (Data Link Layer): đáp ứng nhu cầu tầng mạng, hỗ trợ liệu tuyền thiết bị mạng Tầng vật lý (Physical Layer): bao gồm thiết bị phần cứng giúp truyển tải liệu cáp, định tuyến,… Ở tầng kiệu truyền tải dạng bit 1.3 Ưu điểm nhược điểm  Ưu điểm: Mỗi tầng có cấu trúc chức riêng nên dễ dàng xây dựng sửa chữa Có thể tích hợp nhiều mạng lưới khác Hỗ trợ kết nối có liên kết kết nối phi liên kết   Nhược điểm: Tầng phiên tầng trình diễn thường khơng sử dụng nhiều so với tầng khác chức hạn hẹp Không hỗ trợ giao thức, không định nghĩa giao thức  Nhiều dịch vụ trùng lặp tầng, ví dụ tầng mạng tầng liên kết liệu Các tầng hoạt động song song, tầng phải chờ liệu từ tầng               Mơ hình TCP/IP 2.1 Lịch sử  Năm 1974, Vin Cert Robert Kahn công bố báo “A Protocol for Packet  Network Interconnection” hay gọi giao thức kết nối mạng gói, miêu tả giao thức TCP (Transmission Control Protocol) Đến năm 1978, giao thức sau phát triển đổi tên thành Transnission Control Protocol/Internet Protocol thức thay cho giao thức  NCP (Network Control Protocol) mạng lưới ARPAnet thời ARPAnet khơng cịn tồn kể từ năm 1990 từ TCP/IP phát triển để đáp ứng yêu cầu thay đổi Internet 2.2 Tổng quan mơ hình TCP/IP Giống với OSI, mơ hình TCP/IP có kiến trúc phân tầng cho phép liệu truyền tải thông qua giao thức tích hợp sẵn TCP/IP có tầng so với tầng OSI, thực chất tầng kết hợp tầng mơ hình OSI chức tính chất tầng TCP/IP có thay đổi so với OSI Trong mơ hình TCP/IP tầng phân chức riêng giao tiếp với tầng kề bên nó, việc thay đổi vị trí tầng khơng chấp nhận mơ hình Tầng ứng dụng: có nhiệm vụ tương tác trực tiếp với tiến trình ứng dụng, cung cấp giao diện người dùng ứng dụng Đôi tầng ứng dụng TCP/IP bao gồm chức tầng phiên, tầng trình diễn bên mơ hình OSI Tầng giao vận: đáp ứng nhu cầu tầng ứng dụng, cung cấp giao thức giúp liệu vận chuyển từ tiến trình ứng dụng hệ thống nguồn đến tiến trình ứng dụng hệ thống đích Ngồi ra, cịn cung cấp dịch vụ kiểm soát luồng, kiểm tra lỗi gói tin, gửi xác nhận vận chuyển thành công Một vài giao thức thông dụng tầng giao vận TCP UDP     Tầng mạng: đáp ứng nhu cầu tầng giao vận, có nhiệm vụ dẫn đường cho liệu vận chuyển từ điểm đầu đến điểm đích an tồn, tìm kiếm đường truyền liệu tốt thông qua giao thức thuật tốn dị đường tích hợp định tuyến (Routing) Một vài giao thức có tầng mạng: IP, ICMP, IGMP,… Tầng liên kết (Network Access Layer): đáp ứng nhu cầu tầng mạng, đóng vai trị tầng liên kết liệu tầng vật lý mơ hình OSI Tầng liên kết nhận liệu dạng bit sau đưa liệu vào gói liệu gửi lên mạng lưới máy tính để truyền đến điểm đích 2.3 Ưu điểm nhược điểm  Ưu điểm: Hỗ trợ nhiều giao thức định tuyến Hoạt động độc lập với hệ điều hành Thiết lập kết nối loại máy tính khác Có kiến trúc phân tầng Hỗ trợ kết nối có liên kết kết nối phi liên kết   Nhược điểm: Khó khăn việc thay giao thức Một tầng có nhiều chức nên phức tạp so với mơ hình OSI Khơng có phân biệt dõ dàng dịch vụ, giao diện giao thức           II So sánh mơ hình TCP/IP OSI Điểm giống OSI TCP/IP có kiến trúc phân lớp OSI TCP/IP có lớp Network lớp Transport OSI TCP/IP sử dụng kỹ thuật chuyển Packet      Điểm khác Bản chất TCP/IP (Tranmission Control Protocol / Internet Protocol) Là giao thức mạng vận chuyển mạng Internet OSI  (Open Systems Interconnection) Là cổng kết nối mạng người dùng cuối Kiến trúc tầng lớp lớp Liên kết chức Tầng trình diễn tầng phiên kết tầng hợp với tầng ứng dụng Theo chiều ngang Mỗi tầng khác thực nhiệm vụ khác nhau, khơng có kết hợp tầng Theo chiều dọc Các giao thức thiết kế trước sau phát triển mơ hình Phát triển mơ hình trước sau  phát triển giao thức Phương pháp tiếp cận Thiết kế Truyền thông Hỗ trợ truyền thông không kết nối từ tầng mạng Hỗ trợ kết nối định tuyến khơng dây Tính phụ thuộc Độ tin cậy độ phổ biến Phụ thuộc vào giao thức Giao thức độc lập Biết đến mơ hình cũ, lượng sử dụng hạn chế Được chuẩn hóa, độ tin cậy cao, sử dụng phố biến toàn cầu B Các giao thức mạng phổ biến Internet Protocol Suite (TCP/IP) Internet Protocol Suite (bộ giao thức liên mạng) tập hợp giao thức thực thi  protocol stack (chồng giao thức) mà Internet chạy TCP IP giao thức quan trọng Internet Protocol Suite - Transmission Control Protocol (TCP) Internet Protocol (IP) Internet Protocol Suite tương tự mơ hình OSI, có số khác biệt Ngồi khơng phải tất lớp (layer) tương ứng tốt Transmission Control Protocol (TCP) Transmission Control Protocol (TCP) giao thức cốt lõi Internet Protocol Suite Transmission Control Protocol bắt nguồn từ việc thực thi mạng, bổ sung cho Internet Protocol Do đó, Internet Protocol Suite thường gọi TCP/IP TCP cung cấp  phương thức phân phối đáng tin cậy luồng octet (khối liệu có kích thước bit) qua mạng IP Đặc điểm TCP khả đưa lệnh kiểm tra lỗi Tất ứng dụng Internet lớn World Wide Web, email truyền file dựa vào TCP   Internet Protocol (IP) Internet Protocol giao thức Internet protocol suite để chuyển tiếp liệu qua mạng Chức định tuyến Internet Protocol giúp thiết lập Internet Trước đây, giao thức datagram service không kết nối Transmission Control Program (TCP) ban đầu Do đó, Internet protocol suite cịn gọi TCP/IP.  Protocol Stack  Protocol Stack tập hợp đầy đủ lớp giao thức, hoạt động để cung cấp khả kết nối mạng Hypertext Transfer Protocol (HTTP) HTTP tảng giao tiếp liệu cho World Wide Web Siêu văn (hypertext) văn có cấu trúc sử dụng siêu liên kết node chứa văn HTTP giao thức ứng dụng cho hệ thống thông tin hypermedia (siêu phương tiện) phân tán kết hợp Cổng mặc định HTTP 80 443 Hai cổng bảo mật.  Hypertext Transfer Protocol over SSL/TLS (HTTPS) HTTPS sử dụng với HTTP để cung cấp dịch vụ tương tự, với kết nối  bảo mật cung cấp SSL TLS Cổng mặc định HTTPS 443 File Transfer Protocol (FTP) FTP giao thức phổ biến sử dụng cho mục đích truyền file Internet mạng riêng Cổng mặc định FTP 20/21 SSH phương thức sử dụng để quản lý thiết bị mạng cách an toàn cấp lệnh SSH thường sử dụng thay cho Telnet, giao thức khơng hỗ trợ kết nối an toàn Cổng mặc định SSH 22 Telnet Telnet phương thức sử dụng để quản lý thiết bị mạng cấp lệnh Không giống SSH, Telnet không cung cấp kết nối an toàn, mà cung cấp kết nối không bảo mật Cổng mặc định Telnet 23 Simple Mail Transfer Protocol (SMTP)   SMTP sử dụng với hai chức chính: Chuyển email từ mail server nguồn đến mail server đích chuyển email từ người dùng cuối sang hệ thống mail Cổng mặc định SMTP 25 cổng SMTP bảo mật (SMTPS) 465 (Không phải tiêu chuẩn) 10.Domain name system(DNS0 Domain Name System (DNS) sử dụng để chuyển đổi tên miền thành địa IP Hệ thống phân cấp DNS bao gồm máy chủ gốc, TLD máy chủ có thẩm quyền Cổng mặc định DNS 53 11.Post Office Protocol phiên (POP 3) Post Office Protocol phiên hai giao thức sử dụng để lấy mail từ Internet POP đơn giản giao thức cho phép client lấy nội dung hoàn chỉnh từ hộp thư server xóa nội dung khỏi server Cổng mặc định POP3 110 cổng bảo mật 995 12 Internet Message Access Protocol (IMAP) IMAP phiên giao thức khác sử dụng để lấy thư từ máy chủ IMAP khơng xóa nội dung khỏi hộp thư máy chủ Cổng mặc định IMAP 143 cổng bảo mật 993 13.Simple Network Management Protocol (SNMP) Simple Network Management Protocol sử dụng để quản lý mạng SNMP có khả giám sát, cấu hình điều khiển thiết bị mạng SNMP trap cấu hình thiết bị mạng, để thơng báo cho máy chủ trung tâm xảy hành động cụ thể Cổng mặc định SNMP 161/162   C Các nguyên tắc thiết kế triển khai website Thiết kế website Tổ chức website chặt chẽ dễ sử dụng Sử dụng từ ngữ dễ hiểu Dễ dàng khám phá đường link  Thời gian tải nhanh Tương thích với đa số trình duyệt web          Triển khai website Kiểm tra thật kĩ website trước triển khai Thuê không gian lưu trữ web đủ lớn nên mua tổ chức đáng tin cậy  Nên có q trình thử nghiệm trước đưa trang web vào hoạt động thức  Nâng cấp bảo trì trang web thường xuyên Câu 2: Đề tài: Website giới thiệu mua bán ô tô  Nêu mục đích trang web: - Tăng sở khách hàng có, tiếp cận khách hàng tăng chuyển đổi thành khách hàng tiềm - Nơi giao tiếp hiệu với khách hàng - Cung cấp thông tin, sản phẩm, dịch vụ cung cấp - Xây dựng hình ảnh doanh nghiệp   Các cơng cụ tạo lập web: HTML, CSS, PHP - HTML:         Thế giới ô tô        

 
• Home
 
• New Car
 
• Used Car
   
• Test Drive
 
• Contact
 
• Service

          Auto WorldThế giới xe hơi   Thế giới xe hơi >  

Progress is not just felt It is experienced.

  Discover Now              .textR{   position: absolute;   left: 30px;   top: 80px;   font-size: 60px;   color: #050505;  }  .view2{   position: absolute;   left: 140px;   bottom: 20px;   text-transform: uppercase; }  /* CONTENT */  #title{   margin-top: 50px;   margin-bottom: 30px;   font-size: 50px;  }  .sp, ten, gia, mua{   width: 285px;   margin-left: 20px;   float: left;  }  .sp:first-child, ten:first-child, gia:first-child, mua:first-child{   margin-left: 0;    }  .sp{   overflow: hidden;   margin-bottom: 20px;  }  .sp img:hover{   -webkit-transform: scale(1.5);   -moz-transform: scale(1.5);   -ms-transform: scale(1.5);   -o-transform: scale(1.5);   transform: scale(1.5);  }  .sp img{   -webkit-transform: scale(1.0);   -moz-transform: scale(1.0);   -ms-transform: scale(1.0);   -o-transform: scale(1.0);   transform: scale(1.0);  }  .ten p{   color: #464444;   text-align: center;   margin-bottom: 20px;   font-size: 25px;  }    .gia{   text-align: center;   font-size: 40px;   font-weight: bold;   color: #818753;   margin-bottom: 20px;  }  .gia span{   font-size: 25px;  }  .mua{   text-align: center;   margin-top: 10px; } layer4{ margin-bottom: 18px; } /* Banner */ #baner1{ width: 680px; height: 550px; margin-right: 20px; float: left;  position: relative;    background-image: url('pictures/Picture4.jpg');  background-repeat: no-repeat; margin-top: 30px; } #baner2{ width: 450px; height: 630px; float: left;  background-image: url('pictures/Picture1.jpg');  background-repeat: no-repeat;  position: relative; margin-top: 30px; } textL2{  position: absolute; top: 65px; left: 50px; font-size: 60px; color: #050505; } view3{  position: absolute; top: 130px; left: 55px; text-transform: uppercase; } textR2{    position: absolute; left: 70px; top: 60px; font-size: 60px; color: #050505; } view4{  position: absolute; top: 200px; left: 70px; text-transform: uppercase; } /* FOOTER */ about{ margin-top: 80px; width: 400px; float: left; margin-bottom: 80px; } about #trai{ margin-top: 80px; width: 70px; height: 38px; margin-top: 15px; margin-right: 20px; float: left;   } about #phai{ margin-top: 18px; font-size: 15px; width: 245px; color: #6C6666; float: left; } contact{ margin-top: 80px; width: 300px; float: left; } contact p{ margin-top: 80px; font-size: 16px; margin-top: 10px; color: #6C6666; } contact span{ font-size: 20px; font-weight: bold; } link{ margin-top: 80px; width: 500px; float: left;   } link p{ font-size: 16px; margin-top: 45px; color: #6C6666; } form {  width: 300px;  border: 1px solid green;  padding: 20px;  margin: auto;  font-weight: 700px; } form input {  width: 100%;  padding: 10px 0; } - PHP: 0) { echo 'alert("Bị trùng tên chưa nhập tên!"); window.location="formlt.php";';   // Dừng chương trình die (); else { $sql = "INSERT INTO member (firstName, lastName, phone, email, address, dayOfBirth, whatCar, howLong, whenCar, whatCarTest ) VALUES ('$firstName','$lastName','$phone','$email', '$address', '$dayOfBirth', '$whatCar', '$howLong', '$whenCar', '$whatCarTest')"; } echo 'alert("Đăng ký thành công!"); window.location="formlt.php";'; if (mysqli_query($conn, $sql)){ echo "First Name: ".$_POST['firstName'].""; echo "Last Name: ".$_POST['lastName'].""; echo "Phone Number: ".$_POST['phone'].""; echo "Email: ".$_POST['email'].""; echo "Address: " $_POST['address'].""; echo "Birthday: " $_POST['birthday'].""; echo "Current vehicle: " $_POST['whatCar'].""; echo "How long have you owned the vehicle?: " $_POST['howLong'].""; echo "When you intend to buy a car?: " $_POST['whenCar'].""; echo "Which car you want to try ?: " $_POST['whatCarTest'].""; }   else { echo 'alert("Có lỗi trình xử lý"); window.location="formlt.php";'; } ?> > > >  Kiến trúc web: Header: Trung tâm: - Banner:   - Content:   - Banner     Footer: