Clover: Connecting technology and character education using personally-constructed animated vignettes