Dimensi TutupBotol: VS2013

Showing posts with label VS2013. Show all posts

Tuesday, June 14, 2016

Membuat Website Sederhana Menggunakan ASP.NET-Web Form - Part 1

Okie...Pertama-tama kita akan membuat project web baru di visual studio. Di sini Hyosoka pake VS 2013. So Silahkan ikuti langkah2 berikut ini :

Setelah Selese, struktur projectnya kyk gini :

Berikutnya kita tambain file buat tampilan default web-nya. Caranya klik kanan projectnya pilih "Add--New Item" kyk gambar di bawah : {Tapi sebenarnya bisa lgnsung piilih "Web Form" tapi gpp pake cara yg agk panjang biar bisa ngeliad... :D}

Setelah tekan tombol "Add", file seperti ini :

Terus biar pas projectnya kita run ada sesuatu yang bisa dilihat... Silahkan tambain title dan sesuatu di bagian body html-nya, klu Hisoka kek gini :

Naah..terus kita run....

Hasilnya :

Yaaaps...baru segitu... eheheh.. :D
Okieee....berikutnya kita tambain folder baru, namanya "Styles" folder ini nantinya dipake buat nyimpen2 file yg dibutuhkan untuk mengatur tampilan, posisi, warna di webnya. So klik kanan solution, add new folder terus kasih nama "Styles" kyk gini {Jangan lupa setop projectnya klu masih running}:

Okiee...setelah itu, klik kanan folder Styles, terus tambain file css baru, namain sesuai kesukaan...Klu Hisoka kek gini :

Filenya kek gini :

Abis itu beralih ke file Default.aspx. Di dalam tag <form> tambain kode ini :

Naaah... sampe sini kita udah punya lahan, wrapper yang isinya banner, navigation, dst... Klu pengen liad posisi2nya... silahkan split atau pindah ke mode desain...

Dari gambar diatas, kursor mousenya Hisoka taro dibagian banner, dibagian desain kliatan tuuh...Oooh bannernya itu diatas,... dan seterusnya untuk navigation smpe "All right reserved" :D

Terus beralih ke file stylesheet.css...tambain kode ini :

Naaah... itu pananya nunjukin hubungan masing2 element difile stylesheet.css... Jadi nnti klu misalkan kita nambain sesuatu didalam #banner, maka di efeknya akan terlihat di dalam <div id="banner"> dan seterusnya... ;)
Naaah...Silahkan tambahkan kode berikut ke dalam masing2 bagian di stylesheet.css :

body 
{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color:#e9e9e9;
}

#wrapper {
    width: 1080px;
    margin: 0 auto;
    padding: 10px;
    border: 5px solid #dedede;
    background-color: #ffffFF;
}

#banner {
    height:200px;
    border: 3px solid #E3E3E3;    
}

#navigation {
    height: 60px;
    border: 3px solid #E3E3E3;
    margin-top: 20px;
   
}

#content_area {
    float:left;
    width: 750px;
    height: 550px;
    margin: 20px 0 20px 0;
    border: 3px solid #4cff00;
}


#sidebar {
    float:right;
    width: 250px;
    height: 400px;
    margin: 20px 10px 20px 10px;
    border: 3px solid #ff0000;
}


#footer {
    clear:both;
    width: auto;
    height:40px;
    margin-top:20px;
}

Terus biar Default.aspx-nya bisa kehubung dengan css-nya, tambain kode ini didalam header aspx :

1	<link rel="stylesheet" type="text/css" href="~/Styles/stylesheet.css" />

Kalo kita run... hasilnya jadi kek gini :

Yaaaps... lemayan laaaah... :D
{Sekadar tambahan, klu kita ngubah2 sesuatu di file css-nya, kita g' prlu stop projectnya biar bisa liad hasil perubahannya, divisual studio tuuh bisa langsung ke update otomatis hasilnya, jadi g' prlu disetop trs dirunn lagi .. :)}

