Showing posts with label multimedia. Show all posts
Showing posts with label multimedia. Show all posts

Tuesday, April 25, 2017

Nero Multimedia Suite 10 Full 2010

Nero Multimedia Suite 10 Full 2010


full software, full version, free software, full download, full naruto shippudhen, free premium generator link full speed, full game, full movie, downloads full, full portable, full template, full antivirus, software antivrus, driver software, microsoft software, full music, full free software, always full download, Nero Multimedia Suite 10 Full (2010)

Nero Multimedia Suite 10 Full (2010)


Interface Language: Multilanguege
OS: All Windows
Medician: KeyGen
Size: Rar 1GB
Bonus: Themes Pack

A single powerful package of Nero Multimedia Suite 10, consisting of three product (Nero Vision Xtra, Nero Burning Rom, Nero BackItUp & Burn), gives the user a maximum of multimedia capabilities. It has advanced video editing, media organizer and player, an excellent software for burning CDs, reliable backup technology and special multimedia tools to enhance music and video files and photos.

Three products - one solution
- Enhanced video editing and creation of HD-movies
- Secure backup, and recovery
- Advanced software for recording and
- Copy a CD, DVD and Blue-ray

Highlights Application Pack Nero Multimedia Suite 10:
- Edit video with Nero Vision Xtra T
- Search, Play, and easily organize all your music tracks, pictures and videos using multimedia organizer all in one "
- Use the latest tools to edit video (picture in picture, full control of - the keyboard, the master track special effects, various special effects and transitions) in multitrack assembly line to make their works really personal.
- Build high-definition movies on disc DVD, and Blu-ray, using SmartEncoding to accelerate HD video recording and burn Blu-ray-discs in high-quality cinematic format, with 24 consecutive frames.
- Media player supports all popular formats of audio, video and images, such as AVCHD, MKV, FLV, FLAC, DVD, MPEG-4 AVC, (S)-VCD, AVCREC and Audio CD, as well as various play lists and slide show
- Record music, photos and video on a CD, DVD, and Blu-ray, as well as access to your projects in social networks

Burn with Nero Burning ROM T
- Ensure readability of discs, regardless of their age, wear and scratches thanks to the availability of protection technology SecurDisc
- Transfer files using drag and drop to burn CDs, DVDs and Blu-ray, as well as to save the images
- Separation of large files for burning to multiple drives
- Additional data protection through encryption and add personal passwords
- Excellent quality playback of content
- Perfect copies of CDs by reliable burn without interruption

Backup using Nero BackItUp & Burn T
- Perform automatic backups in one-touch without having to change your PC settings
- Technology SecurDisc - guarantee the readability of data, increasing chances of file recovery, data protection against accidental changes and verification of data source
- Easy backups to hard disk, CD-, DVD-, Blu-ray-discs, to FTP, memory card and online store
- Restore personal data after a computer failure or breakage
- Restore damaged or deleted files from hard disks, CD-, DVD-ROM drive, flash drives and floppy
- Backup files and folders on multiple devices simultaneously

Included Applications
Nero Vision Xtra T
Nero MediaHub - organizer of music, photos and video, media player and a tool for creating slide shows
Nero Vision - advanced features for creating and editing videos
Nero ControlCenter - Product Management Nero and serial numbers, including update
Nero Burning ROM T
Nero Burning ROM - Burning CDs
Nero BurnRights - easy deployment of user rights to burn
Nero ControlCenter - Product Management Nero and serial numbers, including update
Nero BackItUp & Burn T
Nero BackItUp - convenient backup, restore and synchronize
Nero Express - an easy-to-use wizard for burning and copying CDs
Nero RescueAgent - extended file recovery
Nero BurnRights - easy deployment of user rights to burn
Nero ControlCenter - product management Nero and serial numbers, including update

PLUS: Nero tools to work with multimedia
Nero StartSmart - problem-oriented management center, which is designed for burning, video editing and backup
Gadget Nero DiscCopy - copying disks on the desktop, Windows ®
Nero WaveEditor - editing music files
Nero SoundTrax - digitizing music from vinyl records and film cassette
Nero CoverDesigner - creating artwork and disc labels
Nero Recode - conversion and compression of DVD-video and video
Nero ToolKit - improving PC performance

Special / minimum requirements for editing and creating video
Compatible with OHCI controller «FireWire ®» (IEEE ® 1394) for capturing digital video and HDV T
TV tuner and video capture card to capture video in both analog and digital formats
Up to 50 GB of available hard disk space for disk images and temporary files

