Tài liệu Đồ án tốt nghiệp khoa công nghệ thông tin xây dựng website giới thiệu các tỉnh thành việt nam ngô thành tiến (1)

BOÄ GIAÙO DUÏC VAØ ÑAØO TAÏO TRÖÔØNG ÑAÏI HOÏC MÔÛ BAÙN COÂNG TPHCM KHOA COÂNG NGHEÄ THOÂNG TIN ----------oOo---------- LUAÄN VAÊN TOÁT NGHIEÄP ÑEÀ TAØI: XAÂY DÖÏNG WEBSITE GIỚI THIỆU CÁC TỈNH THÀNH VIỆT NAM GVHD : Ts. PHAN ĐẠT PHÚC SVTH : NGÔ THÀNH TIẾN – 106H1281 PHẠM NGÔ HOÀNG YẾN – 10460138 TPHCM – 1/2009 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 1/69 LỜI CẢM ƠN Chúng em xin chân thành cảm ơn Khoa Tin học, trường Đại học mở Thành phố Hồ Chí Minh đã tạo điều kiện cho chúng em thực hiện đề tài tốt nghiệp này. Chúng em xin chân thành cảm ơn Thầy Phan Đạt Phúc đã rất tận tình hướng dẫn, chỉ bảo chúng em trong suốt thời gian thực hiện đề tài vừa qua. Chúng em cũng xin chân thành cảm ơn tất cả các Thầy, các Cô trong Khoa đã tận tình giảng dạy, trang bị cho chúng em những kiến thức cần thiết, quý báu trong những năm tháng học tập tại trường. Xin cảm ơn sự giúp đỡ của các bạn, những người luôn bên cạnh và giúp đỡ chúng tôi. Và cuối cùng, chúng con xin tỏ lòng biết ơn sâu sắc đến ông bà, bố mẹ, và cả gia đình đã nuôi dưỡng, giáo dục và luôn động viên để chúng con có ngày hôm nay. Mặc dù chúng em đã cố gắng hoàn thành Luận văn với tất cả sự nỗ lực của bản thân, những chắc chắn Luận văn vẫn không thể tránh khỏi những thiếu sót nhất định, kính mong nhận được sự cảm thông và chỉ bảo tận tình của Quý Thầy Cô và các bạn. TP.HCM, tháng 01 năm 2009 Nhóm sinh viên thực hiện Ngô Thành Tiến & Phạm Ngô Hoàng Yến SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 1/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 3/69 BỐ CỤC LUẬN VĂN --------------------OoO-------------------Luận văn được tổ chức thành 7 phần : Phần I : Giới thiệu tổng quan về đề tài . Phần II : Trình bày về mục tiêu của đề tài “Xây dựng website giới thiệu các tỉnh thành Việt nam” . Phần III : Xuất phát từ mục tiêu như đã trình bày ở phần thứ hai đưa ra các vấn đề cần giải quyết. Phần IV : Trình bày các giải pháp nhằm giải quyết các vấn đề của để tài. Phần V : Trình bày các nội dung thực hiện của đề tài. Phần VI : Trình bày các kết quả thực hiện của đề tài. Phần VII : Kết luận về những kết quả đạt được của đề tài , những vấn đề còn tồn đọng và hướng phát triển của đề tài trong tương lai. SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 3/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 4/69 MỤC LỤC Phần I : GIỚI THIỆU TỔNG QUAN Phần II : MỤC TIÊU Phần III : CÁC VẤN ĐỀ CẦN GIẢI QUYẾT 1. Trang web phải có giao diện đẹp, màu sắc hài hòa, hình ảnh bắt mắt 2. Dàn trang và giao diện thân thiện,dễ sử dụng 3. Xây dựng công cụ tìm kiếm 4. Nội dung trang web chủ yếu đi sâu về giới thiệu các tỉnh thành 5. Nhúng Việt bản đồ vào web Phần IV : GIẢI PHÁP 1. Chọn ngôn ngữ lập trình 2. 2. Sự phối hợp giữa người lập trình và người thiết kế giao diện: 3. Lưu trữ dữ liệu của website3 4. Công cụ xây dựng và phát triển một ứng dụng web 5. Dữ liệu được dễ dàng thay đổi và cập nhật 6. Sao lưu và phục hồi dữ liệu 7. Dùng Map API của Việt bản đồ : Phần V : NỘI DUNG THỰC HIỆN 1. Sự tương tác giữa lập trình cơ sở dữ liệu và thiết kế giao diện 2. Xây dựng bản phác thảo chương trình 3. Thiết kế sơ đồ Site 4. Thiết kế giao diện tương tác với cơ sở dữ liệu 5. Thiết kế cơ sở dữ liệu 6. Tìm hiểu và nhúng Việt bản đồ vào web Phần VI : KẾT QUẢ THỰC HIỆN 1. Giao diện trang web 2. Xây dựng công cụ tìm kiếm 3. Bản đồ các tỉnh thành 4. Cung cấp đầy đủ thông tin giới thiệu về các tỉnh thành việt nam51 SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 4/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 5/69 5. Cũng thông qua giao diện web, người quản trị có thể dễ dàng cập nhật thông tin cho cơ sở dữ liệu một cách linh động Phần VII : KẾT LUẬN 1. Kết quả giải quyết các vấn đề đặt ra 2. Hướng phát triển đề tài Phụ Lục 1. Giải thích các khái niệm trong mô hình truyền thông 2. Giải thích các khái niệm trong mô hình ý niệm xử lý 3. Giải thích các khái niệm trong mô hình ý niệm dữ liệu SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 5/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 6/69 PHẦN I : GIỚI THIỆU TỔNG QUAN Trước đây Người Việt nam muốn tìm hiểu về các tỉnh thành nào đó phải kiếm tài liệu trên sách báo ,thư viện hoặc trên các thông tin khác.Sự tìm hiểu thông tin về các tỉnh thành trở nên khó khăn,giả sử sách nói về tỉnh thành Việt nam có thể lưu trữ ở nhiều cuốn khác nhau ,không cuốn nào nêu hết tất cả .Vì khối lượng thông tin có thể lớn nên việc lưu trữ trên giấy trở nên khó khăn. Ngày nay công nghệ thông tin trở nên phổ biến cho việc lưu trữ thông tin với khối lượng vô cùng lớn.Internet ngày càng phát triển và việc tìm kiếm thông tin về các tỉnh không còn khó khăn nữa.Người Việt nam muốn tìm hiểu rõ đất nước của mình cũng như các tỉnh thành thì chỉ vào Internet và duyệt một số trang như www.angiang.gov.vn,www.hanoi.gov.vn, vi.wikipedia.org… là có thể hiểu thêm về đất nước con người nơi mình đang sinh sống. Không chỉ dừng ở đó thông tin giới thiệu về các tỉnh thành việt nam vẫn không được tập trung vào một trang web để tạo sự thuận lợi cho Người sử dụng.Giả sử ta muốn tìm hiểu về tỉnh An giang,Hà nội ta phải vào trang www.angiang.gov.vn, www.hanoi.gov.vn Chính vì lý do thông tin mỗi tỉnh không được tập trung và mất nhiều thời gian tìm kiếm làm cho người sử dụng phải duyệt qua từng trang web, nên em quyết định chọn đề tài “Xây dựng website giới thiệu các tỉnh thành Việt nam”. Từ trang web này người dùng có thể tìm thấy thông tin khái quát giới thiệu của mỗi tỉnh ,bản đồ của từng miền ,từng tỉnh.Không mất quá nhiều thời gian để tìm hiểu thông tin giới thiệu về một tỉnh thành nào đó. SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 6/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 7/69 PHẦN II – MỤC TIÊU Theo dòng chảy của công nghệ thông tin, mọi lĩnh vực của đời sống đều được tin học hóa. Và thông tin về các tỉnh không nằm ngoài qui luật đó. Việc thiết lập một website nhằm quảng bá thông tin về đất nước con người ,điều kiện tự nhiên,kinh tế xã hội và vị trí địa lý của mỗi tỉnh Việt Nam là một nhu cầu cần thiết cho một đất nước như ngày nay. Vì vậy, chúng em chọn đề tài “Xây dựng website giới thiệu các tỉnh thành Việt nam” với mong muốn: • Giúp Người việt nam hiểu rõ hơn về đất nước ,các tỉnh,thành phố…của Việt Nam mà lại tốn rất ít thời gian:Thông qua website, người sử dụng có thể có được nhiều thông tin về tỉnh thành của Việt Nam, giúp họ có nhiều thông tin về tỉnh mà mình muốn tìm hiểu hoặc giúp cho nhiều người muốn di cư đến tỉnh khác. Họ chỉ cần mở máy tính lên và lên internet, thế là một kho thông tin về tình thành Việt Nam hiện lên. Còn đối với những người xem muốn tìm hiểu về Việt Nam, thông qua website này họ cũng có thể hiểu rõ hơn về đất nước và con người Việt Nam. Họ có thể thấy được Việt Nam ngày nay đẹp thế nào, phát triển thế nào. • Cung cấp một hệ thống các chức năng Tìm kiếm thông tin về tỉnh thành,thành phố,huyện: Đôi khi một số người Việt không nhớ rõ tên hoặc muốn tìm thông tin về tỉnh đó. Rất đơn giản du khách chỉ cần nhớ một cụm từ hoặc một từ của tỉnh nào đó, thông qua website họ có thể tìm kiếm được rất nhiều thông tin về tỉnh thành. Hay họ chỉ cần biết tên tỉnh,thành phố hoặc huyện, website sẽ liệt kê ra một danh sách tất cả các tỉnh,huyện mà họ cần tìm. SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 7/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 8/69 • Bản đồ trực tuyến : Ngoài một số thông tin hữu ích mà website mang lại cho người sử dụng ,một công cụ rất hữu ích nữa đó là bản đồ trực tuyến.Người sử dụng dễ dàng thấy được vị trí địa lý các tỉnh trên bản đồ và chi tiết những thành phố ,huyện…thuộc tỉnh.Bản đồ còn giúp cho người đi tham quan du lịch,những người đi công tác hoặc chuyển chỗ ở có thể xác định được vị trí và đường đi đến tỉnh đó. Cuối cùng, mục tiêu website giới thiệu các tỉnh thành Việt nam hướng đến là giúp cho mọi người trong nước và ngoài nước dễ dàng tìm thấy thông tin và hiểu rõ hơn về đất nước,con người và vị trí địa lý của Việt nam . SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 8/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 9/69 PHẦN III – CÁC VẤN ĐỀ CẦN GIẢI QUYẾT sau khi phân tích những thông tin trên ,để trang web được như vậy chúng em đưa ra một số vấn đề cần giải quyết như: 1. Trang web phải có giao diện đẹp, màu sắc hài hòa, hình ảnh bắt mắt: Một yếu tố không thể thiếu trong quá trình xây dựng và thiết kế website là việc thiết kế giao diện đồ họa. Một website hay chứa đựng những thông tin hấp dẫn mà không được tô điểm bằng giao diện đồ họa, trong site không sử dụng bất kì hình ảnh nào, màu sắc thì nhạt nhẽo sẽ khiến người xem mau cảm thấy nhàm chán vì không đáp ứng được nhu cầu về thẩm mỹ, vì vậy sẽ không thể thu hút được người xem. Việc thiết kế web không những phải đảm bảo thỏa mãn yêu cầu về mặt thông tin mà còn phải thỏa mãn yêu cầu về mặt thẩm mỹ. Một website nói về tỉnh thành Việt nam sẽ có màu sắc hình ảnh khác với một website về nghệ thuật. Vì vậy khi thiết kế trang web phải làm sao cho người xem chỉ cần nhìn vào giao diện của trang web là biết trang web làm về lĩnh vực gì? Vậy một website Tỉnh thành việt nam thì điều đầu tiên là phải sử dụng nhiều hình ảnh về phong cảnh đẹp,thành phố,con người đồ vật và tất cả những gì đặc trưng về tỉnh đó, làm sao cho người xem khi nhìn vào những hình ảnh đó là biết tỉnh đó có những đặc điểm và nét nổi bậc gì, một phần nào giúp cho người xem hiểu thêm về thông tin tỉnh đó. Mục đích của trang web là tập trung tất cả các thông tin về tỉnh thành .Hình ảnh là một phần không thể thiếu nó góp phần tăng cường thông tin cho trang web. Đồ họa mang ý nghĩa khác nhau tùy vào nội dung của trang Web, tuy nhiên chúng phải dễ tải xuống, bắt mắt và không được làm giảm giá trị của thông điệp mà site đang cố truyền tải. Hình ảnh sử dụng trong trang web phải được xử lý để giảm kích thước mà vẫn đảm bảo về mặt thẩm mỹ trước khi load SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 9/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 10/69 lên. Đối với trang web, kích thước hình là một vấn đề quan trọng, nếu hình có kích thước lớn thời gian tải về sẽ lâu, điều này gây khó chịu cho người sử dụng khi họ phải ngồi chờ trang web tải hình ảnh lên. Nhưng nếu hình ảnh kích thước quá bé khi load lên web bị bể hình sẽ làm mất tính thẩm mỹ của trang web, làm cho người xem có cảm giác trang web không được đầu tư kĩ và hình ảnh bị bể sẽ không thể thu hút được người xem vì không ai muốn xem một hình ảnh mà không thể thấy rõ được, như vậy sẽ không thể đáp ứng được mục đích quảng bá hình ảnh về tỉnh thành Việt Nam của website. 2. Dàn trang và giao diện thân thiện,dễ sử dụng : Để có một trang web sinh động, chặt chẽ và bố cục đẹp mắt, ngoài những ý tưởng thẩm mĩ, trang web còn phải được xử lí và xây dựng bằng những kĩ thuật tốt nhất. Sử dụng những công nghệ mới và những công cụ dàn trang mang chuẩn công nghiệp, những thủ thuật tinh tế nhằm giảm bớt sự quá tải của hình họa, sự phức tạp của xử lí các trang tương tác để đưa ra những trang giao diện web đẹp mắt nhất. Không những thế, chúng em còn phải chỉnh sửa xây dựng và kiểm thử nhiều lần để đảm bảo trang web chạy tốt và có giao diện thiết kế không thay đổi trên nhiều phiên bản trình duyệt khác nhau. Dù là trang HTML đơn thuần, sử dụng hiệu ứng JavaScript, "nhúng" trong Php và có "giao dịch dữ liệu" nhiều hay ít, sự thành thạo và nắm vững kĩ năng dàn trang và công cụ thiết kế như Macromedia Dreamweaver, Microsoft FrontPage, Adobe Photoshop, Macromedia Flash... của chúng em là một yếu tố đảm bảo chất lượng cho trang web chạy tốt và nhanh. 3. Xây dựng công cụ tìm kiếm : Vì là trang web giới thiệu các Tỉnh thành Việt nam thể hiện 64 tỉnh nên có khối lượng lưu trữ dữ liệu lớn vì vậy không tránh khỏi việc xây dựng công cụ tìm kiếm thông tin là vấn đế rất quan trọng.Từ trang web người xem có thể dễ dàng tìm kiếm thông tin theo hai cách : Trước hết là tìm kiếm theo tên tỉnh,thành phố,huyện. Ở đây, khi người sử dụng chưa biết rõ hoặc muốn nhanh chóng tìm tên tỉnh,thành phố,huyện chỉ SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 10/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 11/69 cần nhập ô tìm kiếm một từ hay tên tỉnh,thành phố,huyện chỉ sau vài giây trang kết quả sẽ cho ra các tỉnh,thành phố,huyện vừa tìm được. Thứ hai là việc tìm kiếm nội dung thuộc tỉnh.Một tỉnh hay thành phố có thể có nhiều nội dung .Khi kết quả được trả về nội dung thuộc một tỉnh hay nhiều tỉnh khác nhau. Cả hai việc tìm kiếm trên đều phải trả về kết quả là danh sách các nội dung và các tỉnh thỏa điều kiện tìm kiếm. Để cho người dùng có thể nhìn thấy rõ ràng tất cả các kết quả tìm kiếm, danh sách các nội dung và tỉnh được trình bày dưới dạng tóm tắt.Mỗi kết quả đều có một đường link để đi vào chi tiết nội dung kết quả đó. 4. Nội dung trang web chủ yếu đi sâu về giới thiệu các tỉnh thành : Ngoài giao diện của trang web, nội dung là một phần quan trọng không thể thiếu của mọi trang web.Trang web cần phải có nội dung phong phú cách trình bày nội dung cũng là một vấn đề nên cân nhắc của người thiết kế. Trang web chủ yếu cung cấp thông tin giới thiệu về các tỉnh thành Việt nam nên nội dung cần tập trung thông tin đi sâu về các Tỉnh thành Việt nam.Người sử dụng không cần mất quá nhiều thời gian để tìm thông tin về một tỉnh nào đó ở một số trang web khác,chỉ vài động tác nhỏ trên trang web của chúng em người sử dụng có thể biết được thông tin cụ thể về tỉnh mình cần tìm. 5. Nhúng Việt bản đồ vào web : Trang web giới thiệu các tỉnh thành Việt nam chỉ cung cấp cho người sử dụng các thông tin về các tỉnh thành ,giúp cho người sử dụng hiểu được thông tin về các tỉnh nhưng người sử dụng vẫn không biết được bản đồ Việt nam như thế nào hình dạng ra sao? vị trí các tỉnh nằm ở đâu trên bản đồ? các miền sẽ có những tỉnh nào ?các tỉnh sẽ bao gồm những huyện nào?đường đi tới các điểm đó ra sao và đi như thế nào để tới được các tỉnh đó ?. Từ những câu hỏi trên và là một trang web giới thiệu về các tỉnh thành việt nam không thể không có một bản đồ trực tuyến cung cấp cho người sử dụng .Vì vậy chúng em chọn Việt bản đồ để tìm hiểu và nhúng vào web giới thiệu các tỉnh thành Việt nam. SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 11/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 12/69 PHẦN IV – GIẢI PHÁP Với các vấn đề cần giải quyết đặt ra như trên đòi hỏi, chúng em quyết định sử dụng những giải pháp sau để đáp ứng yêu cầu của một Website giới thiệu các tỉnh thành Việt Nam . 1. Chọn ngôn ngữ lập trình ? Hiện nay có rất nhiều ngôn ngữ lập trình có thể làm web như asp.net,php,java…Mỗi ngôn ngữ điều có những thế mạnh quen giúp người lập trình có thể xây dựng một trang web từ đơn giản cho tới chuyên nghiệp. Sau khi nghiên cứu và tìm hiểu chúng em quyết định chọn php để làm ngôn ngữ lập trình chính cho đề “Xây dựng website giới thiệu các tỉnh thành Việt nam“. Vậy php là gì? PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới. 2. Sự phối hợp giữa người lập trình và người thiết kế giao diện: Vì đây là một trang web dữ liệu động nên cần phải có sự phối hợp ăn ý giữa người lập trình và người thiết kế giao diện. Đây là điều cơ bản đầu tiên cần phải thực hiên khi thực hiện đề tài này: phải làm sao để đưa được Mã của người SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 12/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 13/69 lập trình vào giao diện của người thiết kế. Có như vậy thì mới có thể thực hiện được song song vừa viết Mã vừa thiết kế giao diện. người thiết kế và người lập trình có thể làm việc độc lập với nhau giúp giảm bớt thời gian. Vì vậy, trước tiên người thiết kế và người lập trình phải có sự thống nhất với nhau về site map ,bố cục, cũng như các chức năng của chương trình. 3. Lưu trữ dữ liệu của website : Website giới thiệu các tỉnh thành Việt Nam là một website động, dữ liệu hiển thị có thể thay đổi và thêm mới. Trước hết là việc thiết kế một cơ sở dữ liệu đảm bảo lưu trữ đầy đủ các thông tin của Website giới thiệu các tỉnh thành Việt Nam. Trước khi đi vào lưu trữ dữ liệu ta cần phải có giai đoạn thiết kế cơ sở dữ liệu.Dữ liệu có được lưu trữ tốt hay không ,có tối ưu chưa phụ thuộc rất nhiều vào việc thiết kế cơ sở dữ liệu ra sao. Sau việc thiết kế cơ sỡ dữ liệu là lưu trữ và cài đặt hệ quản trị cơ sở dữ liệu. Hiện nay có nhiều công cụ nhằm hỗ trợ việc cài đặt một hệ quản trị cơ sở dữ liệu như : sqlserver, mysql, oracle, acess… So với các phần mềm khác, Mysql thích hợp cho việc lưu trữ dữ liệu của một website và kết hợp với ngôn ngữ lập trình php ,ngày nay php là một ngôn ngữ lập trình rất phổ biến kết hợp với Mysql có thể dễ dàng xây dựng một web thật chuyên nghiệp. Cụ thể hơn, Mysql là một giải pháp cho việc cài đặt và lưu trữ dữ liệu của cơ sở dữ liệu Website giới thiệu các tỉnh thành Việt nam . Một điều thuận lợi của Mysql là dễ cài đặt sử dụng và có thể cài đặt được trên các hệ điều hành windows, linux .Ngày nay đa số các máy chủ đều sử dụng hệ điều hành linux để làm máy chủ web.Nếu một người lập trình muốn sản phẩm web mình làm ra có thể chạy được trên linux và windows thì nên chọn php và mysql.chính vì thế chúng em quyết định chọn Mysql để lưu cơ sở dữ liệu cho trang web giới thiệu các tỉnh thành Việt nam. 4. Công cụ xây dựng và phát triển một ứng dụng web : Để có sự phối hợp ăn ý giữa người viết Mã và người thiết kế giao diện. Để có thể xây dựng một Website giới thiệu các tỉnh thành Việt Nam chuyên nghiệp hơn, chúng em sử dụng Adobe Photoshop để thiết kế layout, cắt hình SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 13/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 14/69 ảnh cho web (slide), sử dụng Macromedia Dreamweaver để layout website bằng ngôn ngữ HTML và để lập trình. 4.1 Macromedia Dreamweaver: Sử dụng Macromedia Dreamweaver để thiết kế trang web vì đây là một phần mềm chuyên dụng để thiết kế web, có thể thiết kế trang web một cách đơn giản nhờ vào hai chế độ màn hình design và Mã. Vì vậy người thiết kế có thể nhìn thấy ngay được giao diện mà mình muốn thiết kế, không những thế người thiết kế còn có thể vào ngay màn hình Mã để chỉnh sửa giao diện của mình với ngôn ngữ html đơn giản mà không cần trình độ lập trình cao. Macromedia Dreamweaver còn có sự tương tác với chương trình Php giúp người lập trình và người thiết kế giao diện có thể làm việc độc lập với nhau. Đây cũng chính là điểm mạnh của Macromedia Dreamweaver và Php. Và đây cũng là chương trình chúng em đã được tìm hiểu trong chương trình học của trường đại hoc. 4.2 Adobe Photoshop Để trang web có giao diện đẹp và rõ ràng có bố cục chặt chẽ chúng em chọn sử dụng những phần mềm chuyên dụng về thiết kế web adobe Photoshop cs để thiết kế và cắt các layout, vì đây là chương trình nổi tiếng trong việc xử lý đồ họa chuyên nghiệp: thiết kế mẫu, xử lý, ghép ảnh để tạo những mẫu đồ họa nghệ thuật, ảnh phục vụ cho trang web…thông qua một số công cụ vẽ, hiệu chỉnh, đổ màu và tập hiệu ứng giúp dễ dàng tạo ra được những layout đẹp. Để có được những hình ảnh đẹp với kích thước nhỏ sử dụng phần mềm Adobe Photoshop để xử lí sẽ tạo ra được những file hình ảnh với kích thước khá nhỏ nhờ vào công cụ cắt hình Slice và chế độ lưu save for web. Nhằm đáp ứng được mục tiêu của trang web tỉnh thành việt , những địa điểm du lịch nổi tiếng của Việt Nam. 4.3 Flash Slideshow Maker Sử dụng Flash Slideshow Maker thiết kế những hiệu ứng hình ảnh cho trang web để trang web bắt mắt hơn. Flash Slideshow Maker có thể SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 14/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 15/69 thực hiên được những đọan slide show với những tấm hình ,kết quả tập tin lưu có dưới dạng file swf và có kích thước nhỏ… Flash Slideshow Maker cho nhiều hiệu ứng để tạo ra một đọan phim với các thành phần media như hình ảnh. Giao diện Flash Slideshow Maker trực quan, dễ sử dụng thông qua những công cụ cho phép bạn tạo ra những sile show chuyên nghiệp. 4.4 Flash Macromedia Sử dụng Flash Macromedia để tạo bản đồ sinh động cho website tỉnh thành Việt Nam. 5. Dữ liệu được dễ dàng thay đổi và cập nhật : Một trang web muốn hoạt động tốt cần rất nhiều lý do như về phần cứng, phần mềm ,đường truyền và rất nhiều yếu tố khác. Một trong những yếu tố không thể thiếu đó là nội dung trang web luôn luôn cập nhật ,thay đổi và chỉnh sửa được thông tin cho phù hợp với hiện tại. Nội dung hiển thị trên Website giới thiệu các tỉnh thành Việt Nam không phải là dữ liệu tĩnh mà đó là một dữ liệu động, dễ dàng cập nhật, xóa hay sửa khi cần thiết. Để làm được điều này, website cần phải có nơi lưu trữ cơ sở dữ liệu. Thứ hai là dữ liệu này cũng sẽ được thao tác dễ dàng. Thông qua môi trường lan,wan,man và internet, dữ liệu có thể được nhập mới, thay đổi hay xóa . Từ đó, nội dung hiển thị của website cho người dùng cũng phải thay đổi theo. Người có quyền thay đổi, xóa, thêm mới nội dung cho website là người quản trị. Để có thể thao tác trên cơ sỡ dữ liệu, người quản trị phải có một tên đăng nhập và mật khẩu. Để bảo đảm an tòan cho người quản trị, mật khẩu nên được mã hóa. Tuy nhiên, có một vấn đề đặt ra là không phải tất cả những người nào thuộc nhóm quản trị cũng đều có thể thay đổi, xóa, sửa tất cả dữ liệu. Người quản trị phải được phân quyền nhất định khi đăng nhập vào hệ thống. Tòan hệ thống sẽ có người quản trị có toàn quyền cho cơ sở dữ liệu. Người này sẽ cấp quyền tiếp theo cho những người quản trị khác. 6. Sao lưu và phục hồi dữ liệu : SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 15/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 16/69 Đó là một phần rất quan trọng mà tất cả những người quản trị web cần phải làm thường xuyên.Việc sao lưu dữ liệu theo định kỳ sẽ giúp cho dữ liệu trang web được an toàn và phục hồi khi có sự cố xảy ra làm mất dữ liệu. 7. Dùng Map API của Việt bản đồ : Trên mạng có rất nhiều trang web cung cấp cho người lập trình có thể nhúng việt bản đồ trực tuyến và các hàm Map API để cho người lập trình chỉnh sửa và nhúng vào trang web của mình như Vietbando,Googlemap… Vì đây là đề tài “Xây dựng website giới thiệu các tỉnh thành Việt nam” nên cần chọn bản đồ chi tiết về Việt nam và để đáp ứng yêu cầu đó nên chúng em chọn Vietbando để nhúng vào trang web.Vietbando là trang web cung cấp chi tiết về bản đồ Việt nam,các tỉnh,các huyện.Vietbando cung cấp cho người lập trình các hàm Map API và ví dụ mẫu cho phép người lập trình có thể nhúng vào trang web phát triển theo hướng riêng. SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 16/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 17/69 PHẦN V – NỘI DUNG THỰC HIỆN Sau khi xác định được mục tiêu cho một Website giới thiệu các tỉnh thành Việt Nam , chúng em đã dựa vào đó nhằm đưa ra những vấn đề cần giải quyết. Từ đó, chúng em sử dụng nhiều giải pháp để xây dựng một Website giới thiệu các tỉnh thành Việt Nam. Sau các giai đọan đó là giai đoạn thực hiện chương trình nhằm đáp ứng các nhu cầu và mục tiêu như đã đề ra. Quá trình xây dựng chương trình được thực hiện theo trình tự như chúng em trình bày dưới đây. 1. Sự tương tác giữa lập trình cơ sở dữ liệu và thiết kế giao diện : Ngày nay, một website có đầy đủ một chức năng chưa đủ mà cần phải có tính thẫm mỹ. Và tương tự, một website chỉ có giao diện đẹp mà dữ liệu cố định, không thay đổi được, không tương tác được với người dùng thì đó không phải là một website chuyên nghiệp. Đặc biệt, như Website giới thiệu các tỉnh thành Việt nam, vừa có đầy đủ chức nằng tìm kiếm, vừa có thể giúp người dùng tìm kiếm thông tin nhanh chóng và bản đồ online, lại vừa phải có giá trị thẩm mỹ cao. Chính vì vậy, việc kết hợp tốt giữa hai công cụ lập trình web và thiết kế giao diện web là Dreamweaver,photoshop rất quan trọng. Người lập trình xây dựng những đoạn Mã để tương tác với giao diện mà người thiết đưa cho và viết các đọan mã lệnh để xây dựng chức năng cho chương trình. Một nguyên tắc chúng làm việc giữa người lập trình và người thiết kế giao diện đó là: những id của các control mà người lập trình sử dụng thì người thiết kế không được thay đổi để tránh việc phát sinh lỗi từ phía các đoạn SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 17/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 18/69 mã ở Mã của trang web. Để có thể đưa được dữ liệu từ mysql vào web php và hiển thị cho người dùng thấy cần phải xây dựng một hàm kết nối cơ sở dữ liệu. Ở đề tài này, chúng em sử dụng nhiều hàm và những đoạn Mã nào dùng nhiều lần chúng em tách ra thành một file riêng để các trang web có thể include vào sử dụng mà không cần viết Mã lại. Làm cách này không chỉ là có thể sử dụng lại đoạn mã lệnh mà còn dễ dàng cho người thiết kế. Khi cần thay đổi cách thức thể hiện, chỉ cần vào điểu khiển người dùng thay đổi thì những phần nào trong website có sử dụng điều khiển đó lập tức thay đổi theo. Người thiết kế khi sử dụng điều khiển người dùng sẽ kiểm soát được việc hiển thị của toàn website đối với người dùng. Khi phần ứng dụng cho người quản trị chưa hoàn thành, có thể nhập dữ liệu trực tiếp vào các bảng của cơ sỡ dữ liệu. Đến khi chức năng này được hoàn thiện, chúng em nhập liệu và sửa dữ liệu từ các trang ứng dụng của người quản trị. Khi dữ liệu nhập vào và hiển thị ra phần người dùng, cả người thíêt kế và người lập trình sẽ chỉnh sửa lại các trang cho phù hợp để đi đến một chương trình thống nhất. 2. Xây dựng bản phác thảo chương trình : Từ mục tiêu của một Website giới thiệu các tỉnh thành Việt Nam, chúng em đưa ra bản phác thảo(prototype). Vẽ bản phác thảo nhằm để liệt kê ra các chức năng của chương trình, sẽ định được vị trí nào, ở đâu trên trang web có chức năng gì, hiển thị dữ liệu đối với người dùng như thế nào.Bản phác thảo được vẽ sơ bộ bằng tay, trên các tờ giấy lớn. Bản phác thảo được xây dựng sẽ đưa ra được các chức năng chính của chương trình. Và qua đó sẽ sắp xếp, bố cục trang web sao cho hợp lý, dễ dàng cho người sử dụng. Việc phác thảo trang web cuối cùng sẽ cho ra cái nhìn tổng quát về chương trình, hệ thống hóa các chức năng chủ yếu của chương trình. Trong quá trình xây dựng bản phác thảo, chúng em tham khảo một số website giới thiệu về các tỉnh của Việt Nam để đưa ra bố cục chung cho website riêng của mình. SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 18/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 19/69 Việc vẽ bản phác thảo bao gồm hai phần: bản phác thảo cho phần người dùng và bản phác thảo cho phần người quản trị(admin). Qua việc thíêt kế bản phác thảo, chúng em liệt kê ra được các chức năng cơ bản của website để từ đó có thể đi đến bước tiếp theo là phân tích và thíêt kế sitemap. 3. Thiết kế sơ đồ Site : Trước khi bước vào thiết kế giao diện của từng trang web phải thiết kế sơ đồ Site xem website của mình sẽ có bao nhiêu trang, phần hình ảnh, phần flash sẽ đặt ở đâu tạo sự thuận tiện cho việc thiết kế sau này. Nhìn vào sơ đồ Site để thiết kế chi tiết từ trang. Sitemap website giới thiệu các tỉnh thành Việt nam Từ sơ đồ trên ta có thể nhận thấy tổng quan trang web có bao nhiêu trang và chức năng của từng trang sẽ làm những gì . SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 19/69 Xây dựng website giới thiệu các tỉnh thành Việt nam Trang 20/69 - Trang chủ : cung cấp cho người sử dụng cái nhìn tổng quan về mục đích của trang web nên phần giới thiệu của trang web rất quan trọng,nhìn vào phần giới thiệu người sử dụng có thể biết được nội dung trang web này viết ra để làm gì ? .Vì là trang web giới thiệu các tỉnh thành Việt nam nên từ trang chủ người sử dụng có thể biết được nước Việt nam được chia thành bao nhiêu miền và có bao nhiêu tỉnh thành.có link chi tiết về các tỉnh,các miền. - Trang miền : Giới thiệu sơ lược ,những đặc điểm chung của miền.Thể hiện danh sách các tỉnh thuộc miền ,một số hình ảnh đặc trưng của miền đó.Ngoài ra từ trang miền người sử dụng có thể link tới bản đồ miền,chi tiết về các tỉnh. - Trang tỉnh : Cũng như trang miền ,thể hiện danh sách các huyện thuộc tỉnh ,một số hình ảnh giới thiệu tỉnh .khác với trang miền là có các danh sách bài viết về các tỉnh như phần giới thiệu ,điều kiện tự nhiên ,kinh tế ,văn hóa xã hội ,lịch sử…về tỉnh đó.có các link tới trang huyện và bản đồ chi tiết của tỉnh. - Trang huyện : Giống như trang tỉnh về danh sách các huyện ,hình ảnh giới thiệu ,link bản đồ chi tiết các huyện đều như trang tỉnh .trang huyện chỉ có phần giới thiệu sơ lược về huyện đó. - Trang tin tức (chi tiết thể loại) : Nêu lên thông tin đầy đủ của một thể loại hay một tin của một tiêu đề thể loại của tỉnh. - Trang kết quả tìm kiếm : Thể hiện các kết quả vừa tìm được từ từ khóa tìm kiếm. - Trang liên hệ : thể hiện form thông tin cho người sử dụng gửi tin đến người quản trị. - Trang login : dùng cho người quản trị có tên đăng nhập và mât khẩu truy cập vào hệ quản trị của trang web. - Trang admin : sau khi đăng nhập vào người quản trị có thể thấy các chức năng mà người quản trị có thể thao tác. - Trang quản lý người dùng : Thể hiện danh sách các người quản tri và cho phép người quản trị tối cao có thể tạo các người quản trị SVTH: Ngô Thành Tiến và Phạm Ngô Hoàng Yến Trang 20/69