Review Produk iRobot

Berdasarkan situs berikut http://www.irobot.com/us/
Lakukanlah review terhadap salah satu produk dari irobot (kemampuan dan keunggulan dari produk tersebut). Menurut pendapat anda, mungkinkah produk tersebut akan memberikan dampak negatif? Ya/Tidak jelaskan pendapat anda! 

Saya telah melakukan review terhadap salah satu produk dari iRobot, yaitu RP-VITA™ Remote Presence Robot. RV-VITA™ adalah solusi kehadiran jarak jauh untuk perawatan pasien yang menggabungkan navigasi dan mobilitas dengan teknologi pengobatan jarak jauh.

Kemampuan robot tersebut adalah sebagai berikut.

• Dokter, perawat, dan apoteker dapat berinteraksi jarak jauh melalui RP-VITA™ untuk menentukan tujuan pasien.
• RP-VITA™ membantu pengumpulan data pasien, pemantauan kondisi pasien, dan evaluasi kondisi pasien.
• Anggota keluarga pasien dapat berkomunikasi dengan dokter dan pasien secara virtual dari mana saja.

Keunggulan dan dampak positif dari robot tersebut adalah sebagai berikut.

• Dapat meminimalkan kesalahan pemeriksaan oleh dokter (malpraktek).
• Dapat menangani lebih banyak pasien.
• Dapat menangani pasien lebih cepat.
• Dapat mengurangi biaya rumah sakit.

Menurut pendapat saya, produk tersebut tidak akan memberikan dampak negatif jika dilakukan maintenance secara rutin dan selalu di-update teknologinya untuk memenuhi kebutuhan pasien.

Read More

Video Social Responsibility Green IT

Tontonlah 2(Dua) video berikut:
http://www.youtube.com/watch?v=VywI6KwMWKw
http://www.youtube.com/watch?v=_ZPiJcgo-j8

Secara singkat, apakah isi dari kedua video tersebut? Berikanlah solusi atas permasalahan yang ada pada video tersebut (akan lebih baik jika solusi yang diberikan merupakan langkah konkrit yang dapat dilakukan oleh masyarakat maupun pemerintah)!

Secara singkat, isi dari kedua video tersebut adalah masalah yang ditimbulkan akibat pembuangan limbah elektronik yang bertambah setiap tahunnya, yang disebabkan oleh teknologi yang berkembang dengan pesat, sehingga banyak orang yang membeli barang elektronik terbaru dan membuang barang elektronik yang lama tanpa didaur ulang terlebih dahulu. Proses pembongkaran dan pembuangan limbah elektronik menyebabkan sejumlah dampak lingkungan seperti pencemaran tanah, air, dan udara yang dapat mengakibatkan berbagai penyakit berbahaya seperti gangguan pernafasan, penyakit kulit, kanker, dan kematian.

Solusi atas permasalahan yang ada pada video tersebut adalah dengan mendaur ulang barang elektronik yang sudah tidak terpakai lagi. Mendaur ulang barang elektronik bekas dapat mengurangi emisi karbon. Barang elektronik umumnya dibuat dengan material timbal, kadmium, bromin, plastik yang masih memiliki nilai ekonomis. Cara yang paling sederhana dalam mengurangi limbah elektronik adalah dengan mendonasikannya atau menjualnya kepada orang yang membutuhkan. Cara lain yang juga mudah dilakukan adalah dengan mereparasinya atau memperbaikinya, sehingga dapat mengurangi limbah elektronik dan menghemat uang tanpa perlu membeli barang elektronik yang baru.

Contohnya dapat berupa mainan, hiasan, pajangan, atau karya seni.

Sumber :

http://www.ciputraentrepreneurship.com/umum/daur-ulang-sampah-elektronik-rumahan

http://protocol-inside.blogspot.com/2011/09/mainan-unik-dari-barang-bekas.html
http://kopikeliling.com/news/seni-dari-sampah-elektronik.html

Read More

Bisnis dan Sistem Informasi

Apakah bisnis membutuhkan sistem informasi atau tidak?

Jika sistem informasi tersebut dibutuhkan, kenapa?

Jika tidak, menurut kalian bisnis seperti apa yang butuh sistem informasi?

Sistem informasi sangat dibutuhkan dalam suatu bisnis karena hal-hal berikut.

• Mendukung operasi bisnis dengan kemudahan transaksi dan otomatisasi bisnis proses, yang berefek kepada kecepatan proses serta meningkatnya keuntungan perusahaan.
• Meningkatkan produktivitas pekerja dan mengurangi biaya operasional. Pekerja akan terbebas dari tugas-tugas yang dapat ditangani oleh sistem, sehingga bisa dapat fokus ke dalam pekerjaan yang lebih kompleks dan membutuhkan penanganan yang lebih personal.
• Memberikan laporan yang dapat digunakan sebagai acuan dalam pengambilan keputusan dan tindakan, sehingga bisnis menjadi sangat responsif terhadap perubahan pasar.
• Meningkatkan kualitas produk dan kualitas pelayanan yang inovatif dan kreatif, sehingga tingkat kepuasan pelanggan semakin baik.

