반응형
반응형

캡챠(CAPTCHA) - Completely Automated Public Test to tell Computers and Humans Apart

: 문자판별을 요구하는 테스트.

  인터넷상에서 사람인지 기계인지 구분할 목적으로 쓰이는 일련의 테스트를 말한다.

 

* 캡챠 디자인 요건

 - 정상 범위의 사람이 인식할 수 있는 범위에서 왜곡된 문자들로 구성한다.

 - 기존에 알려진 기계 또는 소프트웨어로는 판독이 불가능한 문자 이미지로 디자인한다.

 

캡챠 제공 사이트 : http://www.google.com/recaptcha

 

CAPTCHA : http://ko.wikipedia.org/wiki/CAPTCHA

 

CAPTCHA(Completely Automated Public Turing test to tell Computers and Humans Apart, 캡차)는 HIP(Human Interaction Proof) 기술의 일종으로, 어떠한 사용자가 실제 사람인지 컴퓨터 프로그램인지를 구별하기 위해 사용되는 방법이다. 사람은 구별할 수 있지만 컴퓨터는 구별하기 힘들게 의도적으로 비틀거나 덧칠한 그림을 주고 그 그림에 쓰여 있는 내용을 물어보는 방법이 자주 사용된다. 이것은 기존의 텍스트와 이미지를 일그러뜨린 형태로 변형한 후 인식 대상이 변형된 이미지로부터 기존 이미지를 도출해 낼 수 있는지를 확인하는 방식의 테스트이다. 컴퓨터 프로그램이 변형시킨 이미지는 사람이 쉽게 인식 할 수 있지만 컴퓨터 프로그램은 변형된 이미지를 인식하지 못하므로 테스트를 통과하지 못한다면 테스트 대상이 사람이 아님을 판정할 수 있다. 흔히 웹사이트 회원가입을 할 때 뜨는 자동가입방지 프로그램 같은 곳에 쓰인다.

CAPTCHA는 기기가 사람을 대상으로 하는 테스트이므로 사람에 가까운 기기를 대상으로 하는 테스트인 튜링 테스트(Turing test)에서 용어를 따와 리튜링 테스트(re-Turing test)라고 부르기도 한다.


목차

[숨기기]

 

 

 

반응형
반응형

* 빅데이터 3대 활용 요소

자원

 활용할 수 있는 빅데이터 발견 

기술

 빅데이터 플랫폼의 데이터 저장/관리 기술(NoSQL, ETL) 및 처리 기술(Hadoop)

인력

 Data Scientist 역량 향상

 

NoSQL(Not only Sql)은 지금까지 사용되왔던 관계형 데이터베이스 모델에 얽매이지 않고 비테이블 기반이다.

NoSQL은 추가/추출 Operation과 레코드 저장 기능에 대해서 최적화가 적용되어 대용량 데이터 처리에 대해서

기존 관계형 데이터베이스가 가지고 있던 단점을 보완할 수 있다.

 

* 클라우드 서비스에 적용되는 데이터베이스 솔루션

 

 가상 머신 기반으로 적용

데이터베이스 서비스 

 SQL

데이터 모델

 - Oracle DB

 - IBM DB2

 - Ingres

 - PostgreSQL

 - MySQL

 - NuoDB

 - GaianDB

 - MySQL

 - MS-SQL

 - Heroku PostgreSQL

 - Clustrix DB

 - Xeround cloud DB

 - EnterpriseDB Postgres + Cloud DB

 NoSQL

데이터 모델

 - CouchDB(아마존)

 - Hadoop(아마존)

 - Apache cassandra(아마존)

 - Neo4J(아마존)

 - MongoDB(아마존)

 - Amazon DynamoDB

 - Amazon SimpleDB

 - Cloudant Data Layer

   (CouchDB)

 - Google AppEngine DataStore

 - MongoDB

 

HBase는 구글 빅테이블의 클론 솔루션이며 무한한 데이터 수용 확장성을 지원한다.

