Home page
These are stories about a patch of land in Sydney, an infamous acre known as the Block, a place steeped in a rich history of Aboriginal culture, activism and hope. Over time, tragedy, drug abuse and crime crept into the Indigenous-owned housing precinct. In September 2010, the few remaining tenants received notice to vacate their homes. The Aboriginal Housing Company, which owned the crumbling terraces, was keen to redevelop the land. Now vacant, the Block sits on the verge of a new, uncertain rebirth. This virtual time capsule invites you to explore the Block, to witness the events that defined its 40-year history, and to meet the people whose lives it has shaped.
Website Layout
This interactive non-linear
narrative was designed
and built by SBS interaction specialist Matt Smith. The site was built in Adobe
Flash and it can be viewed from the Adobe Flash Player 11. Matt Smith also used
other tools like the code editor Flash Develop; the API
Stage 3D for the libraries; and the library Gaia to “manage the deep linking
and the transitions”. He also built the panorama engine. The site was designed
in Adobe Photoshop. Smith did not proceed in a conventional manner from a
wireframe to the final design. He jumped back and forth between design and the
build until he was satisfied with his work.
There were incorporated interactive media assets like text;
sounds of dogs barking, children playing and the constant ebb and flow of the
nearby train station; short five-minute clips; still images; interactive
panoramas.
The first stage in the production process was research and
interviews which took two weeks. Long raw interviews had to be edited to five-minute
clips as the target audience would be web users that do not watch for much
longer than five minutes. There were used two Canon 5Ds, an audio recorder, an
interviewer and some basic lighting equipment to record some former residents.
Production process:
1.
Learn – The most important part of the
production process is discovering and understanding what technology to use for
building the website according to the scope and goals of the project.
2.
Plan – The first step will act as a
foundation of the planning step which includes researching, note taking and
sketching
3.
Design - Creating assets for the
website, using Photoshop or Illustrator
4.
Code – Building up the website in Adobe
Flash and incorporating technology such as ActionScript, Flash Develop, API
Stage 3D and Gaia.
5.
Launch – The developer uses file
transfer protocol (FTP) in most cases to connect to the remote web server and
upload the website from a local folder to make the page publicly accessible
6.
Maintain - During the planning process,
the website developer should be in charge who will maintain the website
In my opinion, this interactive documentary is very
creative. I like the disappearing/appearing effect of interactive media assets
as well as the interactive panorama that virtually walks us through different
places of the Block. Its navigation menu is easy to understand.
I guess that this interactive non-linear narrative is
built up in Dreamweaver which is web design software which make and edit HTML
websites. Considering the source (Right Click the web page + Click Source), the
HTML code incorporates external JavaScript and CSS files using script and link tags. CSS is used to define how to display HTML elements so it
can be used instead of software such as Photoshop and Illustrator. JavaScript
is the most popular web scripting language. It is designed to add interactivity
to HTML pages.
The interactive story incorporates assets such as image, text, video, slideshow, graphic and audio.
The interactive story incorporates assets such as image, text, video, slideshow, graphic and audio.
Home page
Source code
Production process:
1.
Learn – The most important part of the production
process is discovering and understanding what technology to use for building
the website according to the scope and goals of the project.
2.
Plan – The first step will act as a
foundation of the planning step which includes researching, note taking and
sketching
3.
Design - Creating assets for the
website, using Photoshop or Illustrator
4.
Code – Building up the website in a
Dreamweaver, incorporating the assets and other scripts into HTML such as
JavaScript, jQuery, CSS and PHP
5.
Launch – The developer uses file
transfer protocol (FTP) in most cases to connect to the remote web server and
upload the website from a local folder to make the page publicly accessible
6.
Maintain - During the planning process,
the website developer should be in charge who will maintain the website
Waterlife
is a showcase for the documentary film of the same name that offers its
audience a wonderful preview of the lush cinematography and rich storytelling
found in the film. The true genius of the site, however, is found in its fluid
navigation that recalls the gentle motion of a lake.
Home Page
The web site is built up with Adobe Flash software and can be viewed by
the Adobe Flash Player 11. Such Flash web site must contain scripting language
ActionScript supported by the Flash software. It incorporates assets such as
graphics, texts, sounds, videos, images and 2D animations. The graphics, texts
and images could be created and edited in Photoshop or Illustrator.
Website Layout
Production
process:
- Learn – The most important part of the production process is discovering and understanding what technology to use for building the website according to the scope and goals of the project.
- Plan – The first step will act as a foundation of the planning step which includes researching, note taking and sketching
- Design - Creating assets for the website, using Photoshop or Illustrator
- Code – Building up the website in Adobe Flash software, incorporating the assets and scripting language ActionScript
- Launch – The developer uses file transfer protocol (FTP) in most cases to connect to the remote web server and upload the website from a local folder, to make the page publicly accessible
- Maintain - During the planning process, the website developer should be in charge who will maintain the website
No comments:
Post a Comment