The Image Concept

The image as a persistant world

Video Toggle(begin) Video(m4v=attachment:Image-Introduction.m4v,webm=attachment:Image-Introduction.webm,poster=attachment:Image-Introduction-1.png) Toggle(end)Image-Introduction.m4v Download

Preview

Description

The image is your working environment. All your modifications are stored with its state. This video shows how you open your image how you can go back to the state before opening.

Basic Elements of the Image

Video Toggle(begin) Video(m4v=attachment:Image-Navigating.m4v,webm=attachment:Image-Navigating.webm,poster=attachment:Image-Navigating-1.png) Toggle(end)Image-Navigating.m4v Download

Preview

Description

In this video we take a tour around the basic UI elements and menus of the image.

How to Recover Changes

Video Toggle(begin) Video(m4v=attachment:Image-RecoverFromCrash.m4v,webm=attachment:Image-RecoverFromCrash.webm,poster=attachment:Image-RecoverFromCrash-1.png) Toggle(end)Image-RecoverFromCrash.m4v Download

Preview

Description

Help! My Image crashed! I lost all my changes! What should I do? .. Don't panic. There's a solution: Recover your changes.

Halos to access morphs

Video Toggle(begin) Video(m4v=attachment:Image-Halos.m4v,webm=attachment:Image-Halos.webm,poster=attachment:Image-Halos-1.png) Toggle(end)Image-Halos.m4v Download

Preview

Description

Halos provide an instant access to graphical elements of the image. This video shows functions they provide.

How to update your Image

Video Toggle(begin) Video(m4v=attachment:Image-Updating.m4v,webm=attachment:Image-Updating.webm,poster=attachment:Image-Updating-1.png) Toggle(end)Image-Updating.m4v Download

Preview

Description

---

How to modify settings and change your browser

Video Toggle(begin) Video(m4v=attachment:Image-BrowserAndSetting.m4v,webm=attachment:Image-BrowserAndSetting.webm,poster=attachment:Image-BrowserAndSetting-1.png) Toggle(end)Image-BrowserAndSetting.m4v Download

Preview

Description

The image has a menu for editing all your preferences. Additionally you can change your standard browser by using a browser menu.

Organise your work with projects

Video Toggle(begin) Video(m4v=attachment:Image-Projects.m4v,webm=attachment:Image-Projects.webm,poster=attachment:Image-Projects-1.png) Toggle(end)Image-Projects.m4v Download

Preview

Description

Projects are a nice way to organise different workplaces in one image. They can also be useful for prototyping.

Things you can do with the browser

Basic usage of the class browser

Video Toggle(begin) Video(m4v=attachment:Browser-ClassBrowser.m4v,webm=attachment:Browser-ClassBrowser.webm,poster=attachment:Browser-ClassBrowser-1.png) Toggle(end)Browser-ClassBrowser.m4v Download

Preview

Description

The class browser is the tool to access and edit source code in the image. It is your main working environment.

How to access and edit methods

Video Toggle(begin) Video(m4v=attachment:Browser-MethodsInBrowser.m4v,webm=attachment:Browser-MethodsInBrowser.webm,poster=attachment:Browser-MethodsInBrowser-1.png) Toggle(end)Browser-MethodsInBrowser.m4v Download

Preview

Description

---

Advanced Browsing Techniques

Video Toggle(begin) Video(m4v=attachment:Browser-AdvancedBrowsing.m4v,webm=attachment:Browser-AdvancedBrowsing.webm,poster=attachment:Browser-AdvancedBrowsing-1.png) Toggle(end)Browser-AdvancedBrowsing.m4v Download

Preview

Description

In this screencast we show how you can browse the hierachy, inheritance, senders and implementors of methods.

Modifying class variables and auto generate accessor methods

Video Toggle(begin) Video(m4v=attachment:Browser-ClassStateSetterGetters.m4v,webm=attachment:Browser-ClassStateSetterGetters.webm,poster=attachment:Browser-ClassStateSetterGetters-1.png) Toggle(end)Browser-ClassStateSetterGetters.m4v Download

Preview

Description

You can also modify the class definitions. Furthermore the browser provides a nice function for generating accessor methods for all your instance variables.

Exploring - Everything is observable

Workspace and Transcript

Video Toggle(begin) Video(m4v=attachment:Exploring-TranscriptWorkspace.m4v,webm=attachment:Exploring-TranscriptWorkspace.webm,poster=attachment:Exploring-TranscriptWorkspace-1.png) Toggle(end)Exploring-TranscriptWorkspace.m4v Download

Preview

Description

You will be guided through writing and executing code the Workspace and how to use the Transcript to inspect properties of objects.

Object Explorer and Inspector

Video Toggle(begin) Video(m4v=attachment:Exploring-ObjectExplorerInspector.m4v,webm=attachment:Exploring-ObjectExplorerInspector.webm,poster=attachment:Exploring-ObjectExplorerInspector-1.png) Toggle(end)Exploring-ObjectExplorerInspector.m4v Download

Preview

Description

This video introduces the Object Explorer and Object Inspector, which are tools that you can use during debugging in order to comfortably inspect object properties.

Debugging and dealing with image failures

How to debug with the Squeak debugger

Video Toggle(begin) Video(m4v=attachment:Debug-Debugger.m4v,webm=attachment:Debug-Debugger.webm,poster=attachment:Debug-Debugger-1.png) Toggle(end)Debug-Debugger.m4v Download

Preview

Description

This video shows how to set breakpoints and demonstrates most of the debugger features.

Help! i have executed an infinite loop... How to stop the image.

Video Toggle(begin) Video(m4v=attachment:Debug-StopProcessing.m4v,webm=attachment:Debug-StopProcessing.webm,poster=attachment:Debug-StopProcessing-1.png) Toggle(end)Debug-StopProcessing.m4v Download

Preview

Description

What to do if your image stopped responding because the UI process is hung up in something?

Versioning your work with Monticello

Configuring Repositories and Packages

Video Toggle(begin) Video(m4v=attachment:Monticello-Introduction.m4v,webm=attachment:Monticello-Introduction.webm,poster=attachment:Monticello-Introduction-1.png) Toggle(end)Monticello-Introduction.m4v Download

Preview

Description

The Monticello Browser will be introduced. It's the main versioning system for Squeak, a little like Git / SVN for other languages. You will see how to set up your own repository and a new package.

View Diffs and Changes

Video Toggle(begin) Video(m4v=attachment:Monticello-DiffingAndChanges.m4v,webm=attachment:Monticello-DiffingAndChanges.webm,poster=attachment:Monticello-DiffingAndChanges-1.png) Toggle(end)Monticello-DiffingAndChanges.m4v Download

Preview

Description

As continuation of the first Monticello video, you will be shown to upload an initial version, view diffs between versions and commit changes.

How to resolve conflicts

Video Toggle(begin) Video(m4v=attachment:Monticello-ResolvingConflicts.m4v,webm=attachment:Monticello-ResolvingConflicts.webm,poster=attachment:Monticello-ResolvingConflicts-1.png) Toggle(end)Monticello-ResolvingConflicts.m4v Download

Preview

Description

This video shows you how to resolve a conflict during a commit to a Monticello repo.