Sumber : http://blog.wgs.co.id/2011/12/20/alasan-mengapa-perusahaan-membutuhkan-sistem-erp/

Read More

Contoh Sistem Informasi

Ceritakan sistem informasi yang ada di sekitar kalian atau di tempat kalian bekerja!

Salah satu sistem informasi yang telah dibuat di tempat saya bekerja adalah 'Citilink Self Check-In' yang bertujuan untuk meningkatkan layanan Citilink kepada konsumen. Dengan sistem terbaru ini, calon penumpang tidak lagi harus melakukan antri untuk melakukan check in dan mendapatkan boarding pass. Bagi penumpang yang tidak menggunakan layanan bagasi bisa langsung menuju mesin self check in yang berada di bandara. Selanjutnya calon penumpang memasukkan kode booking dan nama belakang. Setelah itu, calon penumpang tinggal menekan tombol "Boarding" untuk mencetak boarding pass. Saat ini, mesin Citilink Self Check-In telah dioperasikan di Bandara Soekarno Hatta, Jakarta. Dalam waktu dekat ini, layanan self check in bisa dilakukan di lima kota, yaitu Surabaya, Medan, Makassar, Balikpapan, dan Denpasar.

Read More

Sistem Informasi

Apa itu sistem informasi?

Kenapa kita mempelajarinya?

Kenapa kita membutuhkan sistem informasi?

Sistem informasi merupakan gabungan yang terorganisir dari manusia, perangkat lunak, perangkat keras, prosedur, dan sumber data dalam mengumpulkan, mengubah, dan menyebarkan informasi yang dibutuhkan dalam suatu organisasi.

Tujuan mempelajari sistem informasi adalah mempersiapkan kita untuk memasuki era globalisasi, khususnya dalam bidang bisnis dan teknologi agar dapat bersaing dengan negara lain.
Sistem informasi dibutuhkan untuk mendukung manusia dalam pengambilan keputusan dan tindakan yang kegiatannya ditujukan untuk pengolahan informasi.

Read More

Sintaks dan Properti CSS

Sintaks CSS

Sintaks CSS memiliki dua bagian utama, yaitu sebuah selector dan satu atau lebih declaration.

Selector biasanya adalah elemen HTML yang ingin dibuat style-nya. Setiap declaration terdiri dari sebuah properti (property) dan sebuah nilai (value). Properti adalah atribut style yang ingin diubah. Setiap properti memiliki nilai.

Kelompok Properti CSS

Animation Background Border and outline Box Color Content Paged Media Dimension Flexible Box Font Generated content

Grid Hyperlink Linebox List Margin Marquee Multi-column Padding Paged Media Positioning

Print Ruby Speech Table Text 2D/3D Transform Transition User-interface

Kolom "CSS" menunjukkan di mana versi properti CSS didefinisikan (CSS1, CSS2, atau CSS3).

Animation

Properti	Keterangan	CSS
@keyframes	Specifies the animation	3
animation	A shorthand property for all the animation properties below, except the animation-play-state property	3
animation-name	Specifies a name for the @keyframes animation	3
animation-duration	Specifies how many seconds or milliseconds an animation takes to complete one cycle	3
animation-timing-function	Specifies the speed curve of the animation	3
animation-delay	Specifies when the animation will start	3
animation-iteration-count	Specifies the number of times an animation should be played	3
animation-direction	Specifies whether or not the animation should play in reverse on alternate cycles	3
animation-play-state	Specifies whether the animation is running or paused	3

Background

Properti	Keterangan	CSS
background	Sets all the background properties in one declaration	1
background-attachment	Sets whether a background image is fixed or scrolls with the rest of the page	1
background-color	Sets the background color of an element	1
background-image	Sets the background image for an element	1
background-position	Sets the starting position of a background image	1
background-repeat	Sets how a background image will be repeated	1
background-clip	Specifies the painting area of the background	3
background-origin	Specifies the positioning area of the background images	3
background-size	Specifies the size of the background images	3

Border and Outline