Untuk melanjutkan step berikutnya... Silahkan download gambar2 dari link ini. Tapi klu punya gambar2 lain yang lebih enakeun.. Yaah.. silahkan dipake.. :)
Setelah didownload, silahkan di extract, terus yang folder image, lngsung didrag ke solution projectnya {biar bisa ngedrag and drop projectnya g' boleh dalam kondisi running}, dan jadinya kek gini :

Naaah...setelah itu tambain lagi kode bacgkround-image di dalam file css-nya kek gini :

background-image:url(../Images/banner.jpg); /* #banner */

background-image:url(../Images/bar_background.png); /* #navigation */


background-image:url(../Images/bar_background.png); /* #footer */

Daaan... Tampilannya jadi kyk gini :

Sip sip... Lemayan... :D
Terus tambain kode ini didalam div id="navigation"

<div id="navigation">
            <ul id="nav">
                <li><a href="#">Home</a></li>
                <li><a href="#">Akatsuki</a>
                    <ul>
                        <li><a href="#">Hyosoka</a></li>
                        <li><a href="#">Poipo</a></li>
                        <li><a href="#">Itachi</a></li>
                        <li><a href="#">Izanami</a></li>
                    </ul>
                </li>
                <li><a href="#">Jutsu</a></li>
                <li><a href="#">About</a></li>
            </ul>
        </div>

Naaah... itu hasilnya langsung keliatan di bawahnya... :D
Terus beralih ke file css,,, daan.. bkin yg ini :

#nav {
    list-style: none;
}

#nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width:auto;
    display: none;
}

#nav li{
    font-size: 24px;
    float:left;
    position: relative;
    width: 180px;
    height:50px;
}

Sampe sini dulu... *ngantuk... :v

Untuk part I ini,,, Kodenya bisa didownload ataupun hanya dilihat di sini....

*Semoga bermanfaat... :)

Ke Part II...

changePi - Recursive - Java & C#

Given a string, compute recursively (no loops) a new string where all appearances of "pi" have been replaced by "3.14".

changePi("xpix") → "x3.14x"
changePi("pipi") → "3.143.14"
changePi("pip") → "3.14p"

Java :

public String changePi(String str) {
  if (str.length() < 1) return "";
 int index = str.indexOf("pi");
 if (index < 0) return str;
 String temp = str.substring(0, index);
 return temp+"3.14"+changePi(str.substring(index+2, str.length()));
}

Test result:

C# :

public static String changePi(String str)
 {
            if (str.Length < 1) return "";
            int index = str.IndexOf("pi");
            if (index < 0 ) return str;
            String temp0 = str.Substring(0, index);
            String temp = str.Substring(index+2, str.Length-(2+index));
            return temp0+"3.14" + changePi(temp);
 }

Test Result :

changeXY - Recursive - Java & C#

Given a string, compute recursively (no loops) a new string where all the lowercase 'x' chars have been changed to 'y' chars.

changeXY("codex") → "codey"
changeXY("xxhixx") → "yyhiyy"
changeXY("xhixhix") → "yhiyhiy"
Java :

public String changeXY(String str) {
  if(str.length() < 1) return "";
  char temp = str.charAt(str.length()-1);
  if(temp == 'x') temp = 'y';
  return changeXY(str.substring(0,str.length()-1))+temp;
}

Test Result:

C#:

public static String changeXY(String str)
        {
            if (str.Length < 1) return "";
            Char temp = str[str.Length - 1];
            if (temp == 'x') temp = 'y';
            return changeXY(str.Substring(0, str.Length - 1)) + temp;
        }

Test Result :

countHi - Recursive

Given a string, compute recursively (no loops) the number of times lowercase "hi" appears in the string.

countHi("xxhixx") → 1
countHi("xhixhix") → 2
countHi("hi") → 1

C# :

  public static int countHi(String str)
        { 
            //stop condition
            if (str.Length < 2) return 0;

            //Process
            int index = str.IndexOf("hi");
            if (index < 0) return 0;
            return 1 + countHi(str.Substring(index + 1, str.Length - (1 + index)));
           
        }

Result :

Add Unitest to C# Console Project

Pertama-tama silahkan buat project console baru...Setelah selese, klik kanan dibagian solution projectnya seperti terlihat di bawah :

Setelah selese ngebuat project unitestnya... Klik kanan di project unit test itu... terus pilih "Add - Reference "

Terus pilih tab "Solution" terus centang project utama kita kyk gini :

Naaah...dibagian reference tar kliatan :