HBase는 HDFS(Hadoop Distributed File System)에 구현한 분산 칼럼 기반 데이터베이스이며,

 대규모 데이터셋에 실시간으로 랜덤 엑세스가 필요할 때 사용할 수 있는 Hadoop 응용프로그램이다.

 

* Oracle NoSQL Database 특징

  • 단순한 데이터 모델 지원(Major/Sub key를 사용한 key/value 쌍 지원)
  • 단순한 프로그래밍 모델 지원(ACID transaction과 JSON 지원)
  • Oracle DB & Hadoop 연동
  • 확장가능한 throughput 제공
  • 동적인 용량 추가 동작 지원
  • 설정 가능한 다중 복제를 이용한 높은 가용성 제공

* MongoDB 특징

  • 실행용 공식 Binary 파일은 Windows,Mac, Linux, Solaris에서 사용가능
  • 공식 드라이버는 C,C#,C++, Haskell, JAVA, javascript, Perl, PHP, Python, Ruby, Scala에서 사용가능
  • 임시(Ad-hoc) Javascript Query 지원(모든 문서 속성에서 기준을 사용해 데이터 검색)
  • Query에서 정규 표현식 지원
  • MongoDB의 Query 결과는 limit(),skip(),sort(),count(),distinct(),group()을 포함해 필터링과 수집 및 정렬에 필요한 다양한 함수를 제공하는 커서에 저장
  • 고급 수집용 map/reduce 구현
  • GridFS를 사용하는 대용량 파일 스토리지
  • RDBMS 형태의 속성 인덱싱 지원
  • Query 최적화 기능 지원
  • MySQL 과 비슷한 Master/Slave 복제
  • 참조쿼리를 허용하는 콜렉션 기반 오브젝트 스토리지
  • Auto-sharding 을 이용한 수평적 확장
  • 고성능의 동시성을 구현 가능 : 제자리 쓰기(In-place update)

 

반응형

'프로그래밍 > DataBase' 카테고리의 다른 글

[NoSQL] Riak - Full Text Search  (0) 2013.03.18
[NoSQL] Visual Guide to NoSQL Systems  (0) 2013.03.18
카산드라 - Apache Cassandra  (0) 2013.01.29
[Mobile] SQLite - 모바일기기  (0) 2012.11.07
[Oracle] 오라클 HINT  (0) 2012.09.26
반응형

An open-source GUI prototyping tool that's available for ALL platforms.

Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.

The latest stable version of Pencil is 2.0.3 with many enhancements and bug-fixes.

Project News

November 28th, 2012 - Pencil version 2.0.3 has been released with minor enhancements and bug fixes.

 

Standalone version for your own operating system

Different builds of Pencils are made for popular operating systems. Please select the build on the right side and start installing Pencil.

Please note that Pencil is also available in the software repositories of Fedora and ArchLinux. Users of these GNU/Linux distros can install Pencil using the built-in package manager. Packages delivered via these repositories may be a little bit out dated in comparison with the latest builds available here.

Fedora Linux (16, 17, 18) users:
# yum install pencil

ArchLinux users:
# yaourt -S pencil

Firefox Extension

Pencil is built on top of Mozilla technologies and can be installed into your Firefox as an extension.

반응형
반응형

http://codevisually.com/galleria-a-responsive-image-gallery-framework-in-javascript/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+CodeVisually+%28CodeVisually%29&utm_content=FaceBook

 

Galleria — A responsive JS image gallery framework

Galleria is a responsive image gallery framework built in JavaScript. It makes it simple to create attractive image galleries for the web adn mobile. It doesn’t require programming skills, makes it easy to pull content from several sources (including Flickr, Picasa, and YouTube), and is free without any restrictions. You can even create tailored themes for your projects on a single core.

galleria

반응형
반응형

30 jQuery UI Framework Plugins

http://designmodo.com/jquery-ui-framework-plugins/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+designmodo+%28Designmodo%29