Properti	Keterangan	CSS
border	Sets all the border properties in one declaration	1
border-bottom	Sets all the bottom border properties in one declaration	1
border-bottom-color	Sets the color of the bottom border	1
border-bottom-style	Sets the style of the bottom border	1
border-bottom-width	Sets the width of the bottom border	1
border-color	Sets the color of the four borders	1
border-left	Sets all the left border properties in one declaration	1
border-left-color	Sets the color of the left border	1
border-left-style	Sets the style of the left border	1
border-left-width	Sets the width of the left border	1
border-right	Sets all the right border properties in one declaration	1
border-right-color	Sets the color of the right border	1
border-right-style	Sets the style of the right border	1
border-right-width	Sets the width of the right border	1
border-style	Sets the style of the four borders	1
border-top	Sets all the top border properties in one declaration	1
border-top-color	Sets the color of the top border	1
border-top-style	Sets the style of the top border	1
border-top-width	Sets the width of the top border	1
border-width	Sets the width of the four borders	1
outline	Sets all the outline properties in one declaration	2
outline-color	Sets the color of an outline	2
outline-style	Sets the style of an outline	2
outline-width	Sets the width of an outline	2
border-bottom-left-radius	Defines the shape of the border of the bottom-left corner	3
border-bottom-right-radius	Defines the shape of the border of the bottom-right corner	3
border-image	A shorthand property for setting all the border-image-* properties	3
border-image-outset	Specifies the amount by which the border image area extends beyond the border box	3
border-image-repeat	Specifies whether the image-border should be repeated, rounded or stretched	3
border-image-slice	Specifies the inward offsets of the image-border	3
border-image-source	Specifies an image to be used as a border	3
border-image-width	Specifies the widths of the image-border	3
border-radius	A shorthand property for setting all the four border-*-radius properties	3
border-top-left-radius	Defines the shape of the border of the top-left corner	3
border-top-right-radius	Defines the shape of the border of the top-right corner	3
box-decoration-break		3
box-shadow	Attaches one or more drop-shadows to the box	3

Box

Properti	Keterangan	CSS
overflow-x	Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area	3
overflow-y	Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area	3
overflow-style	Specifies the preferred scrolling method for elements that overflow	3
rotation	Rotates an element around a given point defined by the rotation-point property	3
rotation-point	Defines a point as an offset from the top left border edge	3

Color

Properti	Keterangan	CSS
color-profile	Permits the specification of a source color profile other than the default	3
opacity	Sets the opacity level for an element	3
rendering-intent	Permits the specification of a color profile rendering intent other than the default	3

Content for Paged Media

Properti	Keterangan	CSS
bookmark-label	Specifies the label of the bookmark	3
bookmark-level	Specifies the level of the bookmark	3
bookmark-target	Specifies the target of the bookmark link	3
float-offset	Pushes floated elements in the opposite direction of the where they have been floated with float	3
hyphenate-after	Specifies the minimum number of characters in a hyphenated word after the hyphenation character	3
hyphenate-before	Specifies the minimum number of characters in a hyphenated word before the hyphenation character	3
hyphenate-character	Specifies a string that is shown when a hyphenate-break occurs	3
hyphenate-lines	Indicates the maximum number of successive hyphenated lines in an element	3
hyphenate-resource	Specifies a comma-separated list of external resources that can help the browser determine hyphenation points	3
hyphens	Sets how to split words to improve the layout of paragraphs	3
image-resolution	Specifies the correct resolution of images	3
marks	Adds crop and/or cross marks to the document	3
string-set		3

Dimension

Properti	Keterangan	CSS
height	Sets the height of an element	1
max-height	Sets the maximum height of an element	2
max-width	Sets the maximum width of an element	2
min-height	Sets the minimum height of an element	2
min-width	Sets the minimum width of an element	2
width	Sets the width of an element	1

Flexible Box

Properti	Keterangan	CSS
box-align	Specifies how to align the child elements of a box	3
box-direction	Specifies in which direction the children of a box are displayed	3
box-flex	Specifies whether the children of a box is flexible or inflexible in size	3
box-flex-group	Assigns flexible elements to flex groups	3
box-lines	Specifies whether columns will go onto a new line whenever it runs out of space in the parent box	3
box-ordinal-group	Specifies the display order of the child elements of a box	3
box-orient	Specifies whether the children of a box should be laid out horizontally or vertically	3
box-pack	Specifies the horizontal position in horizontal boxes and the vertical position in vertical boxes	3

Font

Properti	Keterangan	CSS
font	Sets all the font properties in one declaration	1
font-family	Specifies the font family for text	1
font-size	Specifies the font size of text	1
font-style	Specifies the font style for text	1
font-variant	Specifies whether or not a text should be displayed in a small-caps font	1
font-weight	Specifies the weight of a font	1
@font-face	A rule that allows websites to download and use fonts other than the "web-safe" fonts	3
font-size-adjust	Preserves the readability of text when font fallback occurs	3
font-stretch	Selects a normal, condensed, or expanded face from a font family	3

Generated Content

