Minggu, 27 Oktober 2013

Framed Web Pages


Cop: "Web Page, You've Been Framed!"
Web Page: "That's Ok! Now I can really control my content! Just
keep your eye on the top of this screen as you move
down with the right side scroll bar.."
Objectives
After this lesson you will be able to:
l Create a web page that consists of multiple frames
l Write hypertext links to load content into a specified area of a framed web page
l Write hypertext links that will load content into a page replacing the framed web page
l Modify the border attributes of a framed web page
Lesson
Note: If you do not have the working documents from the previous lessons, download a copy now.
You likely have seen web pages that use frames. If you have not already figured it out, this very page uses frames-- if
you scroll down through the page for this lesson, the links in the pale orange area at the top of the page stay fixed. It is in
a separate frame from the bottom portion.
Frames make this web page two different HTML documents-- one document defines the layout for the top portion with
the navigation links, and the other contains the remainder of this lesson. Each frame is independent of each other.
The advantage is clear for web sites that contain navigation links to many other web pages. For another example, see our
Multimedia Authoring Web, a searchable database that keeps all of the navigation and control elements in the left frame
while content is displayed in the right side.
Hyperlinks have special uses in framed web pages. Sometimes a hyperlink in one frame will replace the content in that
frame with new content. Other times a hyperlink will load new content in another frame. And you can have links that
will completely replace all of the frames with a new page. This is actually the same kind of link "targeting" we learned



What are some disadvantages of frames? As a web designer, you must keep track of more HTML documents. When
converted to a framed design, one single HTML file might end up as 3,4, or maybe 12 HTML files. For the viewer, a
framed page can take longer to load and display. Poorly designed, framed web pages look crowded and sometimes
amateurish. Frames also make it difficult to print paper copies of the entire page. Finally, you may be restricting some
users from your site if they have a web browser that does not support frames (most browsers since NetScape 2.0 and
Internet Explorer 3.0 display frames).
When should you use frames? The content should tell you. If there is a need to keep some elements on a web page
visible at times while changing the content of other areas, frames can be effective. You can get a better sense by
examining other web sites and see how they use frames.
Frame Basics
A web page that uses frames consists of a "master" HTML document, that we'll call the "blueprint" for the layout, that
defines the framesets, or the arrangement of the framed areas on the page. This is the document that loads the frame
structure and the one that represents the URL for the framed page.
You can devise many ways to slice and dice the web page area:
Each of the sub-divided areas will be associated with an HTML file that defines what goes into that particular box.
Therefore, the first step is to sketch out how the page should be divided up and how much relative space each area
needs.
Once you have a visual idea, you must define it in terms of rows and columns, similar to the approach for designing
tables


Each collection of rows and columns makes up an HTML frameset and the HTML "blueprint" document for the framed
page can have one or more framesets. The HTML format is slightly different from the ones we've created so far-- it lacks
a set of <body>...</body> tags. This make sense from what we learned way back in lesson 1 since none of the
frameset definitions actually specify the content that appears on the web page (normally everything inside the
<body>...</body> tags,) but rather the structure of how they are arranged.
Below is a generalized format for a "blueprint" HTML document:
<!doctype html public "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Title of this Whole Page</title>
</head>
<FRAMESET ROWS/COLS="X,Y,...Z">
<FRAME SRC="frame_source1.html">
<FRAME SRC="frame_source2.html">
:
:
<FRAME SRC="frame_sourceN.html">
</frameset>
<NOFRAMES>
This is what someone would see who does not have a web
browser that can display frames.
</NOFRAMES>
</html>


NOTE: Each frameset defines either a set of rows or columns (either <FRAMESET ROWS=...> or
<FRAMESET COLS=...>). The values of X, Y, and Z indicate the amount of screen area each
row/column will occupy, either in percentages of the browser window size, or an absolute number of
pixels. The number of items in this list defines the number of rows or columns. For each
row/column specified, this dimension is associated with the HTML document specified in the
subsequent list of <FRAME SRC=...> tags.
A browser that cannot display frames will ignore everything between the <FRAMESET> ...
</frameset> tags and display what is inside of the <NOFRAMES> ... </NOFRAMES> tags. On
the other hand, web browsers that can display framed content will ignore what is inside the
<NOFRAMES> ... </NOFRAMES> tags.
The most challenging part of designing framed web site is developing the layout structure of this main document. To
repeat, the numbers that you provide in the <FRAMESET...> tag, indicate the number of and the dimensions of a set of
rows or columns in the page. You can use either percentages (i.e. ROWS=10%,30%,60%) or absolute numbers of
screen pixels (i.e. COLS=100,300,80,200). The choice of this depends on whether the design requires a particular
frame to always be the same size (use absolute pixels) or if it can scale to the proportions of the viewer's browser
window (use precentages). You will see more examples as we go along.

