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: Make connections between past and present learning experiences Anticipate activities and focus students' thinking on the learning outcomes of current activities. 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.

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. This is part 5 of 6: * Play With It: 10 Explorers & Galleries * Learn From the Best: 10 Great Flex Apps * Learn From the Rest: 10 Great RIAs * Stock Your Toolbox: 40+ Custom Flex Controls * Review Usability Best Practices * Avoid Common Mistakes: 10 Anti-Patterns Don’t forget the usability basics. 1. The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. 1.0 BaseCamp by 37signals The upload button is enabled, until clicked. 1.1 Picnik Progress message and indicator shows while the application loads 1.2 Tick A feedback message is displayed when an action is performed 1.3 Windows Live Account Password strength is shown as the password is entered. 10 Heuristics for User Interface Design. 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.

This comprises a set of ways by which you would plan to ascertain the readiness of students and staff and their preferences in relation to teaching and learning online. References. Mr3. Web-based-educational-materials - home.