Properti	Keterangan	CSS
content	Used with the :before and :after pseudo-elements, to insert generated content	2
counter-increment	Increments one or more counters	2
counter-reset	Creates or resets one or more counters	2
quotes	Sets the type of quotation marks for embedded quotations	2
crop	Allows a replaced element to be just a rectangular area of an object, instead of the whole object	3
move-to	Causes an element to be removed from the flow and reinserted at a later point in the document	3
page-policy	Determines which page-based occurance of a given element is applied to a counter or string value	3

Grid

Properti	Keterangan	CSS
grid-columns	Specifies the width of each column in a grid	3
grid-rows	Specifies the height of each column in a grid	3

Hyperlink

Properti	Keterangan	CSS
target	A shorthand property for setting the target-name, target-new, and target-position properties	3
target-name	Specifies where to open links (target destination)	3
target-new	Specifies whether new destination links should open in a new window or in a new tab of an existing window	3
target-position	Specifies where new destination links should be placed	3

Linebox

Properti	Keterangan	CSS
alignment-adjust	Allows more precise alignment of elements	3
alignment-baseline	Specifies how an inline-level element is aligned with respect to its parent	3
baseline-shift	Allows repositioning of the dominant-baseline relative to the dominant-baseline	3
dominant-baseline	Specifies a scaled-baseline-table	3
drop-initial-after-adjust	Sets the alignment point of the drop initial for the primary connection point	3
drop-initial-after-align	Sets which alignment line within the initial line box is used at the primary connection point with the initial letter box	3
drop-initial-before-adjust	Sets the alignment point of the drop initial for the secondary connection point	3
drop-initial-before-align	Sets which alignment line within the initial line box is used at the secondary connection point with the initial letter box	3
drop-initial-size	Controls the partial sinking of the initial letter	3
drop-initial-value	Activates a drop-initial effect	3
inline-box-align	Sets which line of a multi-line inline block align with the previous and next inline elements within a line	3
line-stacking	A shorthand property for setting the line-stacking-strategy, line-stacking-ruby, and line-stacking-shift properties	3
line-stacking-ruby	Sets the line stacking method for block elements containing ruby annotation elements	3
line-stacking-shift	Sets the line stacking method for block elements containing elements with base-shift	3
line-stacking-strategy	Sets the line stacking strategy for stacked line boxes within a containing block element	3
text-height	Sets the block-progression dimension of the text content area of an inline box	3

List

Properti	Keterangan	CSS
list-style	Sets all the properties for a list in one declaration	1
list-style-image	Specifies an image as the list-item marker	1
list-style-position	Specifies if the list-item markers should appear inside or outside the content flow	1
list-style-type	Specifies the type of list-item marker	1

Margin

Properti	Keterangan	CSS
margin	Sets all the margin properties in one declaration	1
margin-bottom	Sets the bottom margin of an element	1
margin-left	Sets the left margin of an element	1
margin-right	Sets the right margin of an element	1
margin-top	Sets the top margin of an element	1

Marquee

Properti	Keterangan	CSS
marquee-direction	Sets the direction of the moving content	3
marquee-play-count	Sets how many times the content move	3
marquee-speed	Sets how fast the content scrolls	3
marquee-style	Sets the style of the moving content	3

Multi-column

Properti	Keterangan	CSS
column-count	Specifies the number of columns an element should be divided into	3
column-fill	Specifies how to fill columns	3
column-gap	Specifies the gap between the columns	3
column-rule	A shorthand property for setting all the column-rule-* properties	3
column-rule-color	Specifies the color of the rule between columns	3
column-rule-style	Specifies the style of the rule between columns	3
column-rule-width	Specifies the width of the rule between columns	3
column-span	Specifies how many columns an element should span across	3
column-width	Specifies the width of the columns	3
columns	A shorthand property for setting column-width and column-count	3

Padding

Properti	Keterangan	CSS
padding	Sets all the padding properties in one declaration	1
padding-bottom	Sets the bottom padding of an element	1
padding-left	Sets the left padding of an element	1
padding-right	Sets the right padding of an element	1
padding-top	Sets the top padding of an element	1

Paged Media

Properti	Keterangan	CSS
fit	Gives a hint for how to scale a replaced element if neither its width nor its height property is auto	3
fit-position	Determines the alignment of the object inside the box	3
image-orientation	Specifies a rotation in the right or clockwise direction that a user agent applies to an image	3
page	Specifies a particular type of page where an element SHOULD be displayed	3
size	Specifies the size and orientation of the containing box for page content	3

Positioning

