HMS-220 KOMPUTER GRAFIS KEHUMASAN

Deskripsi dan Tujuan Mata Ajaran

Hampir semua sisi Dunia saat ini sudah bergeser ke era digitalisasi , dengan datangnya era digital maka dapat ditampilkan secara visualisasi. Komputer grafis merupakan wujud visualisasi dari objek yang dapat berupa dunia publishing, pengolahan citra/proses image, animasi, movie atau multimedia. Dengan bantuan komputer grafis semua objek dapat disimulasi secara visual sehingga memudahkan dalam hal desain atau redesain. Mata kuliah komputer grafis kehumasan bagi Mahasiswa Fikom Prodi Kehumasan  diperlukan untuk menunjang  kegiatan kehumasan dan  multimedia.

Metode Pengajaran :

Methode pengajaran , Praktikum colaborasi dengan video tutorial materi ajar,  teori-teori  desain komputer grafis/komunikasi visual, studi kasus dan langsung dipraktekan dengan menggunakan software yang ada kaitannya dengan komputer grafis

TUGAS  -1 :

Jelaskan apa yang dimaksud  dengan corporate identity secara luas , jawaban dalam format ms word  berupa makalah, pada cover di tulis NIM dan NAMA . Jawaban di upload pada hybrid e-learning paling lambat 1 minggu

 

Tugas-1 DRM 329 web design

TUGAS – 1 web design   :

Pilih salah satu tugas perbandingan situs dibawah ini dibawah ini  :

1. Perbandingan situs  e-commerce   www.bhineka.com  Vs www.jakartanotebook.com

2. Perbandingan situs berita www.cnn.com Vs www.bbc.co.uk/news/

3. perbandingan situs  berita www.detik.com Vs www.kompas.com

Tata cara mengerjakan tugas  :

1. Buat kata pengantar mengenai perbandingan situs web tsb

2. Isi/inti dari tugas (isi verbandingan) komentari kedua situs tsb, baik dari segi content, desain,pewarnaan, link, animasi, dan lain sebagaimana mestinya (komentar dalam format ms word dan isi komentar bebas sesuai pendapat anda)

3. Buat kesimpulan dari perbandingan situs tersebut

4. Cantumkan sumber perbandingan (alamat situs web) atau refrensi dari yg lain

5. Jumlah kata dalam perbandingan adalah  maksimal 2.500 kata  dan minimal 1.800 kata (menggunakan ms word)

6. KIRIM TUGAS TSB KE HYBRID  E-LEARNING esaunggul, pada box tugas upload yang telah di sediakan, paling lambat  satu minggu.

<iframe id=”embed” name=”embed” src=”http://radio.indowebster.com/embed.php” frameborder=”0″ ALLOWTRANSPARENCY=”true” scrolling=”no” width=”950″ height=”250″></iframe>

HTML

Pertemuan I

 

HyperText Markup Language (HTML) adalah sebuah markup langgua yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah situs Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegeras

Pengenalan HTML

Tag-tag HTML

Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari document HTML.

<BEGIN TAG> </END TAG>

Contoh: Setiap document HTML di awali dan di akhiri dengan tag HTML.

<HTML>

. . .

<HTML>

Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama.

Bentuk dari tag HTML sebagai berikut:

<ELEMENT ATTRIBUTE = value>

Element – nama tag

Attribute – atribut dari tag

Value – nilai dari atribut.

Contoh:

<BODY BGCOLOR=lavender>

BODY merupakan element, BGCOLOR(Background) merupakan atribut yang memiliki nilai lavender. Untuk memulai bekerja dengan HTML anda bisa gunakan editor Note Pad atau editor lainya.

Struktur HTML Document

Document HTML bisa di bagi mejadi tiga bagian utama:

  1. 1.     HTML

Setiap document HTML harus di awali dan di tutup dengan tag HTML <HTML></HTML> tag HTML memberi tahu browser bahawa yang di dalam kedua tag tersebut adalah document HTML.

2.     HEAD