Special / minimum requirements for working with video-content high-resolution
Dual-Core Intel ® or AMD with a frequency of at least 2 GHz
2 GB of RAM
To support technology AVC NVIDIA ® CUDA T you must install the NVIDIA ® CUDA T-capable graphics card
For more information, visit: http://www.nvidia.co...n_products.html
To play copy-protected video content must be appropriate hardware / software

Specials / minimum requirements for backup
To use certain features backup and recovery requires a hard drive with the NTFS file system
For backup using Nero Online Backup requires broadband Internet access

Special / minimum requirements for use LightScribe and Labelflash T
LightScribe-compatible burner and media
It must be installed on to LightScribe on the host
Labelflash T-compatible burner and media

Nero Multimedia Suite 10 Themes Pack:
Nero Clipart Pack:
133 images
Nero Menu Template Pack1:
1 standard two-dimensional pattern
2 animated two-dimensional pattern
2 intelligent three-dimensional pattern
Nero Menu Template Pack2:
21 of the standard two-dimensional pattern
19 intelligent three-dimensional patterns
Nero Menu Template Pack3:
13 animated two-dimensional patterns
Nero Movie Theme Pack1:
3 themes Movies
3 disc menu template with the appropriate design
Nero Movie Theme Pack2:
9 those movies
9 templates disc menus with appropriate design
Nero Sample Image Pack:
10 templates photos
Nero Sample Videos:
1 sample video

full software, full version, free software, full download, full naruto shippudhen, free premium generator link full speed, full game, full movie, downloads full, full portable, full template, full antivirus, software antivrus, driver software, microsoft software, full music, full free software, always full download, Nero Multimedia Suite 10 Full (2010)
full software|part01
full software|part02
full software|part03
full software|part04
full software|part05
full software|part06
full software|part07
full software|part08
full software|part09
full software|part10
full software|part11

Go to link Download

Read more »

Monday, April 17, 2017

Padlet free online multimedia notes and collaboration great for projects

Padlet free online multimedia notes and collaboration great for projects


padlet

Padlet is a free service that lets you create online "sticky notes" that you can share and collaborate on. The notes can include images, links and videos, can be moved and arranged and can be embedded into a website.

Its great for brainstorming, story boarding, organizing, projects and more. It is available online and even has a Chrome app and extension, a Kindle app, Safari and Firefox extensions, and a Wordpress plugin.

Its easy to use and fun and very useful.

If you are looking for more features and the ability to have school accounts, privacy, control and more, take a look at Backpack (not free).









Related:

More Collaboration Tools and Resources

More Writing Tools and Resources

Samepage - app to get more done with contextual collaboration

Slack - free, easy to use, communications/collaboration platform - great for teams and schools
Google for Education Resources






-

Go to link Download

Read more »

Tuesday, March 7, 2017

Multimedia Dictionary app for Android – with Source codes

Multimedia Dictionary app for Android – with Source codes


I decided to publish the following source code of a Multimedia Dictionary app for Android. The apps is a dictionary of the following languages, Malay, Arabic and English. All the word entries are available in the locally (sqlite), however we do not have the complete word list.

Multimedia Dictionary app for Android with Source codes - english-malay-arabicMultimedia Dictionary app for Android with Source codes - arabic-english-malay-

This code is specifically designed to support only Android 2.1, 2.2 and 2.3. This is due to lack of Arabic character support in the listed Android version. And there ‘s a special treatment to the Arabic characters which we found quite complicated. It won’t run beautifully on the Android 3.0 and above.
Sorry for the lack of documentation, however if you’re familiar with Java in Android, it actually simple. I’ll do further documentation later.

You may somehow revamp the apps, or do what ever you want. I would like to However make only one request, please do not remove the advertisement in the main screen.
To test the Arabic input, you need to have the Arabic keyboard – use this http://bit.ly/ask1-1. Not sure with other Arabic keyboard. If you need to install the keyboard APK in the emulator, use this tutorial - http://blog.kerul.net/2012/08/how-to-install-apk-files-on-android.html

->Source codes – download here http://bit.ly/kamus-code
->APK file – download here http://bit.ly/kamus-apk

File structure;
image Java Source codes
main.java – the main that calls all thre tabs
ArabicReshaper.java, ArabicUtilities.java
a2m.java
e2ma.java
m2a.java
MyDBHelper.java