Properti	Keterangan	CSS
bottom	Specifies the bottom position of a positioned element	2
clear	Specifies which sides of an element where other floating elements are not allowed	1
clip	Clips an absolutely positioned element	2
cursor	Specifies the type of cursor to be displayed	2
display	Specifies how a certain HTML element should be displayed	1
float	Specifies whether or not a box should float	1
left	Specifies the left position of a positioned element	2
overflow	Specifies what happens if content overflows an element's box	2
position	Specifies the type of positioning method used for an element (static, relative, absolute or fixed)	2
right	Specifies the right position of a positioned element	2
top	Specifies the top position of a positioned element	2
visibility	Specifies whether or not an element is visible	2
z-index	Sets the stack order of a positioned element	2

Print

Properti	Keterangan	CSS
orphans	Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element	2
page-break-after	Sets the page-breaking behavior after an element	2
page-break-before	Sets the page-breaking behavior before an element	2
page-break-inside	Sets the page-breaking behavior inside an element	2
widows	Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element	2

Ruby

Properti	Keterangan	CSS
ruby-align	Controls the text alignment of the ruby text and ruby base contents relative to each other	3
ruby-overhang	Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base	3
ruby-position	Controls the position of the ruby text with respect to its base	3
ruby-span	Controls the spanning behavior of annotation elements	3

Speech

Properti	Keterangan	CSS
mark	A shorthand property for setting the mark-before and mark-after properties	3
mark-after	Allows named markers to be attached to the audio stream	3
mark-before	Allows named markers to be attached to the audio stream	3
phonemes	Specifies a phonetic pronunciation for the text contained by the corresponding element	3
rest	A shorthand property for setting the rest-before and rest-after properties	3
rest-after	Specifies a rest or prosodic boundary to be observed after speaking an element's content	3
rest-before	Specifies a rest or prosodic boundary to be observed before speaking an element's content	3
voice-balance	Specifies the balance between left and right channels	3
voice-duration	Specifies how long it should take to render the selected element's content	3
voice-pitch	Specifies the average pitch (a frequency) of the speaking voice	3
voice-pitch-range	Specifies variation in average pitch	3
voice-rate	Controls the speaking rate	3
voice-stress	Indicates the strength of emphasis to be applied	3
voice-volume	Refers to the amplitude of the waveform output by the speech synthesises	3

Table

Properti	Keterangan	CSS
border-collapse	Specifies whether or not table borders should be collapsed	2
border-spacing	Specifies the distance between the borders of adjacent cells	2
caption-side	Specifies the placement of a table caption	2
empty-cells	Specifies whether or not to display borders and background on empty cells in a table	2
table-layout	Sets the layout algorithm to be used for a table	2

Text

Properti	Keterangan	CSS
color	Sets the color of text	1
direction	Specifies the text direction/writing direction	2
letter-spacing	Increases or decreases the space between characters in a text	1
line-height	Sets the line height	1
text-align	Specifies the horizontal alignment of text	1
text-decoration	Specifies the decoration added to text	1
text-indent	Specifies the indentation of the first line in a text-block	1
text-transform	Controls the capitalization of text	1
unicode-bidi		2
vertical-align	Sets the vertical alignment of an element	1
white-space	Specifies how white-space inside an element is handled	1
word-spacing	Increases or decreases the space between words in a text	1
hanging-punctuation	Specifies whether a punctuation character may be placed outside the line box	3
punctuation-trim	Specifies whether a punctuation character should be trimmed	3
text-align-last	Describes how the last line of a block or a line right before a forced line break is aligned when text-align is "justify"	3
text-justify	Specifies the justification method used when text-align is "justify"	3
text-outline	Specifies a text outline	3
text-overflow	Specifies what should happen when text overflows the containing element	3
text-shadow	Adds shadow to text	3
text-wrap	Specifies line breaking rules for text	3
word-break	Specifies line breaking rules for non-CJK scripts	3
word-wrap	Allows long, unbreakable words to be broken and wrap to the next line	3

2D/3D Transform

Properti	Keterangan	CSS
transform	Applies a 2D or 3D transformation to an element	3
transform-origin	Allows you to change the position on transformed elements	3
transform-style	Specifies how nested elements are rendered in 3D space	3
perspective	Specifies the perspective on how 3D elements are viewed	3
perspective-origin	Specifies the bottom position of 3D elements	3
backface-visibility	Defines whether or not an element should be visible when not facing the screen	3

Transition

Properti	Keterangan	CSS
transition	A shorthand property for setting the four transition properties	3
transition-property	Specifies the name of the CSS property the transition effect is for	3
transition-duration	Specifies how many seconds or milliseconds a transition effect takes to complete	3
transition-timing-function	Specifies the speed curve of the transition effect	3
transition-delay	Specifies when the transition effect will start	3

User-interface

