+ Amal's Blog +

Moved to Another Blog

noreply@blogger.com (Amal FM) — Mon, 05 Oct 2009 17:25:00 +0000

Here is my new WBL BA(Hons) PP Blog, you can see my latest work there :

http://amal-wbl.blogspot.com/

wish me all luck in my final year :)

Under Construction 2 - D&AD -New Blood

noreply@blogger.com (Amal FM) — Mon, 15 Jun 2009 20:16:00 +0000

----------------------------------------------------------------------

Digital Workshops + Digital Experiments

noreply@blogger.com (Amal FM) — Sat, 13 Jun 2009 17:46:00 +0000

1)Research & Experimental Development work :

Defining a recordset in dreamweaver

Creating a database connection in Dreamweaver

How to create Database & Tables using PhpMyAdmin

Creating a database connection

Setting Up a Testing Server in Dreamweaver

Creating & Hosting MySQL Databases

[VIDEO] Uploading Your Website with Dreamweaver

[VIDEO] Creating a Form in Dreamweaver

Creating Tables in Dreamweaver

more links:
http://www.php.net/
http://www.phpmyadmin.net/
http://www.csszengarden.com/
http://www.dmxzone.com/
http://www.adobe.com/support/dreamweaver/

Live Projects:
1) Afira:

2)decor

2) Examples of materials from tutorials:

CSS:

PHP:

Create user / log in page

note: the last 2 screen shots are examples of using PhPmyAdmin to create & manage the database.

3) Examples of materials from own projects/experiments:

Packaging an elephant:

http://omsamer.com/packaging_an_Elephant/making_packaging.html
http://omsamer.com/packaging_an_Elephant/design1.html
http://omsamer.com/packaging_an_Elephant/design2.html

My E-portfolio:

http://amal-fm.blogspot.com/2009/05/my-digital-space-research-experimental.html
http://amal-fm.blogspot.com/2009/05/experimental-development-setting.html
http://amal-fm.blogspot.com/2009/05/changing-customizing-wordpress-theme.html
http://amal-fm.blogspot.com/2009/05/wordpress-gallerycontact-form-plugin.html
http://amal-fm.blogspot.com/2009/06/managing-pages-uploading-work.html
http://amal-fm.blogspot.com/2009/06/site-map-amals-desgin-studio.html
http://amal-fm.blogspot.com/2009/06/3-different-concepts.html

Dystopia Style sheets(typographic website) -using CSS :

4) A functioning site to be created on a domain:

http://www.omsamer.com/dystopia/

http://www.omsamer.com/elephant/

http://www.omsamer.com/wordpress/

http://omsamer.com/amal_design_studio/

NOTE: to see all images in details click here

Other Resources :

notes -- > very understandable visuals ---> used as a handouts:

Powered by ScribeFire.

Personal Research Subject : {Packaging an Elephant } Project

noreply@blogger.com (Amal FM) — Sat, 13 Jun 2009 11:34:00 +0000

I've done my final {Elephant } and substituted the traditional way of sticking papers & glue & etc...
to an (E-portfolio) which contains my entire project in HTML format which included my (packaging an elephant) project..
I think using E-portfolio is low in cost of money, time & energy for student of getting sketch books , sketch pencils, colors, glue, papers ....etc
Also I've illustrated some my ideas using photoshop .. As I've linked my resources to the websites/books that I researched & look through ..
here is the link for my E-portfolio for (( Personal Research )) Subject :

http://omsamer.com/packaging_an_Elephant/

---------

Truman Show

noreply@blogger.com (Amal FM) — Sat, 13 Jun 2009 00:02:00 +0000

1) ideas for logo:

4) Journal of all Exhibition work:

-----
my e-portfolio website in exhibition work..

6) Initial design concepts/ plans of exhibition website:

Suggested buttons to use (rollover):

intro video:
http://amal-fm.blogspot.com/2009/06/foundation-degree-intro-videounder.html

-

