1. What Is CY Portal Presenters: Jeffrey M. Arko – Project Manager Victoria Wilson – Graphic Designer Oguz Olcay – User Interface Developer

2. Agenda  Before CY Portal  Designing Architecture  Wireframes and Layout  Graphic design  Development  CY Portal Features

3. 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

4. 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

5. 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

6. Portal Architecture Assets  Documents  Images  Webcasts  URLs  Databases Users  Upload Documents  Download Documents  Sign up for Notifications

7. Portal Architecture Mapping  Dynamic Content  Dynamic Navigation

8. User Mapping

9. 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

10. 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

11. 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

12. CY Portal

13. 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.

14. Cypress.com

15. Portal Sub-page

16. Graphic Design  Comps in Photoshop  Design Revisions  Flatten and slice  Prototype in DreamWeaver

17. Thank You Demo