enhancing interactivity and engagement to the science...

29
Enhancing Interactivity and engagement to the Science Gateway Community Institute Workforce Development Site 2017 Tatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth City State University

Upload: others

Post on 10-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

EnhancingInteractivityandengagementtotheScienceGatewayCommunityInstituteWorkforceDevelopmentSite

2017TatyanaMatthews,JeffersonRidgewayIV,Disaiah BennettElizabethCityStateUniversity

Page 2: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Abstract

TheCenterofExcellenceinRemoteSensingEducationandResearch(CERSER)onthecampusofElizabethCityStateUniversityisafoundingmemberofSGCIledbySanDiegoSupercomputingCenterandtheScienceGatewaysCommunityInstitute(SGCI).OneofthefiveareasofSGCIistheWorkforceDevelopmentledbyDr.LindaHayden.WorkforceDevelopmentaimstonurturethenextgenerationofgatewayusersanddevelopersandengagethepotentialofstudentsfromunderrepresentedgroups.

Page 3: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Abstract

Assciencetodaygrowsincreasinglycomputerbased,itposeschallengesandopportunitiesforresearchers.Scientistsandengineersareturningtogatewaystoallowthemtoanalyze,share,andunderstandlargevolumesofdatamoreeffectively.Theexistenceofscienceandengineeringgatewaysandthesophisticatedcyberinfrastructure(CI)toolstogethercansignificantlyimprovetheproductivityofresearchers.Mostimportantly,sciencegatewayscangiveuniformaccesstothecyberinfrastructurethatenablescutting-edgescience.

Page 4: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Abstract

ThegoalofthewebdevelopmentteamwastoincreasetheinteractivityoftheSGCIYoungProfessionalssitetoattractpotentialmembersanddisseminateinformation.ThiswascompletedutilizingWordPressWidgetstoprovidegraphicalandinteractivecomponents.Bootstrapcomponents(HTML,CSS,andJavaScript)werealsoresearchedfortheirinclusionintothecurrentWordPressContentManagementSystem(CMS)andthefutureLiferay CMS.

Page 5: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

ResearchOverview

Page 6: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

CERSER+

SanDiegoSupercomputingCenterand ScienceGatewaysCommunityInstitute

Enableresearcherstoanalyze,share,and

understand largevolumesofdatamoreeffectively

Improvetheproductivityofresearchers

WorkforceDevelopmentisoneoffivekeyareas

withinSGCI

Interactivity

PotentialMembers

Information

Page 7: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

ScienceGatewaysCommunityInstitute(SGCI)

• TheScienceGatewayCommunityInstitute(SGCI)WorkforceDevelopmentTeamistaskedwithattractingprofessionals,faculty,andstudentstoparticipateinconferences,workshops,andinternships

• Dr.LindaHaydenistheleadonthiscomponentofSGCI

Page 8: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

WorkforceDevelopmentPage

Page 9: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

OriginalSite

Page 10: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Tools

Page 11: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

WordPress• “publishingplatformthatmakesiteasy

foranyonetopublishonline,andproudlypowersmillionsofwebsites”

• ContentManagementSystem(CMS)

• TheSGCIsiteusesaWordPresstheme,whichcontrolsitsgenerallookandfeel

Page 12: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Bootstrap• “themostpopularHTML,CSS,andJS

frameworkfordevelopingresponsive,mobilefirstprojectsontheweb”

• KeyBenefits

• Navigation• Iconography• Dropdowns

• Components

• EaseofUse

• Open-Source

Page 13: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Goal

Page 14: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

UseBootstrapcomponentsinWordPresstoenhancetheSGCIsite

Page 15: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Roadblock

• CurrentsiteusesWordPresstheme

• CannotuseBootstrapcomponentsunlessusingaBootstrapthemeinWordPress

Page 16: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

PageEnhancements

Page 17: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

OriginalSite

Page 18: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Widget:ImageHoverEffects

Page 19: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Widget:ImageHoverEffects

Page 20: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Widget:Soliloquy

Page 21: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Widget:Soliloquy

Page 22: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth
Page 23: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth
Page 24: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Demo

Page 25: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

CurrentSite

Page 26: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Conclusion

• TeamwasnotabletouseBootstrapcomponentswithWordPresstheme

• Liferay components+WordPresswidgetscanfulfillsomeofthecapabilitiesofBootstrapcomponents

Page 27: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

FutureWork• FutureCMSoftheSGCIsiteisLiferay

• BootstrapiscompatiblewithLiferay

• Long-termgoals

• Liferay offers“developersacompleteplatformforbuildingwebapps,mobileapps,andwebservicesquickly,usingfeaturesandframeworksdesignedforrapiddevelopment,goodperformance,andeaseofuse”

• DevelopCERSER’scurrentsitesintoresponsivesitesusingBootstrap• CreateFacebookGroupforYoungProfessionalstonetwork

Page 28: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

Acknowledgements

Dr.LindaHaydenofElizabethCityStateUniversity

ScienceGatewayCommunityInstitute(SGCI)

Page 29: Enhancing Interactivity and engagement to the Science ...nia.ecsu.edu/ur/1617/teams/mmt/2017_web_dev_powerpoint.pdfTatyana Matthews, Jefferson Ridgeway IV, Disaiah Bennett Elizabeth

QUESTIONS