Properti	Keterangan	CSS
appearance	Allows you to make an element look like a standard user interface element	3
box-sizing	Allows you to define certain elements to fit an area in a certain way	3
icon	Provides the author the ability to style an element with an iconic equivalent	3
nav-down	Specifies where to navigate when using the arrow-down navigation key	3
nav-index	Specifies the tabbing order for an element	3
nav-left	Specifies where to navigate when using the arrow-left navigation key	3
nav-right	Specifies where to navigate when using the arrow-right navigation key	3
nav-up	Specifies where to navigate when using the arrow-up navigation key	3
outline-offset	Offsets an outline, and draws it beyond the border edge	3
resize	Specifies whether or not an element is resizable by the user	3

Read More

Tag HTML

Tag markup HTML biasanya disebut tag HTML.

• Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut seperti <html>
• Tag HTML biasanya berpasangan seperti <b> dan </b>
• Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
• Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
• Tag awal dan tag akhir juga disebut tag pembuka dan tag penutup
• Format tag HTML, yaitu <namatag> isi/konten </namatag> 

Tag	Description
Basic
<!DOCTYPE>	Defines the document type
<html>	Defines an HTML document
<title>	Defines a title for the document
<body>	Defines the document's body
<h1> to <h6>	Defines HTML headings
<p>	Defines a paragraph
<br>	Inserts a single line break
<hr>	Defines a thematic change in the content
<!--...-->	Defines a comment
Formatting
<acronym>	Not supported in HTML5. Defines an acronym
<abbr>	Defines an abbreviation
<address>	Defines contact information for the author/owner of a document/article
<b>	Defines bold text
<bdi>	Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo>	Overrides the current text direction
<big>	Not supported in HTML5. Defines big text
<blockquote>	Defines a section that is quoted from another source
<center>	Not supported in HTML5. Deprecated in HTML 4.01. Defines centered text
<cite>	Defines the title of a work
<code>	Defines a piece of computer code
<del>	Defines text that has been deleted from a document
<dfn>	Defines a definition term
<em>	Defines emphasized text
<font>	Not supported in HTML5. Deprecated in HTML 4.01. Defines font, color, and size for text
<i>	Defines a part of text in an alternate voice or mood
<ins>	Defines a text that has been inserted into a document
<kbd>	Defines keyboard input
<mark>	Defines marked/highlighted text
<meter>	Defines a scalar measurement within a known range (a gauge)
<pre>	Defines preformatted text
<progress>	Represents the progress of a task
<q>	Defines a short quotation
<rp>	Defines what to show in browsers that do not support ruby annotations
<rt>	Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>	Defines a ruby annotation (for East Asian typography)
<s>	Defines text that is no longer correct
<samp>	Defines sample output from a computer program
<small>	Defines smaller text
<strike>	Not supported in HTML5. Deprecated in HTML 4.01. Defines strikethrough text
<strong>	Defines important text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<time>	Defines a date/time
<tt>	Not supported in HTML5. Defines teletype text
<u>	Defines text that should be stylistically different from normal text
<var>	Defines a variable
<wbr>	Defines a possible line-break
Forms
<form>	Defines an HTML form for user input
<input>	Defines an input control
<textarea>	Defines a multiline input control (text area)
<button>	Defines a clickable button
<select>	Defines a drop-down list
<optgroup>	Defines a group of related options in a drop-down list
<option>	Defines an option in a drop-down list
<label>	Defines a label for an <input> element
<fieldset>	Groups related elements in a form
<legend>	Defines a caption for a <fieldset>, < figure>, or <details> element
<datalist>	Specifies a list of pre-defined options for input controls
<keygen>	Defines a key-pair generator field (for forms)
<output>	Defines the result of a calculation
Frames
<frame>	Not supported in HTML5. Defines a window (a frame) in a frameset
<frameset>	Not supported in HTML5. Defines a set of frames
<noframes>	Not supported in HTML5. Defines an alternate content for users that do not support frames
<iframe>	Defines an inline frame
Images
<img>	Defines an image
<map>	Defines a client-side image-map
<area>	Defines an area inside an image-map
<canvas>	Used to draw graphics, on the fly, via scripting (usually JavaScript)
<figcaption>	Defines a caption for a <figure> element
<figure>	Specifies self-contained content
Audio/Video
<audio>	Defines sound content
<source>	Defines multiple media resources for media elements (<video> and <audio>)
<track>	Defines text tracks for media elements (<video> and <audio>)
<video>	Defines a video or movie
Links
<a>	Defines a hyperlink
<link>	Defines the relationship between a document and an external resource (most used to link to style sheets)
<nav>	Defines navigation links
Lists
<ul>	Defines an unordered list
<ol>	Defines an ordered list
<li>	Defines a list item
<dir>	Not supported in HTML5. Deprecated in HTML 4.01. Defines a directory list
<dl>	Defines a definition list
<dt>	Defines a term (an item) in a definition list
<dd>	Defines a description of an item in a definition list
<menu>	Defines a list/menu of commands
<command>	Defines a command button that a user can invoke
Tables
<table>	Defines a table
<caption>	Defines a table caption
<th>	Defines a header cell in a table
<tr>	Defines a row in a table
<td>	Defines a cell in a table
<thead>	Groups the header content in a table
<tbody>	Groups the body content in a table
<tfoot>	Groups the footer content in a table
<col>	Specifies column properties for each column within a <colgroup> element
<colgroup>	Specifies a group of one or more columns in a table for formatting
Style/Sections
<style>	Defines style information for a document
<div>	Defines a section in a document
<span>	Defines a section in a document
<header>	Defines a header for a document or section
<footer>	Defines a footer for a document or section
<hgroup>	Groups heading (<h1> to <h6>) elements
<section>	Defines a section in a document
<article>	Defines an article
<aside>	Defines content aside from the page content
<details>	Defines additional details that the user can view or hide
<dialog>	Defines a dialog box or window
<summary>	Defines a visible heading for a <details> element
Meta Info
<head>	Defines information about the document
<meta>	Defines metadata about an HTML document
<base>	Specifies the base URL/target for all relative URLs in a document
<basefont>	Not supported in HTML5. Deprecated in HTML 4.01. Specifies a default color, size, and font for all text in a document
Programming
<script>	Defines a client-side script
<noscript>	Defines an alternate content for users that do not support client-side scripts
<applet>	Not supported in HTML5. Deprecated in HTML 4.01. Defines an embedded applet
<embed>	Defines a container for an external (non-HTML) application
<object>	Defines an embedded object
<param>	Defines a parameter for an object