Bagian header dari document HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.

  1. 3.     BODY

Document body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.

Ketik dan simpan dengan text editor notepad, simpan dengan nama index.html

<html>

<head>

<title>Welcome to HTML</title>

</head>

<body bgcolor=”laveder”>

<p>Document HTML yang Pertama</p>

</body>

</html>

Basic HTML Element

 

  1. Block Level Element

Block level element yang sering di gunakan :

Heading (H1 sampai H6)

Contoh:

Ketik dan simpan dengan nama heading.html

<html>

<head>

<title>Heading Elements</title>

</head>

<body>

<h1>Heading one</h1>

<h2>Heading two</h2>

<h3>Heading three</h3>

<h4>Heading four</h4>

<h5>Heading five</h5>

<h6>Heading six</h6>

</body>

</html>

Hasilnya:

  1. 2.        Paragraf (P)

Ketik dan simpan dengan nama paragraf.html

Contoh:

<html>

<head>

<title>Formating Paragraf</title>

</head>

<body>

<h3>Puisi Ceria</h3>

<p>

mawar berwarna merah, bibir kamu juga merah , bibir kamu semerah mawar

<h2>puisi sedih</h2>

<p>

melati harum baunya, kalau nggak ganti percuma namanya

</p>

Wah Ternyata enak ya belajar HTML<BR>

Gimana teman Oke ga?

</body>

</html>

 

3.        Latar belakang Home page

 

Warna

<body bgcolor=”#0000FF”> // Seperti Contoh diatas

Gambar

<body background=”cantik.jpg”>

 

  1. 4.        List Item(LI)

 

v   Unordered List (Bullet) :

Contoh :

Ketik dan simpan dengan nama Unordered_List .html

 

<html>

<head>

<title>Unordered List</title>

</head>

<body>

<P>Shedule for HTML Course</P>

<ul type=”disc”>

<li>Sunday</li>

<li>Monday</li>

<li>Tuesday</li>

<li>Wednesday</li>

</ul>

</body>

</html>

 

v   Ordered List (Numbering)

Ketik dan simpan dengan nama Ordered_List.html

Contoh:

<html>

<head>

<title>Ordered List</title>

</head>

<body>

<P>Shedule for HTML Course</P>

<ol start=”1″ type=”I”>

<li>Sunday</li>

<ol type=”a”>

<li>Introduction to HTML</li>

<li>Creating List</li>

</ol>

<li>Monday</li>

<ol type=”A”>

<li>Creating table</li>

<li>Inserting Image</li>

</ol>

<li>Tuesday</li>

<ol type=”I”>

<li>Creating Link</li>

<li>Preparing Website</li>

</ol>

<li>Wednesday</li>

</ol>

</body>

</html>

 

v   Definition List

 

Definition List terdiri diapit oleh tag <DL> … </DL> dan <DT> tag menentukan definition term serta <DD> tag menentukan definition itu sendiri.

Ketik dan simpan dengan nama Definition_List.html

 

Contoh:

<html>

<head>

<title>Definition List</title>

</head>

<body>

<p><b>List of Internet Resource</b></p>

<hr align=”center” width=”500″ size=”10″ noshade >

<dl>

<dt>HTML

<dd>HyperText Markup Langguage is not Language Programming

</dd>

</dt>

<dt>HTTP

<dd>HyperText Transfer Protocol is TCP/IP Protocol</dd>

</dt>

<dt>Internet

<dd>A network of network</dd>

</dt>

<dt>TCP/IP

<dd>Internet protocol</dd>

</dt>

</dl>

</body>

</html>

 

v   Daftar Menu

Untuk membuat daftar menu Anda dapat menggunakan pasangan tag <MENU> dan </MENU> seperti yang di tunjukkan pada

 

Ketik dan simpan dengan nama Daftar_Menu.html

contoh:

 

<HTML>

<HEAD>

<TITLE>contoh7.htm</TITLE>

</HEAD>

<BODY>

<MENU>

<LI>MS-Word

<LI>MS-Excel