NOTE: Each frameset defines either a set of rows or columns (either <FRAMESET ROWS=...> or
<FRAMESET COLS=...>). The values of X, Y, and Z indicate the amount of screen area each
row/column will occupy, either in percentages of the browser window size, or an absolute number of
pixels. The number of items in this list defines the number of rows or columns. For each
row/column specified, this dimension is associated with the HTML document specified in the
subsequent list of <FRAME SRC=...> tags.
A browser that cannot display frames will ignore everything between the <FRAMESET> ...
</frameset> tags and display what is inside of the <NOFRAMES> ... </NOFRAMES> tags. On
the other hand, web browsers that can display framed content will ignore what is inside the
<NOFRAMES> ... </NOFRAMES> tags.
The most challenging part of designing framed web site is developing the layout structure of this main document. To
repeat, the numbers that you provide in the <FRAMESET...> tag, indicate the number of and the dimensions of a set of
rows or columns in the page. You can use either percentages (i.e. ROWS=10%,30%,60%) or absolute numbers of
screen pixels (i.e. COLS=100,300,80,200). The choice of this depends on whether the design requires a particular
frame to always be the same size (use absolute pixels) or if it can scale to the proportions of the viewer's browser
window (use precentages). You will see more examples as we go along.

Frame Basics

A web page that uses frames consists of a "master" HTML document, that we'll call the "blueprint" for the layout, that defines the framesets, or the arrangement of the framed areas on the page. This is the document that loads the frame structure and the one that represents the URL for the framed page.

Each of the sub-divided areas will be associated with an HTML file that defines what goes into that particular box. threfore, the first step is to sketch out how the page should be divided up and how much relative space each area neds.

Kamis, 17 Oktober 2013

Aplikasi Ini Bisa Prediksi Risiko Bunuh Diri!


Kasus bunuh diri menjadi perhatian sebagian pengembang aplikasi untuk membantu meminimalisir jumlah korban. Adalah sebuah inisiatif yang sangat terpuji yang disebut Durkheim Project digadang-gadang dapat meminimalisir resiko bunuh diri melalui jejaring sosial Facebook, Twitter dan LinkedIn.

Dilansir dari Mashable,  Durkheim Project adalah proyek pengembangan software dengan menggunakan kecerdasan ( AI ) algoritma buatan,  untuk mengidentifikasi kata-kata umum dan random serta frase yang kerap digunakan oleh mereka yang mungkin akan melakukan bunuh diri.
Program yang diluncurkan pada 2 Juli 2013 lalu ini, saat ini hanya menargetkan veteran-veteran perang yang memiliki tingkat bunuh diri yang amat tinggi. Aplikasi Durkheim Project yang dapat diinstal di iOS dan Android ini dapat  melacak beragam postingan pengguna dan meng-upload ke database medis. Sebuah AI medis memonitor data secara real time, lalu memilih pola yang dapat mengakibatkan menyakiti diri atau kecenderungan bunuh diri. Aplikasi Durkheim Project memantau beragam konten dan postingan pengguna tersebut dari Facebook , Twitter dan LinkedIn. Lalu menyimpan informasi dari perangkat mobile pengguna. Sebuah database di Geisel School of Medicine di Dartmouth University akan melacak lokasi pengguna dan pesan teks, dan tidak akan berbagi informasi dengan pihak ketiga. Selain itu, sistem informasi tersebut akan dijaga oleh firewall untuk menangkal calon hacker.

Chris Poulin ( Kepala Peneliti Utama Durkheim Project) mengatakan bahwa " studi yang mereka mulai tersebut dengan berbagai mitra penelitian, akan membangun basis pengetahuan yang kaya yang akhirnya bisa memungkinkan intervensi tepat waktu oleh para profesional dalam menginformasikan kesehatan mental seseorang. Chris juga beranggapan bahwa meskipun proyek ini tetap memiliki celah. Namun demikian versi masa depan dari aplikasi tersebut dapat memberitahukan profesional jika seseorang tampaknya berada pada risiko untuk melakukan hal yang berbahaya.
Sejak veteran melakukan bunuh diri jauh lebih sering daripada masyarakat umum , Durkheim Project  bisa sangat berguna dalam mendapatkan beberapa data yang paling berharga dengan melacak pengguna aktif media sosial sebelum melakukan bunuh diri .

