Pages

Tuesday 1 September 2015

Font End And Back End


 

 In software engineering, the terms "front end" and "back end" are distinctions which refer to the separation of concerns between a presentation layer and a data access layer respectively. The front end is an interface between the user and the back end. The front and back ends may be distributed amongst one or more systems.

In software architecture, there may be many layers between the hardware and end user. Each can be spoken of as having a front end and a back end. The front is an abstraction, simplifying the underlying component by providing a user-friendly interface.

 In software design, for example, the model-view-controller architecture provides front and back ends for the database, the user and the data processing components. The separation of software systems into front and back ends simplifies development and separates maintenance. A rule of thumb is that the front (or "client") side is any component manipulated by the user. The server-side (or "back end") code resides on the server. The confusion arises when one must make front-end edits to server-side files. Most HTML designers, for instance, don't need to be on the server when they are developing the HTML; conversely, the server-side engineers are, by definition, never on anything but a server. It takes both to ultimately make a functioning, interactive website.



In network computing, front end can refer to any hardware that optimizes or protects network traffic. It is called application front-end hardware because it is placed on the network's outward-facing front end or boundary. Network traffic passes through the front-end hardware before entering the network.

 In content management systems, the terms front end and back end may refer to the end-user facing views of the CMS and the administrative views, respectively.

 In compilers, the front end translates a computer programming source code into an intermediate representation, and the back end works with the intermediate representation to produce code in a computer output language. The back end usually optimizes to produce code that runs faster. The front-end/back-end distinction can separate the parser section that deals with source code and the back end that generates code and optimizes. Some designs, such as GCC, offer choices between multiple front ends (parsing different source languages) or back ends (generating code for different target processors).

 In speech synthesis, the front end refers to the part of the synthesis system that converts the input text into a symbolic phonetic representation, and the back end converts the symbolic phonetic representation into actual sounds.

Web Responsive




Responsif reka bentuk web (RWD) adalah satu pendekatan reka bentuk web yang bertujuan menyediakan tontonan optimum dan interaksi pengalaman mudah membaca dan navigasi dengan sekurang-kurangnya saiz semula, panning, dan boleh merentasi pelbagai peranti (dari komputer desktop monitor untuk telefon mudah alih).

 

Konsep fluid grid memerlukan elemen halaman saiz berada dalam unit relatif seperti peratusan, dan bukannya unit mutlak seperti mutlak. Imej fleksibel juga bersaiz dalam unit relatif, untuk menghalangnya daripada memaparkan luar kandungan element mereka. Media queries membolehkan halaman untuk menggunakan peraturan gaya CSS yang berbeza berdasarkan ciri-ciri peranti tapak sedang dipaparkan pada, biasanya pelayar lebar.

 

 

Reka bentuk web Responsif menjadi lebih penting kerana jumlah trafik mudah alih kini mencakupi lebih separuh daripada jumlah trafik internet. Trend ini begitu berleluasa sehinggakan Google telah mula meningkatkan penarafan laman web yang mudah alih jika carian itu dibuat daripada peranti.



CSS



Ia adalah gaya bahasa yang ditugaskan untuk menentukan susur atur dokumen HTML. ia meliputi objek seperti background untuk colour, image dan sebagainya.


Ia adalah halaman Web yang diperolehi daripada pelbagai sumber dengan arahan yang ditetapkan keutamaannya di mana-mana takrifan percanggahan unsur gaya. The Cascading Style Sheet, tahap 1 (CSS1) cadangan dari World Wide Web Consortium (W3C), yang dilaksanakan dalam versi terbaru Netscape dan Microsoft pelayar Web, menyatakan lembaran gaya yang mungkin atau kenyataan-kenyataan yang boleh menentukan berapa elemen yang diberikan dibentangkan dalam laman Web.


CSS memberikan lebih kawalan ke atas penampilan laman Web kepada pencipta halaman daripada pereka pelayar atau penonton.



Saturday 1 August 2015

What is Bootstrap

Bootstrap adalah koleksi alat percuma dan sumber terbuka untuk membina laman web dan aplikasi web. Ia mengandungi HTML- dan template reka bentuk berasaskan CSS untuk tipografi, borang, butang, pelayaran dan komponen antara muka lain, serta JavaScriptextensions pilihan. Ia bertujuan untuk memudahkan pembangunan laman web dinamik dan aplikasi web.

