Professional and successful
video production process consists of three stages: Video Pre-Production, Video
Production and Video Post-Production. The first stage, video pre-production, identifies
goals and objectives of the video project. It considers issues such as target
audience, video length and music, technology, script, locations, actors,
budget, project deadlines and crew. Video production stage incorporates video shooting
as well as considerations such as safety, set-up, breakdown and make up. Video
post-production stage consists of video editing process, video compression and video
publishing process. Issues in the third stage are considered in the video
pre-production stage as they depend on the goals and objectives of the project.
We Choose The Moon is a Flash website which celebrates the
Fortieth anniversary of the Apollo 11 Lunar landing. It represents the event in
an engaging way using archive videos, audio and photos.
Home Page
The non-linear interactive narrative incorporates assets
such as text, audio, graphics, 3D and 2D animations, photos and videos.
3D
Animation
The interactive non-linear narrative is built up in Adobe
Flash. The website requires an Adobe Flash Player 11.5 in order to be viewed on
the web. Such complex Adobe Flash website must incorporate ActionScript
programming language supported by Adobe Flash. The Graphics and photos of the
website could be designed and edited in Adobe Photoshop or Adobe Illustrator. The
video could be edited and compressed in video editing software such as Final
Cut Pro or Sony Vegas Pro. The videos could be compressed to FLV or F4V (H.264)
format supported by Adobe Flash software. These video formats are the most
common web based video formats. The videos could be embedded into a Flash file or
could be external video files in order to reduce the website size. The
interactive event also incorporates 3D animations which could be designed in
Autodesk 3ds Max. Audio compression could be MP3 as this is the most common flash
audio format.
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 objectives 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
- 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
The Wood is a Flash website which introduces the park
with the same name.
Home
Page (video on a background)
The non-linear interactive narrative is built up in Adobe
Flash software and requires Adobe Flash Player in order to be viewed on the
Internet. It incorporates assets such as video, sounds, text, images, graphics
and 2D animations. The website incorporates video and sound backgrounds which bring
the end user closer to the park. Such complex Adobe Flash website must
incorporate ActionScript programming language supported by Adobe Flash. The Graphics
and images of the website could be designed and edited in Adobe Photoshop or
Adobe Illustrator. The video could be edited and compressed in video editing
software such as Final Cut Pro or Sony Vegas Pro. The videos could be
compressed to FLV or F4V (H.264) format supported by Adobe Flash software.
These video formats are the most common web based video formats. In my opinion
the videos are external video files in order to reduce the website size. The
gallery is presented in an engaging way displayed on the whole background of
the website.
Gallery
Bar
Location Near The Park (video on a background)
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 objectives 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
- 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
Blacknegative is an amazing HTML5 website which looks
like a Flash website.
Home
Page
Source Code Of The
Home Page
Considering the source code
of the Home page, the website uses technology such as HTML5, Javascript, HTML
DOM and CSS.
HTML5 uses simple <!doctype>
declaration: <!DOCTYPE html>, the same is displayed in the very beginning
of our source code. The website could be built in Adobe Dreamweaver software
which can generate HMTL code.
There are also internal and
external Javascript files:
·
<script type="text/javascript"
src="js/min.js"></script> -Reference of the External Javascript
file declared in the Head section of the website
·
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31695580-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol
? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s =
document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
- Internal Javascript code declared in the Body section of the website
Javacript is a web based
programming language that adds interactivity to the websites.
Considering the Internal
Javascript code, HTML DOM markup language is also part of the script. The getElementsByTagName
() is a HTML DOM method. HTM DOM defines a standard way for accessing and
manipulating HTML documents.
CSS stands for Cascading
Style Sheets and it defines the layout of the web page. In my example, there
are External and Inline style sheets:
· -<link
href="skins/blacknegative/css/min.css" media="screen"
rel="stylesheet" type="text/css" > - External Style
Sheet
· - <div class="home-back-item-background"
style="background-image:url('skins/blacknegative/images/home/vignette/4.png');"></div>
- Inline Style Sheet
The
interactive non-linear narrative incorporates assets such as video, audio,
graphics, texts, photos, images, 2D animations.
Graphics,
photos and images could be designed and edited in Adobe Photoshop or Adobe
Illustrator.
The
video could be edited and compressed in video editing software such as Final
Cut Pro or Sony Vegas Pro. The videos could be compressed to MP4 H.264 with AAC.
These formats are the most common web based formats. In my opinion the videos
are external video files in order to reduce the website size.
Video
2D Animation
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 objectives 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
4. Code – Building up the website in Adobe
Dreamweaver software, incorporating the assets and scripting language such as Javascript
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