Sebelum proyek ini dimatangkan, Chris dan team-nya meneliti media sosial para veteran yang aktif secara online. Hasil temuan mereka sangat mengejutkan bahwa lebih dari 65% pengguna veteran tersebut kemudian bunuh diri. Chris dan team peneliti menemukan banyak kata kunci yang saling berkaitan, yang mengkerucut pada resistensi perilaku bunuh diri.  Para peneliti dengan teratur melacak segala penggunaan kata, gaya bahasa hingga frasa yang diposting oleh para veteran perang tersebut, yang cenderung bernada negatif.

Beberapa pihak ternyata melihat Durkheim Project memiliki banyak celah. mereka berpendapat, bahwa tidak tiap orang yang mem-posting kata-kata bernada keras dan negatif memiliki keinginan untuk bunuh diri. Dan bagi mereka yang merasa akan melakukan bunuh diri, cenderung untuk menjauhi segala bantuan bahkan lebih sering mengasingkan diri ketimbang update status di jejaring sosial.

Apapun kontroversi yang lahir kemudian, Proyek Durkheim bukan tidak mungkin mencapai tujuan jangka panjang, yakni mengurangi jumlah resiko bunuh diri. Dan Chris berharap banyak pihak dan investor yang menyambut positif proyek mulia ini, untuk membantu mereka dalam menyempurnakannya. (Nariswari)

Ini Daftar Aplikasi Terbaru yang Tersedia untuk BlackBerry 10



Ini Daftar Aplikasi Terbaru yang Tersedia untuk BlackBerry 10
Sejumlah aplikasi baru kini kembali tersedia bagi pengguna BlackBerry 10. Dari sekian banyak aplikasi, ada aplikasi bernama BlackBerry Work Drives.

Aplikasi BlackBerry Work Drives yang kini sudah tersedia untuk pengguna BlackBerry 10 itu adalah aplikasi yang ditujukan bagi pelanggan BlackBerry Enterprise Server 10. Aplikasi ini bisa membantu meningkatkan produktivitas mereka, memungkinkan untuk mengakses konten dari jarak jauh, mengedit sekaligus mengelola konten di jaringan korporat.

Selain aplikasi yang mendukung produktivitas pengguna, ada dua game terbaru dari Unity Games telah hadir di BlackBerry 10, yakni Falling Fred dan Downhill Bowling 2. Game ini sangat sempurna untuk mengisi waktu istirahat Anda setelah berjibaku dengan jadwal yang sibuk.

Sementara aplikasi ABC Player yang juga tersedia untuk BlackBerry 10, akan memanjakan pengguna melalui program ABC favoritnya, seperti Scandal, Modern Family, dan Grey's Anatomy!

Berikut beberapa aplikasi terbaru yang kini tersedia untuk BlackBerry 10:
  • Games:  Downhill Bowling 2 (Unity Games), Falling Fred (Unity Games), SimCity Deluxe (Electronic Arts, Inc.), Phase 10 (Magmic), Design this Home (Marmalade Play), Quarrel (Indiagames Ltd)
  • Multimedia: Audioboo (Audioboo Ltd), ABC Family (ABC Family), ABC Player (ABC Digital), Nubeox (Nubeox)
  • Bisnis dan Produktivitas: BlackBerry Work Drives, Kotak Bank (Kotak Mahindra Bank Limited), RBC Mobile (Royal Bank of Canada), CIBC Mobile Payment (Canadian Imperial Bank of Commerce), Caroni Movil (Totaltexto)
Adapun aplikasi yang menurut para developer BlackBerry 'wajib dimiliki' antara lain:
  1. Go Seek (Fuzzy Bug Interactive), aplikasi game ini menyenangkan dengan grafis yang menakjubkan.
  2. Snuggle Truck (Unity Games): Snuggle Truck adalah driving game dengan fisik yang menakjubkan dimana Anda harus membawa kargo Anda yang berisi hewan-hewan ke kebun binatang secara cepat.  Miringkan truk Anda, tangkap hewan-hewan terbang, hindari TNT, melompat dari bukit, dan ledakkan bukit, gua, gurun, dan hutan dan tetap menjaga hewan-hewan agar tetap berada di dalam truk! Sangat-sangat membuat kita penasaran.
  3. Whack A Poll (Game VNS): dengan gameplay yang sederhana dan grafik yang menakjubkan, Whack a Poll adalah game yang bisa dinikmati oleh semuanya.
  4. The Secret of Space Octopuses (Midgar Studio) Ikuti Little Buddy saat ia dan penduduk desanya melarikan diri dari kejaran alien di dalam adventure game yang sangat menyenangkan dan secara visual sangat hebat.