background preloader


Facebook Twitter

Step-by-Step Model - mPortfolios. NOTE: To use a mobile device for electronic portfolios, you will need a web-based account to store and organize your files.

Step-by-Step Model - mPortfolios

Here are two recommendations: GoogleApps and WordPress. The instructions below are adapted to using either website for input by your iOS device.Purpose. Decide on the purpose for the portfolio. What are you trying to show with this portfolio? Are there outcomes, goals, or standards that are being demonstrated with this portfolio? Enhancing Education: The 5 E's. The 5 E's is an instructional model based on the constructivist approach to learning, which says that learners build or construct new ideas on top of their old ideas.

Enhancing Education: The 5 E's

The 5 E's can be used with students of all ages, including adults. Each of the 5 E's describes a phase of learning, and each phase begins with the letter "E": Engage, Explore, Explain, Elaborate, and Evaluate. The 5 E's allows students and teachers to experience common activities, to use and build on prior knowledge and experience, to construct meaning, and to continually assess their understanding of a concept. Engage: This phase of the 5 E's starts the process.

An "engage" activity should do the following: GIF, JPG and PNG - What's the difference? Article. This article was written in 2011 and remains one of our most popular posts.

GIF, JPG and PNG - What's the difference? Article

If you’re keen to learn more about the use of images on the web, you may find this recent article on lorempixel of great interest. When working with digital image files, it is essential to know the differences between each one, so you know when to use them. The main difference between files formats is how they are used when designing for the web and the outcome they produce. One produces highly optimized simple graphics, another is used for most images, and the third option is used for complex graphics, gradients and transparency. Gif, jpg and PNG files are all three used for the web. Gif Gif images are great for creating very low resolution files for your website. You mainly use a gif file format for logos and graphics with solid areas of color.

Dither Transparency Dither is a method to disperse pixels, so that a gif can transition into its background easier.

Creating Websites

What's New. A website design module taught at the University of Manchester, UK. These web pages have been created as an exemplar of how one open source tool can be used to support teaching and learning.

A website design module taught at the University of Manchester, UK

This course unit deliberately chooses WordPress, because of its importance in the world of web design, but also because it is a tool that represents Web 2.0 (the read/write web) (links open in new windows) with all of the affordances and constraints that such tools allow. The course itself also makes use of a linked wiki (link opens in a new window) as an additional store of content so that these two key social media tools can be contrasted. Currently (16 Sep 13), you can only see a limited subset of the course unit, but I will reveal the rest quite quickly once we get started. 6 Tips for a Great Flex UX: Part 5. By Theresa Neil Since the book focuses on rich interactions, I want to spend some time on Adobe Flex/AIR.

6 Tips for a Great Flex UX: Part 5

These tips are based on the best Flex resources I have found, and how you can use them to craft a great user experience. 10 Heuristics for User Interface Design. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

10 Heuristics for User Interface Design

(Read full article on visibility of system status.) Match between system and the real world The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order. (Read full article on the match between the system and the real world.) User control and freedom Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue.

Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Error prevention Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Jakob Nielsen on Usability and Web Design. WikiEdProfessional eLearning Guidebook/Evaluating the impacts of eLearning/Evaluation methods. From WikiEducator There are a number of ways you can gather information during an evaluation project.

WikiEdProfessional eLearning Guidebook/Evaluating the impacts of eLearning/Evaluation methods

There are four main methods listed here: Needs analysis (also known as Front-end analysis or Needs assessment) - readiness or need for an intervention. Formative evaluation - feedback during development or piloting. Summative evaluation - measures effectiveness and impact. You should aim to gather data from all stakeholders (i.e., students and staff) regularly using a set of evaluation instruments within a consistent evaluation framework which should include front-end analysis, formative, summative and integrative evaluation.You should also aim to collect a variety of data using a range of data gathering instruments. Mr3. Web-based-educational-materials - home.