Layout
main.xml
a2m.xml
e2ma.xml
m2a.xml


The English to Malay-Arabic layout;

<?xml version="1.0" encoding="utf-8"?>
<TableLayout >="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:background="@drawable/bd"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1"
>
<TableRow
android:id="@+id/tableAdMob"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<com.google.ads.AdView

android_id="@+id/adView1"
android_layout_width="fill_parent"
android_layout_height="wrap_content"
ads_adSize="BANNER"
ads_adUnitId="738a44d913034b9f"
android_layout_column="0"
android_layout_span="3"
/>
</TableRow>
<TableRow>
<TextView android:text="English word"
android:textColor="#ffffff"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</TableRow>
<TableRow>
<EditText android:text=""
android:layout_column="0"
android:id="@+id/txtenglish"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_span="2" />
<Button android:text="Search"
android:layout_column="2"
android:id="@+id/btncari"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</TableRow>
<TableRow>
<TextView android:text="Malay word here"
android:id="@+id/tvmelayu"
android:layout_column="0"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button android:text=""
android:layout_column="2"
android:drawableLeft="@drawable/sound"
android:id="@+id/btnsebutan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</TableRow>
<TableRow>
<TextView android:text="Arabic word here"
android:id="@+id/tvarab"
android:layout_column="0"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button android:text=""
android:layout_column="2"
android:drawableLeft="@drawable/sound"
android:id="@+id/btnsebutan1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</TableRow>

<LinearLayout android:gravity="center_horizontal">

<Button android:text="Download image"
android:id="@+id/btndownimej"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>

</LinearLayout>


<TableRow android:gravity="center_horizontal">
<ImageView
android:id="@+id/image1"
android:layout_height="100sp"
android:layout_width="100sp"
/>
</TableRow>
<TableRow>
<TextView android:text=" "
android:textColor="#ffffff"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</TableRow>

</TableLayout>


The English to Malay-Arabic – Java code;


package net.kerul.mdictionary;

import java.io.IOException;
import java.io.InputStream;
import java.net.URL;

import com.google.ads.AdRequest;
import com.google.ads.AdView;

import android.app.Activity;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.graphics.Typeface;
import android.graphics.drawable.Drawable;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnCompletionListener;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class e2ma extends Activity implements OnClickListener {
// widget - txtmelayu, btncari, tvarab, image, btnsebutan
protected EditText txtenglish;
protected Button btncari, btndownimej, btnsebutan,btnsebutan1;
protected TextView tvmelayu,tvarab;
protected ImageView image1;
protected MyDBHelper myDBHelper;
// protected Cursor cursor;
protected SQLiteDatabase db;
protected String imejurl, voiceurl;
protected Drawable drawable;
protected String va,ia,vm;//to hold sound name publicly
private AdView adView;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//kat server KUIS
imejurl="http://www.kuis.edu.my/iame/ommar/image/";
voiceurl="http://www.kuis.edu.my/iame/ommar/voice/";

setContentView(R.layout.e2ma);
txtenglish= (EditText) findViewById(R.id.txtenglish);
txtenglish.requestFocus();
btncari = (Button) findViewById(R.id.btncari);
btncari.setOnClickListener(this);
//tvarab = (TextView) findViewById(R.id.tvarab);
//tvarab.setTypeface(tfarabic);
tvmelayu = (TextView) findViewById(R.id.tvmelayu);
tvarab = (TextView) findViewById(R.id.tvarab);

// the image download button
btndownimej = (Button) findViewById(R.id.btndownimej);
btndownimej.setEnabled(false);// disable button
btndownimej.setOnClickListener(this);

//define image drawer
image1 = (ImageView) findViewById(R.id.image1);
image1.setImageResource(R.drawable.icon);
//image1.setAdjustViewBounds(true); // set the ImageView bounds to match

// the Drawables dimensions
btnsebutan = (Button) findViewById(R.id.btnsebutan);
btnsebutan.setEnabled(false);// disable button
btnsebutan.setOnClickListener(this);
// Log.i("*****", "create UI Melayu-Arab");
btnsebutan1 = (Button) findViewById(R.id.btnsebutan1);
btnsebutan1.setEnabled(false);// disable button
btnsebutan1.setOnClickListener(this);
// database initial
myDBHelper = new MyDBHelper(this);
db = myDBHelper.getReadableDatabase();

//admob widget - private AdView adView;
adView = (AdView)findViewById(R.id.adView1);
adView.loadAd(new AdRequest());
}

