What Is CY Portal

Presenters: Jeffrey M. Arko – Project Manager Victoria Wilson – Graphic Designer Oguz Olcay – User Interface Developer

Agenda

Before CY Portal Designing Architecture Wireframes and Layout Graphic design Development CY Portal Features

Portal History Multiple websites Multiple user accounts Dozens of admins Orphaned content Random architecture Dissimilar layouts Multiple servers Maintenance nightmare No functionality

SUMMARY Information disorder &

low user satisfaction

Portal Requirements Single website Single user account Content owner is

admin Orphaned content Unified site architecture

& design elements Single server ‘Maintenance-free’ Increased functionality

SUMMARY Organized information

& high user satisfaction

Designing Architecture CY Portal Architecture:

Defining Assets Applications Sections Categories Documents

Registering User Groups from LDAP Mapping Access Profiles (Permissions Matrix) Security

SSL and Firewall At Section level At document level

Portal Architecture

Assets Documents Images Webcasts URLs Databases

Users Upload Documents Download Documents Sign up for Notifications

Portal Architecture

Mapping Dynamic Content Dynamic Navigation

User MappingUser Group 1 User Group 2 User Group 3 User Group 4 User Group 5

ASSET GROUP I

Item 1 Item 2 Item 3 Item 4 Item 5 ASSET GROUP II

Item 1 Item 2 Item 3 ASSET GROUP III

Item 1 Item 2 Item 3 Item 4

Wireframes and Layout Wire-frames and Layout:

Challenges: Restrictions: Time &

Performance Dynamic Content Dynamic Navigation Tabs to display levels Easy to update Easy to add Sales person in a hotel

room in Taiwan with a slow laptop and slow connection

Browser Issues Standard Netscape 4.7

Limits Style Sheets Limits JavaScript Limits DHTML Limits Form Fields

Ah Freedom ! Flash MX for back-end

Development Technology:

ColdFusion Oracle LDAP Flash MX XML

Tools DreamWeaver MX Flash MX, components Macromedia Case

Study

Challenges: Anything can change Browser issues

JavaScript, DHTML Style sheets

Limited documentation on Flash MX components

Dynamic Navigation Download dialog box

Microsoft Knowledge Base

Result: CY Portal

Features: Share Content Manage Access Profiles Email Notifications Document Expiration

Coming Soon: Sales Organization LDAP Tool Webcast Tool More Powerful Search Algorithm

CY Portal

Graphic Design

“Just copy the corporate site” Design Challenges

Added a search feature that chewed up content space

How to display so much content in a limited area

Too many Assets to fit into the top nav area Wanted to add 2 areas of promotion that we

didn’t have before.

Cypress.com

Portal Sub-page

Graphic Design

Comps in Photoshop Design Revisions Flatten and slice Prototype in DreamWeaver

Thank You

Demo