Free Range - Under Construction - End of Year Show

noreply@blogger.com (Amal FM) — Mon, 08 Jun 2009 19:32:00 +0000

Our end of year Exhibition (Under Construction )

http://www.fd-underconstruction.co.uk

http://www.free-range.org.uk/

Barnet college (Under Construction) Exhibition:
http://www.free-range.org.uk/cgi-bin/exhibition.pl?&exhibitionID=510

my work was displayed in the exhibition

3 drink tokens ..I haven't used them actually...my friends were so generous ..

I used the "traditional" punchers to mount my work...by "Hand" & "Hammer"..
I kept these to remember the preparation for the exhibition & the night that i have spent washing my hands in cold water after using it..

Here's my mounted work before it got sent to the exhibition..

A sample of my work got published in Free Range Graduate Art & Design 2009 Catalog

3 different concepts

noreply@blogger.com (Amal FM) — Sun, 07 Jun 2009 22:17:00 +0000

1 - Main page- About us
2- Link to my blog in blogger
3- photos gallery
4- videos -motions
5- graphic gallery
6- Contact us form

1- Main page - flashy intro
2- About us
3- photography gallery
4- graphic gallery
5- graphic motion
6- videos
7- contact form

http://www.omsamer.com/amal_design_studio/

1- about us
2- link to my blog in Blogger.com
3- photography gallery
4- graphic gallery
5- videos
6- contact form

Site map- Amal's Desgin Studio

noreply@blogger.com (Amal FM) — Sun, 07 Jun 2009 21:18:00 +0000

http://www.omsamer.com/wordpress

Managing pages/ Uploading Work

noreply@blogger.com (Amal FM) — Sun, 07 Jun 2009 18:02:00 +0000

Here are the pages that i have created in WordPress ..
{ About } : This page will contain information about the website

{Contact}: it will contain a contact form for visitors/clients

{Graphic Design}: Graphic design work will be displayed in a gallery

(Graphic Motion/ Video} : Videos will be embedded from Youtube/Vimeo to this page

{Photography}: photos will be displayed in gallery

Gallery (plug-in) main page in Wordpress

The gallery style page could be edited in CSS

I added another gallery to (graphics design) page

Here's where i can add more details about the gallery

upload images...

edit images details

Gallery code added to photography+graphics page
v
v
v
>> gallery code( photography is the galley name)

Graphics design page

Foundation Degree intro video_Under Construction website

noreply@blogger.com (Amal FM) — Mon, 01 Jun 2009 12:38:00 +0000

fd from Amal FM on Vimeo.

Getty Images 2

noreply@blogger.com (Amal FM) — Mon, 01 Jun 2009 12:33:00 +0000

Getty Images from Amal FM on Vimeo.

getty images2 from Amal FM on Vimeo.

MadTV Apple i-rack

noreply@blogger.com (Amal FM) — Sat, 30 May 2009 16:20:00 +0000

Wordpress [Gallery/Contact Form] Plugin

noreply@blogger.com (Amal FM) — Mon, 25 May 2009 14:55:00 +0000

I installed wordpress (contact form & photo gallery) by uploading it to plugins folder ..

Then I've activated it from Plugins management page..

I created an album & pasted the required code that will run the gallery in my page...

Here's the gallery with some uploaded images..

the same thing for contact page, I've pasted the code in text area & updated my page ..

Contact page with all required fields..

Testing "Contact form":

its working :)

Resources:

http://alexrabe.boelinger.com/wordpress-plugins/nextgen-gallery/faq/
http://alexrabe.boelinger.com/forums/
http://dpotter.net/Technical/2008/03/nextgen-gallery-review-introduction/
http://ideasilo.wordpress.com/2008/03/29/contact-form-7-faq/
http://ideasilo.wordpress.com/2007/04/30/contact-form-7/
http://wordpress.org/extend/plugins/contact-form-7/installation/
http://wordpress.org/extend/plugins/nextgen-gallery/faq/

