Xây dựng website công ty máy tính phượng hoàng

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG………… Luận văn Xây dựng website cơng ty máy tính Phượng Hồng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng LỜI CẢM ƠN Sau năm học tập nghiên cứu trường Đại học Dân lập Hải Phòng, em, lời cảm ơn đến thầy giáo, cô giáo trường khơng đủ Có lẽ điều thầy mong mỏi nhận từ sinh viên thân yêu thành cơng họ nghiệp sau Đó đích mà chúng em – sinh viên thầy dìu dắt tận tình bốn năm qua – muốn vươn tới Dù biết lời cảm ơn không đủ để bầy tỏ hết tình cảm em muốn nói : Em xin cảm ơn thầy cơ! Trước hết, em xin gửi lời cảm ơn chân thành sâu sắc tới Thạc Sỹ Đỗ Xuân Toàn, người hướng dẫn bảo em tận tình để hoàn thành đề tài luận văn Em xin chân thành cảm ơn thầy giáo, cô giáo Khoa Công nghệ thông tin trường Đại học Dân lập Hải Phòng truyền thụ kiến thức vơ q báu cho chúng em, giúp chúng em có thêm hành trang vững để tiến bước vững vàng tương lai Em xin cảm ơn thầy hiệu trưởng – GS.TS.NGƯT Trần Hữu Nghị tạo môi trường học tập tốt mặt vật chất lẫn tinh thần để chúng em thỏa sức nghiên cứu, học tập nhằm thu thành tích cao Dưới kết trình tìm hiểu nghiên cứu mà em đạt thời gian vừa qua Mặc dù cố gắng thầy cô giúp đỡ hiểu biết kinh nghiệm cịn hạn chế nên chưa phải kết mà thầy cô mong đợi từ em Em mong nhận lời nhận xét đóng góp quý báu thầy cô để luận văn em hoàn thiện cho em thêm nhiều kinh nghiệm cho công việc sau Một lần em xin chân thành cảm ơn ! Hải Phòng, ngày… tháng… năm 2009 Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hồng MỤC LỤC LỜI NĨI ĐẦU CHƢƠNG I: KHẢO SÁT NHU CẦU THỰC TẾ 1.1 Giới thiệu cơng ty Máy tính Phượng Hồng .3 1.2 Các yêu cầu thiết kế website 1.2.1 Các yêu cầu chức 1.2.2 Các yêu cầu thiết kế giao diện 1.2.3 Các yêu cầu tổ chức đặt website CHƢƠNG II: THIẾT KẾ .7 2.1 Một số cơng nghệ lập trình web 2.1.1 Giới thiệu ứng dụng web 2.1.2 Cơng nghệ lập trình web PHP 2.1.3 Cơng nghệ lập trình web ASP (Active Server Page) 10 2.1.4 Cơng nghệ lập trình web ASP.Net 11 2.1.4.1 Tính ASP.Net 11 2.1.4.2 Các thành phần khung Net 13 2.1.4.3 Các thành phần ứng dụng ASP.Net 16 2.1.4.4 Cách thức thực thi ứng dụng ASP.Net 17 2.1.5 Cơng nghệ lập trình web AJAX .18 2.1.5.1 Cascading Style Sheet (CSS) 21 2.1.5.2 JavaScript 22 2.1.5.3 Document Object Model (DOM) 23 2.1.5.4 XML (eXtensible Markup Language) 24 2.2 Hệ quản trị sở liệu SQL server 24 2.3 Hệ quản trị sở liệu MySQL 27 2.4 Thiết kế sở liệu 28 2.4.1 Thiết kế hệ thống quản lý website CTMT Phượng Hồng 28 2.4.2 Mơ hình liên kết thực thể ER 29 2.5 Thiết kế giao diện 35 2.5.1 Một số chức website .35 2.5.2 Một số chức hệ thống quản lý website 36 2.5.3 Lựa chọn giao diện website 37 Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng 2.5.4 Thiết kế giao diện chức website 43 CHƢƠNG III: KẾT QUẢ ĐẠT ĐƢỢC 46 3.1 Giao diện trang chủ 46 3.2 Giao diện trang giới thiệu công ty 47 3.3 Giao diện trang Thông tin 47 3.4 Giao diện trang thông tin Liên hệ (nhân viên hỗ trợ trực tuyến) 48 3.5 Giao diện trang Tìm kiếm thơng tin sản phẩm 48 3.6 Giao diện Xây dựng máy tính 51 3.7 Giao diện sau Đăng nhập hệ thống 52 3.8 Hạn chế 53 3.9 Hướng phát triển đề tài .54 Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hồng LỜI NĨI ĐẦU Ngày nay, cơng nghệ thơng tin ngành thu hút quan tâm nhiều giới nói chung Việt Nam nói riêng Có thể nói, cơng nghệ thông tin lựa chọn không đông đảo sinh viên theo học tập, nghiên cứu, nhà đầu tư, doanh nghiệp kinh doanh, mà thị trường lớn đòi hỏi nguồn nhân lực ngày có trình độ chun mơn cao Cùng với trợ giúp đắc lực mạng Internet, việc ứng dụng công nghệ thông tin vào lĩnh vực đời sống thường đem lại hiệu cao Một lĩnh vực ứng dụng thành công công nghệ thông tin Internet lĩnh vực kinh doanh – thương mại điện tử Hầu hết doanh nghiệp coi việc xây dựng website riêng để quảng cáo hình ảnh, mơ hình kinh doanh, thu hút vốn nhà đầu tư quan tâm khách hàng, bạn hàng khâu quan trọng nhằm nâng cao hiệu kinh doanh Thông qua website riêng đó, hình ảnh doanh nghiệp biết đến nhiều hơn, gần gũi với người tiêu dùng hơn, có nhiều hội kinh doanh hơn… Phượng Hồng Company cơng ty Cơng ty máy tính Phượng Hồng cơng ty chuyên kinh doanh thiết bị điện tử, máy móc văn phịng, trang thiết bị trường học Hiện cơng ty tiến hành nhiều chiến lược kinh doanh lúc nhằm quảng bá rộng rãi thương hiệu thị trường Để góp phần thúc đẩy chiến lược kinh doanh thành cơng, lãnh đạo cơng ty có yêu cầu xây dựng website riêng công ty Trên sở : nhu cầu cần thiết kế website cho cơng ty máy tính Phượng Hoàng, đề tài mà em thực nhằm thiết kế website quảng cáo thông tin đáp ứng yêu cầu từ phía lãnh đạo cơng ty Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng Và sau kết q trình nghiên cứu, phân tích thiết kế mà em đạt suốt thời gian làm đồ án vừa qua Em mong thầy giáo, giáo đánh giá đóng góp ý kiến để đề tài em hoàn thành tốt Em xin chân thành cảm ơn ! Sinh viên thực Phan Thị Huyền Trang Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng CHƢƠNG I: KHẢO SÁT NHU CẦU THỰC TẾ 1.1 Giới thiệu công ty Máy tính Phượng Hồng Cơng ty máy tính Phượng Hồng : - Lĩnh vực hoạt động : Tin học, Điện tử, Viễn thông, Kinh doanh - Chuyên kinh doanh sản phẩm : loại máy văn phòng (máy tính bộ, laptop, máy in, máy chiếu, máy fax, thiết bị quan sát, thiết bị mạng, linh kiện máy tính, văn phòng phẩm …), trang thiết bị trường học (sách giáo khoa, viết, bút viết, bàn ghế…) - Cơ sở kinh doanh đặt 57B - Bạch Đằng - Núi Đèo - Thủy Nguyên Hải Phòng Điện thoại liên hệ : 0313 776266 – 0904 202300 - Tổ chức nhân : Giám đốc cơng ty : Tạ Xn Phong Trưởng phịng kinh doanh : Nguyễn Đình Hiệp Trưởng phịng kỹ thuật : Trương Sơn Thúy Kế tốn trưởng : Tạ Thị Thúy Nhân viên bán hàng : Nguyễn Thị Dung Kỹ thuật viên : Hoàng Văn Triệu – Hoàng Văn Ngọc Ngay từ thành lập, trải qua năm hoạt động với phấn đấu khơng ngừng lãnh đạo tài tình ban lãnh đạo cơng ty, tên Phượng Hồng company dần trở thành thương hiệu nhiều người biết đến Với đội ngũ nhân viên trẻ, động, nhiệt tình, sáng tạo, có trình độ chun mơn cao, cơng ty máy tính Phượng Hồng khẳng Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hồng định vị lịng khách hàng đồng thời tạo lập uy tín với đối tác Hiện cơng ty cung cấp dịch vụ : - Tư vấn, thiết kế, cung cấp, lắp đặt bảo trì hệ thống mạng LAN, Wireless LAN, WAN,…hệ thống camera quan sát,… - Cung cấp, sửa chữa trang thiết bị máy tính, máy văn phịng, linh kiện điện tử… - Cung cấp trang thiết bị trường học,… Mục tiêu phát triển trước mắt lâu dài Phượng Hồng phấn đấu trở thành cơng ty hàng đầu thương mại dịch vụ lĩnh vực cơng nghệ thơng tin, có uy tín lớn khách hàng bạn hàng Bên cạnh đó, cơng ty mong muốn tạo điều kiện cho cán bộ, nhân viên có thu nhập ổn định mức sống cải thiện ngày cao Để thực tốt mục tiêu đó, lãnh đạo cơng ty rõ định hướng phát triển cho vừa phát huy hết mức sức mạnh vốn có để đáp ứng ngày cao nhu cầu khách hàng, vừa giữ vững tăng tốc độ phát triển tất mặt doanh số, nhân lực, dịch vụ,… Hiện công ty triển khai số chiến dịch kinh doanh nhằm quảng bá rộng rãi thương hiệu mong muốn bày tỏ lời cảm ơn tới quý khách hàng sát cánh bên Phượng Hoàng suốt thời gian qua Để góp phần thúc đẩy chiến dịch đạt hiệu cao nhất, ban lãnh đạo công ty đề xuất xây dựng website riêng công ty Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng 1.2 Các yêu cầu thiết kế website 1.2.1 Các yêu cầu chức Về mặt chức chính, Website xây dựng cho : - Khách hàng truy cập vào website xem thơng tin cơng ty (tên, địa chỉ, điện thoại liên hệ công ty…), thông tin sản phẩm(hình ảnh, đơn giá, bảo hành, khuyến mại…), thơng tin chương trình khuyến mại áp dụng cơng ty… - Khách hàng tìm kiếm thơng tin sản phẩm mà quan tâm - Khách hàng thực việc ghép linh kiện máy tính riêng lẻ để tạo thành máy hồn chỉnh với tương thích tương đối linh kiện - Nếu khách hàng muốn mua sản phẩm hay sử dụng dịch vụ cơng ty, họ xem thơng tin liên hệ nhân viên hỗ trợ liên hệ trực tuyến thông qua địa yahoo - Người dùng hệ thống truy cập vào sở liệu thông qua website để cập nhật thông số hệ thống(tỷ giá áp dụng,…), thực quản lý, tổ chức website Về bản, website chủ yếu xây dựng trang thông tin quảng cáo không thực chức xây dựng giỏ hàng trực tuyến Nếu khách hàng có quan tâm tới cơng ty sản phẩm làm việc trực tiếp gián tiếp với nhân viên hỗ trợ công ty Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng 1.2.2 Các yêu cầu thiết kế giao diện Giao diện website phải thiết kế theo số yêu cầu từ phía cơng ty : - Phải đưa logo, slogan, địa cơng ty Phượng Hồng - Bố trí tiện ích, chức để khách hàng truy xuất thơng tin cách tiện lợi, dễ dàng hợp lý - Đưa danh mục sản phẩm mà công ty kinh doanh Danh mục sản phẩm bố trí thành menu bên website Nội dung hiển thị phần website - Cho biết thông tin tỷ giá áp dụng công ty, danh sách nhân viên hỗ trợ trực tuyến, thông tin lượng người truy cập website… - Cho phép tiện ích tìm kiếm theo nội dung : tìm theo danh mục từ khóa cho sẵn, tìm theo từ khóa người dùng nhập vào, tìm sản phẩm có mức giá thấp giá người dùng nhập vào (theo đơn giá tính $) - Cho phép hiển thi danh sách sản phẩm theo dạng : grid (dạng lưới) list (dạng danh sách) 1.2.3 Các yêu cầu tổ chức đặt website Phía cơng ty tiến hành th host mua tên miền ảo cho website website triển khai mạng internet Do yêu cầu lựa chọn công nghệ để xây dựng website cần tính tới vấn đề chi phí cho kinh phí th host tương đối đồng thời khơng gây trở ngại cho việc cập nhật liệu Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng + Giao diện (version 1) + Giao diện (version 2) Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 41 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng + Giao diện (version 3) Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 42 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng 2.5.4 Thiết kế giao diện chức website - Giao diện chức Tìm kiếm thơng tin : - Giao diện chức Đăng nhập hệ thống : Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 43 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng - Giao diện chức Xây dựng máy tính Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 44 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng + Khi người truy cập chọn linh kiện hộp lựa chọn, tổng tiền linh kiện chọn hiển thị textbox theo giá USD giá VNĐ Nếu người truy cập muốn xem chi tiết linh kiện mà chọn, họ cần kích vào nút “Xem danh sách cấu hình” kết hiển thị textarea phía + Nếu muốn khởi tạo lại tất hộp select, người truy cập kích vào nút “Khởi tạo lại” để làm lại từ đầu Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 45 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng CHƢƠNG III: KẾT QUẢ ĐẠT ĐƢỢC Dưới giao diện tổng thể website Cơng ty máy tính Phượng Hồng sau sinh viên thực đề tài phân tích, thiết kế lập trình 3.1 Giao diện trang chủ Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 46 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng 3.2 Giao diện trang giới thiệu công ty 3.3 Giao diện trang Thông tin Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 47 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hồng 3.4 Giao diện trang thơng tin Liên hệ (nhân viên hỗ trợ trực tuyến) 3.5 Giao diện trang Tìm kiếm thơng tin sản phẩm - Giao diện Tìm kiếm theo từ khóa cho trước hộp lựa chọn : Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 48 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hồng - Giao diện Tìm kiếm theo từ khóa ngẫu nhiên người truy cập nhập vào : - Giao diện Tìm Kiếm sản phẩm có giá thấp giá người dùng nhập vào : Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 49 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng - Kết tìm kiếm hiển thị theo dạng Grid (dạng lưới) : - Kết tìm kiếm hiển thị theo dạng List (dạng danh sách) : Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 50 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng 3.6 Giao diện Xây dựng máy tính Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 51 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng 3.7 Giao diện sau Đăng nhập hệ thống - Khi đăng nhập với quyền „admin‟: Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 52 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng - Khi dăng nhập với quyền „update‟ : Ngoài ra, website thiết kế với tiện ích bố trí thuận tiện sử dụng, tạo điều kiện để nâng cấp website cách dễ dàng 3.8 Hạn chế Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 53 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hồng Trên thực tế, với cơng nghệ, kỹ thuật lập trình khác, website thiết kế đẹp hơn, chuyên nghiệp hơn, nhiều hiệu ứng động chắn đáp ứng cao u cầu từ phía cơng ty Nhưng hạn chế mặt thời gian, hạn chế trình độ, chuyên môn kinh nghiệm sinh viên thực đề tài nên đề tài chắn nhiều điều thiếu sót Sinh viên thực đề tài tự nhận thấy website thiết kế khơng đạt điểm sau : - Về màu sắc thể website khơng có độ suốt, màu phối khơng hợp, làm cho website trơng tối - Các thành phần bố trí chưa chuyên nghiệp - Các chức thực cho kết tương đối, chưa thật chuẩn xác 3.9 Hƣớng phát triển đề tài - Tiếp tục sử dụng công nghệ, kỹ thuật để cải thiện giao diện, chức website - Tìm hiểu phát triển thêm chức website nhằm thu hút nhiều người truy câp - Tăng khả bảo mật, tính an tồn làm việc với liệu hệ thống thông qua website Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 54 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 2.3.CẬP NHẬT T/TIN NV Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng Trên kết mà em đạt sau khoảng thời gian thực đề tài bảo, giúp đỡ tận tình giáo viên hướng dẫn ThS Đỗ Xn Tồn Tuy đề tài cịn nhiều hạn chế thật tất mà em làm em cố gắng để thực tốt khả Em mong nhận lời nhận xét quý báu thầy giáo, cô giáo hội đồng tốt nghiệp để triển khai thực tế đề tài em đạt kết tốt Em Xin Chân Thành Cảm Ơn ! Phan Thị Huyền Trang CT902 – ĐH DL Hải Phòng 55 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... thành cơng, lãnh đạo cơng ty có u cầu xây dựng website riêng công ty Trên sở : nhu cầu cần thiết kế website cho công ty máy tính Phượng Hồng, đề tài mà em thực nhằm thiết kế website quảng cáo thông... luanvanchat@agmail.com Đồ án tốt nghiệp ngành CNTT Xây dựng website CTMT Phượng Hoàng CHƢƠNG I: KHẢO SÁT NHU CẦU THỰC TẾ 1.1 Giới thiệu cơng ty Máy tính Phượng Hồng Cơng ty máy tính Phượng Hồng : - Lĩnh vực hoạt... CNTT Xây dựng website CTMT Phượng Hoàng MỤC LỤC LỜI NÓI ĐẦU CHƢƠNG I: KHẢO SÁT NHU CẦU THỰC TẾ 1.1 Giới thiệu cơng ty Máy tính Phượng Hoàng .3 1.2 Các yêu cầu thiết kế website