jQuery, is it a popular buzzword or an effective JavaScript, what to say and how to define it? Yes, they both add values to the word jQuery. It is a popular JavaScript and a rocking word in the web industry nowadays. jQuery is being used by 40% of the websites nowadays. And, its demand is getting more and more because of its updated and feature content plugins. The functional boundaries are constantly getting pushed forward by the jQuery plugins because of the actual release of new plugins every now and then.

The web designer face the biggest challenge in their life about how to satisfy the customers with their websites and do you say it is not that much tough to make it possible? You can’t because you might have experienced the same. This popular JavaScript library is in the list of most commonly used script libraries that too by most popular websites.

It is needless to say that jQuery plugins increases performance and attractiveness of a blog. So since beginning we have been contributing informative articles about jQuery. We have previously published jQuery scrolling plugins, jQuery plugins for Responsive websites, jQuey plugins and coding techniques and many more. If you are a newbie you may find this guide to jQuery very helpful. In order to help you to find some of the freshest jQuery plugins, we have rounded up a list of 30 amazing jQuery plugins.

turnjs

This JavaScript library will make your web content look like a real time book. It has developed for HTML 5 applications. And, you can expect this to go well with other gadgets like tablets and even Smartphones. It’s a very less space occupying plugin, say something around 15 kilobytes.

dd Slick

It is one another small size JavaScript plugin which will let the users to create a dropdown box in their web pages and the thing is it not only allows the texts as dropdown lists, but also it lets you include images too.

Sparklines

You want to depict some graphs in your web pages? Here you go with this JavaScript plugin. Sparklines will let you create small inline charts. The input data for the charts should be provided through JavaScript or using inline in the HTML.

Slidesjs

As the name suggests, this query will provide you a way for creating a simple slideshow. The slideshow will contain all features like a normal one say the auto play, slide transition effects, fade etc.

Zoomy

Here again the name suggests the functionality of the plugin. This plugin will let you magnify the picture easily and quickly. You should be ready with two copies of the same pictures that you want to zoom.

Spritely

This jQuery plugin deals with creating animation characters and background animations using java script and HTML. It is one another light weight and simple jQuery. Make your website more animated and lively with the help of this plugin.

Hover intent

It’s a plugin where the main goal is to work based on the web user’s intent. It is similar to that of the function of jQuery’s built-in-hover functionality, but expresses some difference in terms of mouse movement.

gMap

You wish to embed the Google maps in your website? Make it possible using this plugin. You can customize it as per your needs and again, the size of this plugin is too small.

Jeditable

A plugin used for editing the contents. This functionality requires very few lines of JavaScript code.

prettyPhoto

If you want to support not only images, but also videos, flash and other image formats, then this plugin will be more useful for you. Almost all of the web browsers will accept this plugin and the setup is too simple.

Ajax fancy captcha

A big challenge for all web owners is to protect their website from bots and spams. And, this plugin helps you with that by providing you the way for creating captcha.

Star Rating plugin

As the name suggests, this plugin is for providing ways to create a rating functionality in your website. You can simply turn out your radio boxes into star ratings with very simple code.

Pagination

When you have so many pages in your website, there you will find this plugin very useful. The users can be easily navigated through pages, if you use this plugin to include page numbers on your website.

Tablesorter 2.0

This plugin will let you sort the tables, if you have any in your website in a sortable format. It is possible to sort even linked data in the table using this plugin.

Fullcalendar

It’s a plugin for developing full customized and useful drag-drop calendar. You can easily customize this calendar as per your needs and requirements. You can use your own feed format for the data for calendar.

Date picker

Selecting particular date ranges is possible with this jQuery plugin. It will provide you a standard form of input field. You will get either a popup or inline calendar with this plugin.

jLy1

Shortened URLs are really useful. Sharing your favourite links to others goes easier with the help of shortened URLs. And, that’s become possible with the help of lLy1 jQuery plugin.

Tocify

You could have seen table of contents in book front page. And, this became more common nowadays in websites too. And, the same can be achieved using this jQuery plugin. It makes user to navigate to the particular content topic or page that they wish to access.