Changing / Customizing Wordpress Theme

noreply@blogger.com (Amal FM) — Mon, 25 May 2009 08:46:00 +0000

Now, my blog is ready to be customized. Luckily, Worpdpress has developed professional wordpress themes and provided efficient support of their templates that are free & ready to be installed and edited.
Wordpress themes directory:
http://wordpress.org/extend/themes/
WordPress themes collections are with a graphical and textual preview available for each theme & Sorted in search feature as well.
------------------------------------------------
How to select a wordpress theme?
Using Themes ..
Wordpress Free themes
------------------------------------------------
After many research, I found a portfolio theme that is free to use.
Basically, To install a theme I need to upload the theme folder into my wp-content/themes directory. Once a theme is uploaded, I'll see it on Themes page.

(Presentation Theme Panel)

By clicking on theme title it will preview the theme to activate it. By confirming the selection should immediately become active.

My Wordpress portfolio theme
sorry for my spelling.. i took the screen shots earlier..
Edited theme:

Final theme..

Experimental Development : Setting a Database & Installing Wordpress

noreply@blogger.com (Amal FM) — Sun, 24 May 2009 12:35:00 +0000

Through out my research.. I found that most of the new e-portfolios are a blogs or dynamic websites that let the user update his entries easily ..
I decided to use wordpress as my blogging platform ..
Why Wordpress is now my Blog of Choice

Why Wordpress?

- WordPress is free & well known for its ease of installation.
- WordPress has a focus on usability and user-testing which many open source projects lack.
- It has a simple content management system, that allows the user to edit and create posts.
- Installing WordPress is a very simple process and takes less than five minutes to complete.
- Many web hosts now offer tools (e.g. Fantastico) to automatically install WordPress for you. However, I like to install WordPress myself..

Firstly, I have to interact with the database that I'm going to create, e.g. edit a configuration file, use an FTP client to upload the software, and then run through its quick online install process, before modifying WordPress to suit my needs.

1. Setting up a Database:

my web hosting accounts allow me to use cPanel, an easy to use interface that allows to quickly get to the important control areas of my website.

It allows me to easily add a database as well as a user for the database so that WordPress can run properly.

The steps you need to take in cPanel is to click on mySQL Databases icon,

and then adding a new database, adding a new user, and making sure the user to the database has a full permission to add and remove records.

WordPress stores all its information, and my blog posts in the database, and so it has to be able to connect to the database with full permissions.

2. Uploading/Installing Wordpress & Editing the Config File:

