Đồ án chia sẻ hình ảnh trực tuyến

Với mong muốn phát triển một website để người dùng chia sẻ hình ảnh cá nhân, lưu giữ những khoảnh khắc đẹp trong cuộc sống và hơn thế nữa là để kết nối cộng đồng trực tuyến, chính vì thế, trong đồ án này, em đã lựa chọn đề tài phát triển một website chia sẻ hình ảnh trực tuyến. Bố cục đồ án như sau:Lời nói đầu Chương 1: Giới thiệu chung Chương 2: Phân tích và thiết kế cơ sở dữ liệu Chương 3: Xây dựng website chia sẻ hình ảnh trực tuyếnKết luận Trong quá trình nghiên cứu và thực hiện đồ án với quyết tâm cao nhưng do hạn chế về kinh nghiệm và kiến thức nên đồ án của em chắc chắn sẽ không thể tránh khỏi những thiếu xót. Em rất mong nhận được ý kiến đóng góp từ Thầy Cô và các bạn để đồ án được hoàn thiện hơn.

ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN MẠNG VÀ CÁC HỆ THỐNG THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE CHIA SẺ HÌNH ẢNH TRỰC TUYẾN Giáo viên hướng dẫn: Ths Đỗ Thanh Thủy Sinh viên: Nguyễn Đình Sơn Lớp: Mạng máy tính truyền thông Hà Nội, 04/2015 LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời tri ân tới toàn thể Thầy Cô Khoa Công nghệ thông tin - Trường Đại học Giao thông vận tải, người truyền hết tâm huyết lòng nhiệt tình cho chúng em suốt bốn năm học vừa qua trường này. Những kiến thức mà Thầy Cô truyền thụ cho chúng em vô giá hành trang cho chúng em suốt đường đời. Em xin gửi lời cảm ơn sâu sắc tới Cô Đỗ Thanh Thủy Thầy Đoàn Minh Phương trực tiếp hướng dẫn, nhận xét, tận tình giúp đỡ em suốt trình thực Đồ án tốt nghiệp. Cuối em xin gửi lời cảm ơn đến gia đình, người thân, bạn bè giúp đỡ, động viên em nhiều trình học tập thực Đồ án tốt nghiệp. Sinh viên Nguyễn Đình Sơn MỤC LỤC LỜI NÓI ĐẦU Với mong muốn phát triển website để người dùng chia sẻ hình ảnh cá nhân, lưu giữ khoảnh khắc đẹp sống để kết nối cộng đồng trực tuyến, thế, đồ án này, em lựa chọn đề tài phát triển website chia sẻ hình ảnh trực tuyến. Bố cục đồ án sau: Lời nói đầu - Chương 1: Giới thiệu chung - Chương 2: Phân tích thiết kế sở liệu - Chương 3: Xây dựng website chia sẻ hình ảnh trực tuyến Kết luận Trong trình nghiên cứu thực đồ án với tâm cao hạn chế kinh nghiệm kiến thức nên đồ án em chắn tránh khỏi thiếu xót. Em mong nhận ý kiến đóng góp từ Thầy Cô bạn để đồ án hoàn thiện hơn. Sinh viên Nguyễn Đình Sơn Xây dựng website chia sẻ hình ảnh trực tuyến CHƯƠNG 1: GIỚI THIỆU CHUNG 1.1. Mục đích, yêu cầu - Mục đích: Xây dựng website chia sẻ hình ảnh trực tuyến ngôn ngữ lập trình PHP giúp người dùng Internet, đặc biệt người đam mê nhiếp ảnh, yêu thích ảnh đẹp lưu giữ, chia sẻ hình ảnh, khoảnh khắc đẹp sống với tất người. - Yêu cầu: Website xây dựng ngôn ngữ lập trình PHP, hoạt động tốt trình duyệt, thực tốt chức phân tích thiết kế. 1.2. Phạm vi đề tài - Website ứng dụng rộng rãi với người dùng Internet. 1.3. Các kết dự kiến đạt - Về công nghệ: Hiểu biết cách sử dụng số hàm hay sử dụng thư viện GD PHP để resize hình ảnh người dùng tải lên. - Về sản phẩm: website sau hoàn thành dự kiến đạt kết sau:  Website responsive thân thiện, dễ sử dụng với người dùng.  Xây dựng thành công website chia sẻ hình ảnh trực tuyến với chức upload ảnh, tạo album ảnh, quản lý thông tin cá nhân thành viên, đăng nhập, đăng ký thành viên,… 1.4. Công nghệ, công cụ, ngôn ngữ lập trình - Công nghệ: Sử dụng bootstrap để thiết kế giao diện responsive cho website. Jquery kết hợp ajax áp dụng vào chức đăng nhập, đăng ký thành viên, upload hình ảnh, bình luận hình ảnh,… để tăng hiệu xuất website, tăng tính tương tác người dùng với website. Sử dụng thư viện GD PHP để xử lý hình ảnh. - Công cụ: Netbeans IDE 8.0.2, Adobe Photoshop CS6. - Ngôn ngữ lập trình: PHP, MySQL 1.5. Khảo sát tình hình Như chúng biết, từ lâu, chia sẻ ảnh trở thành nhu cầu thiết yếu người dùng Internet toàn giới. Nắm bắt vấn đề đó, hàng loạt website chia sẻ hình ảnh trực tuyến đời giúp người dùng tiết kiệm băng thông, lưu trữ, chia sẻ hình ảnh trực tuyến miễn phí kết nối cộng đồng người dùng Internet, giúp người dùng chia sẻ hình ảnh đẹp, khoảnh khắc đẹp Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page Xây dựng website chia sẻ hình ảnh trực tuyến sống. Mỗi website lại có điểm mạnh, điểm khác biệt so với website khác, nhìn chung, tất hướng tới lợi ích người sử dụng, đáp ứng nhu cầu người dùng lưu trữ, chia sẻ hình ảnh với bạn bè, người thân, gia đình hay với tất người. Chúng ta tìm hiểu số website chia sẻ hình ảnh trực tuyến phổ biến giới Việt Nam. Trên giới • Flickr Flickr dịch vụ Yahoo phát triển vào tháng năm 2004. Cho đến nay, Flickr xem trang web hàng đầu để chia sẻ hình ảnh, hoàn toàn miễn phí người dùng, lựa chọn hàng đầu giới nhiếp ảnh gia nhờ cung cấp dung lượng lưu trữ khổng lồ với giao diện đơn giản, dễ dùng. Với hệ thống giao diện kéo-thả dễ sử dụng, Flickr cho phép người dùng tag, thích hình ảnh xếp chúng vào sưu tập. Flickr hỗ trợ nhiều công cụ tuyệt vời tính gán thẻ mở rộng cho phép xem tải ảnh nhiều độ phân giải khác nhau. • Facebook Mạng xã hội công cụ giúp lưu trữ chia sẻ hình ảnh cách nhanh chóng đến tất người. Người dùng upload ảnh qua web, smartphone, tablet,… hay tạo album, thêm caption, thêm tag, địa điểm,… để chia sẻ với người bạn mình. Tuy nhiên, chất lượng ảnh upload lên Facebook nén lại, cách để chia sẻ hình ảnh độ phân giải tối đa. • 500 Pixels(500px.com) Được hướng đến nhằm phục vụ nhu cầu lưu trữ kho hình ảnh cho nhiếp ảnh gia chuyên nghiệp, dịch vụ 500 Pixels cung cấp thiết kế tập trung vào hình ảnh, giao diện rõ ràng lịch để hiển thị tác phẩm tuyệt vời. Người dùng tổ chức hình ảnh theo Set(ảnh theo chủ đề cụ thể) hay theo Story(ảnh theo kiện). Với tài khoản miễn phí, người dùng up tối đa 20 ảnh tuần. • Picasa Picasa sản phẩm Google. Picasa cung cấp cho người dùng 1GB dung lượng lưu trữ không giới hạn băng thông. Với Picasa, người dùng upload định dạng ảnh, chỉnh sửa ảnh cách dễ dàng, kết nối với bạn bè chia sẻ ảnh đến mạng xã hội. Ảnh upload lên Picasa không vượt 20MB giới hạn 50 megapixels. Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page Xây dựng website chia sẻ hình ảnh trực tuyến • Photobucket Photobucket cho phép sử dụng tối đa 2GB lưu trữ tài khoản free, đủ để lưu trữ hàng ngàn ảnh. Photobucket cho phép sử dụng nhiều công cụ để chỉnh sửa ảnh giao diện sử dụng cách dễ dàng. Ngoài ra, người dùng bán ảnh có người yêu thích muốn mua lại. • Imageshack Imageshack website chia sẻ ảnh tuyệt vời người dùng không cần phải đăng ký. Imageshack hoàn toàn miễn phí, trực quan dễ sử dụng. Người dùng tải lên loại file ảnh, video, chí flash. Với file ảnh flash phải có dung lượng nhỏ 1.5MB video phải nhỏ 50MB. Ngoài ra, người dùng tạo slideshow cho hàng loạt ảnh kho ảnh. Thậm chí, ImageShack có thêm chức tải torrent. • Canon Irista Canon Irista công cụ chia sẻ ảnh Canon. Đối với tài khoản free, người dùng sử dụng tối đa 10GB. Các tính mạnh mẽ dễ dàng sử dụng Canon Irista điểm mạnh thu hút nhiếp ảnh gia. • Fotki Trong số trang web lưu trữ hình ảnh nhỏ hơn, Fotki ứng cử viên bật. Fotki thú vị có tính tổ chức thi ảnh cho phép người sử dụng bán in thay quyền mua website khác. Tại Việt Nam Hiện Việt Nam có nhiều trang web lưu trữ chia sẻ hình ảnh trực tuyến với chất lượng tốt, đáp ứng kịp thời nhu cầu người dùng nước. Dưới số website chia sẻ hình ảnh trực tuyến phổ biến Việt Nam: • Xomnhiepanh.com Được mắt vào ngày 31 tháng năm 2005, tại, tổng số thành viên website lên tới 150 nghìn. Lọt top 100 social website, với nội dung trực quan, dễ sử dụng, xomnhiepanh.com tạo dựng cho trở thành cộng đồng ảnh online lớn Việt Nam. • Photo.zing.vn Zing Photo tiện ích cổng thông tin điện tử Zing. Điểm mạnh website tốc độ nhanh, giao diện trực quan, dễ hiểu, cách quản lý hình ảnh khoa học, không giới hạn băng thông số lượng. Tuy nhiên, hình ảnh Zing Photo đóng dấu chìm, gây chút phiền toái cho người dùng. Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page Xây dựng website chia sẻ hình ảnh trực tuyến • Photo.tamtay.vn Đây dịch vụ lưu trữ ảnh mạng xã hội Tamtay thu hút nhiều người sử dụng, đặc biệt thành viên lâu năm thương hiệu này. Photo.tamtay.vn có mục riêng cho trường đại học Việt Nam, điểm thú vị khác biệt so với trang web lưu trữ, chia sẻ hình ảnh khác. Bên cạnh đó, Photo.tamtay.vn sở hữu bảng thống kê hình ảnh yêu thích tuần. • Anhdep.anhso.net Anhdep.anhso.net tên gắn bó với nhiều hệ cư dân Internet Việt Nam, Anhdep.anhso.net bỏ giới hạn lưu trữ ảnh người sử dụng hay quy định dung lượng tối đa file. Trang web giúp người dùng thoải mái tùy biến kho ảnh đặt tên, sửa thông tin, tạo album dễ dàng hay cung cấp công cụ thống kê lượt truy cập mình. Diễn đàn trực tuyến trang web nơi hội tụ nhiều tinh hoa làng nhiếp ảnh Việt Nam, chia sẻ kinh nghiệp quý giá cổ thụ lĩnh vực nghệ thuật này. 1.6. Đặt vấn đề Với phát triển mạnh mẽ hàng loạt website lưu trữ, chia sẻ hình ảnh lớn nhỏ nước người hưởng lợi nhiều không khác người dùng Internet, người đam mê nhiếp ảnh, đam mê ảnh đẹp. Và để tạo sản phẩm mới, website chia sẻ hình ảnh với đầy đủ chức năng, tiện ích, công nghệ mang tầm cỡ Flickr, Photobucket hay Imageshack, thỏa mãn nhu cầu người dùng thách thức lớn. Phải hiểu rằng, hình ảnh nặng text(chữ) nhiều. Một website chia sẻ hình ảnh trực tuyến lưu trữ đến hàng triệu, hàng tỷ hình ảnh tốn băng thông. Nếu hệ thống máy chủ mạnh mẽ công nghệ tích hợp vào việc trì, lưu trữ hình ảnh hay tải ảnh lên thực gặp nhiều khó khăn. Ngoài ra, thách thức lớn website chia sẻ hình ảnh việc kiểm soát hình ảnh mà người dùng tải lên. Để hạn chế hình ảnh với nội dung không lành mạnh từ người dùng tải lên, nhiều website tập trung nghiên cứu, áp dụng công nghệ mới, công nghệ nhận dạng hình ảnh. Nhưng phải hiểu máy móc mắt người được, tỷ lệ nhận dạng bị lỗi nên nhiều website chia sẻ hình ảnh có chế kiểm duyệt thủ công hình ảnh mà người dùng tải lên, đủ điều kiện hiển thị website. Tuy nhiên công việc tốn nhiều thời gian, công sức, tiền mà chưa thực hiệu số lượng ảnh upload ngày lớn. Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page Xây dựng website chia sẻ hình ảnh trực tuyến Để phát triển website giải vấn đề trở ngại lớn không với thân mà cá nhân khác. Tuy nhiên, giới hạn đồ án tốt nghiệp với khả thân, tâm cao, người yêu thích nhiếp ảnh, đam mê ảnh đẹp, điều tuyệt vời tự tay làm website chia sẻ hình ảnh cho thân cho tất người dùng chưa thể đáp ứng hết vấn đề khó khăn trên. Mỗi ngày thấy ảnh thật đời mà không cần đọc báo, từ ảnh gia đình chia sẻ, gửi cho trai du học nước hay vợ gửi ảnh cho người bố làm đội công tác xa, ảnh đứa trẻ nô đùa ngõ vắng hay ảnh kỷ yếu thật đáng nhớ thời sinh viên,…, để website giống phóng viên ảnh phản ánh chân thực sống hỉ nộ ố kiện người Việt Nam toàn Thế giới. Tất điều đó, hình ảnh động lực lớn, niềm tin thúc phát triển website mang nhiều ý nghĩa vậy. 1.7. Thư viện GD xử lý ảnh PHP 1.7.1 Giới thiệu GD thư viện đồ họa phát triển Thomas Boutell. Ngôn ngữ lập trình tự nhiên ANSI C có giao diện cho nhiều ngôn ngữ lập trình khác. Thư viện GD tạo ảnh GIF, JPEG, PNG hay WBMP. Hình 1.1: Logo thư viện GD GD tạo hình ảnh chứa vòng cung, văn bản(sử dụng phông chữ chương trình lựa chọn), hình ảnh khác. Phiên 2.0 hỗ trợ thêm cho hình ảnh truecolor, alpha channels, resampling(thay đổi kích thước hình ảnh truecolor), nhiều tính khác. Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 10 Xây dựng website chia sẻ hình ảnh trực tuyến thích hình ảnh Bảng tbl_topic: Tên trường topic_id topic_name Kiểu liệu int varchar Kích thước 11 45 Mô tả Mã chủ đề ảnh Tên chủ đề ảnh Kích thước 11 11 Mô tả Mã chủ đề ảnh Mã hình ảnh Bảng tbl_images_topic: Tên trường topic_id image_id Kiểu liệu int int Bảng tbl_album: Tên trường Kiểu liệu Kích thước Mô tả album_id int 11 album_name album_description user_id create_date views varchar text int datetime int 255 Mã album. Mỗi album có mã nhất. Đây khóa Tên album Mô tả album Mã thành viên tạo album Thời điểm tạo album Lượt xem album album_comment int Lượt bình luận album total_image int Tổng số hình ảnh album Kiểu liệu int int Kích thước 11 11 11 Bảng tbl_images_album: Tên trường album_id image_id Mô tả Mã album Mã hình ảnh Bảng tbl_comment_album: Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 31 Xây dựng website chia sẻ hình ảnh trực tuyến Tên trường Kiểu liệu comment_id int album_id int user_id int comment_dat timestamp e content text Kích thước 11 11 11 Mô tả Mã bình luận Mã album Mã thành viên bình luận album Thời điểm bình luận album Nội dung bình luận Bảng tbl_tags: Tên trường tags_id tags_name Kiểu liệu int varchar Kích thước 11 45 Mô tả Mã tags Tên tags Kích thước 11 11 Mô tả Mã hình ảnh Mã tags Bảng tbl_tags_images: Tên trường image_id tags_id Kiểu liệu int int Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 32 Xây dựng website chia sẻ hình ảnh trực tuyến 2.2.3 Sơ đồ quan hệ thực thể ERD Hình 2.16: Sơ đồ quan hệ thực thể ERD Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 33 Xây dựng website chia sẻ hình ảnh trực tuyến CHƯƠNG 3: XÂY DỰNG WEBSITE CHIA SẺ HÌNH ẢNH TRỰC TUYẾN 3.1 Tổng quan xây dựng giao diện website 3.1.1 Giao diện trang người dùng * Giao diện trang chủ: Hình 3.1: Giao diện trang chủ * Giao diện trang album ảnh: Hình 3.2: Giao diện trang album ảnh * Giao diện trang xem album ảnh: Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 34 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.3: Giao diện trang xem album ảnh * Giao diện trang xem chủ đề ảnh: Hình 3.4: Giao diện trang xem chủ đề ảnh * Giao diện trang ảnh hot nhất: Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 35 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.5: Giao diện trang ảnh hot * Giao diện trang ảnh nhất: Hình 3.6: Giao diện trang ảnh * Giao diện trang xem chi tiết hình ảnh: Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 36 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.7: Giao diện trang xem chi tiết hình ảnh * Giao diện trang upload ảnh Hình 3.8: Giao diện trang upload ảnh * Giao diện trang cá nhân Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 37 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.9: Giao diện trang cá nhân * Giao diện trang tạo album ảnh Hình 3.10: Giao diện trang tạo album ảnh * Giao diện trang chỉnh sửa album ảnh Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 38 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.11: Giao diện trang chỉnh sửa album ảnh 3.1.2 Giao diện trang quản trị * Giao diện trang chủ trang quản trị Hình 3.12: Giao diện trang chủ trang quản trị * Giao diện trang quản lý người dùng Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 39 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.13: Giao diện trang quản lý người dùng * Giao diện trang quản lý nhóm người dùng Hình 3.14: Giao diện trang quản lý nhóm người dùng * Giao diện trang quản lý hình ảnh Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 40 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.15: Giao diện trang quản lý hình ảnh * Giao diện trang quản lý album ảnh Hình 3.16: Giao diện trang quản lý album ảnh * Giao diện trang quản lý chủ đề ảnh Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 41 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.17: Giao diện trang quản lý chủ đề ảnh * Giao diện trang quản lý tags ảnh Hình 3.18: Giao diện trang quản lý tags ảnh * Giao diện trang quản lý bình luận ảnh Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 42 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.19: Giao diện trang quản lý bình luận ảnh * Giao diện trang quản lý bình luận album ảnh Hình 3.20: Giao diện trang quản lý bình luận album ảnh 3.2 Triển khai, đánh giá website 3.2.1 Triển khai website Trước triển khai website đến với người dùng, cần phải test website thật cẩn thận. Sau đưa ứng dụng cho người dùng dùng thử, cần thu thập, lắng nghe ý kiến người dùng để có nhìn khách quan lấy câu trả lời người dùng :  Người dùng thấy website nào? thân thiện, dễ sử dụng hay nhàm chán?  Các chức website hoạt động ổn định đáp ứng nhu cầu sử dụng người dùng chưa? Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 43 Xây dựng website chia sẻ hình ảnh trực tuyến  Website cần phát triển thêm gì? 3.2.2 Đánh giá website Để hoàn thành mô hình phát triển website, cần đánh giá website có chạy hoàn hảo hay không, đánh giá người dùng nào? Sau đánh giá người dùng lập trình viên: - Đánh giá lập trình viên:  Cần xử lý hình ảnh tốt để website hoạt động nhanh, ổn định hơn.  Website sử dụng nhiều công nghệ ajax nên hiệu suất website mức tốt. - Đánh giá người dùng:  Website thân thiện, dễ sử dụng, chia sẻ ảnh dễ dàng qua mạng xã hội.  Hình ảnh chất lượng, nhiều khoảnh khắc đẹp phản ánh chân thực sống. Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 44 Xây dựng website chia sẻ hình ảnh trực tuyến KẾT LUẬN Đồ án đạt số kết sau đây:  Về lý thuyết, tìm hiểu quy trình, kỹ thuật công nghệ để xây dựng phát triển website chia sẻ hình ảnh trực tuyến.  Phân tích thiết kế hệ thống website chia sẻ hình ảnh trực tuyến.  Về mặt giao diện, website thiết kế tương đối hợp lý, thân thiện, dễ sử dụng. Các chức năng, hộp thoại bố trí khoa học.  Về mặt chức năng, website hoàn thiện chức phân tích thiết kế, bao gồm upload ảnh, tạo chỉnh sửa album ảnh, quản lý thông tin cá nhân thành viên,… Hướng phát triển đề tài:  Thêm chức kết nối bạn bè thành viên với nhau, giúp thành viên theo dõi hoạt động bạn bè mình, chia sẻ hình ảnh với dễ dàng, thuận tiện hơn.  Thêm chức đồ hình ảnh: với hình ảnh tải lên, người dùng thiết lập vị trí hình ảnh đồ.  Thực chế kiểm duyệt hình ảnh trước hiển thị ảnh website để loại bỏ hình ảnh có nội dung không phù hợp với phong tục Việt Nam. Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 45 Xây dựng website chia sẻ hình ảnh trực tuyến TÀI LIỆU THAM KHẢO 1. Flickr API https://www.flickr.com/services/api/ 2. Imageshack API https://code.google.com/p/imageshackapi/wiki/ImageshackAPI 3. Xóm nhiếp ảnh http://xomnhiepanh.com/ 4. Diễn đàn trao đổi lập trình nước http://stackoverflow.com/ 5. Bootstrap http://getbootstrap.com/ 6. Jquery ajax http://api.jquery.com/jquery.ajax/ Nguyễn Đình Sơn – Lớp Mạng máy tính truyền thông K52 Page 46 [...]... 45 Mô tả Mã hình ảnh Mỗi hình ảnh có một mã duy nhất Đây là khóa chính Tiêu đề hình ảnh Mô tả về hình ảnh Mã tác giả của hình ảnh Thời điểm ảnh được upload Thể loại của hình ảnh Định dạng của hình ảnh( jpg, jpeg, png, ) Tên file ảnh đã qua xử lý Tên file ảnh thumbnail Tên file ảnh gốc Ngôn ngữ Thông tin bản quyền của hình ảnh Lượt xem ảnh Lượt yêu thích ảnh Lượt comment ảnh Trạng thái của ảnh (Công khai... viên, quản lý hình ảnh, quản lý album ảnh, quản lý thông tin cá nhân Đối với quản lý hình ảnh, thành viên có thể upload hình ảnh mới lên Họ sẽ cần chọn đúng định dạng ảnh cho phép(jpg, jpeg hay png), thiết lập tiêu đề cho hình ảnh, chọn một hoặc nhiều chủ đề cho hình ảnh, đặt tags cho hình ảnh, thêm mô tả cho hình ảnh, lựa chọn hình ảnh là công khai(tất cả mọi người đều xem được hình ảnh đó) hay riêng... thiết lập cho hình ảnh hay xóa hình ảnh Đối với quản lý album ảnh, đây là một chức năng hay mà hệ thống website chia sẻ hình ảnh trực tuyến gắn cho mỗi thành viên Khi tạo album ảnh, thành viên sẽ có quyền lựa chọn ra những hình ảnh công khai trong kho ảnh của họ để đưa vào album ảnh, thiết lập tiêu đề album hay mô tả về album đó Khi chỉnh sửa album ảnh, thành viên có thể xóa đi hình ảnh đã có trong... K52 Page 15 Xây dựng website chia sẻ hình ảnh trực tuyến Hàm imagedestroy() giải phóng bộ nhớ với hình ảnh đang thao tác 1.7.4 Một vài ví dụ Ví dụ 1: Resize hình ảnh Ví dụ 2: Tạo khung đóng dấu trên ảnh Kết quả khi chạy chương trình ở ví dụ 2: Nguyễn Đình Sơn – Lớp Mạng máy tính và truyền thông K52 Page 16 Xây dựng website chia sẻ hình ảnh trực tuyến Ví dụ 3: Tạo biều đồ hình tròn 3D Kết quả khi chạy... mức ngữ cảnh 2.1.4.2 Biểu đồ luồng dữ liệu mức 1 * Biểu đồ luồng dữ liệu quản lý hình ảnh Trong biểu đồ luồng dữ liệu quản lý hình ảnh, người dùng có thể gửi các yêu cầu đến các luồng dữ liệu xem thông tin chi tiết hình ảnh, sửa thông tin hình ảnh, xóa hình ảnh và tìm kiếm hình ảnh Các thông tin này đi vào các quá trình tương ứng và với mỗi một quá trình thì sẽ lấy dữ liệu trong kho hình ảnh để thao... trong kho album ảnh để thao tác Nguyễn Đình Sơn – Lớp Mạng máy tính và truyền thông K52 Page 26 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 2.12: Biểu đồ luồng dữ liệu quản lý album ảnh * Biểu đồ luồng dữ liệu quản lý tags ảnh Trong biểu đồ luồng dữ liệu quản lý tags ảnh, người dùng có thể gửi các yêu cầu đến các luồng dữ liệu thêm tags ảnh, sửa tags ảnh, xóa tags ảnh, tìm kiếm tags ảnh Các thông... năng quản lý hình ảnh, quản lý người dùng, quản lý album ảnh, … 2.1.3 Biểu đồ phân rã chức năng BFD - Hệ thống website chia sẻ hình ảnh trực tuyến bao gồm 3 nhóm người dùng: + Admin + Manager + Thành viên Nguyễn Đình Sơn – Lớp Mạng máy tính và truyền thông K52 Page 18 Xây dựng website chia sẻ hình ảnh trực tuyến - Mỗi nhóm người dùng sẽ có những quyền và chức năng nhất định Hình 2.1: Biểu đồ phân rã chức... 3: XÂY DỰNG WEBSITE CHIA SẺ HÌNH ẢNH TRỰC TUYẾN 3.1 Tổng quan về xây dựng giao diện website 3.1.1 Giao diện trang người dùng * Giao diện trang chủ: Hình 3.1: Giao diện trang chủ * Giao diện trang album ảnh: Hình 3.2: Giao diện trang album ảnh * Giao diện trang xem album ảnh: Nguyễn Đình Sơn – Lớp Mạng máy tính và truyền thông K52 Page 34 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.3: Giao diện... diện trang xem album ảnh * Giao diện trang xem chủ đề ảnh: Hình 3.4: Giao diện trang xem chủ đề ảnh * Giao diện trang ảnh hot nhất: Nguyễn Đình Sơn – Lớp Mạng máy tính và truyền thông K52 Page 35 Xây dựng website chia sẻ hình ảnh trực tuyến Hình 3.5: Giao diện trang ảnh hot nhất * Giao diện trang ảnh mới nhất: Hình 3.6: Giao diện trang ảnh mới nhất * Giao diện trang xem chi tiết hình ảnh: Nguyễn Đình Sơn... riêng tư(chỉ họ mới có quyền xem hình ảnh đó) Hệ thống sẽ tự động resize ảnh đó về một vài kích thước để dùng vào những trường hợp khác nhau Ngoài ra, đối với mỗi hình ảnh, thành viên có thể click yêu thích hình ảnh đó, download hình ảnh đó về máy tính, bình luận hình ảnh đó hay chia sẻ hình ảnh đó lên các mạng xã hội khác như Facebook, Google+, Twitter,… Với mỗi hình ảnh upload lên, thành viên cũng . thế nữa là để kết nối cộng đồng trực tuyến, chính vì thế, trong đồ án này, em đã lựa chọn đề tài phát triển một website chia sẻ hình ảnh trực tuyến. Bố cục đồ án như sau: Lời nói đầu - Chương. trang web lưu trữ và chia sẻ hình ảnh trực tuyến với chất lượng tốt, đáp ứng kịp thời nhu cầu của người dùng trong nước. Dưới đây là một số website chia sẻ hình ảnh trực tuyến phổ biến ở Việt. để đồ án được hoàn thiện hơn. Sinh viên Nguyễn Đình Sơn Xây dựng website chia sẻ hình ảnh trực tuyến CHƯƠNG 1: GIỚI THIỆU CHUNG 1.1. Mục đích, yêu cầu - Mục đích: Xây dựng website chia sẻ hình