public void onClick(View v) {
String melayu="", imeja="", voicem="", voicea;
String bi,uarab="";
//jmCursor cmelayu;
Cursor cjoiner;
Cursor cbi, carab,cmelayu;
switch (v.getId()) {
case R.id.btncari:

bi=txtenglish.getText().toString().trim().toLowerCase();
// tvarab.setText(ArabicUtilities.reshape(uarab));

//search for the arabic word
String qbi="SELECT * FROM english where kataeng="+bi+";";
Log.i("-----search table english---- ",qbi);
//tvmelayu.setText(qarab);
cbi = db.rawQuery(qbi, null);
if(cbi.getCount()!=0){
cbi.moveToFirst();
//tvmelayu.setText("Perkataan "+bi+" ada: "+cbi.getString(0).toString());


//get malay word in joiner table
String qjoiner ="SELECT * FROM melayuarab where kataeng="+bi+";";
Log.i("-----search table joiner----- ",qjoiner);
cjoiner=db.rawQuery(qjoiner, null);
if(cjoiner.getCount()!=0){
cjoiner.moveToFirst();//go to first row
melayu=cjoiner.getString(0).toString();
uarab=cjoiner.getString(2).toString();
tvmelayu.setText("Perkataan Melayu Adalah: "+melayu);
tvarab.setTypeface(Typeface.createFromAsset(getAssets(),"dejavusans.ttf"));
tvarab.setText(ArabicUtilities.reshape("Perkataan Arab adalah: "+uarab));

}else{
tvmelayu.setText("Perkataan "+melayu+" tiada dalam joiner");
tvarab.setText("Perkataan "+uarab+" tiada dalam joiner");
}

//get malay details in melayu table
//String qmelayu ="SELECT * FROM melayu where katamelayu="+melayu+";";
//Log.i("-----search table melayu---- ",qmelayu);
//cmelayu=db.rawQuery(qmelayu, null);
//cmelayu.moveToFirst();//go to first row
//imeje=ie=cbi.getString(3).toString();
//Log.i("-----display---- ",imejm);
//voicee=ve=cbi.getString(4).toString();

//if word found and voice also available, activate "Sebutan" button

String qmelayu ="SELECT * FROM melayu where katamelayu="+melayu+";";
//Log.i("-----search table melayu---- ",qmelayu);
cmelayu=db.rawQuery(qmelayu, null);
cmelayu.moveToFirst();//go to first row
//Log.i("-----display---- ",imejm);
voicem=vm=cmelayu.getString(4).toString();

//if word found and voice also available, activate "Sebutan" button
if(voicem!=null){
btnsebutan.setEnabled(true);
vm=cmelayu.getString(4).toString();
}else{
btnsebutan.setEnabled(false);
}
String qarab ="SELECT * FROM arab where ukataarab="+uarab+";";
Log.i("-----search table arab---- ",qarab);
carab=db.rawQuery(qarab, null);
carab.moveToFirst();//go to first row
imeja=ia=carab.getString(6).toString();
//Log.i("-----display---- ",imeja);
voicea=va=carab.getString(7).toString();

//tvarab.setText(uarab+", "+imeja+", "+voicea);
//reset font textview arab

//if word found and voice also available, activate "Sebutan" button
if(voicea!=null){
btnsebutan1.setEnabled(true);
va=carab.getString(7).toString();
}else{
btnsebutan1.setEnabled(false);
}

if(imeja!=null){
btndownimej.setEnabled(true);
ia=carab.getString(6).toString();
}else{
btnsebutan1.setEnabled(false);
}



}
else{
//tvarab.setText("Maaf, "+melayu+" tiada dalam pangkalan data");
Toast.makeText(getApplicationContext(), "Maaf, "+bi+" tiada dalam pangkalan data",Toast.LENGTH_SHORT).show();
//tvarab.setText(ArabicUtilities.reshape("Maaf, "+uarab+" tiada dalam pangkalan data"));
btnsebutan.setEnabled(false);
}

break;

case R.id.btndownimej:
if (ia==null ||ia=="notavailable.jpg"){
Toast.makeText(getApplicationContext(), "Sorry, the image is not yet available.",Toast.LENGTH_SHORT).show();
break;
}
//image download and display
drawable = LoadImageFromWebOperations(imejurl+ia);
image1.setImageDrawable(drawable);
break;

case R.id.btnsebutan://malay
if (vm==null ||vm=="notavailable.mp3"){
Toast.makeText(getApplicationContext(), "Sorry, the sound is not yet available.",Toast.LENGTH_SHORT).show();
break;
}
// Toast.makeText(getApplicationContext(), "you choose -",Toast.LENGTH_SHORT).show();
//sound download and play
MediaPlayer mp = new MediaPlayer();
try {
//mp.create(t ,R.raw.makana);
//Toast.makeText(m2a.this, "Downloading sound...", Toast.LENGTH_SHORT).show();
mp.setDataSource(voiceurl+vm);
Toast.makeText(e2ma.this, "Download voice "+voiceurl+vm, Toast.LENGTH_SHORT).show();
//Toast.makeText(m2a.this, "Playing sound ", Toast.LENGTH_SHORT).show();
mp.prepare();
mp.start();

} catch (IOException e) {
// TODO Auto-generated catch block
//String err=" file download error" + e.toString();
Toast.makeText(e2ma.this, "Download error!!! ", Toast.LENGTH_SHORT).show();
Log.i("------------",e.toString());
}
// i.e. react on the end of the music-file:
mp.setOnCompletionListener(new OnCompletionListener(){
// @Override
public void onCompletion(MediaPlayer arg0) {
// File has ended !!! <img src="http://www.anddev.org/images/smilies/wink.png" alt=";)" title="Wink" />
}
});
break;

case R.id.btnsebutan1://arabic
if (va==null ||va=="notavailable.mp3"){
Toast.makeText(getApplicationContext(), "Sorry, the sound is not yet available.",Toast.LENGTH_SHORT).show();
break;
}
// Toast.makeText(getApplicationContext(), "you choose -",Toast.LENGTH_SHORT).show();
//sound download and play
MediaPlayer mp1 = new MediaPlayer();
try {
//mp.create(t ,R.raw.makana);
//Toast.makeText(m2a.this, "Downloading sound...", Toast.LENGTH_SHORT).show();
mp1.setDataSource(voiceurl+va);
Toast.makeText(e2ma.this, "Download voice "+voiceurl+va, Toast.LENGTH_SHORT).show();
//Toast.makeText(m2a.this, "Playing sound ", Toast.LENGTH_SHORT).show();
mp1.prepare();
mp1.start();

} catch (IOException e) {
// TODO Auto-generated catch block
//String err=" file download error" + e.toString();
Toast.makeText(e2ma.this, "Download error!!! ", Toast.LENGTH_SHORT).show();
Log.i("------------",e.toString());
}
// i.e. react on the end of the music-file:
mp1.setOnCompletionListener(new OnCompletionListener(){
// @Override
public void onCompletion(MediaPlayer arg0) {
// File has ended !!! <img src="http://www.anddev.org/images/smilies/wink.png" alt=";)" title="Wink" />
}
});
break;
}
}

