PROJECT REPORT Project 1: TurnShop Corp Member: 1. Huỳnh Thuỷ Ngân (S103006100002) Batch Code: B1100017 Centre: NIIT TurnShop Corp NIIT Cần Thơ Project title Batch Code : B11000017 Start Date : 20/4/2011 End Date: 10/05/2011 Name of the Coordinator : Ms. Châu Ngân Khánh Names of Developers : Huỳnh Thuỷ Ngân B1100017 Date of Submission: 11/05/2011 Huỳnh Thuỷ Ngân Page 2 of 29 TurnShop Corp NIIT Cần Thơ Huỳnh Thuỷ Ngân Page 3 of 29 TurnShop Corp NIIT Cần Thơ CHỨNG NHẬN Đây là tài liệu về báo cáo mang tên TurnShop Corp được hoàn thành bởi Huỳnh Thuỷ Ngân tại trung tâm NIIT Cần Thơ. Ng ười hướng dẫn : Ms. Châu Ngân Khánh Huỳnh Thuỷ Ngân Page 4 of 29 TurnShop Corp NIIT Cần Thơ HỖ TRỢ Chúng tôi nhận được sự hỗ trợ và góp ý từ cô Châu Ngân Khánh và những giảng viên khác trong trung tâm NIIT, xin chân thành cảm ơn mọi người đã giúp đỡ tôi hoàn thành bài báo cáo này. Huỳnh Thuỷ Ngân Page 5 of 29 TurnShop Corp NIIT Cần Thơ MỤC LỤC Project title 2 Chứng nhận 3 Hỗ trợ 4 Mục lục 5 Yêu cầu hệ thống 6 Phân tích hệ thống 7 Phân bố cục 8 Ràng buộc dữ liệu 13 Mô tả thông tin 16 Giao diện chính 20 Giao diện các trang thành phần 21 Kết luận đánh giá 26 Cấu hình 27 Nhận xét của giảng viên 28 Huỳnh Thuỷ Ngân Page 6 of 29 TurnShop Corp NIIT Cần Thơ YÊU CẦU HỆ THỐNG TurnSop Corp là một ngôi nhà xuất bản hàng đầu của Mỹ . Trụ sở của công ty ở Atlanta . Chúng tôi xuất bản sách, báo, tạp chí, tiểu thuyết trong hơn 15 năm qua. Đọc giả của công ty bao gồm sinh viên, chuyên viên công nghệ thông tin, Công ty chúng tôi gần như chiếm vị trí thống lĩnh trong kinh doanh xuất bản với hơn 15 đại lí bán lẻ trên toàn nước Mỹ. Tháng 11 năm 2010, chúng tôi cung cấp phương thức bán hàng tự động để đáp ứng nhu cầu của khách hàng. Bạn chỉ cần ngồi trước máy tính của mình và đặt hàng các sách, báo và tạp chí mà bạn quan tâm. Sau khi nhận được đơn đặt hàng qua mạng của khách hàng, nhân viên sẽ cho các cửa hàng giao hàng tận nhà của bạn. Tùy thuộc vào cách xa và gần, bạn sẽ nhận được hàng trong vòng 24 giờ. Huỳnh Thuỷ Ngân Page 7 of 29 TurnShop Corp NIIT Cần Thơ PHÂN TÍCH HỆ THỐNG Hệ thống trang web được xây dựng trên 4 ngôn ngữ chính: html, css, xml, javascript. Tôi sử dụng Html để trình bày bố cục các trang web, từ trang web chính (TurnShop) đến các trang web thành phần,…. Tôi dùng Css để trang trí các trang web, tuỳ chỉnh về màu, hình nền, cũng như border của các phần trong các trang sao cho hài hoà và dễ nhìn. Xml được dùng để mô tả thông tin của các quyển sách được đề cập đến trong trang web. Và JavaScript để ràng buộc dữ liệu nhập vào. Trang web được chia làm các phần chính như sau: Thành phần Chức năng Home Trang chủ. Hiển thị khi người dùng mở web Book Hiển thị những cuốn sách thuộc thể loại sách tham khảo Novel Hiển thị những cuốn sách thuộc thể loại tiểu thuyết Journal Hiển thị những cuốn sách thuộc thể loại tạp chí About Us Giới thiệu chung về TurnShop Corp Guide Hướng dẫn sử dụng web Contact Liên hệ công ty, đóng góp ý kiến Trang web cung cấp việc order online cho khách hàng 3 thể loại sách chính: sách tham khảo, tiểu thuyết, và tạp chí. Trong mỗi loại, trang web sẽ hiển thị những cuốn sách đã được xuất bản, và khách hàng có thể đặt hàng trực tuyến bằng cách bấm vào dòng Order. Huỳnh Thuỷ Ngân Page 8 of 29 TurnShop Corp NIIT Cần Thơ PHÂN BỐ CỤC Trang web được phân thành 3 phần chính: header, content, footer. - Header gồm có hình banner, tên của công ty, bên dưới banner là menu về các thành phần chính trong trang web. Banner được thiết kế dành riêng cho công ty, có hình ảnh động bắt mắt, thu hút người xem. <div id="header"> <center><embed height="300px" width="960px" src="img/banner.gif"/></center> </div> <! Menubar > <center> <div id="menubar"> <div class="m"><a href="TurnShop.html">Home</a></div> <div class="m"><a href="Book.html">Book</a></div> <div class="m"><a href="Journal.html">Journal</a></div> <div class="m"><a href="Novel.html">Novels</a></div> <div class="m"><a href="About us.html">About Us</a></div> <div class="m"><a href="Guide.html">Guide</a></div> <div class="m"><a href="Contact.html">Contact</a></div> </div> </center> - Content được chia ra làm 2 loại, một loại là của trang chính, một loại là của trang thành phần. - Ở trang chính, content sẽ được chia làm 3 class, có border trên dưới cho mỗi class để việc phân chia bố cục các thể loại sách được rõ ràng hơn. <div class="content"> <div class="Journal"> <h2>Journal</h2> <div class="elm"> <h5>Tạp chí nhà đất</h5> <img class="icon" src="img/tapchinhadat.jpg"/> <p>Định vị: Tạp chí quảng cáo bất động sản lớn nhất VN<br/> Giá : 13.600đ/cuốn </p> <a href="Tapchinhadat.html"><img align="bottom" src="img/readmore.jpg"/></a> </div> <div class="elm"> <h5>Tạp Chí Điện Ảnh</h5> <img class="icon" class="icon" src="img/DIENANH.jpg"/> <p>Tác Giả : Ban BT tc Điện ảnh<br/> NXB : Tạp chí Điện ảnh<br/> Giá : 19.000 </p> <a href="tc dien anh.html"><img align="bottom" src="img/readmore.jpg"/></a> Huỳnh Thuỷ Ngân Page 9 of 29 TurnShop Corp NIIT Cần Thơ </div> <div class="elm"> <h5>Tạp Chí eChip</h5> <img class="icon" src="img/echip528.jpg" /> <p>Tác Giả : Ban BT eChip<br /> NXB : Tạp chí điện tử eChip<br/> Giá : 6.000 </p> <a href="tap chi echip.html"> <img align="bottom" src="img/readmore.jpg"/></a> </div> <div class="elm"> <h5>Tạp Chí 2!Đẹp</h5> <img class="icon" src="img/2!dep.jpg" /> <p>Tác Giả :Ban BT báo sinh viên<br/> NXB : Sinh viên<br/> Giá : 25.000 </p> <a href="tapchi 2!Đ ẹ p.html "><img align="bottom" src="img/readmore.jpg"/></a> </div> </div> <div class="Book"> <h2>Book</h2> <div class="elm"> <h5>Tự Học HTML</h5> <img class="icon" src="img/HTML.png" /> <p>Tác Giả :Lê Tấn Tài<br/> NXB : Giáo dục<br/> Giá : 105.000 </p> <a href="b tu hoc html.html"> <img align="bottom" src="img/readmore.jpg"/></a> </div> <div class="elm"> <h5>Tự học Javascript</h5> <img class="icon" src="img/JAVA.png"/> <p>Tác Giả :Nguyễn Tấn Trường<br/> NXB : Giáo dục<br/> Giá : 80.000 </p> <a href="b tu hoc java.html"><img align="bottom" src="img/readmore.jpg"/></a> </div> <div class="elm"> <h5>Tự học C++MFC qua các ví dụ </h5> <img class="icon" src="img/c++.jpg" /> <p>Tác Giả :Nguyễn Vũ Phong<br/> NXB : Lao Động<br/> Giá : 100.000 </p> <a href="b tu hoc CPMFC.html"><img align="bottom" src="img/readmore.jpg"/></a> </div> <div class="elm"> <h5>Giải Nhanh 18 bộ đề thi ĐH môn Hóa </h5> Huỳnh Thuỷ Ngân Page 10 of 29 [...]... Book1 { height:320px; width: 958 px; } Journal1 { height:320px; width: 958 px; } Novel1 { height:320px; width: 958 px; } - Footer bao gồm thông tin người thiết kế, số điện thoại và email liên hệ khi có thắc mắc CoppyRight 2 011 © TurnShop Corp Được thiết kế bởi: Huỳnh Thuỷ Ngân - Trung tâm NIIT Cần Thơ - Mobile: 018 8222 611 3 Email: huynhthuyngan17@gmail.com -... Huỳnh Thuỷ Ngân Page 26 of 29 TurnShop Corp NIIT Cần Thơ TÀI LIỆU THAM KHẢO http://www.laptrinhviet.com/javascript http://www.w3schools.com/html/ http://www.w3schools.com/css Huỳnh Thuỷ Ngân Page 27 of 29 TurnShop Corp NIIT Cần Thơ CẤU HÌNH Hardware : P IV – 3.0 GHz 8 65/ 9 15 Chipset 800 MHz FSB 256 MB 80 GB 7200 PRM Hard Drive CD ROM Drive 10 /10 0 NIC Optical Wheel Mouse Keyboard 17 ” Color Monitor Operating... 22 of 29 TurnShop Corp NIIT Cần Thơ NOVELS: ABOUT US: Huỳnh Thuỷ Ngân Page 23 of 29 TurnShop Corp NIIT Cần Thơ GUIDE: CONTACT: Huỳnh Thuỷ Ngân Page 24 of 29 TurnShop Corp NIIT Cần Thơ Khi bấm vào một trong những ấn phẩm, thông tin chi tiết về ấn phẩm đó sẽ hiện ra, giúp người dùng hình dung rõ hơn về quyển sách đó Huỳnh Thuỷ Ngân Page 25 of 29 TurnShop Corp NIIT Cần Thơ KẾT LUẬN ĐÁNH GIÁ 1 Kết quả... Giá : 65. 000 CoppyRight 2 011 © TurnShop Corp Được thiết kế bởi: Huỳnh Thuỷ Ngân - Trung tâm NIIT Cần Thơ - Mobile: 018 8222 611 3 Email: huynhthuyngan17@gmail.com - Kích thước của các thành phần được định bằng code css: Book1 { height:320px;... class="elm"> Tự học C++MFC qua các ví dụ Tác Giả :Nguyễn Vũ Phong NXB : Lao Động Giá : 10 0.000 Giải Nhanh 18 bộ đề thi ĐH môn Hóa Huỳnh Thuỷ Ngân Page 12 of 29 TurnShop Corp NIIT Cần... PowerArchiver 2 011 : Nén file cực nhanh Mediafire Getter v3 .1: Bắt link tải file từ Mediafire, Megaupload, Hotfile, FileSonic Tạp chí nhà đất Journal Nhà đất Tạp chí nhà đất 10 0 20X30 Giới thiệu tạp chí “Mua bán nhà đất” Số Tháng 4/2 011 Kính... 10 0 23X 35 Ấn Phẩm của báo sinh viên việt nam , thời trang , gia đình , văn phòng , làm đẹp Huỳnh Thuỷ Ngân Page 18 of 29 TurnShop Corp NIIT Cần Thơ Tiếng Gọi nơi hoang dã Novel Jack London LAO ĐỘNG 200 13 X19... vậy Giải Nhanh Hóa 18 bộ đề thi trắc nghiệm hóa Book Nguyễn Phước Hòa Tân GIÁO DỤC 200 13 X19 Những cách giải nhanh các bài tập hóa học trong 18 bộ đề thi đại học Chạng Vạng... //alert("Email sai định dạng.") return false } if (str.substring(lat - 1, lat) == dot || str.substring(lat + 1, lat + 2) == dot) { //alert("Email sai định dạng.") Huỳnh Thuỷ Ngân Page 15 of 29 TurnShop Corp NIIT Cần Thơ return false } if (str.indexOf(dot, (lat + 2)) == -1) { //alert("Email sai định dạng.") return false } if (str.indexOf(" ") != -1) { //alert("Email sai định dạng.") return false } return true... nhất xin cảm ơn!"); } } Huỳnh Thuỷ Ngân Page 16 of 29 TurnShop Corp NIIT Cần Thơ MÔ TẢ THÔNG TIN Thông tin về các sản phẩm được mô tả trong file xml: Tự Học HTML Book Lê Tấn Tài GIÁO DỤC 300 13 X19 Cuốn sách ra đời nhằm giúp các bạn . PROJECT REPORT Project 1: TurnShop Corp Member: 1. Huỳnh Thuỷ Ngân (S10300 610 0002) Batch Code: B 110 0 017 Centre: NIIT TurnShop Corp NIIT Cần Thơ Project title Batch Code : B 110 00 017 Start. 20/4/2 011 End Date: 10 / 05/ 2 011 Name of the Coordinator : Ms. Châu Ngân Khánh Names of Developers : Huỳnh Thuỷ Ngân B 110 0 017 Date of Submission: 11 / 05/ 2 011 Huỳnh Thuỷ Ngân Page 2 of 29 TurnShop Corp. class="footer"> <br/> <p> CoppyRight 2 011 © TurnShop Corp <br/> Được thiết kế bởi: Huỳnh Thuỷ Ngân - Trung tâm NIIT Cần Thơ - Mobile: 018 8222 611 3 Email: huynhthuyngan17@gmail.com </p> </div> </div> -