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 Mapping
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 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