Đồ án tốt nghiệp dịch vụ truyện tranh trên di động

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: Dịch vụ truyện tranh di động Sinh viên thực : Nguyễn Thị Thuyên Lớp CNPM – K51 Giáo viên hướng dẫn: TS Vũ Thị Hương Giang Ths Đỗ Văn Uy HÀ NỘI 6-2011 Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Thông tin sinh viên Họ tên sinh viên: Nguyễn Thị Thuyên Điện thoại liên lạc : 01228247721 Email: thuyen183@gmail.com Lớp: CNPM – K51 Hệ đào tạo: Chính quy Đồ án tốt nghiệp thực tại: Thời gian làm ĐATN: Từ ngày 21/ 02/2011 đến 18/ 05/2010 Mục đích nội dung ĐATN Xây dựng dịch vụ đọc truyện tranh di động theo kiến trúc hướng dịch vụ Các nhiệm vụ cụ thể ĐATN Tìm hiểu số vấn đề liên quan đến kiến trúc hướng dịch vụ Tìm hiểu chuẩn mobile web best practice 1.0 Tìm hiểu kĩ thuật lập trình di động với J2ME Xây dựng dịch vụ gồm chức a Chức thu thập truyện: cho phép thu thập truyện, tin tức(liên quan đến truyện tranh) tự động từ web site cung cấp truyện tranh miễn phí, b Chuần hóa liệu (chuẩn hóa kích cỡ trang truyện đảm bảo hiển thị hầu hết cấu hình máy khác nhau, phương thức để giảm size cho thông tin đọc khơng bị overload dịng máy có nhớ nhỏ) c Đọc theo trang slide, đọc tiếp truyện đọc dở,tìm kiếm, bình luận truyện, tạo folder truyện cá nhân, bảng xếp hạng truyện tranh yêu thích nhất, truyện mới, đọc tin tức, kiện liên quan đến tác giả truyện tranh, truyện (di động có kết nối 3G/GPRS) Lời cam đoan sinh viên Tôi Nguyễn Thị Thuyên cam kết ĐATN cơng trình nghiên cứu thân hướng dẫn thầy Đỗ Văn Uy cô Vũ Thị Hương Giang Các kết nêu ĐATN trung thực, chép tồn văn cơng trình khác Hà Nội, ngày tháng … năm 2011 Tác giả ĐATN Nguyễn Thị Thuyên Xác nhận giáo viên hướng dẫn mức độ hoàn thành ĐATN cho phép bảo vệ: …………………………………………………………………… …………………………………………………………………… Hà Nội, ngày … tháng … năm 2010 Giáo viên hướng dẫn Ths Đỗ Văn Uy TS Vũ Thị Hương Giang Sinh viên thực hiện: Nguyễn Thị Thun SHSV 20063122 Khóa 51 Lớp CNPM TĨM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP Đọc truyện tranh loại hình giải trí phổ biến đặc biệt nhiều nước châu Á có Việt Nam Hàng ngày có hàng nghìn in truyện tranh xuất Hầu hết số số hóa đưa lên website cho phép người dùng đọc từ thiết bị có khả kết nối Internet máy tính, PDA hay điện thoại di động Xu hướng gần cho thấy nhu cầu đọc truyện tranh điện thoại di động ngày trở nên phổ biến Tuy nhiên, người dùng gặp nhiều khó khăn muốn đọc tồn trang truyện số hóa hình di động, hạn chế kích thước hình tốc độ kết nối điện thoại di động Trong phạm vi đồ án giới thiệu giải pháp khắc phục vấn đề trên, cụ thể sau: Giải pháp phân tích nội dung web tự động nhằm hỗ trợ người dùng sưu tập tự động truyện tranh từ web site cung cấp truyện miễn phí http://manga24h.com/, http://truyentranh.com/ Giải pháp tách biên dựa cơng thức tính gradient để phân tách trang truyện thành frame có kích thước nhỏ phù hợp với kích thước hình di động Giải pháp thêm tách biên hạn chế mát thông tin nhằm tiếp tục phân tách trang truyện, frame (kích thước lớn sau tách lần thứ nhất) có khung truyện chồng lên khơng có đường biên rõ ràng Trong đồ án giới thiệu kết cài đặt triển khai thử nghiệm trình đọc truyện tranh thiết bị di động có sử dụng giải pháp nói trên, đồng thời so sánh kết đạt với trình đọc truyện tranh thiết bị di động có Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM ABSTRACT OF THESIS Reading comics is one form of entertainment is very popular especially in many Asian countries including Vietnam Every day thousands of copies comics were published Most of them were digitized to put on public site to allow users to read from devices capable of Internet connection as a computer, PDA or mobile phone Recent trends show that demand for comics on mobile phones become increasingly popular However, users encounter difficulties when they want to read the entire series of pages on the screen of mobile phones, due to limited screen size and connection speed of mobile phones This graduation thesis introduces measures to overcome these problems, as follows: Content analysis solution to support automatic web users comic collection automatically from the web site provides stories free such as http://manga24h.com/, http://truyentranh.com/ Solutions based on the separation boundary gradient formula to separate page story into a smaller frame consistent with the mobile screen size Additional separation edge solutions and limited loss of information in order to further separate page story, the frame (the size is still quite large after the first split) is stacked frame story has no clear boundaries This graduation thesis also presents the installation and deployment testing of reading comics on mobile devices that use the solution above, and compared with results obtained on a comic book reader is mobile Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM MỞ ĐẦU Đọc truyện tranh hình thức giải trí khơng dành cho trẻ em mà cịn dành cho người lớn, thay đọc truyện in người ngày có xu hướng thích đọc truyện tranh thiết bị di động đặc biệt điện thoại Trước khả đọc truyện tranh di động bị hạn chế không kích thước hình, kích thước nhớ mà tốc độ kết nối Ngày cấu hình thiết bị di động cải thiện đáng kể đặc biệt kích thước nhớ tốc độ kết nối cải thiện có xuất 3G Sự có mặt 3G Việt Nam hứa hẹn khắc phụ nhu cầu khả truyền tải liệu qua điện thoại di động dễ dàng Cùng với thuận lợi nhu cầu đọc truyện tranh di động em lựa chọn đề tài “xây dựng dịch vụ đọc truyện tranh di động theo kiến trúc hướng dịch vụ” Do yếu tố kích thước hình di động thay xây dựng truyện tranh dùng riêng cho di động xây dựng phương thức cho phép phân tách trang truyện từ truyện sẵn có cung cấp website Phương thức giúp hiển thị truyện tranh tất loại kích thước hình di động mà khơng bị thơng tin Phía di động xây dựng J2ME, lấy truyện tranh thông qua webservice chuẩn hóa theo mobile web best practice 1.0 Đồ án tốt nghiệp tổ chức thành nhiều phần cụ thể phần sau Phần 1: Đặt vấn đề định hướng giải pháp Đặt vấn đề Định hướng giải pháp Kiến thức tảng Phần 2: Xây dựng dịch vụ truyện tranh di động Phân tích, thiết kế dịch vụ Cài đặt thành phần dịch vụ Thử nghiệm dịch vụ So sánh, đánh giá dịch vụ xây dựng Kết luận định hướng tương lai Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM MỤC LỤC PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP ABSTRACT OF THESIS MỞ ĐẦU MỤC LỤC DANH SÁCH CÁC HÌNH VẼ DANH SÁCH CÁC BẢNG DANH MỤC TỪ VIẾT TẮT VÀ THUẬT NGỮ PHẦN 1: ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 11 Đặt vấn đề 11 Định hướng giải pháp 11 Kiến thức tảng 12 3.1 Kiến trúc hướng dịch vụ dịch vụ web .12 3.2 Chuẩn xây dựng web cho thiết bị di động (MWBP) 17 3.3 J2ME 21 3.4 Các phương pháp tách biên ảnh 24 3.5 Các phương pháp thu thập liệu .25 PHẦN 2: XÂY DỰNG DỊCH VỤ TRUYỆN TRANH TRÊN DI ĐỘNG 26 1.Phân tích yêu cầu thiết kế thành phần dịch vụ 26 1.1 Phân tích yêu cầu 26 1.2 Thiết kế thành phần dịch vụ 32 2.Cài đặt thành phần dịch vụ 44 2.1 Cài đặt thành phần dịch vụ phía server 44 2.2 Cài đặt thành phần dịch vụ web 46 2.3 Cài đặt thành phần dịch vụ phía di động 47 3.Thử nghiệm dịch vụ 50 3.1 Bối cảnh thử nghiệm 50 3.2 Kịch kết thử nghiệm 50 Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM So sánh, đánh giá dịch vụ xây dựng 56 4.1 So Sánh dịch vụ xây dựng với dịch vụ truyện tranh có 56 4.2 Đánh giá dịch vụ xây dựng 58 Kết luận 59 Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM DANH SÁCH CÁC HÌNH VẼ Hình 1-Thành phần SOA .16 Hình 2- Kiến trúc webservice 17 Hình 3-Thành phần webservice .18 Hình 4-Trao đổi thông điệp với SOAP .18 Hình 5-Kiến trúc J2ME 24 Hình 6-Vịng đời Midlet 25 Hình 7- Lớp Displayable Midlet .26 Hình 8- Các lớp lớp Screen 26 Hình 9- Chức tổng quát cho người dùng cuối 30 Hình 10- Chức quản lí tài khoản 31 Hình 11- Chức đọc truyện 32 Hình 12- Chức comment 33 Hình 13-Chức quản lí thư mục cá nhân 34 Hình 14-Chức cho quản trị .35 Hình 15-Kiến trúc tổng quan dịch vụ 36 Hình 16-Mơ tả giải thuật phân tích html 38 Hình 17-Dạng phân tích biên ảnh 39 Hình 18-Dạng phân tích biên ảnh 39 Hình 19-Mối liên kết bảng CSDL 42 Hình 20-Hình ảnh minh họa thiết kế giao diện .46 Hình 21-Mơ tả cài đặt thành phần dịch vụ phía server .48 Hình 22-Mơ tả cài đặt thành phần dịch vụ web 49 Hình 23- Mơ tả cài đặt thành phần dịch vụ phía di động 51 Hình 24- Kết thử nghiệm chức đăng nhập 54 Hình 25-Kết thử nghiệm chức đăng kí .54 Hình 26-Kết thử nghiệm chức comment 55 Hình 27-Kết thử nghiệm chức đọc truyện 56 Hình 28-Kết thử nghiệm chức đọc tiếp .57 Hình 29-Kết thử nghiệm chức đọc tin .57 Hình 30-Kết thử nghiệm chức tìm kiếm truyện 58 Hình 31-Kết thử nghiệm chức quản lí chuẩn hóa liệu 59 Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM DANH SÁCH CÁC BẢNG Bảng 1-Bảng TypeComic 39 Bảng 2-Bảng Comic 40 Bảng 3-Bảng PartComic 40 Bảng 4-Bảng RawComic 40 Bảng 5-Bảng ContentComic .40 Bảng 6-Bảng SContentComic 40 Bảng 7-Bảng LContentComic 41 Bảng 8-Bảng CommentComic 41 Bảng 9-Bảng DetailNotCompleted 41 Bảng 10-Bảng IntroComic 41 Bảng 11-Bảng LikeComic 41 Bảng 12-Bảng UserComic 42 Bảng 13-Bảng UpdateComic 42 Bảng 14-Package GatherD 45 Bảng 15-Package Algorithm 45 Bảng 16- Package DataOperation .46 Bảng 17- Package Utils 46 Bảng 18- Các WebMethod MangaWS .47 Bảng 19- Package GUI .48 Bảng 20- Package MainPackage .49 Bảng 21- Package Manga 49 Bảng 22- Package Comment 49 Bảng 23- Package Library 49 Bảng 24- Package Others 49 Bảng 25- Package User .50 Bảng 26-Kịch thử nghiệm chức đăng nhập .50 Bảng 27-Kịch thử nghiệm chức đăng kí 51 Bảng 28-Kịch thử nghiệm chức comment .52 Bảng 29-Kịch thử nghiệm chức đọc truyện 52 Bảng 30-Kịch thử nghiệm chức đọc tiếp 53 Bảng 31-Kịch thử nghiệm chức đọc tin 54 Bảng 32-Kịch thử nghiệm chức tìm kiếm truyện 55 Bảng 33-Kịch thử nghiệm chức quản lí chuẩn hóa liệu .55 Bảng 34-Kết cài đặt giải thuật tách biên 57 Bảng 35-So sánh giải thuật sử dụng với giải thuật Kohei 57 Bảng 36-So sánh dịch vụ xây dựng với DORE 58 Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM DANH MỤC TỪ VIẾT TẮT VÀ THUẬT NGỮ STT Từ viết tắt Mô tả /thuật ngữ 3G Third Generation – Mạng di động hệ thứ SOA Service-oriented architecture – Kiến trúc hướng dịch vụ XML Extensible markup language – Ngôn ngữ đánh dấu mở rộng HTML Hypertext markup language SMS Short messeage services WSDL SOAP UDDI Web Service Definition Language - Ngôn ngữ đặc tả Web Service Simple Object Access Protocol – Giao thức truy nhập đối tượng đơn giản Universal Description Discovery and Integration MWBP 10 J2ME 11 CLDC 12 CDC 13 MIDP 14 15 JSR GPS Mobile web best practice – chuẩn giao diện di động Java Micro Edition - Phiên Java dành cho thiết bị có cấu hình thấp Connected Limited Device Configuration-Cấu hình thiết bị kết nối giới hạn Connected Device Configuration - Cấu hình thiết bị kết nối Mobile Information Device Profile - Profile cho thiết bị thông tin di động Java Specification Requests - Đặc tả yêu cầu Java Global Positioning System – Hệ thống định vị toàn cầu Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 10 Các lớp cài đặt thao tác với sở liệu Lớp Chức InitiateDatabase Insert tên, đường dẫn truyện StoreData Lớp thao tác với sở liệu( chủ yếu insert liệu ảnh chưa xử lý) Store Lớp thao tác với sở liệu(lấy liệu ảnh chưa xử lý , insert liệu xử lý vào sở liệu) Bảng 16- Package DataOperation Các lớp hỗ trợ khác Lớp Constant ReadWriteImage Chức Chứa giá trị số Lớp đoc/ghi ảnh vào/từ file Bảng 17- Package Utils 2.2 Cài đặt thành phần dịch vụ web Công cụ sử dụng: server glassfish, ngơn ngữ lập trình java Các dịch vụ web xây dựng có nhiệm vụ chủ yếu lấy liệu từ database trả kết theo yêu cầu từ phía di động Các yêu cầu từ phía di động : đăng nhập, đăng kí, đọc truyện, tìm kiếm, bình luận truyện, đọc tin tức, lưu thông tin truyện đọc dở, truyện u thích Hình 22-Mơ tả cài đặt thành phần dịch vụ web Hình mơ tả kiến trúc cài đặt thành phần dịch vụ web Thành phần dịch vụ web gồm có webservice MangaWS gồm WebMethod tương ứng với yêu cầu di động Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 46 WebService MangaWS Web Method Login Logout getUserInfo createUser createLike createComment deleteComment updateUserInfo getNumberChap getArrayChapId getNumberPage getNumberImage getImageData getImageDataFollowPage getTitleNew getDetailNew getListComment getCommentUser getNumberPeopelLike Ý Nghĩa Đăng nhập vào hệ thống Thoát khỏi hệ thống Lấy liệu người dùng Đăng kí người dùng Bình chọn truyện u thích Bình luận truyện Xóa bình luận Cập nhật thông tin người dùng Lấy số chương truyện Lấy id chương Lấy số trang chương Lấy số ảnh chương Lấy liệu ảnh Lấy tất ảnh trang Lấy đầu đề truyện Lấy lới giới thiệu truyện Lấy comment truyện Lấy comment user Lấy số lượng người bình chọn cho truyện getTopManga Lấy danh sách truyện bình chọn nhiều getSubIdArray Lấy id tất ảnh chương getMangaId Lấy id manga theo tên getNameMangaDownload Lấy tên truyện down theo user getAllNameManga Lấy danh sách truyện có hệ thống getNameMangaUserLike Lấy danh sách truyện yêu thích user getMangaNotComplete Lấy danh sách truyện người dùng đọc dở getPositionMangaNotComplete Lấy vị trí truyện đọc dở saveMangaNotComplete Lưu trữ vị trí truyện đọc dở deleteNotComplete Xóa vị trí truyện đọc dở getNameMangaFollowType Lấy truyện theo thể loại searchNameManga Tìm kiếm truyện theo tên Bảng 18- Các WebMethod MangaWS 2.3 Cài đặt thành phần dịch vụ phía di động Thành phần dịch vụ phía di động xây dựng tảng j2me, thư viện hỗ trợ thiết kế giao diện j2mepolish Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 47 Hình 23- Mơ tả cài đặt thành phần dịch vụ phía di động Hình mô tả kiến trúc cài đặt thành phần dịch vụ phía di đơng, thành phần xây dựng giao diện cho người dùng cuối, thực lời gọi dịch vụ tới dịch vụ web để thực thi u cầu từ phía người dùng(đọc truyện, bìn luận, tìm kiếm truyên…) Để thực lời gọi tới webservice, phía di động sử dụng chức “stub generator “ “wireless toolkit 2.5.2” để sinh file stub từ url ?wsdl dịch vụ web cài đặt Bộ thư viện thiết kế giao diện cho di động j2mepolish hỗ trợ xây dựng giao diện cho nhiều cấu hình di động khác nhau( loại di động có hỗ trợ web service) Để tạo cài đặt cho loại di động khác cần phải cấu hình cho file build.xml trước chạy Trong file build.xml thêm tên thiết bị di động cài đặt Ví dụ : Chú ý thiết bị di động có web service j2mepolish hỗ trợ để tạo bồ cài đặt: chi tiết http://www1.j2mepolish.org/devices/devices-webservice.html Dưới chi tiết lớp cài đặt Lớp hỗ trợ thiết kế cho tất giao diện sử dụng phía di động Lớp Chức SplashScreen Lớp thiết kế khung giao diện Bảng 19- Package GUI Các lớp thiết kế cho chức năngThị Sinh viên hình thực hiện: Nguyễn Thun SHSV 20063122 Khóa 51 Lớp CNPM 48 Lớp ListFunction MainMidlet MenuMidlet Chức Màn hình danh sách chức hệ thống Lớp thiết kế hình Màn hình ban đầu hệ thống Bảng 20- Package MainPackage Các lớp cho phép người dùng thực chức đọc truyện di động(chức chính) Lớp Chức GetTopicManga Lớp danh sách chủ đề menu Comic GetListManga Lớp lấy danh sách tất truyện GetListEachTypeManga Lớp lấy danh sách truyện theo thể loại GetDetailManga Lấy chủ đề liên quan đến truyện GetDetailPart Lấy danh sách chương truyên FormDetailImage Lớp thể việc đọc truyện Bảng 21- Package Manga Các lớp cho phép người dùng thực thi chức bình luận (xem lời bình, thêm lời bình mới)- package Comment Lớp Chức FormAddComment Form comment cho truyện GetListComment Lấy comment truyện Bảng 22- Package Comment Các lớp cho phép người dùng xem lưu lại thông tin truyện đọc dở, truyện u thích, lời bình cá nhân cho truyện Lớp Chức GetListNotComplete Lớp lấy danh sách truyện đọc dở GetDetailNotComplete Lớp lấy chi tiết truyện đọc dở GetLibraryTopic Lớp danh sách chủ đề menu Library GetListFavourite Lớp lấy truyện yêu thích người dùng GetUserComment Lớp lấy comment người dùng Bảng 23- Package Library Các lớp cài đặt cho phép người dùng thực chức đọc tin, tìm kiếm, xem thông tin trợ giúp Lớp Chức GetListNewTitle Lấy danh sách đầu đề truyện giới thiệu FormDetailNew Form chi tiết truyện giới thiệu GetListMangaSearch Lấy danh sách truyện người dùng tìm kiếm FormSearch Form cho việc tìm kiếm truyện GetTopManga Lấy danh sách truyện yêu thích nhiều FormHelp Form thông tin hỗ trợ người dùng Bảng 24- Package Others Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 49 Các lớp cài đặt cho phép người dùng thực chức đăng nhập hệ thống, đăng kí mới, thay đổi mật Lớp Chức FormLogin Form để đăng nhập hệ thống FormRegister Form để đăng kí người dùng FromChangePass Form để đổi mật Bảng 25- Package User 3.Thử nghiệm dịch vụ 3.1 Bối cảnh thử nghiệm - Server: local host - Dịch vụ web: xây dựng với glassfish v3, triển khai http://localhost:4848/common/index.jsf - Di động: giả lập J2ME với kích thước hình chiểu rộng 180 pixel, chiều dài 208 pixel - Bộ liệu thử nghiệm: khoảng 50 truyện tranh 3.2 Kịch kết thử nghiệm  Đăng nhập Tên chức Trường Điều kiện hợp Đăng nhập Kết Ghi Nhập số điện thoại Xuất Đăng “123” hình chức nhập Nhập mật : 123 thành cơng Nhập số điện thoại Màn hình đăng Đăng :abc nhập không đổi, nhập Nhập mật : 123 giá trị khơng xóa rỗng thành công Bảng 26-Kịch thử nghiệm chức đăng nhập Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 50 Hình 24- Kết thử nghiệm chức đăng nhập  Đăng kí Tên chức Trường Điều kiện hợp Đăng kí Kết Ghi Nhập tên “thamnt” Xuất Đăng Nhập số điện “1112” hình chức nhập Nhập mật thành “123” công Nhập tên “thamnt” Thông báo nhập Đăng Nhập số điện “1234” lại Nhập “123” mật số điện nhập thoại(do số điện không thoại tồn thành tại) công Bảng 27-Kịch thử nghiệm chức đăng kí Hình 25-Kết thử nghiệm chức đăng kí  Bình luận truyện Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 51 Tên chức Trường Điều kiện Bình Kết Ghi hợp luận truyện Nhập lời bình “abc” Trở hình Nhấn OK trước, xem danh sách lời bình có xuất thêm lời bình “abc” Bảng 28-Kịch thử nghiệm chức comment Hình 26-Kết thử nghiệm chức comment  Đọc truyện Tên chức Trường Điều kiện hợp Đọc truyện Kết Ghi Chọn tên truyện Hiển thị trang đầu Chọn chương tiên chương Nhấn nút Về hình hiển thị danh sách truyện Bảng 29-Kịch thử nghiệm chức đọc truyện Sinh viên thực hiện: Nguyễn Thị Thun SHSV 20063122 Khóa 51 Lớp CNPM 52 Hình 27-Kết thử nghiệm chức đọc truyện  Đọc tiếp Tên chức Trường Điều kiện hợp Đọc tiếp Kết Chọn tên truyện Hiển thị từ trang Chọn “Đọc tiếp” bỏ dở lần trước Chọn tên truyện Hiển thị tất Chọn “Các Ghi phần phần truyện khác” Bảng 30-Kịch thử nghiệm chức đọc tiếp Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 53 Hình 28-Kết thử nghiệm chức đọc tiếp  Đọc tin tức Tên chức Trường Điều kiện hợp Đọc tin tức Kết Ghi Chọn chức đọc Hiển thị thông tin tin tức chi tiết tiếng Chọn tiêu đề tin tức việt Bảng 31-Kịch thử nghiệm chức đọc tin Hình 29-Kết thử nghiệm chức đọc tin  Tìm truyện Tên Tìm truyện chức Trường Điều kiện Kết Ghi hợp kiếm Nhập tên truyện “a” Hiển thị danh mục truyện có chứa tên chứa xâu “a” Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 54 Bảng 32-Kịch thử nghiệm chức tìm kiếm truyện Hình 30-Kết thử nghiệm chức tìm kiếm truyện  Quản lí chuẩn hóa liệu Tên chức Trường Điều kiện Kết Ghi hợp Chuẩn hóa Loại kích Hiển thị danh mục liệu thước truyện dạng chưa xử lý “Small” mà bảng SContentComic chưa có Loại kích Truyện “prince” có thước small, tên bảng truyện SContentComic(trang “prince” truyện tách phù hợp cho hình di động kích thước nhỏ) Bảng 33-Kịch thử nghiệm chức quản lí chuẩn hóa liệu Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 55 Hình 31-Kết thử nghiệm chức quản lí chuẩn hóa liệu So sánh, đánh giá dịch vụ xây dựng Dịch vụ truyện tranh di động vấn đề tạo chức ứng dụng phía di động cho người dùng vấn đề không quan trọng giải thuật sử dụng để tách biên truyện sử dụng dịch vụ Giải thuật đóng vai trị quan trọng giải thuật có cài đặt thành cơng có khả thực thi ứng dụng phía di động Do so sánh đánh giá dịch vụ mặt: mặt ứng dụng mặt sử dụng giải thuật tách biên truyện 4.1 So sánh dịch vụ xây dựng với dịch vụ truyện tranh có Về mặt giải thuật Phương pháp tách biên truyện dựa biến đổi gradient có chậm so với số phương pháp khác kết tách tốt cho trường hợp trang truyện scan bị mờ Kết thu sau thực phân tách số truyện tranh Tên truyện Số trang Tách 38 Tỉ lệ thành công 84% Chú bé rồng chương 45 130 Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 56 Jindo đường dẫn đến khung thành tập Onepice chương 145 133 91,7% 39 35 89,78% Bảng 34-Kết cài đặt giải thuật tách biên So sánh với phương pháp tách Kohei Arai Herman Tolle [4] Kết thu phương pháp sau thực phân tách truyện”Onepice chương 1” Phương pháp Số trang Tỉ lệ phân tách Ta sử dụng 35/39 89,74% Kohei Arai & 35/39 89,74% Herman Tolle Bảng 35-So sánh giải thuật sử dụng với giải thuật Kohei So sánh với phương pháp tách Yusuke In, Takashi Oie, Masakazu Higuchi, Shuji Kawasaki, Atushi Koike and Hitomi Murakami [7]: dựa ý tưởng sử dụng biến thiên gradient phương pháp đạt độ xác tính tốn, xử lí nhanh đảm bảo lượng thông tin bị giới hạn cho phép ( truyện tranh đọc hiểu tốt sau phân tách) So sánh với phương pháp sử dụng histogram Cheung Kam Shun Sung Siu Hang Aaron [8]: phương pháp sử dụng histogram thời gian xử lý nhanh lượng tính tốn hơn, ngồi sử dụng cơng thức tính histogram cịn phải kết hợp thêm số cơng thức tính tốn khác để tăng thêm độ xác, sử dụng khơng tốt cho trường hợp khung truyện bị lồng (khơng có biên rõ ràng) Về mặt ứng dụng So sánh dịch vụ di động ta xây dựng với dịch vụ truyện tranh di động có DORE Dore: - Ứng dụng phát triển k2tek - Nội dung cung cấp VSMC So sánh dịch vụ xây dựng với Dore Chức Quản lý tài khoản - Tạo lập QL tài khoản Đọc truyện - Danh sách truyện - Đọc tiếp - Truyện - Truyện hot MComic DORE C C C C C C K C C C C C Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 57 - Truyện gốc Tìm kiếm truyện - Tìm theo tên C K Đọc tin truyện tranh - Thông tin truyện K C C K - Thông tin kiện, truyện hay, tác giả truyện… Metadata - Bình chọn C K C K - Bình luận Bảng 36-So sánh dịch vụ xây dựng với DORE ( C: Hỗ trợ , K: Không hỗ trợ) 4.2 Đánh giá dịch vụ xây dựng 4.2.1 Đạt - Tìm hiểu áp dụng số kĩ thuật kiến trúc phần mềm hướng dịch vụ - Các thuật toán việc thu thập liệu, phân tách chuẩn hóa trang truyện tìm hiểu áp dụng thành công - Hỗ trợ hầu hết chức mà dịch vụ đọc truyện tranh di động nên có - Hỗ trợ cho loại thiết bị di động có kích cỡ hình khác - Giao diện trực quan, dễ dàng sử dụng 4.2.2 Tồn - Bộ thư viện truyện hạn chế, chưa cung cấp loại truyện tranh nước - Dịch vụ giai đoạn thử nghiệm, nên chưa đánh giá hết vấn đề có khả xảy vấn đề kết nối, tốc độ kết nối Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 58 Kết luận Dịch vụ “truyện tranh di động”: Sau tìm hiểu, xây dựng dịch vụ truyện tranh di động, có số kiến thức kiến trúc hướng dịch vụ (SOA): định nghĩa, đặc tính, lợi ích, phương pháp xây dựng triển khai Đây mơ hình hướng tới tương lai, có nhiều thuận lợi khơng khó khăn xây dựng, triển khai tích hợp hệ thống theo mơ hình Ngồi cịn có kiến thức chuẩn di động (mobile web best practice 1.0) hỗ trợ phát triển giao diện di động, hạn chế đến mức tối thiểu nhược điểm thiết bị di động kích thước hình, kích thước nhớ, tốc độ truyền tải mạng di động Để xây dựng dịch vụ truyện tranh di động xây dựng áp dụng số giải thuật phân tách nội dung html,tách biên, thêm biên, thuật toán OCR Với việc phân tách nội dung html dịch vụ có thư viện truyện tương đối khoảng 50 truyện, cập nhật liên tục mở rộng thêm Giải thuật tách biên, thêm biên, với việc áp dụng thuật tốn OCR thực thi thành cơng việc tách trang truyện thành khung có kích thước nhỏ phù hợp cho việc truyền tải hiển thị thiết bị di động với khoảng 90% không bị mất, giảm thông tin Với kết q trình tìm hiểu mơ hình kiến trúc hướng dịch vụ, với việc nghiên cứu, xây dựng giải thuật tách biên, thêm biên… dịch vụ truyện tranh di động hồn thành Tuy cịn nhiều hạn chế cịn q trình phát triển hoàn thiện thêm dịch vụ có đủ chức cần thiết cho dịch vụ di động nhu cầu đọc truyện tranh di động người dùng Phương hướng phát triển Mở rộng thư viện truyện (thêm loại truyện gốc tiếng Anh tiếng nhật) thông qua phân tách trang cung cấp truyện nước ngồi http://www.onemanga.com/, http://www.mangareader.net/ Cải tiến thuật tốn phân tách trang truyện, giảm mát thông tin Phát triển thuật tốn cho phép phân tách kí tự từ trang truyện, nhằm hỗ trợ người dùng kí tự ảnh nhỏ mờ hiển thị di động Kết hợp với google translate để giúp người dùng đọc truyện tiếng nước Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 59 Tài liệu tham khảo Sách, báo [1] Thomas Erl, Service-Oriented Architecture: Concepts, Technology, and Design, Prentice Hall PTR, 2005 [2] Robert Virkus ,Pro J2mePolish, Springer-Verlag New York, 2005 [3] Kohei Arai & Herman Tolle, Automatic E-Comic Content Adaptation, International Journal of Ubiquitous Computing (IJUC) Volume (1), Issue (1) 11 [4] Q Yuan, C L Tan, Text Extraction from Gray Scale Document Images Using Edge Information [5] Yusuke IN, Takashi OIE, Masakazu HIGUCHI, Shuji KAWASAKI, Atushi KOIKE and Hitomi MURAKAMI, Using Fast Frame Decomposition and Sorting by Contour Tracing Mobile Phone Comic, Imaging System, INTERNATIONAL JOURNAL OF SYSTEMS APPLICATIONS, ENGINEERING & DEVELOPMENT Issue 2, Volume 5, 2011 [6] Final year report project “Comic Viewer for iphone” Cheung Kam Shun , Sung Siu Hang AaronDepartment of Computer Science and Engineering The Chinese University of Hong Kong, 2010-2011 [7] http://en.wikipedia.org/wiki/Service-oriented_architecture: website khái niệm mơ hình hướng dịch vụ-truy cập lần cuối 23/5/2011 [8] http://www.w3.org/TR/mobile-bp/ : website mô tả chuẩn di động (mwbp 1.0)-truy cập lần cuối 23/5/2011 [9] http://www.enough.de/products/j2me-polish/ : website xây dựng giao diên di động với thư viện j2me polish-truy cập lần cuối 20/4/2011 [10] http://forum.vsoftgroup.com/showthread.php?t=4487 : website số khái niệm SOA-truy cập lần cuối 23/5/2011 [11] http://www.tutorialized.com/tutorial/Basics-of-J2ME/331: website số khái niệm j2me-truy cập lần cuối 23/5/2011 [12] http://today.java.net/pub/a/today/2005/02/09/j2me1.html :website số khái niệm j2me-truy cập lần cuối 23/5/2011 [13] http://htmlparser.sourceforge.net/: website phân tích nội dung html-truy cập lần cuối 23/5/2011 Sinh viên thực hiện: Nguyễn Thị Thuyên SHSV 20063122 Khóa 51 Lớp CNPM 60