//this function is to handle image download from the web
private Drawable LoadImageFromWebOperations(String url){
try
{
Toast.makeText(this.getApplicationContext(), "Downloading image from " + url, Toast.LENGTH_SHORT).show();
InputStream is = (InputStream) new URL(url).getContent();
Drawable d = Drawable.createFromStream(is, "src name");
Toast.makeText(this.getApplicationContext(), "Download finish", Toast.LENGTH_SHORT).show();
retu

Go to link Download

Read more »

Wednesday, February 22, 2017

Nero Multimedia Suite 12 5 01200

Nero Multimedia Suite 12 5 01200





Nero Multimedia Suite compreende três programas, Nero Burning ROM, BackItUp e visão. É carregado com recursos de vídeo avançadas de edição, organizador de mídia e jogador, software de gravação superior, a tecnologia de backup confiável e ferramentas especiais multimídia para melhorar a sua música, fotos e vídeos.
Características:
  • Burn to Disc ou compartilhamento de Comunidades Sociais,-Slide shows e filmes com menus exclusivos Luxo
  • Organizar fotos e vídeos de alta qualidade Slide-shows e filmes
  • Multi-track Edição de Vídeo com opção completa Manipulação Keyframe
  • Gravação de disco rápido, fácil e seguro
  • Edite e melhore as fotos com apenas um clique
  • Totalmente controlável Backup, Eficaz em algumas etapas fáceis
     DOWNLOADS

Go to link Download

Read more »

Saturday, November 19, 2016

Multimedia on the Web

Multimedia on the Web


Silibus/proforma: https://drive.google.com/file/d/0B5_Hw_xzXWcXR3Y0MmNkMWtFeFE/view?usp=sharing

LECTURE SLIDES
Slide 1: Designing for the WEB - https://drive.google.com/file/d/0B5_Hw_xzXWcXbENUdU5xTUtKVkE/view?usp=sharing

Slide 2: Websites Design Issues
 
 Web_Design_Issues.url

Slide 3: Website Navigation
 Website_Navigation.pdf


Slide 4: Search Engine Optimization
SEO.pdf 


Slide 5: Content Management System

CMS & Installation – Wordpress

Slide 6: Deploying Your Website (Web hosting & FTP)

Web_Hosting_and_FTP.url

Slide 7: Promoting your Website through Social Media
https://drive.google.com/file/d/0B5_Hw_xzXWcXWklPZEhidWZnTVk/view?usp=sharing
Slide 8: Maintaining the Website




LAB NOTES

HTML Editor - http://www.sublimetext.com/
Lab 1: HTML Basics - http://www.w3schools.com/html/
Lab 2: Responsive Design: http://www.w3schools.com/html/html_responsive.asp
Example of Responsive Layout
 responsive-aics2015-1 responsive-aics2015-mobile
Code below…
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Case 2-Columns</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
<div class="jumbotron">
<h1>My first Bootstrap webpage!</h1>
<p>This page will grow as we add more and more components from Bootstrap...</p>
<a href="#" class="btn btn-info btn-lg"><span class="glyphicon glyphicon-search"></span> Search</a>
</div>

<div class="row">

<div class="col-md-9">
<h1>Main Content</h1>
<p><strong>
Note 1: On a large screen the content will be displayed as a three-column layout. (Just enlarge the browser window to see the effect). However, the content will automatically adjust itself into a single-column layout on a small screen. So, with Bootstrap, our page is now responsive to the screen size and adjusts itself accordingly.</strong></p>
<p>
Note 2: On a large screen the content will be displayed as a three-column layout. (Just enlarge the browser window to see the effect). However, the content will automatically adjust itself into a single-column layout on a small screen. So, with Bootstrap, our page is now responsive to the screen size and adjusts itself accordingly.</p>

</div><!-- end main content -->
<div class="col-md-3">
<h3>Main Menu Widget</h3>
<p>
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
<li>Link 4</li>
</ul>
</p>
</div><!-- end main menu -->
</div>

</div><!-- end container -->


</body>
</html>




Lab 3: HTML Forms http://www.w3schools.com/html/html_forms.asp
Lab 4: HTML 5 http://www.w3schools.com/html/html5_intro.asp
Lab 5: HTML5 Media
  • Media - http://www.w3schools.com/html/html_media.asp
  • Audio - http://www.w3schools.com/html/html5_audio.asp
  • Video - http://www.w3schools.com/html/html5_video.asp
  • Youtube - http://www.w3schools.com/html/html_youtube.asp
Responsive Web Design 
Lab 6 -8: Bootstrap for responsive Web - http://www.w3schools.com/bootstrap/






getBootStrap.com



Incorporating UI enhancement in BootStrapEg: FLAT-UI - http://blog.kerul.net/2015/05/bootstrap-flat-ui-new-venture.html

Mobile Web Design 
Lab 9 - 11: jquerymobile
http://blog.kerul.net/2015/04/mobile-apps-using-html-interface-with.html

Slide - https://drive.google.com/file/d/0B5_Hw_xzXWcXNnQ4RnR1Q0R2WDg/view?usp=sharing

  • jquerymobile website - http://jquerymobile.com/
  • jquerymobile complete demos - http://demos.jquerymobile.com/1.4.5/
  • Tutorial - http://www.w3schools.com/jquerymobile/default.asp
  • jquerymobile on kerul.net - http://bit.ly/mobilewebkerul



Mid Sem Assignment - Download here https://drive.google.com/file/d/0B5_Hw_xzXWcXVmxfdld4dXlvRm8/view?usp=sharing
Write the answers in Word document (*.doc), and send to my email.
Email address: khirulnizam@gmail.com
Subject : Mid Sem Test Multimedia on the Web
              with your name and Matrix number.




Go to link Download

Read more »