Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
MUSE0Whatisit?
0 Createwebsitesfordesktopandmobilewithoutwritingcode
0 Leverageyourexistingskills0 Webstandardssites0 Webfonts0 Interactivity
MUSE0WheredoIgetacopy?
0 https://creative.adobe.com/ (preferred)0 Freetrial
Thoughts0 Printdesignisnotwebdesign0 Obviouslyyouneedtoknow
0 Yourintendedaudience0 Yourmessage/goals
0 Printdesign– pixelperfectalignment0Webdesign– getoverthat
Resolution/screensize0 iPhone 4,4S/5,5S[retinadisplay]iPad 2,3?,mini,40 Android?mid‐2012[3,997distinctdevices]
ShortURLtooriginalarticle‐ http://markdubois.me/DroidFragment
MUSEInterface
Sowhat?0Whyshouldeducatorscareaboutthistool?
0 Potentialprojects0 Biology– designplantidentificationwebsite(includephoneversionforuseinfield)
0 Geology– rockidentificationwebsite(includingmobileversion)
0 History– websitewithsupportinginformation0 Studentprojects
0 Documentlabwork0 Supplementalexercises
Examplelessonplan0 Overview:Explorethediversityofinsects,identifyinsects,createinsectfamilyportraits
0 Skills:observation,analysis,description,sorting0 Conceptslearned:diversity,insectidentification,relationships
0 Objectives:0 Studentsobserveinsectpopulationsinschoolyard0 Studentsusehandlenstoidentify,digitalcameratorecord0 Studentsidentifyinsectsusingvariousguides,yourwebsite
0 Insteadofgroupreport– theydevelopawebsitewithMUSE
Sowhat?
FocusonlearningCreatesupportingmaterialswithMUSEStudentsreportfindingsusingMUSE
IllinoisButterflies0Websitetohelpstudentsidentifycommonlyencounteredbutterflies
0 Mobileversionaswellasdesktopversion0 IwilldeveloppartsofsiteasademoforMUSE
0 Endresult‐ http://butterflies.businesscatalyst.com/
RecommendedSteps0 OpenMuse(decideonsiteproperties)
RecommendedSteps(2)0 CreateMasterPage(s)andindividualpages
RecommendedSteps(3)0 Addcommonitemstomasterpage(s)
RecommendedSteps(4)0 Populatecontentinpreferredformat(desktop?)
RecommendedSteps(5)0 Duplicateselectedcontentforotherformats
0 Remembertabletsandphoneshavelessscreenrealestatethandesktops
0 Notallyourcontent/pagesareappropriateforphones0Morelimitedbandwidth
RecommendedSteps(6)0 Revieweachpage(especiallymetadataandalternatetextforphotos)
RecommendedSteps(7)0 Publishsite(orexportasHTML)
0 Reviewentiresiteafterpublished0 Checkforanybrokenlinksormissingimages0 Testsite,thenpublicize0 Analyzevisitorsovertime
IllinoisButterflies
MUSEDemo
MUSEHighlights0Wecovered
0 masterpagesandsitedesign0 adding/placingimages(andalternatetext)0 widgets(slideshows,accordionpanels)0 embeddingYouTubevideo(asHTML)0 includingacontactform0 linkstootherpages(andexternalsites)0 linkstomobileanddesktopversionsofpages(asappropriate)
0 favicon
MUSEExport0 Ifyouhaveaserver,youcanexportasHTML
0 http://www.markdubois.org/butterflies/0 Havetochangeformprocessing0 Havetoaddalternateanalytics
0 http://butterflies.businesscatalyst.com/
SiteReports0 Managesite
SiteReports(2)
SiteReports(3)
SiteReports(4)
SiteSettings
MUSEAdministration0 Siteissubdomainofbusinesscatalyst.com(untilyouchange)
0 Pushsitelive(useoneof5sitesinyourCClicense)0 Canthenuseadomainnameyoupurchase(ifyouwant)
0 Canleavesiteinunpublishedviewandtweak(studentscanstillaccess)
Slideshttp://markdubois.me/2013Apr9
AdditionalSites0 http://creative.adobe.com – downloadMUSE
0 http://butterflies.businesscatalyst.com/ ‐ examplesite0 http://butterflies.markdubois.org – samesite,differentserver
0 http://markdubois.me/MUSEbasics (stepbystepsitedevelopment)
0 http://muse.adobe.com (siteoftheday,widgetgallery)
0 http://schoolofweb.org (morewebrelatedexamples)