Thiết kế và lập trình Web 1 - Quá trình xây dựng một Website dưới góc nhìn ngộ nghĩnh

Lập trình và Thiết kếWeb 1 © 2007 Khoa Công nghệ thông tin Khoa CNTT – ĐH.KHTN Quá trình xây dựng 1 website dưới góc nhìn ngộ nghĩnh Tham khảo VnExpress.net (theo PingMag ) Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Giới thiệu ƒ 1 ví dụ cơ bản, dễ hiểu và vui nhộn về một công việc vốn đòi hỏi chất xám cao. ƒ Có rất nhiều tác nhân ảnh hưởng đến việc thiết kế và phát triển website Îmỗi dự án không bao giờ được phân mảng rõ ràng như trong những hình mô tả dưới đây. Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Những nhân vật chính ƒ Ba nhân vật chính tham gia đề án: – lập trình viên (programmer) – họa sỹ thiết kế (designer) – khách hàng yêu cầu xây dựng site (client) ƒ Website : một chiếc bóng đèn Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Thảo luận ƒ Bắt đầu dự án: thảo luận với khách hàng về những công việc cơ bản: – những điều cần làm – vai trò, trách nhiệm, đối tượng bạn sẽ liên hệ để lấy tài liệu (nội dung text, hình ảnh) cho website… Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Suy nghĩ ƒ Bạn và họa sỹ sẽ suy tính xem nên tổ chức mọi thứ như thế nào: – điều cần được xây dựng trên mọi trang – mức độ quan trọng… Î phác thảo một sơ đồ site cho khách hàng và làm cơ sở cho những lần thay đổi nội dung về sau Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Mô hình phác thảo ƒ Mô hình phác thảo, giống như một “bộ xương website”: – hướng dẫn – tính năng – nội dung xuất hiện trên trang web chính thức – nhưng CHƯA có sự góp mặt của yếu tố THIẾT KẾ ĐỒ HỌA – Î Mô hình được sử dụng để xác định những vấn đề rắc rối và những thành phần còn thiếu trong cấu trúc chung Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Chuẩn bị nội dung ƒ Dựa trên sơ đồ site và bộ khung, bạn và khách hàng sẽ cùng nhau bàn bạc về nội dung cho website. ƒ Vấn đề nội dung có lẽ là công việc vất vả nhất mà khách hàng phải thực hiện trong suốt dự án và nó mất khá nhiều thời gian Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Thiết kế cơ bản ƒ Khi những điều trên đang diễn ra, chuyên gia thiết kế sẽ tập trung nghiên những kiểu dáng cơ bản của trang chủ và các trang thứ cấp Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Phản hồi của khách hàng ƒ Khi thiết cơ bản đã sẵn sàng, khách hàng sẽ kiểm tra và đưa ra những đề xuất chỉnh sửa. Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Thiết kế lại ƒ Đôi khi họa sỹ sẽ phải làm lại từ đầu hoặc đảo lộn mọi thứ Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Khách hàng chấp thuận ƒ Quá trình xây dựng - phản hồi - xây dựng lại lặp đi lặp lại trong nhiều giai đoạn của dự án. ƒ Trách nhiệm của khách hàng: – cung cấp nội dung – đưa ra nhận xét, góp ý Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Thiết kế cụ thể ƒ Sau khi mô hình cơ bản được chấp thuận, họa sỹ sẽ thiết kế chi tiết từng trang nhỏ website. Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Chính thức chấp nhận ƒ Một lần nữa, chúng được kiểm tra, làm lại và khẳng định lần cuối. Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Xây dựng trang Web Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Chạy thử nghiệm và trình bày với khách hàng Lập trình và Thiết kếWeb 1 © 2007 Khoa CNTT - ĐHKHTN Ra mắt Website ƒ Đến đây, mọi người nói “Kết thúc”, nhưng tất nhiên bạn chưa thể cầm gọn khoản tiền công và ung dung ra về. Bạn phải theo dõi site ít nhất 10 ngày (10 năm) để xem có vấn đề gì phát sinh không.