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

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