I downloaded the latest version of Wordpress from (http://www.wordpress.org)
To tell WordPress which database to use when uploading it, I edited a file that comes with WordPress ( wp-config-sample.php). There's alot of ducomentation in the Wprdpress website that explain in details how to install Wordpress.
I renamed this to wp-config.php and changed a few lines. They have commented the code really nicely, so understanding what to change is relatively easy.
The things in red/lowercase are the ones I can change. For the first three items, I will input the information I used when creating my database. The last item, asks you what you want the tables in the database to be prefixed with. This allows me to install more than one WordPress blog in one database. I can keep it as its default.

Next,I uploaded the files to where I want to install WordPress. I created a sub-directory, a folder named “wordpress”.

For uploading my files, I use FileZilla.I input my details and connected to my directory. I then draged and droped all the files and folders and uploaded them to my hosting account.

Once all the files are uploaded, I browsed to where I put WordPress and go to /wp-admin/install.php. and it would bring WordPress’ install page.

I clicked on First Step, and it asked what I want my blog title to be as well as my current e-mail address.

Once I clicked submit, it brought me to the last page in the install process where it shows my temporary password to log into WordPress blog.

Wordpress default blog theme & content management system

Resources:
http://www.wordpress.com
http://www.wordpress.org
http://www.zeldman.com/wordpress/

Work Based Learning at Middlesex University

noreply@blogger.com (Amal FM) — Fri, 22 May 2009 23:39:00 +0000

Open Evenings take place at the Middlesex University Hendon campus on:

Wednesday 10th June 2009

Wednesday 15th July 2009

useful links:
WBL
Brochures & Information
students talk 1
students talk 2
FQA about distance learning
BA/BSc Work Based Learning Studies programmes

"My Digital Space" research + experimental development

noreply@blogger.com (Amal FM) — Fri, 22 May 2009 10:20:00 +0000

Research:
http://www.shauncollings.com/

This website is a personal digital portfolio that contains a storyboards of all graphic motions.

The storyboards show the logo of clients that he worked with

This e-portfolio website lists all the designs in vertical way.. the client can navigate through by choosing the company name and click on the small blue arrows to see more images of the design.

http://www.graffe.co.nz/site.html

This flash based e-portfolio is designed very well ...
The client can over his mouse over any link to display the storyboard of the movie/graphic motion/ ident/ TV ad and he can click on it to watch it..

The designer divided his work depending on his year of work on that company...

As he put details of his displayed files such as:
-the size of the file ..
-the duration of the clip..

The purpose of E-portfolio:

http://campustechnology.com/articles/2002/11/the-electronic-portfolio-boom-whats-it-all-about.aspx

http://en.wikipedia.org/wiki/Electronic_portfolio

How to design/create your E-portfolio:

http://electronicportfolios.org/portfolios/howto/index.html
http://eportfolios.googlepages.com/howto
http://www.teachnetuk.org.uk/2007%20Projects/CC-E_Portfolio/E_Portfolio/resources.html

"My Digital Space" project

noreply@blogger.com (Amal FM) — Fri, 22 May 2009 00:07:00 +0000

research
experimental development
3variations of your concept
website:
http://www.omsamer.com/amal_design_studio/index.html
sitemap
CD containing the files
750 design evaluation of your personal portfolio

Rotoscoping

noreply@blogger.com (Amal FM) — Tue, 19 May 2009 22:18:00 +0000

1. export the video (Frame rate to 15 per sec) as JPG sequence >> less frame rate= less papers to print
2. print the images as drafts (not in high quality print)
3. draw over the images
4. scan 'em or use ur digital cam to take the photo of each paper
5. use any software to put the images in sequence again & export it as a video ( i used sStopMotion)
6. the result:
watch it here

"When u become scared" scratchy movie

noreply@blogger.com (Amal FM) — Tue, 19 May 2009 13:44:00 +0000

"When you become Scared" Scratchy movie from Amal FM on Vimeo.

This was my first video experiment last year using different simple techniques and equipments to produce a video of the outcomes for a theme "Thriller"
we used:
SLR camera
Black & White 35 mm film
photocopier
We used the images in a conjunction with the art box..
scanner
Photoshop to edit the images contrast
Sony Vegas to mix sound clips for the outcome

{ Blossom Moments }

noreply@blogger.com (Amal FM) — Sun, 17 May 2009 16:53:00 +0000

Rotoscoping - iTV2 Ident

noreply@blogger.com (Amal FM) — Sat, 16 May 2009 21:43:00 +0000

Rotoscoping - iTV2 Idents from Amal FM on Vimeo.

Here is one of my video experiments using the traditional rotoscoping technique..

i'll post my new video of making it soon inshallah..

Mobile Uploads {last 3 weeks}

noreply@blogger.com (Amal FM) — Wed, 13 May 2009 23:50:00 +0000

Attitude 4 little things around { By Amal's lens }

noreply@blogger.com (Amal FM) — Wed, 13 May 2009 22:52:00 +0000

Channel 4 - Typographic TV AD

noreply@blogger.com (Amal FM) — Wed, 13 May 2009 22:46:00 +0000

The 3Penny Opera -Channel 4 Advert from Amal FM on Vimeo.

It's a typographic TV ad for my typography project That i have to create for the three penny opera event for channel 4 that will be covered on the 31st August 2009..

Amal