Noty

Create warnings, ideas, errors, alert messages etc. using this plugin. It will be useful for almost all of the website owners because displaying error or warning messages is more needed now for user’s support and convenience.

jScrollbar

Do you have to more content in your website and want to add a customized scrollbar to your webpage? Just get it done through this plugin.

idTabs

You can add tabs to your website using this plugin. You will find similar type of plugins a lot, but this will be more useful and flexible.

Progress bar plugin

The name itself explains that this plugin is used to indicate the progress status of either loading your website or a particular topic or whatever progressing stages it is.

Color picker

The color picker which you will generally see available in photoshop or any photo editors can be added to you website using this jQuery plugin.

qTip

A tooltip plugin, more user friendly and at the same time more feature rich will have lots and lots of useful features. You will get tips in speech bubble format, rounded corner edges format etc.

jqGrid

This plugin will let you insert grids in your webpages or in a particular place in your website. It is possible to toggle between front and back of the webpage.

Kendo UI

Its programming interface, MVVM framework, Data Source, internationalization and many other features makes it the most desirable jQuery plugins for web developers.

Shadow

You can create shadow and drop shadows for images using this jQuery plugin. Such kind of shadow appearing images will generally look appealing and attractive.

Calx

This plugin will be helpful for creating calculation form using JavaScripts. This is the initially released version and lots of development has been made recently.

BackToTop

This phrase you could have seen in almost all of the websites. You may be at the bottom of the website and you can suddenly reach the top using the button ‘Back to Top’.

Autosize

This plugin allows automatic resizing of the text based on the text area space and height. When used this plugin, the text area will grow when the input length grows.

Conclusion

jQuery’s success and popularity is all because of the web development community globally and everyone deserves the full credit for it. It continues to grow more and it is more thriving. Just get informed about all jQueries and be a successful web developer!



Source: http://designmodo.com/jquery-ui-framework-plugins/#ixzz2LxmU3odk

반응형
반응형

 

60+ Responsive Web Design Tutorial Roundup – Spoil Your Mobile visitors!

by Lars on February 19, 2013

responsive-web-design-tutorial

Time to learn responsive web design and development techniques? In this huge collection, I am sure you will find the responsive web design tutorial you need to get started!

With more than 1 billion mobile Internet users, the demand for building professional and user-friendly mobile websites is exploding right now. Up to date statistics show that close to 12% of internet users are browsing from mobile devices and the number is constantly growing. This leaves us with no doubt about investing time and money into spoiling mobile visitors on our website.

Many web designers use responsive frameworks as the foundation in their web project to leverage the many hours of work, experience and maturity experts put into many of them. It is also a popular trend to take offset in a responsive website HTML5 template or a WordPress theme with a build in responsive layout.

Ethan Marcotte started the responsive web design trend back in May 2010. He wrote an article about the need for a more flexible approach to web design, “Responsive Web Design,” for A List Apart. Today most new websites are responsive somehow, but the responsive behavior vary a lot. Some websites and templates have several designs that are perfectly adapted to specific view port sizes, while many still only have one layout for pc screens and one for small mobile devices. The effort required to do it right should not be underestimated. Checking a few well-written responsive web design tutorials is a good start to learn and find inspiration.

Please take time to leave a comment and share this resource with co-workers that you think need to learn about responsive web design.

 

Responsive Column Layouts – MORE INFO

responsive-column-design

In this tutorial you will learn a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class.

Responsive Web Design using CSS3 - MORE INFO

resposive-web-design-tutorial-1

This responsive web design tutorial explain you how to use CSS 3 @media property (known as media queries) and working with Internet Explorer using Modernizr.

CSS Only Responsive Layout With Smooth Transitions – MORE INFO

css-responsive

A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only.

Responsive Design With CSS3 Media Queries – MORE INFO

css3-with-media-design-queries

This responsive web design tutorial will show you how to create a cross-browser responsive design with HTML5 & CSS3 media queries.