Bootstrap, pada asalnya dinamakan Twitter Blueprint, telah dibangunkan oleh Mark Otto dan Yakub Thornton di Twitter sebagai rangka kerja untuk menggalakkan konsisten di seluruh alat dalaman. Sebelum Bootstrap, pelbagai perpustakaan telah digunakan untuk pembangunan antara muka, yang membawa kepada percanggahan dan beban penyelenggaraan yang tinggi.
Sejak versi 2.0 ia juga menyokong responsif reka bentuk web. Ini bermakna susun atur laman web menyesuaikan dinamik, dengan mengambil kira ciri-ciri peranti yang digunakan (desktop, tablet, telefon bimbit).
Bermula dengan versi 3.0, Bootstrap mengamalkan falsafah reka bentuk mudah alih pertama, menekankan reka bentuk responsif secara lalai.


Bootstrap adalah sumber terbuka dan boleh didapati GitHub. Pemaju digalakkan untuk mengambil bahagian dalam projek itu dan memberi sumbangan mereka sendiri untuk platform.

Jenis Jenis HCI

a)Antara muka baris arahan ( Command­line Interface / CLI )

Pengguna menyediakan input dengan menaip satu arahan pada papan kekunci komputer

dan sistem bertindak dengan memaparkan teks pada monitor computer.

b)Antara muka grafik ( Graphical User Interface )

Antara muka grafik digunakan untuk manipulasi ikon secara terus dengan menggerakkan

sesuatu peranti contohnya tetikus untuk melaksanakan tugas tertentu. Sebagai contoh,

memindahkan satu fail dari satu folder ke dalam folder yang lain dengan menggunakan

tetikus.

c) Antaramuka berpandukan menu ( Menu­driven User Interfaces )

Antaramuka berpandukan menu membenarkan pengguna untuk mencapai arahan melalui

menu.

d)Antaramuka Segera ( Prompt User Interface )

Antaramuka segera mempercepatkan pengguna untuk memasukkan input, meminta

maklumat serta pergi ke langkah yang seterusnya. Sebagai contoh, komputer meminta

pengguna untuk memasukkan ID pengguna dan kata laluan untuk terus pergi ke

antaramuka yang berikutnya.

e) Antaramuka Melalui Suara ( Voice User Interface / VUI )

Antaramuka melalui suara membenarkan pengguna berinteraksi dengan menggunakan

aplikasi bahasa percakapan. Segala rakaman atau ucapan yang telah disintesis

dimainkan kepada pengguna semasa dialog.

f) Antaramuka Pelbagai Modal Pengguna ( Multi­modal User Interfaces )

Antaramuka Pelbagai Modal Pengguna merujuk kepada interaksi antara maya dan

persekitaran fizikal melalui komunikasi mod semula jadi. Selain itu, kaedah output

juga dapat digunakan bagi tujuan ini seperti menggunakan ucapan yang disintesis, grafik

bijak dan lain­lain.

Human Computer Interaction

Definisi

Interaksi manusia­komputer (HCI) ialah tentang penyelidikan terhadap reka bentuk dan

penggunaan teknologi komputer, dengan tumpuan khusus kepada antara muka(interfaces) antara

manusia (pengguna) dan komputer. Para penyelidik dalam bidang HCI kedua­dua memerhatikan

cara­cara manusia berinteraksi dengan komputer dan teknologi reka bentuk yang membolehkan

untuk manusia berinteraksi dengan computer.

Matlamat

Matlamat HCI mengkaji bagaimana cara­cara manusia membuat, atau tidak membuat,

menggunakan artifak pengkomputeran, sistem dan infrastruktur. Dengan berbuat demikian, banyak

penyelidikan dalam bidang yang berusaha untuk meningkatkan `'interaksi manusia­komputer

dengan meningkatkan kebolehgunaan`' antara muka computer

Pengguna

Pengguna yang berbeza membentuk konsep yang berlainan dan mempunyai cara yang berbeza

untuk belajar dan menyimpan pengetahuan terhadap komputer.

Komputer

Komputer adalah alat elektronik yang memanipulasi maklumat, atau data. Ia mempunyai

kebolehan untuk menyimpan, mendapatkan semula, dan memproses data.

Interaksi

HCI memastikan bahawa pengguna mendapat berinteraksi di antara satu sama lain.. Dalam hal

sebenar,pengguna dapat berinteraksi melalaui computer. Idalah sangat penting, dan ia adalah

penting untuk mencari keseimbangan antara apa yang akan menjadi ideal untuk pengguna dan apa

yang boleh dilaksanakan dalam realiti.