Read More

Pengertian SQL

Structured Query Language (SQL) adalah sekumpulan perintah khusus yang digunakan untuk mengakses data dalam database relasional. SQL merupakan sebuah bahasa komputer yang mengikuti standar ANSI (American Nasional Standard Institute) yang digunakan dalam manajemen database relasional. Dengan SQL, kita dapat mengakses database, menjalankan query untuk mengambil data dari database, menambahkan data ke database, menghapus data di dalam database, dan mengubah data di dalam database. Saat ini hampir semua server database yang ada mendukung SQL untuk melakukan manajemen datanya.

Terdapat 3 (tiga) jenis perintah SQL, yaitu DDL, DML dan DCL.

1. DDL atau Data Definition Language

DDL merupakan perintah SQL yang berhubungan dengan pendefinisian suatu struktur database, dalam hal ini database dan table. Perintah SQL yang termasuk dalam DDL antara lain :

• CREATE
• ALTER
• RENAME
• DROP

2. DML atau Data Manipulation Language

DML merupakan perintah SQL yang berhubungan dengan manipulasi atau pengolahan data atau record dalam table. Perintah SQL yang termasuk dalam DML antara lain :

• SELECT
• INSERT
• UPDATE
• DELETE

3. DCL atau Data Control Language

DCL merupakan perintah SQL yang berhubungan dengan pengaturan hak akses user, baik terhadap server, database, table maupun field. Perintah SQL yang termasuk dalam DCL antara lain :

• GRANT
• REVOKE

Sejarah SQL dimulai dari artikel seorang peneliti dari IBM bernama EF Codd yang membahas tentang ide pembuatan database relasional pada bulan Juni 1970. Artikel ini juga membahas kemungkinan pembuatan bahasa standar untuk mengakses data dalam database tersebut. Bahasa tersebut kemudian diberi nama SEQUEL (Structured English Query Language). Setelah terbitnya artikel tersebut, IBM mengadakan proyek pembuatan database relasional berbasis bahasa SEQUEL. Akan tetapi, karena permasalahan hukum mengenai penamaan SEQUEL, IBM pun mengubahnya menjadi SQL. Implementasi database relasional dikenal dengan System/R. Di akhir tahun 1970-an, muncul perusahaan bernama Oracle yang membuat server database populer yang bernama sama dengan nama perusahaannya. Dengan naiknya kepopuleran Oracle, maka SQL juga ikut populer sehingga saat ini menjadi standar de facto bahasa dalam manajemen database.

Read More

Pengertian PHP

PHP Hypertext Preprocessor (PHP) adalah bahasa scripting yang banyak dipakai untuk membuat halaman web dinamis. PHP merupakan bahasa pemrograman web yang bersifat server-side. Artinya sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server web. PHP tidak bisa di akses secara langsung tanpa adanya sebuah server web. PHP bersifat open source sehingga dapat digunakan secara gratis dan tidak melakukan kompilasi dalam penggunaannya sehingga relatif lebih cepat. PHP dapat digunakan untuk membangun sebuah Content Management System (CMS), seperti Joomla.

