Websphere portal và ứng dụng

MỤC LỤC LỜI CẢM ƠN Error! Bookmark not defined LỜI NÓI ĐẦU CHƯƠNG TỔNG QUAN VỀ PORTAL…….…………………………… 1.1 Khái niệm 1.2 Mô hình hệ thống portal 11 1.3.1 Mô hình nghiệp vụ 11 1.3.2 Mô hình chức 13 1.3.3 Các đặc trưng 14 1.3 Kiến trúc hệ thống portal .21 1.3.1 Xác thực Phân quyền đối tượng đầu vào hiển thị: 21 1.3.2 Ngăn Portlets Dịch vụ portal 22 1.3.3 Các Dịch vụ J2EE 23 1.3.4 Các chức hỗ trợ kỹ thuật Portal 23 1.3.5 Kiến trúc mạng 25 1.3.6 Portal engine 26 1.3.7 Portal ảo 28 CHƯƠNG TỔNG QUAN VỀ WEB CONTENT MANAGEMENT VÀ CÁCH XUẤT BẢN MỘT NỘI DUNG 32 2.1 Web Content Management 32 2.1.1 Quản lý nội dung 32 2.1.2 Dynamic Presentation (Trình diễn động) 32 2.1.3 Cấu hình môi trường sử dụng 34 2.2 Sơ lược xuất nội dung 34 2.2.1 WCM Item 34 2.2.2 Mối quan hệ mục 35 2.3 Content component 38 2.4 Presentation template content 38 2.5 Phiên 38 2.6 Quy trình bảo mật 39 2.6.1 Item sercurity 39 2.7 Thêm component cho site area 43 2.7.1 Component Manager 43 2.7.2 Nhãn component 43 2.8 Thiết lập cặp Presentation Template Authoring Template 44 2.9 Tạo Content 44 2.10 Sử dụng Web Crawling Web Clipping 44 CHƯƠNG SỬ DỤNG WEBSPHERE PORTAL XÂY DỰNG TRANG THÔNG TIN HỘI ĐỒNG QUẢN TRỊ - TẬP ĐOÀN BƯU CHÍNH VIỄN THÔNG VIỆT NAM 45 3.1 Tập đoàn Bưu Viễn thông Việt Nam (VNPT) .45 3.1.1 Mô hình tổ chức cán hội đồng quản trị VNPT 45 3.2 Mô tả hệ thống thời .48 3.2.1 Hiện trạng hạ tầng công nghệ thông tin 48 3.2.2 Hiện trạng kênh trao đổi thông tin 51 3.2.3 Hiện trạng hệ thống hệ thống thông tin Bài toán Portal cho Bưu Việt Nam 51 3.3 Cấu trúc nội dung luồng xử lý thông tin hệ thống trang thông tin Tập đoàn Bưu Viễn thông Việt Nam .53 3.3.1 Nội dung thông tin Cổng thông tin điện tử điện tử Tập đoàn Bưu Viễn thông Việt Nam 53 3.3.2 Quy trình cập nhật thông tin 54 3.3.2 Hệ thống đáp ứng yêu cầu công nghệ 56 3.3.3 Hệ thống đáp ứng Giải pháp an toàn bảo mật 56 3.4 Xây dựng trang thông tin Hội đồng quản trị VNPT sử dụng hệ quản trị nội dung WEBSPHERE PORTAL 61 3.4.1 Cấu trúc Cổng thông tin điện tử VNPT 61 3.4.2 Hệ thống hỗ trợ quản trị nội dung 62 3.4.4 Mô hình quản trị người dùng 63 3.4.5 Mô hình phân quyền truy cập cổng thông tin điện tử 64 KẾT LUẬN 76 TÀI LIỆU THAM KHẢO .77 CÁC HÌNH VẼ Hình 1.1 Cổng thông tin tích hợp 10 Hình 1.2 Kiến trúc Portal 22 Hình 1.4 Kiến trúc mạng hệ thống Cổng thông tin điện tử 25 Hình 1.5 Portal engine .26 Hình 1.6 Tổng hợp trang web 27 Hình 1.7 Mô hình quản lý thông tin cho phòng ban trực thuộc đơn vị 29 Hình 1.8 Cấu trúc trang màu sắc hiển thị .29 Hình 1.9 Các mẫu hiển thị 30 Hình 1.10 Quyền hạn chức portal ảo .31 Hình 3.1 Mô hình tổ chức tập đoàn Bưu Viễn thông Việt Nam 47 Hình 3.2 Sơ đồ kết nối mạng quan Tập đoàn 48 Hình 3.3 Mô hình kết nối thông tin 51 Hình 3.4 Quy trình cập nhật thông tin cho Cổng thông tin điện tử điện tử 55 Hình 3.5 Cấu trúc Cổng thông tin điện tử VNPT 61 Hình 3.6 Mô hình quản lý khai thác thông tin 63 Hình 3.7 Mô hình quản trị người dùng 63 Hình 3.8 Mô hình phân quyền truy cập cổng thông tin điện tử 64 Hình 3.9 Mô hình phân quyền quản trị trang tin Hội đồng quản trị 64 Hình 3.10 Xây dựng nội dung trang tin Hội đồng quản trị 65 Hình 3.11 Cấu trúc trang thông tin Hội đồng quản trị 65 Hình 3.12 Cấu trúc mục thông tin Thông tin .66 Hình 3.14 Cấu trúc mục tài liên kết 66 Hình 3.15 Cấu trúc chức hiển thị nội dung 67 Hình 3.16 Content 67 Hình 3.17 Cấu trúc chức hiển thị thông tin .67 Hình 3.18 Authoring Template 68 Hình 3.19 Cấu trúc chức trình diễn 68 Hình 3.20 Presentation Template .68 Hình 3.21 Layout Presentation Template 69 Hình 3.22 Cấu trúc chức xuất nội dung .69 Hình 3.23 Thiết lập thông tin xuất nội dung .70 Hình 3.24 Lựa chọn site area lưu nội dung xuất 70 Hình 3.25 Quy trình Workflow 71 Hình 3.26 Workflow 71 Hình 3.27 Mô hình site .72 Hình 3.28 Cấu trúc site .72 Hình 3.29 Test nội dung xuất trang thông tin .73 Hình 3.30 Báo cáo hoạt động sản xuất kinh doanh .73 Hình 3.31 Portal cài đặt .74 Hình 3.32 Trang thông tin Hội đồng quản trị 75 LỜI NÓI ĐẦU Chúng ta biết đến máy tính để bàn môi trường làm việc, phương tiện làm việc thường xuyên cần thiết Một người dùng hoạt động nghiệp vụ (kinh tế, kỹ thuật, kế toán, nhà báo…) sử dụng máy tính để bàn theo hình thức Sự đời mạng máy tính thực ước mơ trinh phục khoảng cách người mang lại tiện ích Công nghệ web-based so với việc sử dụng ứng dụng desktop-based có nhiều ưu điểm là: cần sử dụng trình duyệt, truy cập lúc nơi, từ xa, với nhiều loại thiết bị khác máy tính…Đó lý cần thiết để mang tất thứ từ desktop lên Web, portal đời Portal (hay cổng thông tin điện tử) điểm truy cập nhất, điểm dừng chân cuối người dùng mà đó, tất yêu cầu người dùng đáp ứng khía cạch: tích hợp thông tin, tích hợp người-quy trình, tích hợp ứng dụng Portal giải pháp hệ thống toàn diện cho doanh nghiệp, đơn vị tổ chức, Bộ ngành, Chính phủ…các đơn vị, tổ chức có cấu tổ chức, mô hình nghiệp vụ với nhiều đối tượng nghiệp vụ khác Đồ án trình bày tổng quan Portal quy trình xuất nội dung Web Content Management Trên sở ứng dụng vào thiết kế, xây dựng trang tin Hội đồng quản trị Tập đoàn Bưu Viễn thông Việt Nam Đồ án gồm chương: Chương 1: Giới thiệu tổng quan Portal ưu việt đặc trưng mang tính công nghệ đại portal Chương 2: Giới thiệu Web Content Management cách xuất nội dung Chương 3: Sử dụng WebSphere Portal xây dựng trang thông tin Hội đồng quản trị - Tập đoàn Bưu Viễn Thông Việt Nam Em mong nhận nhận xét quý báu thầy, cô giáo - Khoa Công nghệ thông tin CHƯƠNG TỔNG QUAN VỀ PORTAL 1.1 Khái niệm Portal (hay cổng thông tin điện tử) định nghĩa hệ máy tính để bàn (next generation-desktop), điểm truy cập nhất, điểm dừng chân cuối người dùng mà đó, tất yêu cầu người dùng đáp ứng khía cạch: tích hợp thông tin, tích hợp người-quy trình, tích hợp ứng dụng Portal cung cấp sẵn hệ thống dịch vụ (gọi portlet) để sẵn sàng đáp ứng cho yêu cầu tương tác người dùng lên portal Tại lại nói: portal - next generation desktop? Chúng ta biết đến máy tính để bàn môi trường làm việc, phương tiện làm việc thường xuyên cần thiết Do vậy, nói portal - next generation desktop có nghĩa tất thứ môi trường desktop đưa hoàn toàn lên web Điều có nghĩa là, với trình duyệt mở giao diện web giao diện web so sánh với hình desktop môi trường máy tính để bàn Một portlet chạy môi trường portlal ví ứng dụng chạy hệ điều hành Desktop PC Portal Một hệ điều hành môi trường làm Có môi trường tảng việc cho máy tính server portal (hay gọi portal container) Môi trường làm việc Webbased Hệ thống dịch vụ quản trị hệ Có hệ thống dịch vụ quản trị điều hành đó: quản lý account, quản lý portal: quản lý hệ thống người dùng, ứng dụng cài đặt quản lý hệ thống dịch vụ (mà (install/uninstall), quản lý bảo mật môi trường portal gọi (phân quyền, firewall), quản lý chia sẻ portlet, install/uninstall tài nguyên (quản lý, shared file and portlet này), quản lý bảo mật, quản lý folder), quản lý cấu hình, tùy biến chia sẻ tài nguyên (file, ứng dụng, lựa chọn giao diện hiển thị (font, dịch vụ), quản lý việc tùy biến giao theme, background, shortcut…)… diện web Hệ thống phần mềm nghiệp vụ Có hệ thống dịch vụ (portlet) cài đặt hệ điều hành đó: nghiệp vụ cài đặt vào môi trường MS Word, Excel, Presentation, phần portal này: portlet soạn thảo văn mềm kế toán… tương tự word/excel, portlet quản trị nội dung, quản trị tài liệu, portlet nghiệp vụ khác như: kế toán, tài chính, kỹ thuật… Hệ thống phần mềm, hệ thống Có hệ thống dịch vụ (portlet) phục dịch vụ tiện ích để phục vụ cho tất vụ cho nhu cầu trao đổi thông tin: nhu cầu người: trao đổi email, chat, gửi file… thông tin (email, send file…) Để đáp ứng cách toàn diện nhất, Có hệ thống nhiều dịch vụ tiện dụng người sử dụng (portlet) tiện ích để phục vụ cho tất mà máy tính để bàn tạo các nhu cầu người dùng: mở nhiều khả như: mở nhiều ứng dụng portlet lúc trên cửa sổ, hình, minimize/maximize portlet maximize/minimize ứng dụng trang portal, cá nhân hóa giao diện hoạt động, customize desktop để làm việc, cấu hình thông tin có vùng làm việc cá nhân hóa time zone, xem thông tin thời tiết, tỷ người dùng, tạo shortcut cho giá… ứng dụng thường xuyên desktop, dịch vụ time zone, thời tiết, ngôn ngữ… Công nghệ web-based so với việc sử dụng ứng dụng desktop-based có nhiều ưu điểm là: cần sử dụng trình duyệt, truy cập lúc nơi, từ xa, với nhiều loại thiết bị khác máy tính…Đó lý cần thiết để mang tất thứ từ desktop lên Web, portal đời Như nói, thấy portal tuân thủ định hướng Web-based Vậy portal web có khác biệt? Portal Đặc điểm Web Xây dựng cấu Thực thao tác Thực công việc trúc toàn khai báo chức lập trình, thiết kế hệ thống trang web quản trị, linh động thay lần, việc xây dựng khó đổi khăn có yêu cầu thay đổi thiết kế Xuất nội Có sẵn hệ quản trị nội dung, Thông thường thiết kế xây dung lên ứng dụng tích hợp dựng nội dung trang sẵn portal trang web với khả thay đổi nội dung hạn chế Bố cục, diện hiển thị giao Thực tạo lựa Bố cục giao diện chọn bố cục giao diện hiển xác định lần thị chức quản thiết kế, khó thay đổi lại trị có sẵn portal sau lập trình hoàn thiện Khả tương Người sử dụng truy cập Người sử dụng truy cập tác portal nhu cầu thông web site chủ yếu với nhu tin thực cầu tra cứu, tìm kiếm hoạt động tương tác thông tin, không cung cấp sẵn cổng: hoạt thực hoạt động động nghiệp vụ, trao đổi tương tác nào: tương tác với thông tin, làm việc trực hệ thống, tương tác với tuyến… người dùng khác Khả thay Thực dễ dàng với Thay đổi lại toàn trang đổi, xây dựng lại thao tác người quản trị web đồng nghĩa với việc bắt toàn portal Chính đơn vị sử dụng đầu dự án hoàn toàn portal thực công việc mới, đơn vị sử dụng web tự thực được, cần phải thuê công ty phần mềm Khả rộng mở Luôn sẵn sàng với thay Việc cập nhật, mở rộng đổi, yêu cầu mở rộng hệ hệ thống website hạn thống chế Khả tích Portal có sẵn công cụ Một web site có thực hợp quản trị phục vụ cho nhu tích hợp thông tin từ cầu cài đặt thêm dịch vụ nguồn khác (portlet), có portlet dạng cung cấp liên kết tích hợp thông tin từ nhiều tới nguồn thông tin nguồn Qua chút so sánh portal web để thấy được: portal điểm truy cập nhất, điểm dừng chân người dùng Tất nhu cầu người dùng thể khía cạnh là: nhu cầu thông tin (tra cứu, tìm kiếm, trao đổi, chia sẻ), nhu cầu hoạt động nghiệp vụ, nhu cầu hoạt động tương tác Với môi trường làm việc desktop trước đây, tất yêu cầu thực việc sử dụng phần mềm cài đặt desktop đó: phần mềm trao đổi chia sẻ thông tin (chat, e-mail, quản lý file, thư mục), phần mềm hoạt động nghiệp vụ (word, excel, phần mềm chuyên ngành: kế toán, xây dựng, thiết kế…), yêu cầu tương tác thực phần mềm tương tác (chia sẻ file, tài liệu, chat (voice)) Do vậy, môi trường portal, portal cung cấp sẵn tất dịch vụ sẵn sàng đáp ứng cho nhu cầu người dùng lúc, nơi portal Điều thấy chi tiết khía cạnh như: Phổ biến tích hợp thông tin: portal có hệ thống chức - (chính portlet có sẵn) để dễ dàng cho việc phổ biến thông tin: quản trị nội dung, quản lý tài liệu, quản lý cấu trúc portal, quản lý bố cục-giao diện, quản lý tài nguyên, có porlet tìm kiếm phục vụ nhu cầu tìm kiếm thông tin portal, có hệ thống portlet để tích hợp, trích xuất thông tin từ nguồn portal kho liệu portal dạng cung cấp liên kết - Tích hợp người, quy trình: với hệ thống portlet hoạt động tương tác cho phép người dùng thực thao tác nghiệp vụ theo quy trình mong muốn Các kênh trao đổi thông tin, tương tác người dùng với cung cấp sẵn - Tích hợp ứng dụng: portal có tính mở lớn, sẵn sàng đáp ứng với cập nhật thay đổi công nghệ, với mở rộng hệ thống việc thêm ứng dụng nghiệp vụ khác Portal cung cấp sẵn công cụ để tích hợp ứng dụng, truy xuất sở liệu làm thống kê, báo cáo tổng hợp Tích hợp User User Interaction Cung cấp thông tin từ nhiều nguồn qua kênh đa dạng cá nhân hóa Cải tiến hiệu suất truy nhập đến nội dung cá nhân hóa qua việc hỗ trợ đa kênh Tích hợp Qui trình Điều phối công việc liên kết với nhiều hệ thống người sử dụng Tự động hóa cải tiến qui trình nghiệp vụ Open Services Infrastructure Xây dựng để tích hợp Xây dựng ứng dụng sẵn sàng tích hợp Tận dụng tài nguyên sẵn có đẻ tạo sản phẩm tái sử dụng Kết nối ứng dụng Tạo môi trường kết nối an toàn, bảo mật, độ tin tưởng cao, dễ dàng Cho cácanứng dụng hoạt động riêng lẻ Enable easy, pervasive, vàand đảmreliable bảo tính secure waytoàn of vẹn giao dịch loosely coupling applications Tích hợp thông tin Information Integration Tạo tầm nhìn thống thông tin, cung cấp thông tin nơi lúc yêu cầu Đảm bảo có thông tin gốc để tất các thành phần nghiệp vụ sử dụng Hình 1.1 Cổng thông tin tích hợp 10 Hình 3.23 Thiết lập thông tin xuất nội dung Hình 3.24 Lựa chọn site area lưu nội dung xuất 70 - Xây dựng quy trình Workflow Hình 3.25 Quy trình Workflow Hình 3.26 Workflow 71 - Quản lý site Hình 3.27 Mô hình site Hình 3.28 Cấu trúc site 72 Hình 3.29 Test nội dung xuất trang thông tin Hình 3.30 Báo cáo hoạt động sản xuất kinh doanh 73 Hình 3.31 Portal cài đặt 74 Hình 3.32 Trang thông tin Hội đồng quản trị 75 KẾT LUẬN WebSphere Portal hệ thống lớn, đại với đặc điểm đặc trưng, khác biệt, dễ phát triển, lại đảm bảo tính an toàn bảo mật cho phép ứng dụng vào thực tế đồng thời phát huy tính sáng tạo để phù hợp với môi trường triển khai WebSphere Portal vượt trội hẳn giải pháp công nghệ thông tin cho doanh nghiệp, đơn vị tổ chức, Bộ ngành, Chính phủ… Mặc dù đơn vị, tổ chức có cấu tổ chức, mô hình nghiệp vụ với nhiều đối tượng nghiệp vụ khác Đồ án tập chung vào nghiên cứu, tìm hiểu tính Web Content Management quy trình để xuất trang Web, nhằm ứng dụng vào thực tế Song, thời gian có hạn nên đề tài không tránh khỏi thiếu sót Trong trình tìm hiểu WebSphere Portal, đồ án thực công việc sau: Nghiên cứu tổng quan nắm bắt ưu việt đặc trưng mang tính công nghệ đại WebSphere Portal Cài đặt thành công Portal 6.0 Nghiên cứu chi tiết chức Web Content Management (WCM) việc hỗ trợ xuất nội dung trang thông tin lên Web ứng dụng thành công chức Web Content Management (WCM) xây dựng Trang tin Hội đồng quản trị Tập đoàn Bưu Viễn thông Việt Nam Những khó khăn hạn chế mắc phải: việc cấu hình cài đặt Portal phức tạp khó khăn, yêu cầu nhiều thời gian máy tính phải có cấu hình cao Về thiết kế bố cục, mỹ thuật trang thông tin chưa đẹp chuyên nghiệp mặt giao diện Trong tương lai hệ thống phát triển toàn diện để ứng dụng vào thực tế công việc tham gia quản lí Hội đồng quản trị Tập đoàn Bưu Viễn thông Việt Nam 76 TÀI LIỆU THAM KHẢO [1] Ron Ben-Natan, Richard Gornitsky, Tim Hanis, Ori Sasson, “Mastering IBM WebSphere Portal “ [2] http://publib.boulder.ibm.com [3] http://www-304.ibm.com [4] http://www.redbooks.ibm.com [5] www.hanoi.gov.vn 77 PHỤ LỤC CODE CHƯƠNG TRÌNH var asynchContextMenuDebug=-1; var asynchContextMenuMouseOverIndicator="" ;var portletIdMap=new Object();function asynchContextMenuOnMouseClickHandler(uniqueID, isLTR, urlToMenuContents, menuBorderStyle, menuTableStyle, menuItemStyle, menuItemSelectedStyle, emptyMenuText, loadingImage) { var menuID="contextMenu_" + uniqueID; var menu=getContextMenu(menuID);if (menu == null) { asynchContextMenu_menuCurrentlyLoading=uniqueID;if (loadingImage) { setLoadingImage(loadingImage);} menu=createContextMenu(menuID, isLTR, null, menuBorderStyle, menuTableStyle, emptyMenuText); loadAsynchContextMenu(uniqueID, urlToMenuContents, isLTR, menuItemStyle, menuItemSelectedStyle, '', true);} else { if (asynchContextMenu_menuCurrentlyLoading == uniqueID) { return;}showContextMenu(menuID, document.getElementById(uniqueID));};};var asynchContextMenu_originalMenuImgElementSrc;function setLoadingImage(img) { asynchContextMenu_originalMenuImgElementSrc=document.getElementById (asynchContextMenu_menuCurrentlyLoading + "_img").src; document.getElementById(asynchContextMenu_menuCurrentlyLoading + "_img").src=img;};function clearLoadingImage() { document.getElementById(asynchContextMenu_menuCurrentlyLoading + "_img").src=asynchContextMenu_originalMenuImgElementSrc;};function loadAsynchContextMenu(uniqueID, url, isLTR, menuItemStyle, menuItemSelectedStyle, emptyMenuText, showMenu, onMenuAffordanceShowHandler) { asynchDebug('ENTRY loadAsynchContextMenu p1=' + uniqueID + '; p2=' + url + '; p3=' + isLTR + '; p4=' + isLTR); var menuID="contextMenu_" + uniqueID; var dialogTag=null;var ID=uniqueID + '_DIV';if (document.getElementById(ID) != null) 78 { closeMenu(ID);return;}dialogTag=document.createElement("DIV");dialogTag.style.pos ition="absolute";if (asynchContextMenuDebug < 2) { }}; var target=document.getElementById(uniqueID);asynchDebug('EXIT buildAndDisplayMenu');if (showMenu == null || showMenu == true) { return showContextMenu(menuID, target);}};function createDynamicElements(uniqueID, url, menuID, menuItemStyle, menuItemSelectedStyle) { asynchDebug('ENTRY createDynamicElements p1=' + uniqueID + '; p2=' + url + '; p3=' + menuID);var dialogTag=null;var ID=uniqueID + '_DIV';if (document.getElementById(ID) != null) { closeMenu(ID);return;}dialogTag=document.createElement("DIV");dialogTag.style.pos ition="absolute";if (asynchContextMenuDebug < 2) { dialogTag.style.left="0px";dialogTag.style.top="100px";dialogTag.style.visibility="hidden";}if (asynchContextMenuDebug >= || asynchContextMenuDebug == 999) { dialogTag.style.left="100px";dialogTag.style.top="100px";dialogTag.style.visibility="v isible";}dialogTag.id=ID;var styleString='null, null';if (menuItemStyle != null) { styleString="'" + menuItemStyle + "'";}if (menuItemSelectedStyle != null) { styleString=styleString + ", '" + menuItemSelectedStyle + "'";}else { styleString=styleString + ", null";}dialogTag.innerHTML='';document.body.appendChild(dialogTag);asynchDebug('EXIT createDynamicElements');};function asynchDebug(str) { if (asynchContextMenuDebug >= && asynchContextMenuDebug != 999) { alert(str);}};function asynchDebug2(str) { if (asynchContextMenuDebug >= && asynchContextMenuDebug != 999) { alert(str) ;}};function asynchDoFormSubmit(url){ 79 var formElem=document.createElement("form");document.body.appendChild(formElem);f ormElem.setAttribute("method", "GET");var delimLocation=url.indexOf("?");if (delimLocation >= 0) { var params=url.substring(delimLocation + 1, url.length);url=url.substring(0, delimLocation);var paramArray=params.split("&");for (var i=0; i < paramArray.length; i++) { var name=paramArray[i].substring(0, paramArray[i].indexOf("="));var value=paramArray[i].substring(paramArray[i].indexOf("=") + 1, paramArray[i].length);var inputElem=document.createElement("input");inputElem.setAttribute("type", "hidden");inputElem.setAttribute("name", name);inputElem.setAttribute("value", value);formElem.appendChild(inputElem);};}formElem.setAttribute("action", url);formElem.submit();};var asynchContextMenu_menuCurrentlyLoading=null;function menuMouseOver(id, selectedImage) { if (asynchContextMenu_menuCurrentlyLoading != null) return;portletIdMap[id]='menu_'+id+'_img';showAffordance(id, selectedImage);};function menuMouseOut(id, disabledImage) { if (asynchContextMenu_menuCurrentlyLoading != null) return;hideAffordance(id , disabledImage);portletIdMap[id]="";};function showAffordance(id, selectedImage) { document.getElementById('menu_'+id).style.cursor='pointer';document.getElementByI d('menu_'+id+'_img').src=selectedImage;};function hideAffordance(id, disabledImage) { document.getElementById('menu_'+id).style.cursor='default';document.getElementByI d('menu_'+id+'_img').src=disabledImage;};function menuMouseOverThinSkin(id, selectedImage) { if (asynchContextMenu_menuCurrentlyLoading != null) return;portletIdMap[id]='menu_'+id+'_img';showAffordanceThinSkin(id, selectedImage);};function menuMouseOutThinSkin(id, disabledImage) { if (asynchContextMenu_menuCurrentlyLoading != null) return;hideAffordanceThinSkin(id , disabledImage);portletIdMap[id]="";};function showAffordanceThinSkin(id, selectedImage) { document.getElementById('menu_'+id).style.cursor='pointer';document.getElementByI d('portletTitleBar_'+id).className='wpsThinSkinContainerBar 80 wpsThinSkinContainerBarBorder';document.getElementById('title_'+id).className='w psThinSkinDragZoneContainer wpsThinSkinVisible';document.getElementById('menu_'+id+'_img').src=selectedImage ;};function hideAffordanceThinSkin(id, disabledImage) { document.getElementById('menu_'+id).style.cursor='default';document.getElementByI d('portletTitleBar_'+id).className='wpsThinSkinContainerBar';document.getElementB yId('title_'+id).className='wpsThinSkinDragZoneContainer wpsThinSkinInvisible';document.getElementById('menu_'+id+'_img').src=disabledIma ge;};var onmousedownold_;function closeMenu(id, disabledImage) { hideCurrentContextMenu();if (portletIdMap[id] == "") { hideAffordance(id, disabledImage);}document.onmousedown=onmousedownold_;};function showPortletMenu(id, portletNoActionsText, isRTL, menuPortletURL, disabledImage, loadingImage) { if (portletIdMap[id].indexOf(id) < 0) return;asynchContextMenuOnMouseClickHandler('menu_'+id,!isRTL,menuPortletURL , null, null, null, null, portletNoActionsText, loadingImage);onmousedownold_=document.onmousedown;document.onmousedown= closeMenu;};function accessibleShowMenu(event , id , portletNoActionsText, isRTL, menuPortletURL, loadingImage) { if (event.which == 13) { asynchContextMenuOnMouseClickHandler('menu_'+id,!isRTL,menuPortletURL, null, null, null, null, portletNoActionsText, loadingImage);}else { return true;};}; ////////////////////////////////////////////////////// BrowserDimensions.prototype=new Object();BrowserDimensions.prototype.constructor=BrowserDimensions;BrowserDime nsions.superclass=null;function BrowserDimensions(){ this.body=document.body;if (this.isStrictDoctype() && !this.isSafari()) { this.body=document.documentElement;}};BrowserDimensions.prototype.getScrollFro mLeft=function(){ return this.body.scrollLeft ;};BrowserDimensions.prototype.getScrollFromTop=function(){ return this.body.scrollTop ;};BrowserDimensions.prototype.getViewableAreaWidth=function(){ 81 return this.body.clientWidth ;};BrowserDimensions.prototype.getViewableAreaHeight=function(){ return this.body.clientHeight ;};BrowserDimensions.prototype.getHTMLElementWidth=function(){ return this.body.scrollWidth ;};BrowserDimensions.prototype.getHTMLElementHeight=function(){ return this.body.scrollHeight ;};BrowserDimensions.prototype.isStrictDoctype=function(){ return (document.compatMode && document.compatMode != "BackCompat");};BrowserDimensions.prototype.isSafari=function(){ return (navigator.userAgent.toLowerCase().indexOf("safari") >= 0);}; \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ var asynchContextMenuDebug=-1;var asynchContextMenuMouseOverIndicator="";var portletIdMap=new Object();function asynchContextMenuOnMouseClickHandler(uniqueID, isLTR, urlToMenuContents, menuBorderStyle, menuTableStyle, menuItemStyle, menuItemSelectedStyle, emptyMenuText, loadingImage) { var menuID="contextMenu_" + uniqueID;var menu=getContextMenu(menuID);if (menu == null) { asynchContextMenu_menuCurrentlyLoading=uniqueID;if (loadingImage) { setLoadingImage(loadingImage);}menu=createContextMenu(menuID, isLTR, null, menuBorderStyle, menuTableStyle, emptyMenuText);loadAsynchContextMenu(uniqueID, urlToMenuContents, isLTR, menuItemStyle, menuItemSelectedStyle, '', true);}else { if (asynchContextMenu_menuCurrentlyLoading == uniqueID) { return;}showContextMenu(menuID, document.getElementById(uniqueID));};};var asynchContextMenu_originalMenuImgElementSrc;function setLoadingImage(img) { asynchContextMenu_originalMenuImgElementSrc=document.getElementById(asynch ContextMenu_menuCurrentlyLoading + "_img").src;document.getElementById(asynchContextMenu_menuCurrentlyLoading + "_img").src=img;};function clearLoadingImage() { document.getElementById(asynchContextMenu_menuCurrentlyLoading + "_img").src=asynchContextMenu_originalMenuImgElementSrc;};function loadAsynchContextMenu(uniqueID, url, isLTR, menuItemStyle, menuItemSelectedStyle, emptyMenuText, showMenu, onMenuAffordanceShowHandler) 82 { asynchDebug('ENTRY loadAsynchContextMenu p1=' + uniqueID + '; p2=' + url + '; p3=' + isLTR + '; p4=' + isLTR);var menuID="contextMenu_" + uniqueID;var dialogTag=null;var ID=uniqueID + '_DIV';if (document.getElementById(ID) != null) { closeMenu(ID);return;}dialogTag=document.createElement("DIV");dialogTag.style.pos ition="absolute";if (asynchContextMenuDebug < 2) { dialogTag.style.left="0px";dialogTag.style.top="100px";dialogTag.style.visibility="hidden";}if (asynchContextMenuDebug >= || asynchContextMenuDebug == 999) { dialogTag.style.left="100px";dialogTag.style.top="100px";dialogTag.style.visibility="v isible";}dialogTag.id=ID;var styleString='null';if (menuItemStyle != null) { styleString="'" + menuItemStyle + "'";}if (menuItemSelectedStyle != null) { styleString=styleString + ", '" + menuItemSelectedStyle + "'";}else { styleString=styleString + ", null";}dialogTag.innerHTML='';document.body.appendChild(dialogTag);asynchDebug('EXIT asynchDebug2('url length: ' + contents[i].length);}asynchDebug2('icon: ' + contents[i+2]);if (contents[i] && contents[i].length != 0) { var icon=null;if (contents[i+2] && contents[i+2].length != 0) { icon=contents[i+2];}menu.add(new UilMenuItem(contents[i+1], true, '', contents[i], null, icon, null, menuItemStyle, menuItemSelectedStyle));}};var target=document.getElementById(uniqueID);asynchDebug('EXIT buildAndDisplayMenu');if (showMenu == null || showMenu == true) { return showContextMenu(menuID, target);}};function createDynamicElements(uniqueID, url, menuID, menuItemStyle, menuItemSelectedStyle) { asynchDebug('ENTRY createDynamicElements p1=' + uniqueID + '; p2=' + url + '; p3=' + menuID);var dialogTag=null;var ID=uniqueID + '_DIV';if (document.getElementById(ID) != null) { 83 closeMenu(ID);return;}dialogTag=document.createElement("DIV");dialogTag.style.pos ition="absolute";if (asynchContextMenuDebug < 2) { dialogTag.style.left="0px";dialogTag.style.top="100px";dialogTag.style.visibility="hidden";}if (asynchContextMenuDebug >= || asynchContextMenuDebug == 999) { dialogTag.style.left="100px";dialogTag.style.top="100px";dialogTag.style.visibility="v isible";}dialogTag.id=ID;var styleString='null, null';if (menuItemStyle != null) { styleString="'" + menuItemStyle + "'";}if (menuItemSelectedStyle != null) { styleString=styleString + ", '" + menuItemSelectedStyle + "'";}else { styleString=styleString + ", null";}dialogTag.innerHTML='= && asynchContextMenuDebug != 999) { alert(str);}};function asynchDebug2(str) { if (asynchContextMenuDebug >= && asynchContextMenuDebug != 999) { alert(str) ;}};function asynchDoFormSubmit(url){ var formElem=document.createElement("form");document.body.appendChild(formElem);f ormElem.setAttribute("method", "GET");var delimLocation=url.indexOf("?");if (delimLocation >= 0) {} 84