tag:blogger.com,1999:blog-14672485798534146002024-03-12T18:09:14.484-07:00ARTIKEL INFORMATIKA<a href="http://www.co.cc/?id=185648">
ingin punya web gratis? klik saja di sini</a>Unknownnoreply@blogger.comBlogger8125tag:blogger.com,1999:blog-1467248579853414600.post-74497423073159544532010-02-27T22:19:00.000-08:002010-02-27T22:20:38.240-08:00Luas Lingkaran dengan Pascalprogram LuasLingkaran;<br />uses crt;<br />var<br /> diameter,jari,luas : real;<br /> pilihan : char;<br /> label mulai;<br />begin<br /> mulai:<br /> clrscr; <br /> write('Masukkan diameter :');<br /> readln(diameter);<br /><br /> jari := diameter/2;<br /> luas := pi * jari*jari;<br /><br /> write('Luas lingkaran : ', luas:2:2);<br /> readln;<br /> write('Mau menghitung lagi ? (Y/T) ');<br /> readln(pilihan);<br /> if (pilihan = 'Y') or (pilihan = 'y') then<br /> begin<br /> goto mulai;<br /> readln;<br /> end;<br />end.<br /><br /><a href="http://www.sinusbux.com/?r=antokaja"><br /><img src="http://www.sinusbux.com/sinus1.gif"></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1467248579853414600.post-48854826294522936692010-02-27T22:01:00.000-08:002010-02-27T22:12:58.102-08:00PASCAL BILANGAN POSITIP NEGATIP<a href="http://www.sinusbux.com/?r=antokaja"><br /><img src="http://www.sinusbux.com/sinus2.gif"></a><br /><br />1.MENENTUKAN BILANGAN POSITIP<br />Program Bil_positip;<br /> uses crt;<br /> var<br /> x:integer;<br /> begin<br /> CLRSCR;<br /> readln(x);<br /> if x>0 then<br /> write(x, 'adalah bil. positip');<br /> readln;<br /> end.<br /> <br />2.MENENTUKAN BILANGAN POSITIP ATAU NEGATIP<br />Program Positip_Negatip;<br />Uses crt;<br /> var x:integer;<br /><br />Begin<br /> clrscr;<br /> readln(x);<br /> if x>0 then<br /> write(x,' adalah bil. positip')<br /> else<br /> write(x,' adalah bil. negatip');<br /> readln;<br />end.<br /><br /><br />3.MENENTUKAN NILAI AKHIR UJIAN ANTARA 0 s/d 100 YANG DI KONVERSI ANTARA E s/d A<br />program nilai_ujian;<br />uses crt;<br />var<br /> na:integer;<br />begin<br /> clrscr;<br /> write('Hasil Nilai Ujian:');<br /> readln(na);<br /> case na of<br /> 85..100:writeln('nilai anda=A');<br /> 71..84:writeln('nilai anda=B');<br /> 56..70:writeln('nilai anda=C');<br /> 46..55:writeln('nilai anda=D');<br /> 0..45:writeln('nilai anda=E');<br /> else<br /> writeln('Masukkan nilai antara 0 s/d 100!');<br /> end;<br /> readln;<br />end.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1467248579853414600.post-61018511691171712012010-02-26T21:42:00.000-08:002010-02-26T21:45:36.744-08:00Menghilangkan Windows Genuine Alert.<span style="color: rgb(255, 0, 0); font-weight: bold;">Menghilangkan Windows Genuine Alert</span><br /><br />Buka Windows Task Manager.<br />Hentikan wgatray.exe process pada Task Manager.<br />Restart Windows XP dan masuk Safe Mode.<br />Hapus WgaTray.exe dari c:\Windows\System32.<br />Hapus WgaTray.exe dari c:\Windows\System32\dllcache.<br />Buka RegEdit.<br />Browse :<br />HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\<br />Windows NT\CurrentVersion\Winlogon\Notify<br />Hapus folder ‘WgaLogon’ dan semua isinya<br /><br />Restart Windows XP.<br /><br /><br /><a href="http://www.neobux.com/?r=antokaja"><img src="http://images.neobux.com/imagens/banner1.gif" width="468" height="60" border="0"></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1467248579853414600.post-67173944088110708702010-02-26T08:58:00.000-08:002010-02-26T09:01:52.247-08:00INTERAKSI MANUSIA DAN KOMPUTER<meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CANTOK%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CDOCUME%7E1%5CANTOK%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5CANTOK%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:trackmoves/> <w:trackformatting/> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:donotpromoteqf/> <w:lidthemeother>EN-US</w:LidThemeOther> <w:lidthemeasian>X-NONE</w:LidThemeAsian> <w:lidthemecomplexscript>X-NONE</w:LidThemeComplexScript> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> <w:splitpgbreakandparamark/> <w:dontvertaligncellwithsp/> <w:dontbreakconstrainedforcedtables/> <w:dontvertalignintxbx/> <w:word11kerningpairs/> <w:cachedcolbalance/> </w:Compatibility> <m:mathpr> <m:mathfont val="Cambria Math"> <m:brkbin val="before"> <m:brkbinsub val="--"> <m:smallfrac val="off"> <m:dispdef/> <m:lmargin val="0"> <m:rmargin val="0"> <m:defjc val="centerGroup"> <m:wrapindent val="1440"> <m:intlim val="subSup"> <m:narylim val="undOvr"> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"> <w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"> <w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"> <w:lsdexception locked="false" priority="39" name="toc 1"> <w:lsdexception locked="false" priority="39" name="toc 2"> <w:lsdexception locked="false" priority="39" name="toc 3"> <w:lsdexception locked="false" priority="39" name="toc 4"> <w:lsdexception locked="false" priority="39" name="toc 5"> <w:lsdexception locked="false" priority="39" name="toc 6"> <w:lsdexception locked="false" priority="39" name="toc 7"> <w:lsdexception locked="false" priority="39" name="toc 8"> <w:lsdexception locked="false" priority="39" name="toc 9"> <w:lsdexception locked="false" priority="35" qformat="true" name="caption"> <w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"> <w:lsdexception locked="false" priority="1" name="Default Paragraph Font"> <w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"> <w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"> <w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"> <w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"> <w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"> <w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"> <w:lsdexception locked="false" unhidewhenused="false" name="Revision"> <w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"> <w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"> <w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"> <w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"> <w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"> <w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"> <w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"> <w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"> <w:lsdexception locked="false" priority="37" name="Bibliography"> <w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Font Definitions */ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0; mso-font-charset:2; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:0 268435456 0 0 -2147483648 0;} @font-face {font-family:"MS Mincho"; panose-1:2 2 6 9 4 2 5 8 3 4; mso-font-alt:"MS 明朝"; mso-font-charset:128; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:-1610612033 1757936891 16 0 131231 0;} @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1107304683 0 0 159 0;} @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-1610611985 1073750139 0 0 159 0;} @font-face {font-family:"\@MS Mincho"; panose-1:2 2 6 9 4 2 5 8 3 4; mso-font-charset:128; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:-1610612033 1757936891 16 0 131231 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} p {mso-style-noshow:yes; mso-style-priority:99; mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";} p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:36.0pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:36.0pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} span.postcontent {mso-style-name:post_content; mso-style-unhide:no;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} .MsoPapDefault {mso-style-type:export-only; margin-bottom:10.0pt; line-height:115%;} @page Section1 {size:21.0cm 841.95pt; margin:72.0pt 72.0pt 72.0pt 72.0pt; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} /* List Definitions */ @list l0 {mso-list-id:621302252; mso-list-type:hybrid; mso-list-template-ids:-1083658154 -115811808 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;} @list l0:level1 {mso-level-start-at:0; mso-level-number-format:bullet; mso-level-text:•; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin;} @list l1 {mso-list-id:922254258; mso-list-type:hybrid; mso-list-template-ids:-1214876854 -1081192526 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;} @list l1:level1 {mso-level-number-format:alpha-lower; mso-level-tab-stop:54.0pt; mso-level-number-position:left; margin-left:54.0pt; text-indent:-18.0pt;} @list l1:level2 {mso-level-number-format:alpha-lower; mso-level-tab-stop:90.0pt; mso-level-number-position:left; margin-left:90.0pt; text-indent:-18.0pt;} @list l1:level3 {mso-level-number-format:roman-lower; mso-level-tab-stop:126.0pt; mso-level-number-position:right; margin-left:126.0pt; text-indent:-9.0pt;} @list l2 {mso-list-id:1211922712; mso-list-type:hybrid; mso-list-template-ids:-1108721136 67698693 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;} @list l2:level1 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:53.3pt; text-indent:-18.0pt; font-family:Wingdings;} @list l3 {mso-list-id:1330525069; mso-list-template-ids:-1447374106;} @list l4 {mso-list-id:1529294502; mso-list-type:hybrid; mso-list-template-ids:1561375308 546489206 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;} @list l4:level1 {mso-level-start-at:0; mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:21.0pt; text-indent:-18.0pt; font-family:Symbol; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman";} ol {margin-bottom:0cm;} ul {margin-bottom:0cm;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin;} </style> <![endif]--> <p class="MsoNormal" style="text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >INTERAKSI MANUSIA DAN KOMPUTER</span></b><strong><span style="line-height: 150%; font-weight: normal;font-size:12;" ><o:p></o:p></span></strong></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><strong><span style="line-height: 150%; font-weight: normal;font-size:12;" ><span style=""> </span>Bidang ilmu</span></strong><span style="line-height: 150%;font-family:";font-size:12;" > interaksi manusia dan komputer adalah ilmu yang mempelajari tentang bagaimana mendesain, mengevaluasi, dan mengimplementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan mudah. Interaksi adalah komunikasi 2 arah antara manusia (user) dan sistem komputer. Interaksi menjadi maksimal apabila kedua belah pihak mampu memberikan stimulan dan respon (aksi & reaksi) yang saling mendukung. Jika salah satu tidak bisa, maka interaksi akan mengalami hambatan atau bahkan menuju pembiasan tujuan. <o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Interaksi adalah juga disebut<span style=""> </span>proses hubungan timbal balik diantara manusia (aktif) dengan komputer (pasif). IMK adalah perihal, tata bentuk, penilaian dan implementasi sistem komputer interaktif untuk kegunaan manuasia dengan kajian fenomena yang didalamnya / interaksi antara pengguna dengan sistem. komponen yang melibatkan model interaksi diantara pengguna :<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 2cm; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >a.<span style=""> </span>Pengguna (manusia)<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 2cm; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >b.<span style=""> </span>Sistem (mesin)<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 2cm; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >c.<span style=""> </span>Interaksi<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >PRINSIP USABILITY<o:p></o:p></span></b></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-right: 1.1pt; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><em><span style="line-height: 150%;font-size:12;" ><span style=""> </span>Usability</span></em><span style="line-height: 150%;font-family:";font-size:12;" > dalam interaksi manusia dan komputer merupakan bagian penting yang harus terpenuhi dalam perancangan sebuah sistem. <b style=""><span style=""> </span></b>Misalnya dalam pembuatan sebuah web.<b style=""> </b></span><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Web usability </span></i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >adalah salah satu faktor penting dalam mengembangkan sebuah web. </span><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Pengembang harus memahami prinsip-prinsip <i>usability </i>sebelum mengimplemen-tasikannya pada <span style="letter-spacing: -0.05pt;">sebuah web. Menurut Jacob Nielsen, <i>usability </i>adalah sebuah atribut kualitas yang menilai tingkat </span><span style="letter-spacing: 0.1pt;">kemudahan <i>user interface </i>untuk digunakan. <i>Usability </i>juga mengacu kepada metode untuk </span><span style="letter-spacing: -0.05pt;">meningkatkan kemudahan penggunaan seiama proses perancangan.</span></span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Usability </span></i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >didefenisikan melalui lima komponen, yaitu :</span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;color:black;" >a.</span><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><span style=""> </span><i><span style="letter-spacing: 0.05pt;">Learnability</span></i></span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Learnability </span></i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >menjelaskan tingkat kemudahan pengguna untuk memenuhi <i>task-task </i></span><span style="line-height: 150%;font-family:";font-size:12;color:black;" >dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan.<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;color:black;" >b.</span><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><span style=""> </span><i><span style="letter-spacing: 0.05pt;">Efficiency</span></i></span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Efficiency </span></i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >menjelaskan tingkat kecepatan pengguna dalam menyelesaikan <i>task-task </i></span><span style="line-height: 150%;font-family:";font-size:12;color:black;" >setelah mereka mempelajari hasil perancangan.</span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;color:black;" >c.</span><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><span style=""> </span><i><span style="letter-spacing: 0.1pt;">Memorability</span></i></span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Memorability<span style=""> </span></span></i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >menjelaskan<span style=""> </span>tingkat<span style=""> </span>kemudahan<span style=""> </span>pengguna<span style=""> </span>dalam<span style=""> </span>menggunakan <span style="letter-spacing: -0.05pt;">rancangan dengan baik, setelah beberapa lama tidak menggunakannya.</span></span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;color:black;" >d.</span><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><span style=""> </span><i>Errors</i></span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Errors </span></i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >menjelaskan jumlah <i>error </i>yang dilakukan oleh pengguna, tingkat kejengkelan <span style="letter-spacing: -0.05pt;">terhadap <i>error </i>dan cara memperbaiki <i>error.</i></span></span><span style="line-height: 150%;font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;color:black;" >e.</span><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><span style=""> </span><i>Satisfaction</i></span><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><o:p></o:p></span></i></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><span style=""> </span></span><i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >Satisfaction </span></i><span style="line-height: 150%;font-family:";font-size:12;color:black;" >menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan.<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >Sebuah web dangan usability akan ditinggalkan penggunanya hanya dalam hitungan menit.<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >Misalnya dikarenakan<span style=""> </span>beberapa kondisi sebagai berikut :<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >➔</span><span style="line-height: 150%;font-family:";font-size:12;" > Web Sulit digunakan<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >➔</span><span style="line-height: 150%;font-family:";font-size:12;" > Navigasi web yang buruk.<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >➔</span><span style="line-height: 150%;font-family:";font-size:12;" > Pengguna tidak mendapatkan apa yang diinginkan.<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >➔</span><span style="line-height: 150%;font-family:";font-size:12;" > Pengguna mendapatkan adanya kesalahan pada web.<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >➔</span><span style="line-height: 150%;font-family:";font-size:12;" > Homepage tidak menjelaskan tentang apa yang ditawarkan oleh perusahaan<o:p></o:p></span></p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; text-align: justify; line-height: 150%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="line-height: 150%;font-family:";font-size:12;" >➔</span><span style="line-height: 150%;font-family:";font-size:12;" > Petunjuk yang kurang jelas<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >D E S A I N<o:p></o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Desain biasa diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. Proses desain pada umumnya memperhitungkan aspek fungsi, estetik dan berbagai macam aspek lainnya, yang biasanya datanya didapatkan dari riset, pemikiran, brainstorming, maupun dari desain yang sudah ada sebelumnya. Dalam IMK merupakan fase perancangan yang kreatif. Pada fase ini tujuan perancangan harus terlihat.<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Tujuan perancangan adalah untuk lebih mendalami pemahaman terhadap sekumpulan nilai, sekelompok orang, atau domain. <span class="postcontent">Selain itu adalah memberikan teknik yang dapat dihandalkan untuk perancangan secara berulang dari sistem interaktif yang sukses dan berdaya guna. Tujuan utama disusunnya berbagai cara interaksi manusia & komputer : untuk mempermudah manusia dalam mengoperasikan komputer dan mendapatkan berbagai umpan balik yang ia perlukan selama ia bekerja pada sebuah sistem komputer.<o:p></o:p></span></span></p> <p style="text-align: justify; line-height: 150%;"><span style=""> </span>Faktor penting dalam membuat disain sistem interaksi yang baik adalah penggunaan notasi yang tepat untuk merekam dan mendiskusikan kemungkinan-kemungkinan.</p> <p style="line-height: 150%;">Teknik yang lazim digunakan antara lain:
<br />• Spesifikasi dalam bahasa alami: cenderung bertele-tele, samar-samar, dan membingungkan.
<br />• Bahasa formal dan semiformal: efektif untuk bahasa perintah.
<br />• Menu-tree structures: menunjukkan tata letak menu. Tidak menunjukkan seluruh aksi yang mungkin.</p> <p style="text-align: justify; line-height: 150%;">Desain konseptual:</p> <p style="text-align: justify; line-height: 150%;"> Mendefinisikan model mental yang diharapkan</p> <p style="text-align: justify; line-height: 150%;"> Menyembunyikan teknologi sistem</p> <p style="text-align: justify; line-height: 150%;"> Merancang system image yang cocok/sesuai</p> <p style="text-align: justify; line-height: 150%;"> Penerapan pedoman desain dengan tepat</p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span class="postcontent"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span class="postcontent"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></span></p> <p class="MsoNormal" style="text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >D I A L O G<o:p></o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Dialog dalam arti umum adalah percakapan antara dua kelompok atau lebih. Sedangkan dialog dalam konteks perencanaan user interface adalah struktur dari percakapan antara user dan sistem komputer.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Dialog Manusia – Komputer:<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >• Berbeda dengan dialog antar manusia pada umumnya, dialog dengan komputer biasanya terstruktur dan terbatas.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >• Beberapa ciri-ciri dari dialog terstruktur yang nantinya ditemukan dalam dialog komputer:<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >- Menyebutkan beberapa hal tertentu secara berurutan.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >- Beberapa bagian dari dialog dilakukan secara bersamaan.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >- Dialog berikutnya tergantung pada respon dari partisipan.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >- Dialog terstruktur biasanya tidak langsung menuju pada arti katakatanya/ semantik tapi pada level sintaksis.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" lang="SV">Dalam konteks perancangan antarmuka pengguna Dialog adalah struktur dari percakapan antara pengguna dengan sistem komputer. Ragam dialog : kemampuan untuk memahami berbagai sistem interaktif yang digunakan selama ini. <o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" lang="SV">3 tingkatan bahasa komputer dalam suatu dialog!<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" lang="SV">Tingkatan bahasa komputer dalam suatu dialog :<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 0cm; text-align: justify; text-indent: 0cm; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12;" lang="SV"><span style="">a.<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" lang="SV">leksikal </span><span style="line-height: 150%;font-family:Wingdings;font-size:12;" lang="SV"><span style="">è</span></span><span style="line-height: 150%;font-family:";font-size:12;" lang="SV"> <span style=""> </span>tingkat paling rendah icon pada layar bahasa manusia ekivalen dengan bunyi dan ejaan suatu kata<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 0cm; text-align: justify; text-indent: 0cm; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12;" lang="SV"><span style="">b.<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" lang="SV">sintaksis </span><span style="line-height: 150%;font-family:Wingdings;font-size:12;" lang="SV"><span style="">è</span></span><span style="line-height: 150%;font-family:";font-size:12;" lang="SV"> <span style=""> </span>urutan dan struktur dari input dan output bahasa manusia ekivalen dengan grammar suatu kalimat<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 0cm; text-align: justify; text-indent: 0cm; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12;" lang="SV"><span style="">c.<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" lang="SV">semantik </span><span style="line-height: 150%;font-family:Wingdings;font-size:12;" lang="SV"><span style="">è</span></span><span style="line-height: 150%;font-family:";font-size:12;" lang="SV"><span style=""> </span>percakapan yang berkaitan degan pengaruh pada<span style=""> </span>struktur data internal komputer dan dunia eksternal bahasa manusia ekivalen dengan arti yang berasal dari lapisan dalam suatu percakapan<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >D H T M L<o:p></o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Merupakan singkatan dari Dynamic HTML, merupakan suatu teknik untuk menampilkan halaman secara dinamis<b style=""> </b>(<strong><span style="font-weight: normal;">agar web lebih dinamis)</span></strong>, dengan menggunakan kombinasi dari HTML, bahasa scripting pada sisi client (seperti JavaScript), dan bahasa pendefinisian style Cascading Style Sheet (CSS). Dengan adanya fasilitas ini, akan memungkinkan untuk dibuat dan dijalankan sebuah program kecil yang berada di sisi client dan dijalankan oleh web browser. DHTML mengijinkan skrip bahasa pemrograman untuk diubah menjadi variabel-variabel pada setiap pendefenisian bahasa pemrograman halaman web, yang menghasilkan efek perubahan tampilan beserta dengan fungsi-fungsinya setelah halaman web ditampilkan. Berbeda dengan HTML, yang memiliki kemampuan menghasilkan dan mengolah halaman web sebelum ditampilkan.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Saingan dari teknologi ini adalah teknik yang dijalankan melalui Macromedia Flash untuk memunculkan animasi dan Scalable Vector Graphics (SVG). Namun SVG belum terlalu didukung oleh beberapa web browser.Dokumen HTML yang statis dikembangkan lebih interaktif, yang selanjutnya dikenal dengan DHTML (Dynamic HTML). DHTML tidak sebatas gerakan-gerakan yang ditampilkan di dokumen web, namun DHMTL lebih menitikberatkan pada interaktivitas. Bagi pengembang situs web, DHTML memberikan peluang untuk menambah fungsi-fungsi yang sangat bermanfaat.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Pengguna di sisi client tidak hanya diberikan informasi, tapi dapat pula berinteraksi melakukan pengubahan terhadap informasi tersebut. Suatu contoh interaksi kecil DHTML ada fasilitas search engine pada dokumen web. Pemakai mengisikan beberapa kata, kemudian server mengirim kata-kata tersebut ke server. Lalu server memberikan respons dengan memberikan link-link ke dokumen HTML yang mengandung kata-kata itu. <o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;color:black;" ><span style=""> </span>Dengan demikian DHTML menambah interaktifitas dokumen web, tanpa harus menjaga koneksi terus menerus ke server web. Ingatlah bahwa masih menggunakan HTTP (sejak lahirnya), protokol yang berjalanan di atas TCP/IP ini hanya sekali-sekali saja mengkoneksikan <i>client</i> ke <i>server</i>. Setelah membawa sebuah tugas dari browser ke server dan sebaliknya, HTTP memutuskan hubungan ke server.</span><span style="line-height: 150%;font-family:";font-size:16;" ><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >ANTAR MUKA BERBASIS GRAFIK<o:p></o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Dengan antarmuka berbasis grafis berbagai kemudahan dalam hal pengontrolan format tampilan dapat dikerjakan denagn lebi mudah dan fleksibilitas tampilan dapat semakin dirasakan oleh perancang tampilan maupun penggunanya. Di sisi lain, kita harus memperhatikan, beberapa kendala dalam penerapan antarmuka berbasis grafis ini, antaralain adalah waktu tanggap, kecepatan penampilan, lebarpita penampilan, dan tipe tampilan (berorientasi ke tektual atau grafis). Dalam hal ini adalah GUI : Graphical User Interface.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpFirst" style="margin-left: 21pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Symbol;font-size:12;" ><span style="">·<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Pengguna tidak harus mengingat perintah-perintah yang serin kali cukup panjang, tetapi cukup dikerjakan dengan melihat dan kemudian menunjuk kesuati gambar yan mewakili<span style=""> </span>suatu aktifitas (yang seterusnya disebut dengan ikon)<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0.0001pt 21pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Symbol;font-size:12;" ><span style="">·<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Penggunaan borang property atau option untuk mengatur kenampakan (wajah) desktop<o:p></o:p></span></p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 0.0001pt 21pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Symbol;font-size:12;" ><span style="">·<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Kemampuan WYSIWYG (what you see is what you get) yan kemudian menjadi sangat<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>terkenal<o:p></o:p></span></p> <p class="MsoListParagraph" style="margin: 0cm 0cm 0.0001pt 21pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Symbol;font-size:12;" ><span style="">·<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Perintah-perintah yan berlaku umum, seperti MOVE, DELETE, atau COPY, dan lain-lain.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Berdasarkan kelebihan-kelebihan yang disebutkan pada contoh diatas, ada lima faktor yang perlu diperhatikan pada saat kita merancang antarmuka berbasis grafis yang masing-masing dijelaskan sebagai berikut.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>1. Ilusi pada obyek-obyek yang dapat dimanipulasi<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Perancangan antarmuka berbasis grafis yang efektif harus melibatkan tiga komponen. <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0.0001pt 53.3pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:12;" ><span style="">§<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Pertama, gunakan kumpulan obyek yang disesuaikan dengan aplikasi yang akan dibuat. Jika obyek-obyek itu belum ada, kita dapat mengembangkannya sendiri.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0.0001pt 53.3pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:12;" ><span style="">§<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Kedua, penampilan obyek-obyek grafis harus dilakukan denagn keyakinan bahwa ia akan dengan mudah dimengerti oleh pengguna. <o:p></o:p></span></p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 0.0001pt 53.3pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:12;" ><span style="">§<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Ketiga, gunakan mekanisme yang konsisten untuk memanipulasi obyek yagn akan muncul dilayar.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>2. Urutan visual dan fokus pengguna<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Antarmuka dapat digunakan untuk menarik perhatian pengguna antara lain dengan menbuat suatu obyek berkedip, menggunakan warna tertentu untuk obyek-iobyek tertentu, serta menyajikan suatu animasi yang akan lebih menarik perhatian pengguna. Tetapi, penggunanan rangsangan visual yang berlebihan justru akan membuat pengguna bingung dan merasa tidak nyaman.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>3. Struktur internal<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Pada pengolah kata kita seringkali menulis beberapa kata yang berbeda dengan kata-kata yan lain, misalnya ada sekelompok kata yang ditebalkan, dimiringkan, atau diberi garis bawah. Pada salah satu pengola kata, kita dapat melihat apa yan disebut denagn reveal code, yakni suatu tanda khusus yan digunkan untuk menunjukkan adanya perbadaan font style. Reveal code ini tdak akan ikut dicetak, tetapi digunakan untuk menunjukkan kepada pengguna antara lain tentang font style yang digunakan, batas kiri dan batas kanan dari halaman teks setrta informasi yang lain. Reveal code biasanya berupa suatu karakter khusus.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>4. Kosakata grafis yang konsisten dan sesuai<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Penggunaan simbol-simbol obyek, atau ikon, memang tidak ada standarnya, dan biasanya disesuaikan dengan kreatifitas perancangnya.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>5. Kesesuaian dengan media<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Karakteristik khusus dari layar tampilan yang digunakan akan mempunyai pengaruh yang besar terhadap keindahan “wajah” antarmuka yang akan ditampilkan. Pada layar tampilan yang masih berbasis pada karakter, misalnya CGA, pemunculan gambar tidak akan secantik apabila kita menggunakan layar tampilan yang sering disebut dengan bitmap atau raster display. Dengan semakin canggihnya teknologi layar tampilan pada saat ini, kreatifitas perancang tampilanlah yang saat ini lebih dituntut untuk memenuhi permintaan pengguna akan aspek kenyamanan dan keramahan antarmuka.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >W E B S I T E<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Website dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk mempublikasikan informasi berupa teks, gambar dan program multimedia lainnya berupa animasi (gambar gerak, tulisan gerak), suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait antara satu page dengan page yang lain yang sering disebut sebagai hyperlink. Atau juga dapat didefinisakan sebagai </span><span style="line-height: 150%;font-family:";font-size:12;" >hypertext untuk menampilkan data berupa teks, gambar, bunyi, animasi dan data multimedia lainnya, yang diantara data tersebut saling berhubungan satu sama lain. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Karena Pada dasarnya Website adalah sebuah cara untuk menampilkan diri di Internet. Website adalah sebuah tempat di Internet, siapa saja di dunia ini dapat mengunjunginya, <span style=""> </span>kapan saja mereka dapat mengetahui tentang dirnya, memberi pertanyaan kepadanya, memberikan masukan atau bahkan mengetahui dan membeli produk. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Semua orang menggunakan Web untuk segala sesuatu mulai dari pekerjaan sekolah sampai dengan memesan makanan karena prosesnya yang cepat, murah, mudah & menyenangkan! Bahkan orang yang suka belanja sekalipun mencari produk yang diinginkan di Web. Kini mereka berusaha mencari produk atau servis , tempat pertama yang mereka cari adalah di Web - dan jika mereka tidak dapat menemukan produk dan servis di Web, kemungkinan besar mereka akan menemukan kompetitor <span style=""> </span>yang sudah memiliki Website!<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Website hanyalah sebuah kumpulan file yang terletak pada sebuah komputer yang terhubung ke Internet. Ketika seseorang mengunjungi Website Anda, mereka sebenarnya hanya terhubung ke sebuah komputer dan komputer (yang kemudian disebut sebagai Server) tersebut memberikan file yang ingin mereka lihat.</span> <span style="line-height: 150%;font-family:";font-size:12;" >Untuk memiliki sebuah Website <span style=""> </span>maka membutuhkan sebuah Alamat Website yaitu Nama Domain dan sebuah servis Computer/Server untuk menyimpan data yaitu Servis Web Hosting.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Beberapa hal dari usaha yang akan terbantu dengan adanya situs web adalah : <o:p></o:p></span></p> <table class="MsoNormalTable" style="width: 100%;" width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr style=""> <td style="padding: 0cm; width: 100%;" width="100%"> <ol start="1" type="1"><li class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Pelanggan ataupun calon pelanggan mudah menemukan lokasi usaha, toko ataupun nomer <span style=""> </span>telepon <o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Informasi yang cepat dan praktis mengenai produk dan layanan anda. <o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Jumlah tenaga pemasaran yang efektif dikarenakan pelanggan tidak perlu harus membuat janji dengan sales anda untuk memperoleh informasi produk. <o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Membangun hubungan dengan pelanggan dengan program seperti penawaran khusus, kuis dan kontes secara online. <o:p></o:p></span></li></ol> </td> </tr> </tbody></table> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >VISUALISASI INFORMASI<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Visualisasi adalah rekayasa dalam pembuatan gambar, diagram atau animasi untuk penampilan suatu informasi. Secara umum, visualisasi dalam bentuk gambar baik yang bersifat abstrak maupun nyata telah dikenal sejak awal dari peradaban manusia. Pada saat ini visualisasi telah berkembang dan banyak dipakai untuk keperluan ilmu pengetahuan, rekayasa, visualisasi disain produk, pendidikan, multimedia interaktif, kedokteran, dll. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Informasi yang merupakan hasil suatu pengolahan data dapat dipresentasikan dalam bentuk lisan, tulis, dan visual. Sumberdaya daerah yang merupakan salah satu bentuk informasi geografis dapat disajikan secara visual pada web dalam bentuk peta. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Pemakaian dari grafika komputer merupakan perkembangan penting dalam dunia visualisasi, setelah ditemukannya teknik garis perspektif pada zaman Renaissance. Perkembangan bidang animasi juga telah membantu banyak dalam bidang visualisasi yang lebih kompleks dan canggih.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Dukungan Komputer Dalam Proses Visualisasi Informasi<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>1. Menyimpan Data Komputer. Komputer memungkinan teknik penyimpnan data yang lebih murah dibandingkan dengan cara konvensional (menggunakan kertas). Data-data bisa disimpan dalam bentuk digital<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>2. Proses Komputasi. Komputer dapat meningkatkan kecepatan akses pada data digital yang tersimpan untuk keperluan eksplorasi.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>3.<span style=""> </span>Penyajian Informasi. Komputer memungkinkan penyajian informasi ke dalam berbagai bentuk yang dapat disesuaikan dengan keinginan.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b><span style="line-height: 150%;font-family:";font-size:12;" >Model Dasar Proses Visualisasi Informasi<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Data mentah (dalam format yang tak tentu) akan diolah sedemikian rupa sehingga bisa diekstrak dan disaring menjadi bentuk data yang dapat dianalisis (proses abstraksi data) seperti data dalam struktur pohon, vektor dan metadata. Data abstrak ini kemudian akan dipetakan (proses visualisasi data abstrak) dalam berbagai bentuk representasi seperti Grafik, Map dsb. Representasi ini kemudian akan dirender menjadi Gambar. Di dalam bentuk sebagai Gambar, data memiliki parameter grafik yang bisa diatur seperti posisi, skala, perbesar/perkecil.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >STYLE SHEET<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip dengan template pada Microsoft Word: anda dapat megubah penampilan pada dokumen Word dengan mengubah format pada style dokumen. Begitu pula anda dapat mengubah penampilan halaman web dengan mengubah format pada tag HTML tertentu melalui Style Sheet, untuk selanjutnya menggantikan spesifikasi default dari browser untuk tag-tag tersebut.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Style Sheet dapat digunakan dengan 3 cara, sesuai dengan kebutuhan :<o:p></o:p></span></p> <p class="MsoListParagraphCxSpFirst" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12;" ><span style="">•<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Dengan membuat link ke file Style Sheet dari file HTML. Metode seperti ini memungkinkan untuk mengubah style sejumlah halaman web dengan hanya mengedit satu file Style Sheet.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12;" ><span style="">•<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Dengan menyisipkan Style Sheet pada file HTML. Metode seperti ini memungkinkan untuk mengubah style suatu halaman web dengan hanya mengedit beberapa baris Style Sheet.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpLast" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12;" ><span style="">•<span style=";font-family:";font-size:7;" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:12;" >Dengan menyisipkan secara inline pada tag dalam file HTML. Hal ini memberi cara tercepat untuk mengubah suatu tag, sejumlah tag, atau satu blok informasi pada halaman web.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Sehingga dapat menggunakan satu, dua, atau ketiga cara tersebut pada halaman web.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Dalam hal ini adalah Cascading Style Sheets (CSS) adalah mekanisme sederhana untuk menambah style (contoh: huruf, warna, spasi) pada dokumen Web. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Cascading Style Sheet(CSS) adalah sebuah dokumen yang digunakan untuk menangani pengaturan halaman web. Document ini tidak dapat disebut sebagai bahasa pemrograman, melainkan sebuah desain berbasiskan Scripting yang embeded pada tag HTML. Jadi, CSS merupakan sebuah pengembangan document yang dapat melalukan dukungan terhadap HTML dalam desain web. CSS dapat menciptakan fungsi-fungsi yang dikolaburasikan dengan JavaScript, sehingga semua bentuk animasi ataupun Event yang dilakalukan oleh JavaScript dapat dipadukan dengan desain CSS. Selain itu CSS juga dapat menggantikan fungsi tabel, hal tersebut sangat bermanfaat bagi Kita yang hendak mengembangkan sehuah sistem informasi maupun sistem komputerisasi yang menuntut kecepatan dan keindahan desain yang dapat selalu berubah tanpa harus merombak semua sistem yang telah berjalan.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Jadi, dengan menggunakan satu halaman Document CSS Kita dapat melakukan pengaturan terhadap semua halaman web yang ada. Sehingga apabila Kita ingin melakukan perubahan desain maka Kita tidak perlu untuk membuka semua halaman web yang ada, melainkan hanya perlu merubah satu halaman Document CSS saja.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center; line-height: 150%;" align="center"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span><b style="">EFEK VISUAL PADA PAGE<o:p></o:p></b></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Adalah berbagai macam cara untuk membuat tampilan suatu halaman website lebih menarik. Efek – efek dengan property filter dapat menambahkan style efek pada text dan gambar.<span style=""> </span>Macam-macam filters yaitu seperti Alpha (membuat efek buram), Blur (efek kabur), Shadow (bayangan), Drop Shadow (bayangan mengambang) dan lain–lainnya. Pada HTML efek – efek visual ini diletakkan pada style. <o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center; line-height: 150%;" align="center"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" >VB SCRIPT<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></b></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>VBScript atau lengkapnya Visual Basic Scripting Edition adalah sebuah bahasa skrip yang diinterpretasikan saat dieksekusi yang dikembangkan oleh Microsoft Corporation. VBScript merupakan sebuah bahasa skrip turunan dari bahasa pemrograman Visual Basic for Applications (VBA) yang digunakan di dalam Microsoft Office dan beberapa platform pengembangan buatan Microsoft lainnya. VBScript menghilangkan beberapa fungsi dari VBA, seperti halnya fungsi I/O berkas dan akses langsung terhadap sistem operasi untuk menyediakan sebuah platform yang aman untuk mengembangkan aplikasi berbasis web dengan menggunakan platform Active Server Pages (ASP). Internet Explorer merupakan penjelajah web pertama yang menyediakan dukungan terhadap kode skrip yang ditulis dalam bahasa VBScript. <span style=""> </span>VBScript tidak dapat digunakan untuk membuat program yang berdiri sendiri. Akan tetapi, VBScript harus dimasukkan ke dalam sebuah berkas HTML. Ketika Internet Explorer membuka dokumen berkas HTML tersebut, VBScript dapat melakukan fungsi yang sama seperti JavaScript--skrip tersebut akan dieksekusi. <o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" >Skrip VBScript yang dimasukkan di dalam berkas HTML harus dimasukkan di antara tag </span><span style="line-height: 150%;font-family:";font-size:10;" ><script>...</script></span><span style="line-height: 150%;font-family:";font-size:12;" >. Berikut ini adalah contohnya (yang akan menampilkan sebuah <i>dialog box</i> berisi Hello World! ketika sebuah tombol diklik oleh pengguna):<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:10;" ><pre><input value="Tekan di sini" name="BtnHello" type="button"><o:p></o:p></pre></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:10;" ><script language="VBScript"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style=" line-height: 150%; Courier New";font-family:"font-size:10pt;"><span style=""> </span>Sub BtnHello_OnClick<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style=" line-height: 150%; Courier New";font-family:"font-size:10pt;"><span style=""> </span><span style=""> </span>MsgBox "Hello World!", 0, "Dokumen yang aktif"<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style=" line-height: 150%; Courier New";font-family:"font-size:10pt;"><span style=""> </span>End Sub<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style=" line-height: 150%; Courier New";font-family:"font-size:10pt;"></script><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Bahasa Script adalah jenis bahasa program yang digunakan untuk menyediakan kendali pada lingkungan komputer. Bahasa script adalah bahasa yang terinterpretasi dan bukan bahasa terkompilasi. Ini artinya bahwa program yang dibagun dengan bahasa script harun berjalan pada lingkungan yang mendukung bahasa script tersebut dan tidak dapat berjalan sebagai aplikasi yang mandiri.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>HTML tidak dapat meng-interpret bahasa script sendirian, tetapi HTML tau benar bagaimana memanggil interpreter dari bahasa script untuk melakukan interpretasi. Dengan bahasa script seperti VBScript, keterbatasan HTML dapat dihilangkan. Bahasa script yang banyak dipergunakan pada saat ini adalah JavaScript dan VBScript. Kedua bahasa tersebut dapat diletakkan di dalam halaman web jika browser kita mendukung keduanya.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><span style=""> </span>Dengan HTML kita dapat meletakkan kontrol seperti tombol dan kotak teks pada halaman web. Tanpa bahasa script seperti VBScript, aksi yang dilakukan user terhadap kontrol pada halaman web harus dikirim ke web Server. Aksi tersebut tidak dapat diproses pada komputer pemakai. Lebih jauh lagi tanpa bahasa script, control dan felsibilitas web sangat terbatas. Dengan VBScript kita tidak hanya dapat mengkaitkan ke kontrol pada web page, tetapi kita juga dapat menulis kode yang dapat merespon aksi yang dilakukan oleh pamakai terhadap kontrol tersebut.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: 150%;"><span style="line-height: 150%;font-family:";font-size:12;" ><o:p> </o:p></span></p> Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1467248579853414600.post-9852879445139527122010-02-26T08:39:00.000-08:002010-02-26T08:44:04.335-08:00GRAFIKA KOMPUTER tentang ANIMASIPROSES PEMBUATAN ANIMASI ATAU 3 DIMENSI<br /><br />Animasi adalah sebuah kreasi dari khayalan irama melalui penggabungan rangkaian gambar – gambar yang dibikin sedemikian rupa agar menarik dan seolah – olah menjadi nyata. Gambar yang tidak bergerak dibuat seperti seolah olah gambar tersebut bergerak sesuai pengaturannya.<br />Pada awal terbentuknya teknik suatu animasi, animasi dikenal dengan nama animasi 2D (2 dimensi). Namun seiring perkembangan jaman animasi juga berkembang menjadi animasi 3D (3 dimensi). Pada animasi 2D gambar yang dibuat tidak memperhatikan volume dari objeknya. Namun pada 3D volume sangat diperhatikan karena sangat mempengaruhi. Sehingga pada animasi 3D hasilnya kelihatan seperti nyata dan lebih hidup. Animasi 3D sebenarnya sudah dikenal sejak perkembangan animasi 2D. Animasi ini adalah teknik animasi siluet seperti boneka yang menggunakan teknik stop motion yaitu teknik suatu pergerakan tanpa terlihat campurtangan manusia. Namun pada industry perfilman, industry ataupun teknologi mengubah teknik 3D menjadi teknik CGI (Computer Generated Imagery). Pada film dan 3d yang digabungkan akan menjadi sebuah film animasi.<br />Teknik pembuatan film 3D dapat kita ambil dari movie bertitle Finding Nemo sebagai pemenang oscar film animasi terbaik yang diproduksi oleh Pixar Animation Studios/Walt Disney Pictures, 2003. Film yang termasuk genre music action dan adventure yang menceritakan kehidupan ikan di laut ini cukup menarik pembuatan grafis dan 3Dnya.<br />BEBERAPA JENIS TEKNIK FILM ANIMASI<br />Berdasarkan materi atau bahan dasar obyek animasi yang dipakai, secara umum jenis teknik film animasi digolongkan dua bagian besar yaitu :<br />1. Film animasi Dwi-matra (Flat Animation)<br />Jenis film animasi ini seluruhnya menggunakan bahan papar yang dapat digambar di atas permukaannya. Disebut juga jenis film animasi gambar sebab hampir semua obyek animasinya melalui runtun kerja gambar. Semua runtun kerja jenis film animasi ini dikerjakan di atas bidang datar atau papar. Beberapa jenis film animasi dwi-matra :<br />a. Film Animasi ‘sel’(Cel Technique)<br />Jenis film animasi ini merupakan teknik dasar dari film animasi kartun (cartoon animation). Teknik animasi ini memanfaatkan serangkaian gambar yang dibuat di atas lembaran plastic tembus pandang.<br />b. Film Animasi Potongan (Cut-out Animation)<br />Jenis film animasi ini termasuk penggunaan teknik yang sederhana dan mudah. Figur atau obyek animasi dirancang, digambar pada lembaran kertas lalu dipotong sesuai dengan bentuk yang telah dibuat dan diletakkan pada sebuah budang datar sebagai latar belakangnya. Pemotretan dilakukan dengan menganalisis langsung tiap gerakan dengan tangan, sesuai dengan tuntutan cerita.<br />c. Film animasi bayangan (Silhoutte Animation)<br />Seperti halnya pertunjukkan wayang kulit, jenis film animasi ini menggunakan cara yang hampir sama, figur atau obyek animasi berupa bayangan dengan latar belakang terang, karena pencahayaannya berada dibelakang layar.<br />d. Film animasi Kolase (Collage Animation)<br />Yang selalu berhubungan dengan jenis film animasi ini adalah sebuah teknik yang bebas mengembangkan keinginan kita untuk menggerakkan obyek animasi semaunya di meja dudukan kamera. Teknik ini cukup sederhana dan mudah dengan beberapa bahan yang bisa dipakai.<br />e. Penggambara Langsung Pada Film<br />Tidak seperti film animasi lainnya, jenis film animasi ini menggunakan teknik,penggambaran obyek animasi dibuat langsung pada pita seluloid baik positif atau negatif,tanpa melalui runtun pemotretan kamera “stop frame”, untuk suatu kebutuhan karya seni yang bersifat pengungkapan.<br />2. Film animasi Tri-matra (Object Animation)<br />Secara keseluruhan, jenis film animasi tri-matra menggunakan teknik runtun kerja yang sama dengan jenis film animasi dwi-matra, bedanya, obyek animasi yang dipakai dalam wujud tri-matra. Denagn memperhitungkan, karakter obyek animasi, sifat bahan yang dipakai, waktu, cahaya dan ruang. Berdasarkan bentuk dan bahan yang digunakan, termasuk dalam jenis film animasi ini adalah :<br />a. Film Animasi Boneka (Puppet Animation)<br />Obyek animasi yang dipakai dalam jenis film ini adalah boneka dan figure lainnya, merupakan penyederhanaan dari bentuk alam benda yang ada, terbuat dari bahan-bahan yang menpunyai sifat lentuk (plastic) dan mudah untuk digerakkan sewaktu melakukan pemotretan bingka per bingkai.<br />b. Film Animasi Model<br />Obyek animasi tri-matra dalam jenis film ini berupa macam-macam bentuk animasi yang bukan boneka dan sejenisnya, seperti bentuk-bentuk abstrak.<br />c. Pixilasi (Pixilation)<br />Jenis film animasi tri-matra yang memakai figure manusia sebagai obyek animasi. Pixilasi adalah suatu teknik pemotretan dimana manusia berbuat atau melakukan sesuatu adegan seperti boneka, sama halnya yang dilakukan dalam film animasi pada umumnya.<br />Proses pambuatan 3D atau animasi juga menggabungkan object nyata dan tidak nyata. Contohnya pada Finding Nemo, ikan – ikan kartun yang digabungan dengan mengambil background alam laut kelihatan nyata karena dilakukan suatu teknik rendering dan behavior. Objek menjadi bergerak tersebut adalah gambar – gambar yang dibuat dalam jumlah yang banyak sekali dimasukkan kedalam frame – frame dan digabungkan dalam scene yang mana memerlukan waktu yang cukup lama. Semakain banyak frame gambar atau semakin rapat pengaturannya akan semakin halus perpindahan ke frame – frame berikutnya sehingga kelihatan lebih rapi.<br />Kesimpulan<br />Dilihat dari segi Grafika Komputer jelas sekali perannya dalam hal pembuatan animasi maupun 3D. Sisi visualisasi yang digunakan dalam pemrosesan, strategi peng-efek-an dan teknik pencahayaan yang dipakai sehingga penggabungan objek nyata (realism) maupun non realism dapat disatukan menjadi sebuah film maupun 3D yang seolah- olah adalah suatu kenyataan.<br /><br /><br /><span style="font-style: italic;">Referensi : http://cyberherly.blogspot.com</span><br /><br /><span style="font-style: italic;"> http://www.kidzworld.com</span><br /><br /><span style="font-style: italic;"> http://emokidonlastevening.multiply.com</span><br /><a href="http://www.trekadvertising.com/?ref=181723" target="_blank"><br /><img src="http://www.trekpay.com/banners/trekad_60x468.jpg" border="0" /><br /></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1467248579853414600.post-83526981511228379552010-02-26T07:10:00.000-08:002010-02-26T08:14:52.435-08:00VISUAL BASIC<span style="font-weight: bold;">Variabel</span><br /><br />Adalah tempat dalam memori komputer yang diberi nama (sebagai pengenal) dan dialokasikan untuk menampung data yang dibutuhkan program yang nilainya bisa berubah – ubah sepanjang jalannya program. Dengan kata lain variable juga bisa didefinisikan sebagai suatu nama atau symbol yang digunakan untuk mewakili suatu nilai.<br />Untuk menggunakannya atau mendeklarasikan suatu variabel digunakan dua perintah :<br /><br />Pertama dengan menggunakan perintah-perintah DIM, PRIVATE, STATIC, dan PUBLIC yaitu mendeklarasikan nama variabel beserta type datanya pada awal procedure, seperti contoh :<br /><br />Dim [nama variabel] As [tipe data]<br />Public [nama variabel] As [tipe data]<br />Private [nama variabel] As [tipe data]<br /><br />Lebih jelas seperti contoh dibawah ini :<br /><br />Dim nama as String<br />Dim Alamat as String * 30<br />Dim Gaji as Long<br />Public judul as string * 80<br />Private bilangan as integer<br />Dim harga as single<br />Kedua yang disebut dengan deklarasi implisit, seperti contoh dibawah ini :<br />Nama$ = “Anto”<br />Alamat$ = “Jl. Kaliurang Km. 13 Yogyakarta”<br />Gaji$ = 1200000<br /><br /><span style="font-weight: bold;">Aturan penulisan variabel :</span><br /><br />- Panjang maksimum 255 karakter (Karena 0(nol) dihitung)<br />- Harus diawali sebuah huruf atau garis bawah ( _ )<br />- Tidak boleh mengandung karakter khusus pada matematika seperti +, -, /, <, > dan sebagainya.<br />- Tidak boleh mengandung karakter khusus seperti &, %, *, @, $, # dan sebagainya.<br />- Tidak boleh menggunakan reserved word atau statement dan fungsi milik visual basic.<br /><br /><span style="font-weight: bold;">Tipe Data</span><br /><br />Microsoft Visual Basic menyediakan beberapa tipe data yaitu :<br />1) TIPE DATA NUMERIK<br />2) TIPE DATA STRING<br />3) TIPE DATA LOGIKA<br />Tipe Data Numerik terdiri dari Byte, Integer, Long, Single, Double dan Currency.<br />Kemudian Tipe Data String,yaitu untuk tipe data karakter yang maksimal bisa mencapai 65400 karakter dengan cara penulisan diawali dan diakhiri tanda “, selanjutnya Boolean untuk untuk logika (yes / no). Selain itu juga di sediakan Tipe Data lainnya seperti Date, Object dan variant.<br />Tabel berikut menunjukkan tentang type data yang ada dalam Ms. Visual basic<br />Type Range<br />Byte 0 s/d 255<br />Integer -32.768 s/d 32.767<br />Long -2147.483.648 s/d 2.147.483.647<br />Single Negatif : -3.402.82E38 s/d –1.401298E-45<br />Positif : 1.401.298.E-45 s/d 3.402.823.E38<br />Double Negatif : -1.797.693.134.823.2E308 s/d –4.940.656.4584.124.7e-324<br />Positif : 4.940.656.458.412.47e-324 s/d 1.797.693.134.862.32E308<br />Currency -922337203685477.5808 s/d 922337203685477.5807<br />String 0 s/d 2 milyar karakter<br />Boolean True (benar) atau false (salah)<br />Date 1 January 100 s/d 31 Desember 9999<br />Object Referensi Object<br />Variant Null, Error dan tipe seluruh tipe data yang lain<br />Pemilihan tipe data yang digunakan secara tepat akan sangat berguna dan dianjurkan, yaitu untuk tujuan menghemat memory,kecepatan proses, ketelitian penghitungan dan lain-lain.<br /><br /><span style="font-weight: bold;">OPERATOR</span><br /><br />Operator adalah suatu tanda yang digunakan untuk menghubungkan satu variabel atau konstanta dengan variabel atau konstanta lain dengan tujuan melakukan berbagai manipulasi dan pengolahan data. Pada Ms. Visual Basic terdapat bermacam-macam operator :<br />Operator Aritmatika<br /> Operator aritmatika digunakan untuk melakukan operasi aritmatika. Operator aritmatika mempunyai hirarki paling tinggi dibanding operator pembanding dan operator logika. Penulisan operator aritmatika dengan hirarki dari paling tinggi ke paling rendah, sebagai berikut :<br />Operator Operasi<br />^ Pemangkatan<br />- Tanda Negatif<br />* , / Perkalian & Pembagian<br />\ Pembagian Integer<br />Mod Modulus (Sisa hasil bagi)<br />+, - Penambahan dan Pengurangan<br />+, & Penggabungan String<br /><br />Contoh : A = (2+3) * 5, B = 78 mod 8<br /><br /><span style="font-weight: bold;">Operator Pembanding</span><br /><br /> Operator pembanding digunakan untuk membandingkan suatu data (ekspresi) dengan data (ekspresi) lain dan menghasilkan nilai logika (boolean) Benar atau salah. Tentu saja antara kedua data yang dibandingkan harus mempunyai tipe data yang sama.<br /> Bentuk dari operator relasional/pembanding seperti yang terpampang pada tabel berikut :<br />Operator Operasi<br />= Sama dengan<br /><> Tidak sama dengan<br />< ,>, <=,>= Lebih kecil, lebih besar, lebih kecil sama dengan, lebih besar sama dengan<br />Like Mempunyai ciri yang sesuai<br />Is Sama referensi objek<br /><br />Contoh : 3 > 2 atau 2 +3 = 5, “abc” = “ab”+ “c”<br /><br /><span style="font-weight: bold;">Operator Logika</span><br /><br /> Operator logika digunakan untuk mengekspresikan satu atau lebih data (ekspresi) logika (boolean) yang menghasilkan data logika baru. Tabel operator logika dengan hierarki dari atas ke bawah<br /><br /><span style="font-weight: bold;">Operator Keterangan</span><br /><br />Not Tidak<br />And, Or,Xor Dan, Atau, Exclusive Or<br />Eqv Equivalen<br />Imp Implikasi<br /><br /><br />Contoh : X > 2 and X < 6, X = 2 or x = 7 dst<br /><br /><br /><span style="font-style: italic;">Sumber : http://www.oke.or.id/tutorial/vb2-operator-espresi.pdf</span><br /><br /><span style="font-style: italic;">http://ns1.cic.ac.id/~marsani.asfi/tulisan/Modul_1.htm</span><br /><br /><span style="font-style: italic;">http://students.itb.ac.id/~hadi102/Ebooks/Computer%20&%20Programming/Visual%20Basic%20(VB)/tutor_vb.pdf</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1467248579853414600.post-89118097306176182952010-02-26T06:56:00.000-08:002010-02-26T07:19:27.475-08:00RISET OPERASILinear Programming dengan Metode Grafik<br /><br />Program linier adalah merupakan salah satu alat penyelesaian riset operasi ataupun pemecahan masalah secara optimal (bisa maksimal maupun minimal).<br />Penyelesaian masalah program linier adalah sesuatu untuk menentukan besarnya masing-masing nilai variable. Penyelesaian untuk tidak lebih atau hanya dengan 2 variabel dapat diselesaikan dengan metode grafik.<br />Variabel disimbilkan dengan x1 dan x2. Dengan metode ini ditemukan kemudahan dalam penggunaannya. Kita hanya perlu menggambarkan garis lurus yang mewakili fungsi pembatas dan fungsi tujuan tanpa disertai perhitungan yang rumit. Namun untuk variable lebih dari 2 merupakan salah satu kelemahan solusi grafik. Kelemahan lainnya, penskalaan harus dilakukan dengan teliti. Kesalahan penskalaan akan mengakibatkan kesalahan penentuan solusi optimal.<br /><br />Penyelesaian Cara Metode Grafik:<br /><br />a. Menentukan variable (x1 dan x2)<br />b. Menentukan fungsi batasan/kendala (Rumusan Batasan)<br />c. Menentukan fungsi obyektif yang bertujuan untuk menguntungkan suatu perusahaan (Max Z)<br />d. Mencari titik koordinat dengan cara mengoperasikan batasan dan variabel<br />e. Menggambarkan garis – garis koordinat sehingga diperoleh perpotongan garis – garis tersebut.<br />f. Menggambarkan daerah visible yang berada pada grafik.<br />g. Hasil. Yaitu titik optimal yang diperoleh dengan cara mengoperasikan perkalian Max Z dimasukkan kedalam titik - titik koordinat.<br />h. Selesai<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_4g5Y9iWqmBE/S4fi-9t1c9I/AAAAAAAAAGc/Ecn3sfy2bzA/s1600-h/ro.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 190px; height: 200px;" src="http://2.bp.blogspot.com/_4g5Y9iWqmBE/S4fi-9t1c9I/AAAAAAAAAGc/Ecn3sfy2bzA/s200/ro.jpg" alt="" id="BLOGGER_PHOTO_ID_5442568246047110098" border="0" /></a><br /><br /><br />Dengan demikian metode grafik bisa diselesaikan dengan cara metode grafik.<br /><br /><a href="http://klikajadeh.com/?r=antokaja"><br /> <img src="http://klikajadeh.com/kadban/kad-banner.gif"></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1467248579853414600.post-79159413663413551652010-02-26T06:49:00.000-08:002010-02-26T07:24:48.450-08:00KOMPUTER DAN MASYARAKAT<meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CANTOK%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="place"></o:smarttagtype><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="City"></o:smarttagtype><link rel="themeData" href="file:///C:%5CDOCUME%7E1%5CANTOK%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5CANTOK%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:trackmoves/> <w:trackformatting/> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:donotpromoteqf/> <w:lidthemeother>EN-US</w:LidThemeOther> <w:lidthemeasian>X-NONE</w:LidThemeAsian> <w:lidthemecomplexscript>X-NONE</w:LidThemeComplexScript> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> <w:splitpgbreakandparamark/> <w:dontvertaligncellwithsp/> <w:dontbreakconstrainedforcedtables/> <w:dontvertalignintxbx/> <w:word11kerningpairs/> <w:cachedcolbalance/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathpr> <m:mathfont val="Cambria Math"> <m:brkbin val="before"> <m:brkbinsub val="--"> <m:smallfrac val="off"> <m:dispdef/> <m:lmargin val="0"> <m:rmargin val="0"> <m:defjc val="centerGroup"> <m:wrapindent val="1440"> <m:intlim val="subSup"> <m:narylim val="undOvr"> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"> <w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"> <w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"> <w:lsdexception locked="false" priority="39" name="toc 1"> <w:lsdexception locked="false" priority="39" name="toc 2"> <w:lsdexception locked="false" priority="39" name="toc 3"> <w:lsdexception locked="false" priority="39" name="toc 4"> <w:lsdexception locked="false" priority="39" name="toc 5"> <w:lsdexception locked="false" priority="39" name="toc 6"> <w:lsdexception locked="false" priority="39" name="toc 7"> <w:lsdexception locked="false" priority="39" name="toc 8"> <w:lsdexception locked="false" priority="39" name="toc 9"> <w:lsdexception locked="false" priority="35" qformat="true" name="caption"> <w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"> <w:lsdexception locked="false" priority="1" name="Default Paragraph Font"> <w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"> <w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"> <w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"> <w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"> <w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"> <w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"> <w:lsdexception locked="false" unhidewhenused="false" name="Revision"> <w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"> <w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"> <w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"> <w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"> <w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"> <w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"> <w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"> <w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"> <w:lsdexception locked="false" priority="37" name="Bibliography"> <w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"> </w:LatentStyles> </xml><![endif]--><!--[if !mso]><object classid="clsid:38481807-CA0E-42D2-BF39-B33AF135CC4D" id="ieooui"></object> <style> st1\:*{behavior:url(#ieooui) } </style> <![endif]--><style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1107304683 0 0 159 0;} @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-1610611985 1073750139 0 0 159 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-ansi-language:IN;} p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:36.0pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-ansi-language:IN;} p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-ansi-language:IN;} p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-ansi-language:IN;} p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:36.0pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-ansi-language:IN;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt; mso-ascii-font-family:Calibri; mso-fareast-font-family:Calibri; mso-hansi-font-family:Calibri;} @page Section1 {size:612.0pt 792.0pt; margin:72.0pt 72.0pt 72.0pt 72.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} /* List Definitions */ @list l0 {mso-list-id:2047638141; mso-list-type:hybrid; mso-list-template-ids:1613020558 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;} @list l0:level1 {mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt;} ol {margin-bottom:0cm;} ul {margin-bottom:0cm;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Calibri","sans-serif";} </style> <![endif]--> <p class="MsoListParagraphCxSpFirst" style="margin-left: 13.5pt; text-align: justify; text-indent: -13.5pt; line-height: 150%;"><!--[if !supportLists]--><b style=""><span style=""><span style="">1.<span style=";font-family:";font-size:7;" > </span></span></span></b><!--[endif]--><b style=""><span style="">Haruskah Webcam diinstall di ruang kelas agar orang tua dapat mengamati anak – anak mereka dari rumah atau tempat kerja via internet??</span></b></p><p class="MsoListParagraphCxSpFirst" style="margin-left: 13.5pt; text-align: justify; text-indent: -13.5pt; line-height: 150%;">
<br /><b style=""><span style=""><o:p></o:p></span></b></p> <p class="MsoListParagraphCxSpMiddle" style="text-align: justify; line-height: 150%;"><span style=""><o:p> </o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-align: justify; text-indent: 22.5pt; line-height: 150%;"><span lang="IN">Webcam maupun CCTV adalah suatu komponen peripheral bagian dari komputer yang berupa kamera dan disambungkan ke suatu komputer server yang dapat diakses melalui komputer – komputer jejaring maupun internet. Webcam dan cctv camera dapat diletakkan pada tiap ruangan seperti kantor – kantor, supermarket maupun instansi – instansi pendidikan seperti sekolahan. </span></p> <p class="MsoListParagraphCxSpMiddle" style="margin-left: 0cm; text-align: justify; text-indent: 36pt; line-height: 150%;"><span lang="IN">Tujuan dipasangkan</span><span style="">nya</span><span lang="IN"> device tersebut adalah untuk beberapa hal misalnya: </span><span style=""><o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-align: justify; line-height: 150%;"><span lang="IN">Untuk pemantauan dari segala hal </span><span style="">seperti</span><span lang="IN"> menghindari kejahatan, memantau para pekerja dan juga untuk pemantauan seorang murid di sekolahan.</span></p> <p class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-align: justify; line-height: 150%;"><span lang="IN">Menurut kami pemasangan webcam dan camera di ruang kelas diperlukan sekali jika untuk pemantauan dan menjaga penyelewengan dan ketidakseriusan seorang siswa pada saat di kelas. Sehingga bisa dilihat proses pembelajaran yang berlangsung .Kegiatan pembelajaran yang dapat dilihat akan sangat membantu para wali murid untuk kemajuan para anak – anak.</span></p><p class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-align: justify; line-height: 150%;">
<br /><span style=""> <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin-left: 0cm; text-align: justify; line-height: 150%;"><span style=""><o:p> </o:p></span></p> <p class="MsoListParagraphCxSpLast" style="margin-left: 18pt; text-align: justify; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><b style=""><span style=""><span style="">2.<span style=";font-family:";font-size:7;" > </span></span></span></b><!--[endif]--><b style=""><span style="">Perlukah guru mengirimkan catatan kepada orang tua lewat e-mail ketimbang memberikannya via siswa?<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; text-indent: 36pt; line-height: 150%;"><span lang="IN">Seiring perkembangan teknologi informasi saat ini khususnya internet, pemanfaatan email sebagai media pengirim dan penerima informasi sangatlah tepat sekali apabila diimplementasikan sebagai media komunikasi antara guru dan orang tua siswa. Karena dengan e-mail guru dapat memberitahukan informasi tentang aktivitas putra-putrinya, surat izin, biaya sekolah tambahan, kemajuan siswa dan hal-hal yang bersifat mendesak secara real time, cepat dan tepat.</span><span style=""><o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; text-indent: 36pt; line-height: 150%;"><span lang="IN">Beda halnya apabila guru memberikan catatan tersebut via siswa. Banyak resiko yang harus ditanggung. Dan kemungkinan tidak sampainya catatan ke tangan orang tua itu lebih besar, terlebih apabila catatan itu berupa <st1:place st="on"><st1:city st="on">surat</st1:city></st1:place> teguran, kalau anak tersebut melanggar suatu aturan di sekolahnya. </span><span style="" lang="SV">Selain itu banyak para siswa-siswi yang masih suka membohongi orang tua mereka. Misalnya dalam hal pembayaran, banyak siswa-siswi yang melebih-lebihkan SPP, pembelian buku, uang gedung mereka dengan tujuan mendapat uang saku tambahan. Atau dengan kata lain korupsi kecil-kecilan. Selain itu banyak orang tua khususnya di kota-kota besar yang sibuk dengan pekerjaannya,<span style=""> </span>sehingga mereka jarang sekali atau bahkan tidak pernah berkomunikasi dengan putra-putri mereka. Sehingga dengan pemanfaatan e-mail segala resiko itu dapat diminimalisir. Selain itu Yahoo Messenger juga bisa diterapkan dalam hal ini. Tetapi alangkah baiknya apabila baik guru dan orang tua siswa mengenal satu sama lain secara nyata, yaitu melalui komunikasi tatap muka. Mungkin setiap satu semester sekali yaitu dalam pengambilan raport. Jadi pemanfaatan e-mail disini hanyalah sebagai media pelengkap dalam berkomunikasi saja. Karena kenyataannya disekitar kita banyak orang tua yang bahkan sama sekali belum mengenal apa itu komputer. Dan masih ada juga sekolah yang belum memiliki akses internet.<span style=""> </span><span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; text-indent: 36pt; line-height: 150%;"><span style="" lang="SV">Jadi menurut kami hal itu dilihat situasi dan kondisi sekolah dan orang tua siswa terlebih dahulu. Apabila sekolah dan orang tua sudah tersedia akses internet dan mereka bisa memanfaatkannya maka hal itu bisa dilakukan dan akan memberikan dampak yang positif. Tetapi apabila belum tersedia maka hal itu belum bisa dilaksanakan.<span style=""> </span><o:p></o:p></span></p>
<br />
<br /><a href="http://klikajadeh.com/?r=antokaja">
<br /> <img src="http://klikajadeh.com/kadban/kad-anim1.gif"></a>Unknownnoreply@blogger.com1