Halaman web biasanya disusun dari kode-kode HTML. File HTML ini dikirimkan oleh server web (atau file) ke penjelajah web (web browser), kemudian penjelajah web menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan PHP yang harus diterjemahkan oleh server web sehingga menghasilkan kode HTML yang dikirim ke penjelajah web agar dapat ditampilkan. PHP dapat berdiri sendiri ataupun disisipkan di antara kode-kode HTML sehingga dapat langsung ditampilkan bersama dengan kode-kode HTML tersebut. Sebagian besar sintaks PHP mirip dengan bahasa C, Java, dan Perl. Sintaks-sintaks PHP diawali  dengan <?php dan di akhiri dengan ?>.

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya. Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada penjelajah web, tetapi prosesnya secara keseluruhan dijalankan pada server web.

Read More

Pengertian JavaScript

JavaScript adalah sekumpulan perintah khusus yang digunakan untuk membuat sebuah halaman web yang lebih responsif dan interaktif. JavaScript merupakan bahasa script yang dicantumkan pada sebuah halaman web dan dijalankan pada penjelajah web (web browser). JavaScript terutama terkenal karena penggunaannya di halaman web yang memberikan kemampuan tambahan pada HTML dengan mengizinkan pengeksekusian perintah di sisi user (penjelajah web), bukan di sisi server web.

JavaScript bergantung kepada penjelajah web yang memanggil halaman web yang berisi script-script dari JavaScript yang terselip di dalam dokumen HTML. Script JavaScript yang dimasukkan di dalam file HTML harus dimasukkan di antara tag <script> dan </script>. JavaScript tidak memerlukan kompilator atau program khusus untuk menjalankannya karena JavaScript sendiri sudah termasuk di dalam penjelajah web tersebut.

Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan (embedded). Script ini dapat membuka halaman pop up, melakukan validasi pada form sebelum data dikirimkan ke server, mengubah kursor ketika melewati objek tertentu, berkomunikasi dengan server, dan banyak yang lainnya.

Ada beberapa hal yang harus diperhatikan dalam penggunaan JavaScript, diantaranya JavaScript bersifat "case sensitive", yang artinya JavaScript membedakan huruf besar dan huruf kecil. Hal ini sama dengan bahasa pemrograman C++ dimana huruf "A" tidak sama dengan huruf "a". Sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua).

Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. Perbedaan mendasar antara keduanya adalah bahwa pemrograman Java dapat berjalan pada mesin virtual (video game, tablet) dan penjelajah web (Mozilla Firefox, Opera, Google Chrome, Safari, Internet Explorer) sedangkan JavaScript hanya dapat berjalan pada penjelajah web saja. Java merupakan bahasa pemrograman berorientasi objek murni sedangkan JavaScript digunakan secara prosedural. Java dikembangkan oleh Sun Microsystem sedangkan JavaScript dikembangkan oleh Netscape Inc.

Read More

Pengertian CSS

Cascading Style Sheet (CSS) adalah sekumpulan perintah khusus yang digunakan untuk mengatur tampilan sebuah halaman web di penjelajah web (web browser). CSS merupakan bahasa style sheet yang berisi aturan untuk mengendalikan beberapa komponen dalam sebuah halaman web sehingga akan lebih terstruktur dan seragam. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya, CSS dipakai untuk mengatur tampilan halaman web yang dibuat dengan bahasa HTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna table, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraph, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.

Kita dapat mengontrol konten atau isi dan tampilan secara terpisah. Perubahan konten tidak mengharuskan kita melakukan perubahan tampilan, demikian juga sebaliknya. Teknologi CSS dimaksudkan untuk mempermudah perancangan web yang indah dan fleksibel. Fleksibilitas adalah hal yang tidak akan diperoleh jika menggunakan HTML saja. Satu file CSS dapat digunakan untuk banyak halaman, sehingga perubahan desain visual untuk banyak halaman dapat dilakukan hanya melalui modifikasi satu file CSS.

Dalam teknik pembuatan tampilan halaman web terbagi menjadi beberapa tahapan sejarah yang berkembang dari waktu ke waktu, seperti Frame adalah cara lama yang sekarang ini sudah jarang digunakan, kemudian berkembang ke teknologi Tabel yang disukai oleh sebagian besar designer web yang ada, dan kini berubah menjadi teknologi CSS yang merupakan metode baru yang sekarang ini menjadi standar dalam pembuatan tampilan halaman web.

Read More

Pengertian HTML

HyperText Markup Language (HTML) adalah sekumpulan perintah khusus (disebut tag atau markup) yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah penjelajah web (web browser). HTML merupakan tipe bahasa pemformatan yang menambahkan perintah dalam dokumen teks standar ASCII untuk memberikan tampilan teks dan grafis dua dimensi yang terintegrasi. HTML berisi suatu instruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada halaman web.

Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan tag tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya bawaan dari penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan teks yang dikehendaki ke komputer yang menampilkan halaman web.

Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

Read More