Sampe sini kita udah bisa masukin assert2 dkk... :D
Kyk gini :

using System;
using Microsoft.VisualStudio.TestTools.UnitTesting;

namespace UnitTestCodingBat
{
    [TestClass]
    public class UnitTest1
    {
        [TestMethod]
        public void TestMethod1()
        {        
            Assert.AreEqual(3, Codingbat_csharp.Program.powerN(3, 1));
        }


        [TestMethod]
        public void TestMethod2()
        {
            Assert.AreEqual(1000, Codingbat_csharp.Program.powerN(10, 3));
        }


        [TestMethod]
        public void TestMethod3()
        {
            Assert.AreEqual(32, Codingbat_csharp.Program.powerN(2, 5));
        }
    }
}

Klu kita run :

Hasilnya :

Yeeeei... sekiaan...semoga bermanfaat.. :)

Thursday, June 9, 2016

StrSymmetryPoint in Java & C# - Codility 100%

Link task : https://codility.com/programmers/task/str_symmetry_point/
The idea is checking if string S is having an odd element or event. If it's an even then we should return -1. Then we start comparing every char from the middle to the start index and to the end of the string char index. if we find a different char the return -1. If not the we return index of middle char of the string.

Java Solution :

public static int strSymPoint(String S)
 {
  if(S.length() == 0 || S.length()%2 == 0) return -1;
  int toStart = (S.length()/2)-1;
  int toEnd = (S.length()/2)+1;
  
  while(toStart >= 0)
  {
   if(S.charAt(toStart) != S.charAt(toEnd)) return -1;
   toStart -= 1;
   toEnd += 1;
  }
  return S.length()/2;
 }

Result :

C# solution :

 public static int strSymPoint(string S)
        {
            if (S.Length == 0 || S.Length % 2 == 0) return -1;
            int toStart = (S.Length / 2) - 1;
            int toEnd = (S.Length / 2) + 1;

            while (toStart >= 0)
            {
                if (S[toStart]!= S[toEnd]) return -1;
                toStart -= 1;
                toEnd += 1;
            }
            return S.Length / 2;
        }

Result :

TreeHeight in Java & C# - Codility

Task : https://codility.com/programmers/task/tree_height/

Solution for Java :

class Solution {
    public int solution(Tree T) {
        // write your code in Java SE 8
        if(T == null) return -1;
  
  return 1+Math.max(solution(T.l), solution(T.r));
    }
}

Result :

Solution for C# :

public int solution(Tree T) {
        // write your code in C# 6.0 with .NET 4.5 (Mono)
        if(T == null) return -1;
  
  return 1+Math.Max(solution(T.l), solution(T.r));
    }

Result :

Tuesday, June 7, 2016

MaxCounters 100% Ala Hisoka - Codility

Berikut kode dalam bahasa Java & C# untuk memperoleh nilai 100% di training test codility MaxCounters

Bahasa Java :

  public static int[] solution100(int N, int[] A) {
         // write your code in Java SE 8
         int[] result = new int[N];
         int max = 0, save_max = 0;
         
         for(int el = 0; el<A.length; el++)
   {
    if(A[el] == N+1)
    {
     save_max = max;
    }else
    {
     if(result[A[el]-1] < save_max) result[A[el]-1] = save_max+1;
     else result[A[el]-1] += 1;
     max = result[A[el]-1]>max? result[A[el]-1]:max;
    } 
   
   }
         
         for(int l=0; l<result.length; l++)
         {
          if(result[l]<save_max) result[l] = save_max;
         }
         
   return result;
         
     }

Bahasa C# :

public static int[] maxCount(int N, int[] A)
        {
            int[] result = new int[N];
            int max = 0, save_max = 0;

            for (int el = 0; el < A.Length; el++)
            {
                if (A[el] == N + 1)
                {
                    save_max = max;
                }
                else
                {
                    if (result[A[el] - 1] < save_max) result[A[el] - 1] = save_max + 1;
                    else result[A[el] - 1] += 1;
                    max = result[A[el] - 1] > max ? result[A[el] - 1] : max;
                }

            }

            for (int l = 0; l < result.Length; l++)
            {
                if (result[l] < save_max) result[l] = save_max;
            }

            return result;
        }
    }