Responsive Pricing Tables Using :target for Small Screens – MORE INFO

responsive-target

In this tutorial you will learn how to make a fluid pricing table, then alter the way it’s displayed at different viewport sizes using media queries.

Creating a CSS3 Responsive Menu – MORE INFO

creating-css3-responsive-menu

This tutorial aims to provide step by step instructions to enable you to create a responsive navigation menu that adapts to varying screen sizes, with the help of CSS media queries.

Create a Responsive Web Design Template – MORE INFO

create-reponsive-web-design-template

In this tutorial, you will learn how to make a (very simple looking) web template that is responsive from desktop size down to mobile version.

Responsive Design in 3 Steps – MORE INFO

responsive-design-in-3-steps

In this tutorial you will learn how to do the basic logic of responsive design and media queries in 3 steps (assuming you have the basic CSS knowledge)

Responsive Data Tables – MORE INFO

responsive-data-tables

This tutorial will show you how to create and format a responsive data table.

Turn Any Site Into a Responsive Site – MORE INFO

turn-responsive

This tutorial will teach you some techniques on how to take your current site and turn it into a mobile friendly one, with little effort.

Typography Responsive Web Design – MORE INFO

typography-responsive-web-design

This tutorial will be discussing typography vis a vis responsive web design. Our focus will be on typography strictly in relation to responsive web design only.

Responsive Menu Concepts – MORE INFO

responsive-menu-concepts

This tutorial will teach you four concepts on how to handle navigation menus for small screens.

CSS Effect: Space Image Out to Match Text Height – MORE INFO

spacing-out

This responsive website tutorial will teach you how to properly space out images to match text height.

Scalable Navigation Patterns in Responsive Web Design – MORE INFO

scalable-navigation-patterns-responsive

This tutorial focuses on how to deal with deep navigation in the landscape of a templated environment.

Building a Responsive Layout with Skeleton: jQuery Plugins – MORE INFO

building-layout

In this tutorial you will learn various jQuery plugins to utitlize in order to pull Twitter and Flickr feeds to a page, plus a responsive slider plugin for our features area at the top.

Responsive Resume – MORE INFO

reponsive-resume

This tutorial will teach you how to create a mobile responsive resume to attract new projects.

Techniques for Gracefully Degrading Media Queries – MORE INFO

broken-media

This tutorial will teach you how to implement CSS Media Queries for mobile web.

CSS Elastic Videos – MORE INFO

css-elastic-videos

In this responsive web design tutorial, you will learn how to make embedded videos elastic (responsive) to browsers.

Build a Responsive Filterable Portfolio with CSS3 Twists – MORE INFO

responsive-portfolio

This tutorial will teach you how to inherent visual appeals of filterable portfolios using straight-forward markup, CSS3 and a little bit of jQuery.

How to Build a Responsive Thumbnail Gallery – MORE INFO

responsive-thumbnail-gallery

In this tutorial you will learn how to build a responsive thumbnail gallery.

Responsive Content Navigator With CSS3 – MORE INFO

responsive-content-navigator

This tutorial will show you how to create a content navigator with CSS only.

Responsive Coming Soon HTML5 Page Tutorial – MORE INFO

responsive-html-5

In this tutorial we’ll create a coming soon template, 100% responsive, that will help you keep your users informed while you are building a new website.

Convert Menu to Dropdown – MORE INFO

convert-menu-to-dropdown

This tutorial will teach you how to convert your regular row of links into a drop down menu.

Build Responsive Site Week Designing Responsively Part 1 – MORE INFO

build-responsive-in-a-week

This tutorial will teach you the basics of creating a responsive website for mobile devices.

Create a Responsive Web Design with Media Queries – MORE INFO

responsive-web-design

In this tutorial how to convert a previous WordPress theme design into a responsive layout, while taking into consideration the design’s original grid structure.

Beginner’s Guide to Responsive Web Design – MORE INFO

beginners-responsive

This tutorial is intended both for beginners and advanced web designers in creating mobile responsive websites.

