MyUWO - Student Portal

38
MYUWO – STUDENT PORTAL Josh Dean – CS Internship Spring 2010

Transcript of MyUWO - Student Portal

Page 1: MyUWO - Student Portal

MYUWO – STUDENT PORTAL

Josh Dean – CS Internship Spring 2010

Page 2: MyUWO - Student Portal

Purpose of Internship

My job:Portal Manager Database Administrator

My work:Finish revitalizing MyUWOBring MyUWO to new and interesting

devices

Page 3: MyUWO - Student Portal

What is MyUWO?

Page 4: MyUWO - Student Portal

What is MyUWO?

Spans across ten years/three revisionsMyMIOPortal/MyUWOMyUWO (Project Facemelter/PFM)

Page 5: MyUWO - Student Portal

MyMiO Approx 2000 - 2006 ASP Classic/VB Features for ResNet and MIO

Features later added for students Standard forms/postbacks

Page 6: MyUWO - Student Portal

Portal/MyUWO 2006 – Current ASP.NET/C# Paradigm shift

Desktop applications to web applications

Initial use of AJAX Update panels and

asynchronous post backsSlowerMore server than client side

Page 7: MyUWO - Student Portal

MyUWO (Project Facemelter) Initially started in 2009 Still ASP.NET/C# Better user experience More AJAX less just

Microsoft AJAX.NET More JavaScript

Yay jQuery! Still had UX problems

Page 8: MyUWO - Student Portal

Project Facemelter Finalized Starting in Dec. 2010 Still ASP.NET/C# Previous UI cluttered,

inconsistent New UI sleek, refreshing

Page 9: MyUWO - Student Portal

What is consistent?

Across the board we have:A suite of web applicationsWidgets containing “bite-sized” informationA standardized look and feel

Page 10: MyUWO - Student Portal

What Did I Do?Why the heck are they paying me?

Page 11: MyUWO - Student Portal

What Did I Do?

While I worked on various day to day duties, I had two main projects:MyUWO Classic???

Page 12: MyUWO - Student Portal

MyUWO ClassicThe student portal as we know it.

Page 13: MyUWO - Student Portal

MyUWO Classic

From MyUWO to PFMWe were getting there…but there were still

problems What needed to happen?

Make it betterMake it fasterMake it consistent

Page 14: MyUWO - Student Portal

Making It BetterMyUWO Classic

Page 15: MyUWO - Student Portal

Making It Better

How do we improve on what’s already there?Many suggestionsEnhance the user experience

○ Move content (drag and drop)○ Find, identify, suggest content for them○ Really make it style with themes

Page 16: MyUWO - Student Portal

Making It FasterMyUWO Classic

Page 17: MyUWO - Student Portal

Making It Faster

Asynchronous postbacks, UpdatePanelsCan be fast when done rightEntire previous framework isn’t.Requires a lot of bulky, unminified

JavaScript○ Slow to load

Multiple UpdatePanels, slower post backs

Page 18: MyUWO - Student Portal

Making It Faster

MyUWO’s DOM unnecessarily bulkyToo much code re-usage, added complexityStreamlined, unnecessary stuff removed

Use web optimization techniquesImage optimizationCSS SpritesCSS minimization/optimization

○ Dynamic CSSJavaScript minimization/optimization

Page 19: MyUWO - Student Portal

Making It ConsistentMyUWO Classic

Page 20: MyUWO - Student Portal

Making It Consistent

Desire to offer “themes”Gives user better customization

Same content, different colorsEasier to troubleshoot problems for end userGives user more choices

○ Happier user

Page 21: MyUWO - Student Portal

Where Do We Stand?

We are 90% of the way there! Currently finishing the core theme

Three more themes before end of June. MyUWO Classic on August 1st

Page 22: MyUWO - Student Portal

???Leading the way, at UW – Oshkosh

Page 23: MyUWO - Student Portal

Ten years ago, very few students had laptopsLucky to have a desktop

Today, 50% of our students use on in their dorm roomEven more across campus

Smartphone revolution in the past three years

Page 24: MyUWO - Student Portal
Page 25: MyUWO - Student Portal
Page 26: MyUWO - Student Portal
Page 27: MyUWO - Student Portal
Page 28: MyUWO - Student Portal
Page 29: MyUWO - Student Portal

How Are These Different? Can be taken anywhere

Not just usable on WiFi Speeds are slower

EDGE: Up to 236.8 Kbit/s3G: Up to 2 Mbit/sWireless: 2 Mbit/s – 20 Mbit/s

Websites need to be small on size, big on features

Page 30: MyUWO - Student Portal

Merging Mobile with MyUWO

Page 31: MyUWO - Student Portal

Introducing MyUWO MobileLeading the way on mobile technology at UW – Oshkosh

Page 32: MyUWO - Student Portal

Technology

Completely rewritten frameworkASP.NET/C#jQuery

Utilizes technologies/features found in today’s smartphonesGPSHTML5CSS3etc

Page 33: MyUWO - Student Portal

Bringing It To The Table

What does MyUWO Mobile do that Classic does not?Users on the go need information quickly

and at their fingertipsEasily taken care of via modules

○ Bandwidth○ Weather○ Meal Plan Information○ Library Information○ Etc…

Page 34: MyUWO - Student Portal

Bringing It To The Table

MyUWO Mobile uses a clean and intuitive interface to bring vital information to students

Easy for programmers to develop forUses similar code as MyUWO ClassicAllows quick turn-around time on two sets of

modules, full and mobile-ready.

Page 35: MyUWO - Student Portal

Again, Where Do We Stand? Development is nearing the end, 70% Currently developing our existing

modules for the mobile environment Plans to launch along-side MyUWO

Classic, August 1st

Page 36: MyUWO - Student Portal

MyUWO Mobile DemoWith time permitting…

Page 37: MyUWO - Student Portal

Wrapping It UpFinally…

Page 38: MyUWO - Student Portal

Wrapping It Up

MyUWO is a never ending student project at MIO that aims to provide a multitude of services to students and the Department of Residence Life

With MyUWO Classic/MobileProvide a solid & pleasing experienceProvide a means to find what you need, and

what they don’t know they need yet