Bài giảng Thiết kế website

THIẾT KẾ WEBSITENội dungMột số khái niệm cơ bảnPhân loại trang web tĩnh/độngMột số bước chính trong phát triển websiteCông bố website trên internetMột số khái niệm cơ bảnMạng, giao thứcMạng máy tính (Computer Network): Hệ thống các máy tính được kết nối với nhau nhằm trao đổi dữ liệu. Internet: Thuật ngữ chỉ mạng toàn cầu.Giao thức-(Protocol):Tập hợp các quy tắc được thống nhất giữa các máy tính trong mạng nhằm thực hiện trao đổi dữ liệu được chính xácVí dụ: TCP/IP, HTTP, FTP,Địa chỉ IP: IP AddressXác định một máy tính trong mạng dựa trên giao thức TCP/IP. Hai máy tính trong mạng có 2 địa chỉ IP khác nhauIPv4: Có dạng x.y.z.t (0 ≤ x, y, z, t ≤ 255)Ví dụ: 202.191.56.210 : địa chỉ máy chủ web của Viện CNTT&TT, ĐHBK HNĐặc biệt: địa chỉ: 127.0.0.1 (địa chỉ loopback) là địa chỉ của chính máy tính đang sử dụng dùng để thử mạng Tên miền: Domain NameLà tên được “gắn” với 1 địa chỉ IP.Máy chủ DNS thực hiện việc “gắn” (ánh xạ)Ở dạng văn bản nên thân thiện với con ngườiĐược chia thành nhiều cấp, phân biệt bởi dấu chấm (.). Đánh số cấp lần lượt từ phải sang trái bắt đầu từ 1.Cấp lớn hơn là con của cấp nhỏ hơnVí dụ: soict.hut.edu.vn gắn với 202.191.56.210 trong đó:vn: Nước Việt Nam (Cấp 1)edu: Tổ chức giáo dục (Cấp 2)hut: Tên cơ quan (Cấp 3)soict: đơn vị nhỏ trong cơ quan (Cấp 4)Đặc biệt: Tên localhost được gắn với 127.0.0.1Máy chủ Web, Phần mềm dịch vụ Web (Web Server)Máy tính chứa nội dung website trên mạng, là nơi xử lý dữ liệu tập trung.Khi truy cập website sẽ truy cập vào máy tính này để yêu cầu các nội dung. Cần cài phần mềm dịch vụ web: Web Server. Một số phần mềm web server chuyên dụng:Apache: mã nguồn mởInternet Information Services (IIS): Sản phẩm của MicrosoftThực tế: các máy chủ có cấu hình cao, khả năng hoạt động ổn định (24/24)Máy khách (Client), Trình duyệt WebMáy khách:Máy khai thác dịch vụ của máy chủ (mô hình client/server)Một máy tính có thể vừa là client vừa là server.Trình duyệt (Web browser):Phần mềm chạy trên client để khai thác dịch vụ webMột số Web browser:NescapeMozilla FirefoxInternet Explorer (IE),Safari , Google Chrome, Trang web, web site, World Wide WebTrang web: Web page:Là một trang nội dungCó thể được viết bằng nhiều ngôn ngữ khác nhau nhưng kết quả trả về client là HTMLWeb site:Tập hợp các trang web có nội dung thống nhất phục vụ cho một mục đích nào đóWorld Wide Web (WWW): Tập hợp các web site trên mạng internet.Phân loại trang webPhân loại trang webDựa vào công nghệ phát triển, có 2 loại:Web tĩnh:Dễ phát triểnTương tác yếuSử dụng HTMLCó thể tạo bằng các công cụ trực quanWeb động:Khó phát triển hơn (lập trình + CSDL)Tương tác mạnhSử dụng nhiều ngôn ngữ khác nhauThường phải viết nhiều mã lệnhMột số bước chính trong phát triển websiteCác bướcTương tự xây dựng một phần mềm nói chung.Đặc tảPhân tíchThiết kếLập trìnhKiểm thửMột số điều cần chú ýĐặc tả:Web để làm gì?Ai dùng?Trình độ người dùng?Nội dung, hình ảnh?Phân tíchMối liên quan giữa các nội dung?Thứ tự các nội dung?Một số điều cần chú ý (tt)Thiết kếSơ đồ cấu trúc websiteGiao diệnTĩnh hay độngCSDLNội dung từng trangLiên kết giữa các trangXây dựngCấu trúc thư mụcCác modul dùng chungMột số điều cần chú ý (tt)Kiểm thửKiểm tra trên nhiều trình duyệtKiểm tra trên nhiều loại mạngKiểm tra tốc độKiểm tra các liên kếtThử các lỗi bảo mậtCông bố website trên InternetCác điều kiện cần thiếtXây dựng websiteQuyền sử dụng hợp pháp DomainSử dụng tên miền con miễn phíĐăng ký tên miền riêngHosting (Nơi chứa nội dung website)Sử dụng miễn phíThuê không gian riêngTự host website của mìnhDuy trì và phát triển và quảng bá websiteXây dựng websiteThông tin “tĩnh” hay “động”Web tĩnhWeb độngPortalGiá thànhWeb tĩnh: Tính theo các kiểu trangTrang đơn giảnTrang hiệu ứng hình ảnh tốtWeb động: Tính theo các mục, các khối chức năngThiết kế CSDLCác chức năng phía user: đưa tin, phân loại, tìm kiếmCác chức năng phía Admin: Đăng nhập, xem/thêm/sửa/xóa tin bài, báo cáo, thống kêPhân tíchCó nên đăng ký tên miền, thiết kế và duy trì website hay không?Nếu có, đăng ký tên miền với tên thế nào, thể loại gì, theo hệ thống của Việt Nam hay theo các hệ thống tên miền bên ngoàiCó tự Host website của mình không?Để phục vụ website, có các phương án dành cho?Nhân sựKinh phíCơ chế tổ chức, hoạt độngQuy trình làm việcĐăng ký tên miềnXác định tên Tên tiếng ViệtTên giao dịch tiếng AnhTên viết tắtXác định nơi đăng kýĐăng ký tên miền càng sớm càng tốtThủ tục đơn giản, nhanh chóngKinh phí rẻViệt Nam: 450.000+480.000/nămNước ngoài: 8 – 12USDHostingXác định môi trường vận hành của websiteMáy chủ WindowsSupport ASP, PHP, SQL Server, MySQLĐắt hơn máy chủ LinuxMáy chủ LinuxSupport PHP, JSP, MySQLRẻ hơn máy chủ WindowsXác định dung lượng thực tế của website, khả năng sẽ mở rộngXác định băng thông, các dịch vụ đảm bảo an toàn, an ninh, backup dữ liệuDuy trì websiteCập nhật thông tinWeb tĩnh:Upload Webpage thông qua Web BrowserUpload Webpage thông qua FTP program (Cute FTP, FTP Voyager, )Web độngForm cập nhật CSDL nếu Site có kết nối CSDLPhát triển websiteCác chiến lược marketingSử dụng thư điện tửĐầu tư quảng cáo 1 đợt trên các phương tiện truyền thông (Báo, đài, Tivi)Liên kết với các site cùng loạiTrao đổi bannerGiới thiệu lẫn nhau.Quảng bá websiteQuảng bá WebsiteĐăng ký Website vào các máy tìm kiếm trong nước và thế giới (search engine)Vietnam Searchengine: Panvietnam, vinaseekGlobal Searchengine: google, altavista, hotbootNâng cao vị trí của Website trong hệ thống xếp hạng Website thế giới.Google rank (the important of website: 1-10)Alexa rank: Traffic ranking of website.Nâng tầm phát triển WebsiteTự động hoá dần các chức năng của Website.Biến Website thành một môi trường kinh doanh thực sự hiệu quả 24/24 trên Internet.