Designing for a Responsive Web – MORE INFO

designing-responsive-web

In this tutorial, you will learn the do’s and don’ts of designing websites for mobile responsiveness.

CSS Responsive Navigation Menu – MORE INFO

css-responsive-navigation

This tutorial will teach you how make a responsive toggle on hover menu which is more user friendly.

Build a Responsive, Mobile-Friendly Web Page With Skeleton – MORE INFO

built-with-skeleton

In this tutorial you will learn how to use a boilerplate called Skeleton to take the headaches out of designing and building a responsive web page.

How to Use CSS3 Orientation Media Queries – MORE INFO

css3-orientation

This tutorial will focus on the orientation of media queries and also demonstrate on how to use it.

Adaptive Layout Media Queries – MORE INFO

adaptive-layout

This tutorial will teach you how to create a beautiful website employing adaptive layouts and optimized for the latest mobile devices.

Responsive Images Experimenting with Context Aware Image Sizing – MORE INFO

responsive-images

This tutorial will teach you how to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions.

Responsive Web Design: A Visual Guide – MORE INFO

responsive-design-visual

This tutorial shows how to build a mobile responsive site thru a video presentation. It covers all the basic things needed to get you started.

Elements of Responsive Web Design – MORE INFO

elements-design

In this tutorial, an in depth discussion of the elements of web design is presented.

Responsive Web Nav – MORE INFO

response-nav

This tutorial walk you through on how to build a simple navigation from the ground using the CSS3 media queries and jQuery to display it in a small screen size like the smartphones properly.

User Opt-out Responsive Web Design – MORE INFO

user-opt-out-responsive-design

Responsive Design – MORE INFO

responsive-design

This tutorial is going to walk you through how to create an adaptive web experience that’s designed mobile-first

How to Use CSS3 Media Queries to Create a Mobile Version of Your Website – MORE INFO

mobile-version

In this tutorial, you will learn how to convert an existing website into a mobile responsive website.

Handling Typography Responsive Design – MORE INFO

typography-responsive

This tutorial covers how to effectively format font types to be responsive as well.

The Sparkbox Responsive Design Process – MORE INFO

sparkbox

A graphic tutorial about responsive web design process.

Big Menus, Small Screens: Responsive, Multi Level Navigation – MORE INFO

big-menu-small-screen

In this responsive website tutorial to responsive navigation, you will learn how to use an approach that can accommodate large, multi-level navigation menus using media queries and jQuery, whilst trying to keep markup simple and external resources minimal.

Responsive Horizontal Layout – MORE INFO

responsive-layout

This tutorial will show you how to create a horizontal layout with several content panels.

Responsive Web Design – MORE INFO

responsive-web

This responsive web design tutorial aims to show how to create a responsive design of a web page adaptable to different screen resolutions, and providing a concrete example.

Optimizing your emails for mobile devices With the @media query – MORE INFO

mobile-devices

A quick tutorial on how to properly handle emails using the @media query.

Fluidgrids – MORE INFO

fluidgrids

This tutorial pretty much discusses how to make grids fluid and resize according to the browser’s window.

Responsive Design – MORE INFO

bootstrap

This tutorial is about how to apply responsive design feature into your web layout.

Creating Responsive Stylish with CSS3 and HTML5 – MORE INFO

responsive-form

This tutorial provides a basic introduction on how to make responsive sites using HTML5 and CSS3.

5 Useful CSS Tricks for responsive Design – MORE INFO

useful-css

A tutorial of 5 most commonly used CSS tricks along with sample cases for coding responsive designs. They are simple CSS properties such as min-width, max-width, overflow, and relative value — but these properties play an important part in responsive design.

Responsive Web Design – MORE INFO

responsive-web-design

Working with Fluid Images in Dreamweaver CS6 – MORE INFO

dreamweaver-cs6

In this tutorial, you will see how to manage fluid images integrated within the website using Dreamweaver CS6.

반응형

+ Recent posts