<LI>MS-Access

</MENU>

</BODY>

</HTML>

 

 

drm-329 web desain

Uraian dan Tujuan Mata Kuliah :

Web design adalah salah satu matakuliah yang memberikan pengetahuan teori dan praktikum, bagaimana cara mendesain situs web yang baik bagi Mahasiswa, Situs web merupakan salah satu media komunikasi bagi personal, institusi dan organisasilainnya yang ingin memasuki era globalisasi dengan memanfaatkan kemajuan teknologi informasi yang berbasis komponen multimedia .

Jarak , waktu , geografi, batas Negara dan benua bukan lagi suatu halangan untuk berkomunikasi, sehingga untuk publikasi dapat ditembus mudah dengan menggunakan Internet. Matakuliah ini ditujukan untuk memberikan pembekalan pengetahuan dan applikasi desain web bagi Mahasiswa dalam memasuki era globalisasi, adapun perkuliahan gabungan antara teori dan praktikum dimulai dari dasar sampai dapat menghasilkan karya yg dapat di upload menjadi suatu situs web.

DREAMWEAVER  8

Intoduction to workspace Dreamweaver 8

Manage site

 

Dreaweaver 8  merupakan software yang dikeluarkan oleh 8,  digunakan untuk mendesain halaman internet, pada pertemuan ini dibahas dan dilakukan praktikum mengenasi software tersebut :

 

Tujuan :

  1. Mahasiswa dapat memahami dan bisa mepraktikan manage site yang digunakan untuk langkah awal mendesain situs web
  2. Dapat menggunakan dan memahami interface Dreamweaver 8

 

Daftar pustaka  :

 

  1. Using Dreamweaver 8
  2. Tutorial Dreamweaver 8
  3. http://bestwebdesignz.com/tips/dreamweaver/dreamweaver-cs8-tutorial/

 

 

DREAMWEAVER   8  :

 

Dreamweaver 8 di gunakan untuk desain halaman web, program ini dikeluarkan oleh macromedia adapun untuk menjalankan software ini diperlukan hardware sbb :

  • Komputer dengan prosesor core 2
  • Ram minimal 1 gb
  • Hardisk  minimal 40 gb
  • Os yang digunakan minimal wiindows XP SP atau windows 7

 

Jalankan  dreamweaver 8

MANAGE SITE :

 

Mendefinisikan Local folder  untuk membangun sebuah web

Manage site di gunakan untuk mendefinisikan sebuah website agar tidak terjadi broken,dimana semua elemen web diletakan dalam satu manage site/folder

 

Untuk mendefinisikan manage site lakukan sbb :

 

  1. Site manage site
  2. Pilih New

 

 

sif-114 digital library

Matakuliah digital library ditujukan untuk mendukung peminatan CIS (Corporate Information system), Mahasiswa/i dalam hal ini diharapkan dapat memahami konsep system digital library untuk perusahaan. Dengan mengikuti perkuliahan digital library diharapkan Mahasiswa dapat memahami  konsep digital library dan meng-implementasikannya dengan bantuan teknologi informasi, sehingga tercipta digital library bagi sebuah perusahaan/institusi yang berbasis pada  internet, kontent dan multimedia.

inf-328-Teori Anapersis

TUGAS KULIAH TEORI ANALISA DAN PERANCANGAN SISTEM INFORMASI TGL. 03 MARET  2012  :

Studi kelayakan untuk pembangunan sistem informasi :

1. Jelaskan pendekatan studi kelayakan dalam membangun sistem informasi yang meliputi organisasi/perusahaan,  ekonomi, teknologi, jelaskan satu persatu, penjelasan disertai dengan contoh

2.Jelaskan bagaimana cara membangun sistem informasi yang baik

Seluruh jawaban di tulis dalam format ms word dan di upload pada hybrid e-learning, upload jawaban tugas sesuai  dengan ketentuan (perhatikan batas akhir penyerahan tugas, apabila terlambat tidak akan di nilai/nilai tugas =0 )