위 사진이 시작 화면이다. 마우스로 중앙의 둥근 상자를 클릭하거나, 스페이스 바를 누르면 프로그램이 시작된다.
시작 화면에서 프로그램을 시작하면 위와 같은 화면이 나타난다. 여기서는 주요 프로그래밍 언어 24개에 대한 정보를 볼 수 있는 화면이다. 프로그래밍 언어 아이콘이 있는 버튼을 클릭하면 개발자, 선행언어, 의의에 대한 상세정보가 나오는 팝업 카드가 나타난다. 마우스 포인터를 팝업 카드와 해당 언어의 원 밖으로 이동시키면 팝업 카드는 사라진다.
아래 사진은 Type Script를 클릭했을 때 나타나는 상세정보의 모습이다.
타임라인에는 시대별로 구분된 6개의 버튼이 있다. 버튼을 클릭하면 주요 프로그래밍 언어들은 사라지고, 타임라인이 위로 올라가면서 다음 화면으로 넘어간다.
참고로 이 화면에 있을 때 스페이스 바를 누르면 처음 시작 화면으로 돌아간다.
타임라인이 위로 올라가면 위 사진과 같이 작은 원들이 나타난다. 각 원은 프로그래밍 언어로 탄생한 시기에 맞게 분류되어 있다. 원을 누르고 이동시킬 수 있고 튕겨낼 수도 있다. 또한 원을 정지한 상태에서 누르고 있으면 개발자와 선행언어에 대한 상세정보 카드가 나타난다.
아래 사진은 Type Script를 클릭했을 때 나타나는 상세정보의 모습이다.
타임라인의 다른 시대의 버튼을 클릭하면 그 시대로 창이 전환된다. 현재 창에 해당하는 버튼을 누르면 타임라인이 내려오면서 주요 언어들이 나타나는 창으로 돌아간다.
오른쪽 상단에 Graph 버튼을 클릭하면 그래프가 나오는 창으로 이동할 수 있다.
이 화면에서는 시대별 탄생한 프로그래밍 언어들의 수에 대한 그래프들이 나타난다. 위쪽 그래프는 시간 간격이 10년 단위로 고정되어 있는 그래프이다. 아래쪽 그래프는 시간 간격이 1년 단위이고, 사용자가 드롭다운 메뉴를 통해 시대를 선택할 수 있다. 아래쪽에는 2개의 그래프가 있어서 시대별 그래프를 직접 비교할 수 있다.
아래 사진은 드롭다운 메뉴를 선택하는 모습이다.
